body{
	font-family: 'Lato', sans-serif;
    overflow-x: hidden;
    color: #4d4d4d;
}
.margintop{
	margin-top: 25px;
    margin-bottom: 20px;
}
.atel{
	font-size: 1.5em;
    color: #4e4e4e;
    -webkit-transition: color 0.3s; /* Safari */
    transition: color 0.3s;
}
.aask{
    font-size: 1em;
    color: #c7c7c7;
    -webkit-transition: color 0.3s; /* Safari */
    transition: color 0.3s;
}
.flechacol{
    color: #12807c !important;
}

.cuetioniconn {
    color: #5e9e9c !important;
}

.flechitaabajo {
 background: url(../img/flechabajo.png) no-repeat 96% 16px #e2e2e2 !important;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
}

.atel:hover{    
    color: #5e9e9c;
    text-decoration: none;
}
.aask:hover{    
    color: #5e9e9c;
    text-decoration: none;
}
.textrtop{
	text-align: right;
}
.telicon{
	color: #5e9e9c;
	margin-right: 8px;
}
.askicon{
    color: #c7c7c7;
    margin-right: 8px;
}
.menucampo{
	text-align: center;
	margin-right: 7.1%;
}
.lastmenucampo{
	margin-right: 0;
}
.with100{
	width: 100%;
    background-color: #e8e8e8 !important;
    padding-left: 0;
    padding-right: 0;
}
.linkmenu{
	font-size: 1.1em;
    text-transform: uppercase;
    color: #838383 !important;
    padding: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0 !important;
    padding-right: 0 !important;
     -webkit-transition: color 0.3s; /* Safari */
    transition: color 0.3s;
}
.linkmenu:hover{
    color: #4c4c4c !important;
}

.leermas{
    color: #4d4d4d;
    font-size: 1.2em;
    text-align: right;
    display: block;   
    -webkit-transition: color 0.3s; /* Safari */
    transition: color 0.3s;
}

.leermas:hover{
    color: #5e9e9c;
    text-decoration: none;
}

.inputstl{
    margin-bottom: 20px;
    background: #e2e2e2;
    color: #909090;
    border: 0;
    border-radius: 0;
    font-size: 1.2em;
    height: 42px;
}
.btnstl{
	border-radius: 0;
    background-color: #2c9f9c;
    outline: 0;
    border: 0;
    color: #ffffff;
    font-size: 1.6em;
    padding-left: 37px;
    padding-right: 37px;
    margin-top: 3px;
    margin-bottom: 2px;
    -webkit-transition: background 0.3s; /* Safari */
    transition: background 0.3s;
}
.linkejemploPreguntas{
    color: #4d4d4d;
    margin-left: 14px;
    text-decoration: none;
    font-size: .75em;
    font-weight: 700;
}
.linkejemploPreguntas:hover{
    color: #4d4d4d;  
    text-decoration: none;   
}
.btnstl:hover{
   background-color: #4c4c4c;
    text-decoration: none;
}
.cursicatex{
    font-style: italic;
}

#barfinal{
    background-color: #dcdcdc;
    height: 40px;
}

#imgfooterlogo{
	width: 93%;
}
.titulocentefooter{
	text-align: center;
    font-size: 1.25em;
    margin-bottom: 0;
}
.subtitulocenterfooter{
	text-align: center;
    font-size: 1.2em;
    margin-bottom: 0;
}
.paddfooter{
	padding-top: 40px;
    padding-bottom: 40px;
}
/*PAGINAS INTERIORES*/
.textbanners{
    color: #323232;
    font-size: 2.5em;
    font-weight: 800;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 0;
}
.textabs{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 22.8%;
}
.bannercover{
	position: relative;
}
/*responsive*/

@media only screen and (max-width: 1200px) {
    
    .linkmenu {
        font-size: 1.05em;
    }
    .menucampo {
        margin-right: 5.2%;
    }
    .lastmenucampo {
        margin-right: 0 !important;
    }
  
    
}
@media only screen and (max-width: 1025px) {
	.menucampo {
	    margin-right: 4.6%;
	}
	.lastmenucampo {
	    margin-right: 0;
	}
	.linkejemplo {
	    display: block;
	}
	
}
@media only screen and (max-width: 990px) {
    .menucampo {
        text-align: center;
        margin-right: 0;
    }
    .linkmenu {
        font-size: 1.1em;
        padding-top: 3px;
        padding-bottom: 3px;      
    }
    #navbarToggler{
        position: absolute;
        top: 47px;
        z-index: 15;
        left: 0;
        right: 0;
    }
    .paddg{
        padding-top: 10px;
        padding-bottom: 13px;
    }
    .atel {
        font-size: 1.4em;
    }
    .subttitlAseso {
	    font-size: 1.6em;
	}
	.btnultcenter {
	    margin-top: 130px !important;
	}
}

