﻿@charset "utf-8";
/* CSS Document */

/* Fuentes usadas
Google Fonts Montserrat:700,900 | Noto Serif:400i  | Open Sans: 400,700
font-family: 'Montserrat', sans-serif;
font-family: 'Noto Serif', serif;
font-family: 'Open Sans', sans-serif;
*/

body {
    overflow-x: hidden;
    color:#222 !important;
    font-family: 'Open Sans', sans-serif !important; 
    font-weight:400 !important;
	font-size:150% !important;
	line-height:1.7 !important;
}
h1, h2, h3, h4, h5 {  
    font-weight:700 !important; 
    font-family: 'Montserrat', sans-serif !important; 
}

h1 {    }
	
h2 {    }

h3 { 
	font-size:105% !important;
   }
	
.lead {
	font-size:125%;
    font-weight:400 !important;
    color:#222;
}

@media only screen and (max-width: 992px) {
    .lead {
    font-size: 120% !important;
    }
}

/* <ENCABEZADO> */
.encabezadoMovil {
    padding:10px 0px;
}

.menuSecciones {
    padding-top:30px;
}

.menuMovil {
    background-color:#64A67E;
    padding-top:10px;
    padding-bottom:10px;
}

@media only screen and (max-width: 1200px ) {    
    .menuSecciones {
    padding-top:15px !important;
    }
}

@media only screen and (max-width: 992px) {    
    .menuSecciones {
    padding-top:0px !important;
    }
}
.iconLogo { 
    padding:10px;
}
/* </ENCABEZADO> */

/* <CARRUSEL> */
.bannerPpal {
    background-color:#001A36;
}
.carousel .item {
    width: 100%; /*slider width*/
}
.carousel .item img {
    width: 100%; /*img width*/|
}
/* </CARRUSEL> */

/* <SERVICIOS> */
#fServicios {
    padding-top:60px;
    padding-bottom:20px;
    background-color:#000;
    color:#fff;
}
#fServicios h4 {
    font-size:140%;
    margin-top:15px !important;
    margin-bottom:20px !important;
    word-break:break-all !important;
}
#fServicios h5 {    
    font-family: 'Noto Serif', serif !important;
    font-weight:400 !important;
    font-style:italic;
    font-size:105%;
    color:#64A67E;
    margin-top:5px;
    margin-bottom:5px;
}
#fServicios p {    
    color:#999;
}
/* </SERVICIOS> */

/* <BENEFICIOS> */
#fBeneficios {
    padding-top:60px;
    padding-bottom:80px;
    background-color:#fff;
}
#fBeneficios h1 {
    font-size:450%;
    font-weight:900 !important; 
    line-height:.8;
    letter-spacing:-3px;
    margin-top:5px !important;
    margin-bottom:20px !important;
    word-break:break-all !important;
}

#fBeneficios h2 {
	font-size: 350%;
	font-weight: 900 !important;
	line-height: 0.8;
	letter-spacing: -3px;
	margin-top: 5px !important;
	margin-bottom: 20px !important;
	word-break: break-all !important;
	text-transform: uppercase;    
}

#fBeneficios a {
    color:#000;
    text-decoration:underline;
}

#fBeneficios a:hover {
    color:#64A67E;
}


@media only screen and (max-width: 992px) {    
    #fBeneficios h1 {
    font-size:300%;
    }
    #fBeneficios h2 {
    font-size:200%;
    letter-spacing:0px !important;
    word-break:break-all !important;
    }
}
/* </BENEFICIOS> */

/* <CALL TO ACTION> */
#fCall {    
    color:#fff;
	background-image: url(../images/fondo-call.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-color: #000;
    background-attachment:fixed;
    padding-top:70px;
    padding-bottom:90px;
}
#fCall h1 {
    margin-top:25px;
    margin-bottom:5px;
	font-size:250%;
}	
#fCall p {   
    font-family: 'Noto Serif', serif !important;
    font-weight:400 !important;
    font-style:italic;
    font-size:105%;
    margin-top:10px;
    margin-bottom:10px;
}
/* </CALL TO ACTION> */

/* <CIFRAS> */
#fCifras {    
	background-color: #fff;
    padding-top:60px;
    padding-bottom:30px;
}
#fCifras h3 {
    margin-top:0px;
    margin-bottom:5px;
    color:#64A67E;
    font-size:350% !important;
    font-weight:900 !important;
}	

#fCifras h3 small {
    color:#64A67E !important;
    font-size:30% !important;
    font-weight:900 !important;
}

#fCifras h4 {
    margin-top:5px;
    margin-bottom:5px;
    font-family: 'Open Sans', sans-serif !important; 
    font-weight:700 !important;
}
#fCifras h5 {
    margin-top:5px;
    margin-bottom:5px;
    color:#666;
    font-family: 'Open Sans', sans-serif !important; 
    font-weight:400 !important;
}
/* </CIFRAS> */


/* <FRANJA PIE> */  
#fPie {
    color:#fff;
	background-color: #000;
	padding-top:25px;
	padding-bottom:20px;
    border-top: solid 5px #64A67E;
}

#fPie a {
    color:#fff;
}
/* </FRANJA PIE> */

/* <ESPACIOS> */
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p40 {padding:40px !important;}

.pt0 {padding-top:0px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt25 {padding-top:25px;}

.pb0 {padding-bottom:0px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb25 {padding-bottom:25px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.pl20 {padding-left:20px;}
@media only screen and (max-width: 992px) {
    .pl20 {padding-left:0px;}
}

.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb25 {margin-bottom:25px;}

/* <VARIOS> */
.puntoH1 {
    font-size:30% !important;
    padding-left:3px;
}
.textoRosa {
    color:#944747;
}
.textoVerde {
    color:#64A67E;
}

.listaRosa ul, .listaVerde ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.listaRosa li {
	background-image: url(../images/vineta-rosa.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.listaVerde li {
	background-image: url(../images/vineta-verde.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.btnBlanco {
    border: 3px solid #fff !important;
    color:#fff;
}
.btnBlanco:hover {
    border: 3px solid #64A67E !important;
    color:#64A67E !important;
}
.btn {
    border-radius:0px !important;
}
.breakWord {word-break:break-word}

.montserrat {
    font-weight:700 !important; 
    font-family: 'Montserrat', sans-serif !important; 
}
/* <VARIOS> */