@charset "utf-8";
/* CSS Document */

body {
    width: 100%;
    height: 100%;
    line-height: 1;
    text-align: left;
    font-size: 24px;
    font-family: "Source Sans Pro";
    color: #506a85;
    font-weight: 400;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
nav ul {
    list-style: none;
}
.image {
    display: block;
}
.primarycontainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}
.txt_info {
    float: left;
    width: auto;
    height: auto;
    text-align: left;
    margin-top: 13px;
    margin-left: 8px;
    clear: none;
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: rgb(80, 106, 133);
    font-weight: 400;
}
.img_info {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: black;
    margin-left: 20px;
    margin-top: 13px;
    clear: none;
}
.img_social {
    float: right;
    width: auto;
    max-width: 100%;
    height: auto;
    color: black;
    margin-right: 30px;
    margin-top: 3px;
    clear: none;
}
.img_footer {
    width: auto;
    max-width: 100%;
    height: auto;
    color: black;
    margin-right: 30px;
    margin-top: 3px;
    clear: none;
}
.img_footerinfo {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: black;
    margin-right: 10px;
}
#social_links {
    float: right;
    width: auto;
    height: auto;
    margin-top: 13px;
}
#mainheader {
    background-color: rgb(245, 247, 251);
    box-shadow: 0px 1px 0px 0px rgba(230, 233, 237, 0.004);
    height: 40px;
    z-index: 387;
}
/* NAVBAR */
.navbar{
    height: 112px;
    background-color: #ffffff;
    border-bottom: 1px solid #e6e9ed;
  margin:0;
  padding:30px 0;
  z-index:2;
}
.navbar-form{
  border:none;
  }
.navbar-header{
  height:80px;
  }
.navbar-collapse{
    background-color: #ffffff;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
  padding:0;
  margin:0 0 0 15px;
  }
.navbar-form .input-group{
  display:inline-table;
  vertical-align:middle;
  }
.navbar-form .input-group>.form-control {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 233, 237);
    border-radius: 3px;
    background-color: rgb(245, 247, 250);
    min-width: 115px;
}

.section-blue {
    padding: 20px 0;
    background-image: url(../img/blue_bg.jpg);
    padding-top: 25px;
}
.blue-img {
    display: block;
    margin: 0 auto;
    margin-top: 60px;
}
.blue {
    margin-top: 0px;
}
.img-responsive {
    margin: 0 auto;
}
#register-box {
    width: 100%;
    padding: 20px 0;
    margin-top: 50px;
    margin-bottom: 50px;
    background: #0972ba;
    padding-top: 40px;
    min-height: 780px;
    padding-left: 30px;
    padding-right: 30px;
}
h1 {
    color: #051a51;
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 152px;
    margin-bottom: 40px;
}
h2 {
    font-size: 44px;
    font-weight: 600;
    color: #506a85;
    text-transform: uppercase;
    margin-top: 0px;
}
h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px
}
h3 {
    font-size: 22px;
    font-family: "Source Sans Pro";
    color: #73879c;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 65px;
}
h4 {
    font-size: 26px;
    font-family: "Source Sans Pro";
    color: rgb(80, 106, 133);
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}
.text-muted {
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(115, 135, 156);
    line-height: 1.5;
    text-align: left;
}
#services {
    padding-top: 120px;
    padding-bottom: 120px;
}
.blue-img {
    display: block;
    margin: 0 auto;
    margin-top: 60px;
}
.registertitle {
    font-size: 31px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-align: center;
    font-weight: 600;
}
.registertxt {
    font-size: 18px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
.greentxt {
    color: rgb(214, 255, 71);
}
Label {
    font-size: 13px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    margin-bottom: 7px;
}
.form-control {
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #aaa;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-controlfooter {
    background-color: #4e5c6c;
    border: 1px solid #4e5c6c;
    width: 230px;
    float: left;
    color: #fff;
}


.input-group{
  margin-right:15px;
}
.form-group {
    margin-bottom: 8px;
}
.btnblue {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(47, 155, 195);
    border-radius: 2px;
    background-color: rgb(69, 213, 255);
    box-shadow: inset 0px -2px 0px 0px rgba(59, 184, 220, 0.15);
    width: 100%;
    height: 63px;
    margin-top: 30px;
    font-size: 18px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
}
.btnblue:hover {
    background-color: #3ebbdf;
    font-size: 18px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(47, 155, 195);
    border-radius: 2px;
}
.btnblue:focus .btnblue:active .btnbluelogin:focus .btnbluelogin:active {
    background-color: #0972ba;
}
.btnbluefooter:hover {
    background-color: #3ebbdf;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(47, 155, 195);
    border-radius: 2px;
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid rgb(69, 213, 255);
}
.btnbluefooter {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(47, 155, 195);
    border-radius: 2px;
    background-color: rgb(69, 213, 255);
    box-shadow: inset 0px -2px 0px 0px rgba(59, 184, 220, 0.15);
    width: 100px;
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid rgb(69, 213, 255);
    margin-left: 7px;
}
.btn-primary:hover {
    background-color: #3ebbdf;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(47, 155, 195);
    border-radius: 2px;
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid rgb(69, 213, 255);
}
.btn-primary {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(47, 155, 195);
    border-radius: 2px;
    background-color: rgb(69, 213, 255);
    box-shadow: inset 0px -2px 0px 0px rgba(59, 184, 220, 0.15);
    width: 80px;
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid rgb(69, 213, 255);
}

.btn-azul{
    border-style: solid;
    border-width: 1px;
    border-color: #3fc7ee !important;
    border-radius: 2px;
    background-color: rgb(69, 213, 255);
    box-shadow: inset 0px -2px 0px 0px rgba(59, 184, 220, 0.15);
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
}
.servicio img {
    float: left;
    margin: 0 15px 0;
}
.servicio h4,
.servicio p {
    float: left;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:#45d5ff !important;}

.footer .contact {
    padding: 75px 0;
    background-color: #2f4052;
    color: #a3b1bf;
    font-size: 14px;
}
.footer .section-heading {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.footer ul {
    margin-top: 25px;
}
.footer ul li {
    list-style: none;
    margin-bottom: 6px;
}
.footer .copyright {
    background-color: #283645;
    color: #707e8c;
    font-size: 14px;
    text-align: center;
    padding: 33px 0;
}
.media-left img {
    margin-right: 20px;
    margin-top: 9px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 400px) {
    #social_links {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
.container{
  padding:0 75px;
  }
    h1 {
        margin-top: 0;
    }
    .footer .placeholder {
        margin-bottom: 70px;
    }
.navbar-form .input-group>.form-control {
    min-width: 210px;
}
.navbar-form .input-group{
  clear:both;
  margin-bottom:15px;
  width:100%;
  }
  
  .btn-primary{
  width:100%;
  }
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modalloading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/Content/img/FhHRx.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modalloading {
        display: block;
    }