@media only screen and (max-width: 767px) {
    .lgotop{
        text-align: center;
        margin: auto;
        display: block;
            width: 70%;
    }
    .textrtop {
        text-align: center;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .margintop {
        margin-top: 13px;
        margin-bottom: 15px;
    }
    .atel {
        font-size: 1.4em !important;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon{
        width: 50% !important;
    }
    .imgm1 {
        width: 80%;
        display: block;
        margin: auto;
        margin-bottom: 50px;
    }
    .titulosindex {
        font-size: 1.8em;
        text-align: center;
    }
    .parrafoindex {
        font-size: 1.3em;
        margin-bottom: 15px;
    }
    #divestrafc {
        margin-bottom: 60px;
    }
    .imgzindex {
        display: block;
        margin: auto;
        margin-bottom: 38px;
    }
    .tittleindex2 {
        font-size: 1.9em;
        margin-bottom: 25px;
    }
    .divleermas {      
        margin-top: 0px;
    }
    .titulofinalbtn {
        padding-left: 30px;
        padding-right: 30px;
    }
    .btnstl {
        padding-left: 35px;
        padding-right: 35px;       
    }
    #imgfooterlogo {
        width: 63%;
        display: block;
        margin: auto;
    }
    .titulocentefooter {
        font-size: 1.3em;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .subtitulocenterfooter {
        text-align: center;
        font-size: 1.4em;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 415px) {
    .lgotop {       
        width: 65%;
    }
    .atel {
        font-size: 1.4em !important;
    }
    .linkmenu {
        font-size: 1.1em;
        padding-top: 4px;
        padding-bottom: 4px;
    }
   
    .imgtextbanner {
        margin-bottom: 0px;
        margin-top: 5px;
        width: 55%;
    }
    .parrafobanner {
        font-size: .8em !important;
        margin-bottom: 0;
        text-align: justify;
        line-height: 1.2;
    }
    .leermas {
        font-size: .9em;       
        margin-top: -1px;
    }
    .bannersasesor {
	    width: 100%;
	    height: 94px;
	}
	.textabs {
	    left: 26.8%;
	}
	.subasesoria {
	    font-size: 1.4em !important;
	}
    .seccEsquema {
	    margin-top: 56px !important;
	    text-align: center;
	}
	.seccInver{
		text-align: center;
	}
	.seccahorro{
		text-align: center;
	}
	.seccfina{
		text-align: center;
	}
	.seccAhorroUni{
		text-align: center;
	}
	.seccEsqAhorro{
		text-align: center;
	}
	.seccEsqFideocio{
		text-align: center;
	}
	.textbanners {    
    	font-size: 1.5em;   
	}
	.imgase2{
		margin-top: 0px!important;
		    margin-bottom: 35px;
	}
	.imgase3{
   		margin-top: 0px!important;
	}	
	.imgase4{
		margin-top: 0px!important;
	}
	.imgase5{
		margin-top: 0px!important;
	}
	.subttitlAseso {
	    font-size: 1.4em!important;
	    text-align: center!important;
	}
	.seecgranja {  
	    margin-bottom: 15px !important;
	}
	.spaceleftc {
    	margin-right: 0px !important;
    	height: 532px !important;
    	margin-bottom: 50px;  
	}
	.spacerightc {
	    margin-left: 0px !important;
	}
	.btnultcenter {
	    margin-top: 65px !important;
	}
	.seccEsqFideocio {
    	margin-bottom: 20px !important;
	}
	.subcuadro2 {
    	font-size: 1.3em !important;
    }
   
}

@media only screen and (max-width: 375px) {
	.lgotop {
        width: 56%;
    }
    .atel {
        font-size: 1.2em !important;
    }
    .subttitlAseso {
	    font-size: 1.24em!important;
	}
	.subasesoria {
	    font-size: 1.3em !important;
	}
}

@media only screen and (max-width: 360px) {
	.textbanners {
    	font-size: 1.4em;
	}
	.subasesoria {
	    font-size: 1.3em !important;
	}
	.spacerightc {    
	    margin-top: 60px;
	}
	.bannersasesor {
	    height: 85px;
	}
	.subttitlAseso {
	    font-size: 1.21em!important;
	}
	.spaceleftc {
	    height: 590px !important;
	}
}
@media only screen and (max-width: 320px) {
	.titulocentefooter {
	    font-size: 1em;
	}
	.subtitulocenterfooter {
	    font-size: .88em;
	}
	.atel {
	    font-size: 1.1em !important;
	}
}