body {


}

::selection {background:#fff;color:#000;}

::-webkit-input-placeholder {
    color: #fff; 
}

:-moz-placeholder { /* Firefox 18- */
    color: #fff; 
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #fff; 
}

:-ms-input-placeholder {  
    color: #fff;  
}

a, a:link, a:visited {    -webkit-transition-duration: .50s, .2s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-duration: .5s, .3s;
    -O-transition-duration: .5s, .3s;
    -ms-transition-duration: .5s, .3s;
}

a:hover {}




h1 {font-size: 42px;color: #000;text-align: left;}

h2 {font-size: 24px;color: #000;text-align: left;}



.top10 {margin-top: 10px !important;}
.top20 {margin-top: 20px !important;}
.top30 {margin-top: 30px !important;}
.top40 {margin-top: 40px !important;}
.top50 {margin-top: 50px !important;}

.pad10 {padding-top: 10px !important;}
.pad20 {padding-top: 20px !important;}
.pad30 {padding-top: 30px !important;}
.pad40 {padding-top: 40px !important;}
.pad50 {padding-top: 50px !important;}

.clear{clear: both;width: 100%;}
.center {text-align: center}
.margincero {margin: 0;padding: 0;}
.margin1 {margin: 0;padding: 1px;}


#header {width: 100%;background-image: url('../img/top_full.jpg');}
.slide {background-attachment: fixed;}
.background {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 650px;}

#header2 {width: 100%;background-image: url('../img/top_full2.jpg');}

#header .promo {
    background: rgba(0, 83, 135, 0.54);
    margin-top: 70px;
    padding-bottom: 50px;
}

#header .social {padding: 0 150px 0 150px;margin-top: 25px;}

#header .promo h1 {font-size: 32px;text-align: center;font-weight: 600;color: #fff;margin-top: 50px;text-shadow: 0px 1px 3px rgba(45, 45, 45, 0.68);}
#header .promo p {
    color: #fff;
    margin-bottom: 1px;
    font-size: 22px;
    text-align: center;
}

.logo {background: rgba(255, 255, 255, 0.96);border-radius: 0 0 55px 0;padding: 20px;box-shadow: 2px 1px 5px rgba(45, 45, 45, 0.18);}

.badge {
    margin-top: 230px;
    right: -52px;
}

.reg_badge img {
  
}

.aviso {text-align: center;}
.aviso a {color: #005387;}

#container {
    box-shadow: 0px -20px 30px rgba(45, 45, 45, 0.18);
    padding-top: 1px;
}

#container h1, #container_bot h1 {
    font-size: 24px;
    color: #33769F;
    font-weight: 500;
}
#container .cuadro, #container_bot .cuadro {
    background: #33769F;
    width: 15px;
    height: 15px;
    float: left;
    top: 13px;
    position: relative;
    margin-right: 5px;
}

#container p, #container_bot p {color: #33769F;}

#container .promo h1 {font-size: 32px;text-align: center;font-weight: 600;}

#servicios h2 {text-align: center;width: 100%;color: #fff;font-size: 22px;}
#servicios h3 {text-align: center;width: 100%;color: #005387;font-size: 14px;font-weight: 600;margin:15px 0 15px 0;}
#servicios .emisor {background: #6950a1}
#servicios .timbrado {background: #00723f}
#servicios .receptor {background: #dc661e}
#servicios li {color: #005387;font-size: 14px;line-height: 20px;}

#servicios .servicio {cursor: pointer;height: 220px;overflow: hidden;
 -webkit-transition-duration: .4s, .5s;
    -webkit-transition-timing-function: linear, ease-out;
    -moz-transition-duration: .4s, .5s;
    -O-transition-duration: .4s, .5s;
    -ms-transition-duration: .4s, .5s;}
#servicios .servicio:hover {height: 450px;}

#servicios .servicio a{width: 100%;float: left;}

#footer {background: #005387; padding: 10px;width: 100%;text-align: right;}
#footer span {color: #fff;text-align: right;}
#footer a {width: 50px;height: 50px;}
#footer img {
    width: 30px;
}



