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

/* Fuentes usadas
Google Fonts Lato 400,700,900 | Dancing Script 700
font-family: 'Lato', sans-serif;
font-family: 'Dancing Script', cursive;
*/

body {
    overflow-x: hidden;
    font-family: 'Lato', sans-serif !important;
    font-weight:400 !important;
	font-size:150% !important;
	line-height:1.5 !important;
    color:#555 !important;
	background-color: #fff; 
}
h1, h2, h3, h4, h5 {  
    font-weight: 700 !important;
    font-family: 'Lato', sans-serif !important;
    color:#163248 !important;
	line-height:1.5 !important;
}

.lead {	
    font-weight: 400 !important;
    font-size:125% !important;
}

/* <DATOS CONTACTO> */
#fContacto {background-color:#09B3CB; color:#163248; padding-top:5px; padding-bottom:5px; font-size:90% !important;}

#fContacto a {color:#163248;}

#fContacto .thIcons {padding: 0px 5px;}

.datosContacto {
    text-align:right;
}

@media only screen and (max-width: 992px) {
    #fContacto {padding-bottom:5px; background-color:#19344B; color:#fff;}
    #fContacto a {color:#fff;}
    .datosContacto {
        text-align: center;
    }
}
/* </DATOS CONTACTO> */

/* <ENCABEZADO> */
#fEncabezado {
    background-color: #fff;
    padding-top: 20px;
    line-height: 1.2 !important;
}

.iconLogo {padding:10px;padding-left:10px;}
/* </ENCABEZADO> */

/* <CARRUSEL> */
.bannerPpal {
    background-color:#CECEBF;
}
.carousel .item {
    width: 100%; /*slider width*/
}
.carousel .item img {
    width: 100%; /*img width*/
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}
/* </CARRUSEL> */

/* <SERVICIOS> */
#fServicios {
    background-color:#799EA2;
    padding:60px 0px 30px 0px;
	background-image: url(../images/pixel-weave.png);
	background-repeat: repeat;
}
#fServicios .foto {
  background-color:#fff;
}
#fServicios .recuadro {
  background-color:#fff;
  padding:10px 20px 20px 20px;
}

#fServicios .recuadro h3 {
  font-weight:900 !important;
  font-size:120% !important;
  margin-top:0px !important;
  margin-bottom:5px;
}

#fServicios h3 a {
  color:#163248 !important;
}

@media only screen and (max-width: 992px) {
    #fServicios {
        padding: 40px 0px 30px 0px;
    }
}
/* </SERVICIOS> */ 

/* <NOSOTROS> */
#fNosotros {
    background-color:#F1F5F6;
    padding:40px 0px 30px 0px;
	background-image: url(../images/pixel-weave.png);
	background-repeat: repeat;
}

#fNosotros h3 {
  font-weight:700 !important;
  font-size:120% !important;
  margin-top:0px !important;
  margin-bottom:0px;
}

#fNosotros h3 a {
  color:#163248 !important;
}

#fNosotros h4 {
  font-family: 'Dancing Script', cursive !important;
  font-weight:700 !important;
  font-size:180% !important;
  margin-top:0px !important;
  margin-bottom:5px;
  color:#0093A5 !important;
}
/* </NOSOTROS> */ 

/* <CARACTERISTICAS> */
#fCaracteristicas {
    padding-top: 35px;
    padding-bottom: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#163248+0,3b4a77+50,4693b7+100 */
    background: #163248; /* Old browsers */
    background: -moz-linear-gradient(left, #163248 0%, #3b4a77 50%, #4693b7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #163248 0%,#3b4a77 50%,#4693b7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #163248 0%,#3b4a77 50%,#4693b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163248', endColorstr='#4693b7',GradientType=1 ); /* IE6-9 */
}

#fCaracteristicas h3 {
  font-weight:700 !important;
  font-size:110% !important;
  margin-top:0px !important;
  margin-bottom:0px;
  color:#fff !important;
}

#fCaracteristicas h4 {
  font-weight:400 !important;
  font-size:90% !important;
  margin-top:0px !important;
  margin-bottom:0px;
  color:#A8B1BD !important;
  letter-spacing:3px;
}

#fCaracteristicas h4 a {
  color:#A8B1BD !important;
}
/* </CARACTERISTICAS> */ 

/* <PROCESO> */
#fProceso {
    background-color:#fff;
	background-image: url(../images/fondo-punteado.png);
	background-repeat: repeat-x;
    background-position:top;
    padding-top:50px;
    padding-bottom:40px;
}

#fProceso .foto {
  background-color:#fff;
}

#fProceso h3 {
  font-weight:900 !important;
  font-size:110% !important;
  margin-top:5px !important;
  margin-bottom:5px;
}

@media only screen and (max-width: 992px) {
    #fProceso {
        background-color: #fff;
        background-image: none;
    }
}
/* </PROCESO> */ 

/* <CLIENTES> */
#fClientes {
    background-color:#fff;
    padding-top:15px;
    padding-bottom:0px;
}

#fClientes .logos {padding:5px 20px;}

/* </CLIENTES> */ 


/* <PIE> */
#fPie {
    background-color: #F1F5F6;
    padding: 30px 0px 30px 0px;
    background-image: url(../images/pixel-weave.png);
    background-repeat: repeat;
}

#fPie h3 {
  font-weight:900 !important;
  font-size:105% !important;
  margin-top:5px !important;
  margin-bottom:10px;
}

#fPie a {
    color: #111;
}

#fPie li {
    padding-bottom:5px;
}

@media only screen and (max-width: 992px) {
    #fPie {
    }
}
/* </PIE> */

/* <SUBIR> */
#fSubir {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#163248+0,3b4a77+50,4693b7+100 */
    background: #163248; /* Old browsers */
    background: -moz-linear-gradient(left, #163248 0%, #3b4a77 50%, #4693b7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #163248 0%,#3b4a77 50%,#4693b7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #163248 0%,#3b4a77 50%,#4693b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163248', endColorstr='#4693b7',GradientType=1 ); /* IE6-9 */
    padding: 25px 0px 5px 0px;
    color: #fff;
}

#fSubir a {
    color: #fff !important;
}
#fSubir a:hover {
    color: #00D2EB !important;
}
#fSubir .azul {
    color: #00D2EB !important;
}

#fSubir li {
    padding:15px;
}

/* </SUBIR> */

/* <VARIOS> */
.btn {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding:15px 20px 10px 20px !important;
    font-weight: 900 !important;
}

/* </VARIOS> */

/* <ESPACIOS> */
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt25 {padding-top:25px;}

.mt0 {margin-top:0px !important;}

.mb0 {margin-bottom:0px !important;}
.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}
.mb50 {margin-bottom:50px;}

.plr0 {padding-right: 0px !important; padding-left: 0px !important;}
/* </ESPACIOS> */


/* <WHATSAPP> */
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 40px;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    background-color: #0CC243 !important;
}

    .float:hover {
        color: #FFF !important;
        background-color: #0AA037 !important;
    }

.my-float {
    margin-top: 16px;
}


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

    .float {
        right: 20px;
    }
}
/* </WHATSAPP> */