/* CONTACTO */

#form {float: left;width: 500px;clear: both;margin-top: 30px;margin-left:80px;}
.contacto h2 {color: #777;margin-bottom: 30px;padding: 5px;text-align: center;font-size: 24px;font-weight: 500;}
.form {position: relative;width: 500px;height: 200px;margin-top: 30px;float: left;}
#contact_form {
    background: #fff;
    padding: 20px 0 20px 0;
    border-radius: 15px;
    box-shadow: 0 3px 9px rgba(44, 44, 44, 0.21);
}
#contact_form ul {width: 100%;height: 100%;float: left;margin-top: -20px}
#contact_form ul li {margin: 0px 0 0px 0;list-style: none;float: left;position: relative;width: 100%;clear:left;}
#contact_form .right {float:right;width:50%;clear:none;margin-top: 0px;}
#contact_form label {line-height: 3px;text-align: right;width: 100%;color: #005387;font-size: 14px;
font-weight: 200;top: -2px;position: relative;right: 7px;}

#contact_form input, #contact_form textarea {padding: 4px;border: none;color: #000;
    font-size: 14px;box-shadow:none;background: #e6e6e6; /* Old browsers */
    -webkit-transition-duration: .4s, .5s;
    -webkit-transition-timing-function: linear, ease-out;
    -moz-transition-duration: .4s, .5s;
    -O-transition-duration: .4s, .5s;
    -ms-transition-duration: .4s, .5s;
}

.requerido {display: none;margin: 0;padding: 0;color: #A00000 !important;}
.requerido textarea {margin-left:0}
#contact_form select {margin: 0 0 10px 0}
#contact_form input:hover, #contact_form textarea:hover {outline: none;}
#contact_form input:focus, #contact_form textarea:focus {outline: none;color: #F08035;}
#contact_form input {width: 100%;height: 27px;margin-bottom: 10px;padding-left: 15px;
}
#contact_form textarea {width: 100%;height: 65px;resize: none;padding-left: 15px;}
#contact_form #button {text-align: right;}
#contact_form input.button {margin: 0px 0 0 0px;width: 100%;clear: both;height: 70px;display: inline-block;padding-left: 0;border-radius: 12px;}
#contact_form input.button {text-decoration: none;color: #eee;font-size: 45px;background: #3b3b39; cursor:pointer;
    -webkit-transition-duration: .4s, .5s;
    -webkit-transition-timing-function: linear, ease-out;
    -moz-transition-duration: .4s, .5s;
    -O-transition-duration: .4s, .5s;
    -ms-transition-duration: .4s, .5s;
   font-weight: 100;

   background-image: -webkit-gradient(     linear,     left bottom,     right bottom,     color-stop(0, #015487),     color-stop(1, #33769F) );
background-image: -o-linear-gradient(right, #015487 0%, #33769F 100%);
background-image: -moz-linear-gradient(right, #015487 0%, #33769F 100%);
background-image: -webkit-linear-gradient(right, #015487 0%, #33769F 100%);
background-image: -ms-linear-gradient(right, #015487 0%, #33769F 100%);
background-image: linear-gradient(to right, #015487 0%, #33769F 100%);
}
#contact_form input.button:hover {color: #CAD400;}
#contact_form input.button:active {
    color: #F08035;
    -webkit-box-shadow: 0px 0px 10px 1px #ccc;
    -moz-box-shadow: 0px 0px 10px 1px #ccc;
    box-shadow: 0px 0px 10px 1px #ccc;
}

.error {color: #19a44a;display: none;font-size: 13px;position: relative;list-style: none;width: 100%;}
.success {position: relative;color: #2d2d2d;padding: 0;font-size: 12px;display: none;color: #19a44a;}
.fail {position: relative;padding: 0;font-size: 12px;display: none;color: #19a44a;}



@media only screen and (min-width: 768px) {

  
}


@media only screen and (max-width: 780px) {

  


}

@media only screen and (max-width: 767px) {


 



}