@font-face {
  font-family: 'Klavika-LightCond_0';
  src: url('/css/fonts/Klavika-LightCond_0.woff2') format('woff2'),
       url('/css/fonts/Klavika-LightCond_0.woff') format('woff'),
       url('/css/fonts/Klavika-LightCond_0.ttf')  format('truetype');
}

@font-face {
  font-family: 'Klavika-MediumCond_0';
  src: url('/css/fonts/Klavika-MediumCond_0.woff2') format('woff2'),
       url('/css/fonts/Klavika-MediumCond_0.woff') format('woff'),
       url('/css/fonts/Klavika-MediumCond_0.ttf')  format('truetype');
}

@font-face {
  font-family: 'Klavika-RegularCond_0';
  src: url('/css/fonts/Klavika-RegularCond_0.woff2') format('woff2'),
       url('/css/fonts/Klavika-RegularCond_0.woff') format('woff'),
       url('/css/fonts/Klavika-RegularCond_0.ttf')  format('truetype');
}

@font-face {
    font-family: 'Klavika-Bold-Condensed';
    src: url('/css/fonts/Klavika-BoldCondensed.woff2') format('woff2'),
        url('/css/fonts/Klavika-BoldCondensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




BODY{font-family: 'Klavika-RegularCond_0', sans-serif; background:url('/images/bg_grey.png'); background-position:center center; background-size: 100% 100%; min-height:100vh}

.mt60{margin-top:60px;}

#s_ini{height:100vh; padding-top:20px;}
	#logo_ini{height:22vh;}
	#logo_financia{height:auto; max-width:95%;}
	#c_s_ini P:nth-child(2) A{font-family:'Klavika-LightCond_0'; color:#782578!important; font-size:95px; line-height:95px; text-decoration:underline; text-decoration:none}
	#c_s_ini P:nth-child(3){font-family:'Klavika-RegularCond_0'; color:#5b5b5f; font-size:25px; line-height:35px; margin-bottom:30px;}
	#c_s_ini P:last-child{margin-top:40px}
		#c_s_ini P:last-child A{display:inline-block; color:#5b5b5f!important; font-size:23px; width:90px}
			#c_s_ini P:last-child A.active{color:#782578!important; font-weight:bold}

#header{background:#782578; padding:10px; height:55px; overflow: hidden;}
	#header A{text-decoration:none}
#s_menu{height:100vh; padding-top:20px;}
	#s_menu .row:first-child{font-family:'Klavika-LightCond_0'; color:#782578!important; font-size:70px; line-height:120px; text-decoration:underline; text-decoration:none}

.c_menu{margin-top:30px;}
.btn_menu{display:inline-block; border-radius:25px; padding:15px; line-height:40px; font-size:35px; color:#fff; text-decoration:none; width:90%; padding-left:80px; position:relative; margin-left:10%}
	.btn_menu:hover{color:#fff; text-decoration:none}
	.btn_menu IMG{position:absolute; left:-10%; top:-20px;}
.menu_orange{background:#fa8605!important}
.menu_green{background:#457a81!important}
.menu_blue{background:#1d3581!important}

#s_teinteresa{overflow-x:hidden}
#s_teinteresa .container-fluid{padding-right: 0px; padding-left:0px}
#s_teinteresa H3{color:#782578; font-size:40px; margin-top:10px; margin-bottom:10px;}
#l_link_teinteresa P{margin-bottom:10px}
	#l_link_teinteresa P:not(.comodin_c_institucion) A{display:inline-block; width:100%; color:#fff; background:#782578; font-family: 'Klavika-MediumCond_0'; padding-top:1px; padding-bottom:1px; padding-left:10px; font-size:25px;}
	#l_link_teinteresa P.sub A{display:inline-block; width:100%; color:#fff; font-family: 'Klavika-LightCond_0'!important; background: rgb(174,134,177); background: linear-gradient(0deg, rgba(174,134,177,1) 0%, rgba(169,141,172,1) 100%); font-family: 'Klavika-MediumCond_0'; padding-top:1px; padding-bottom:1px; padding-left:40px; font-size:25px; line-height:28px;}
	#l_link_teinteresa P.sub2 A{display:inline-block; width:100%; color:#fff; font-family: 'Klavika-LightCond_0'!important; background: rgb(174,134,177); background: linear-gradient(0deg, rgba(174,134,177,1) 0%, rgba(169,141,172,1) 100%); font-family: 'Klavika-MediumCond_0'; padding-top:1px; padding-bottom:1px; padding-left:60px; font-size:25px; line-height:28px;}

#h_teinteresa{}

/*#l_link_teinteresa{height: calc(100vh - 150px); overflow-y:scroll; padding-bottom:80px}**/
#l_link_teinteresa{height: calc(100vh - 100px); overflow-y:scroll; padding-bottom:10px}
#c_buscador{position: fixed; bottom: 0px; background: #782578; left: 0px; width: 100%; padding-top:5px; padding-bottom:5px}
	#c_buscador .col-12{color:#fff; font-family: 'Klavika-MediumCond_0'; font-size:20px;}
	
	#c_buscador .col-12 SPAN{display:inline-block;}
	#c_buscador .col-12 SPAN:first-child{width: 22%; text-align: right; padding-right: 10px;}
	#c_buscador .col-12 SPAN:nth-child(2){width: 50%;}
	#c_buscador .col-12 SPAN:last-child{width: 22%; text-align: left; padding-left: 5px;}
	
		#c_buscador .col-12 INPUT[type="text"]{width:100%; border-radius:5px; border:0px; padding-left: 8px; font-size: 20px; padding-top: 0px; padding-bottom: 0px;}
			#c_buscador .col-12 INPUT:focus {outline: none; box-shadow: none;}
		/*#c_buscador .col-12 INPUT[type="submit"]{color:#fff; background:none; border:0px; font-size: 55px; padding: 0px; line-height: 25px;}*/
		#c_buscador .col-12 #btnsearch{color: #fff; background: none; border: 0px; font-size: 60px; line-height: 26px; padding-top: 0px; vertical-align: text-bottom; padding-left:0px} 

#c_filter{position: fixed; bottom: 40px; background: #fff; left: 0px; width: 100%; padding-top:5px; padding-bottom:5px; overflow:hidden; height:40px; padding-left:10px;}
	#c_filter DIV{min-width:100%; overflow-x:scroll; white-space:nowrap; height:45px; padding-top:2px}
		#c_filter DIV INPUT{margin-left:15px}

.comodin_c_institucion{display:none}
	.comodin_c_institucion SPAN{display:inline-block; width:100%}
	.comodin_c_institucion SPAN:first-child{padding-right:10px; margin-bottom:5px;  margin-top:0px; text-align:right}
		.comodin_c_institucion SPAN:first-child IMG{width:15px; height:auto;}
	.comodin_c_institucion SPAN:nth-child(2){padding-left:15px; padding-right:15px; font-family: 'Klavika-LightCond_0'; line-height:25px; font-size:20px}
	.comodin_c_institucion SPAN:last-child{text-align:center; margin-top:7px;}
		.comodin_c_institucion SPAN:last-child IMG{width:20px; height: auto}
		.know_more{display:inline-block; background:#782578; font-family: 'Klavika-MediumCond_0'; padding-top:1px; padding-bottom:1px; padding-left:10px; padding-right:10px; font-size:20px; color:#fff; border-radius:5px; margin-left:20px}

#s_apoyo .container-fluid{padding-left:0px; padding-right:0px; overflow-x: hidden;}
#h_apoyo{height:calc(100vh - 150px);}

#s_algunavez{height:calc(100vh - 55px); background:#782578; overflow-x: hidden;}
	#s_algunavez .container-fluid{padding-left:0px; padding-right:0px; height:100%}
		#s_algunavez .container-fluid .row:first-child{height:100%}

#h_pregunta{font-family: 'Klavika-LightCond_0'; line-height:35px; font-size:30px; padding-top:10px; color:#fff}

#s_algunavez_resultado .container-fluid{padding-right: 0px; padding-left:0px; overflow-x: hidden;}
	#s_algunavez_resultado .container-fluid .row .col-12 H3{color:#5b5b5f; margin-top:10px; font-family:'Klavika-Bold-Condensed'; font-size:35px; margin-bottom:0px}
	#s_algunavez_resultado .container-fluid .row .col-12 P{color:#5b5b5f; margin-top:0px; font-family:'Klavika-LightCond_0'; font-size:25px}
		#s_algunavez_resultado .container-fluid .row .col-12 P SPAN{color:#5b5b5f; font-family:'Klavika-RegularCond_0'; font-size:25px}

#info_puntos{width:90%; margin:0 auto; padding:20px; background:#792577; border-radius:20px; color:#fff; font-family:'Klavika-RegularCond_0'; font-size:25px}
	#info_puntos H2 {font-size:45px}
		#info_puntos H2 SPAN{font-family:'Klavika-LightCond_0'; font-size:45px}
	#info_puntos P{color:#fff!important; margin-bottom:0px}
		#info_puntos P:nth-child(2){font-family:'Klavika-RegularCond_0'!important; font-size:20px!important; line-height:22px}
		#info_puntos P:nth-child(3){font-family:'Klavika-MediumCond_0'!important; font-size:40px!important}
#link_te_interesa{display:inline-block; background:#792577; border-radius:15px; color:#fff; width:90%; margin:0 auto; line-height:40px;}
#c_warning IMG{max-width:90%}
#c_warning A{color:#792577; text-decoration:underline}

#resultado_ppal{display:inline-block; position:absolute; right:10px; margin-top:-45px}
	#resultado_ppal IMG{width:95px; height:95px;}

.item_result{border-top:2px solid #782578; }
	.item_result P{padding-left:25px; color:#5b5b5f; font-family:'Klavika-LightCond_0'; padding-right:15px}
		.item_result P A{color:#5b5b5f; font-family:'Klavika-LightCond_0'; padding-right:15px}
	.item_result P:first-child{margin-top:10px; margin-bottom:5px; font-size:25px; line-height:25px}
	.item_result P:last-child{margin-bottom:10px; font-size:20px; line-height:25px;}

.comodin_institucion:hover{text-decoration:none}

.gm-style-iw BUTTON{margin-top: 7px !important; margin-right: 7px !important;}
#c_resutlado_test P{padding-left:15px; padding-right:15px}

@media (max-width: 400px){
	body{overflow-x:hidden}
	/*body:not(.scroll){overflow-y:hidden}*/
	#s_ini{height:100vh; padding-top:40px;}
	#logo_ini{height:22vh;}
	#c_s_ini P:nth-child(2) A{font-family:'Klavika-LightCond_0'; color:#782578; font-size:65px; line-height:65px}
	#c_s_ini P:nth-child(3){font-family:'Klavika-RegularCond_0'; color:#5b5b5f; font-size:25px; line-height:30px; margin-bottom:5px;}
	
	.btn_menu {display: inline-block; border-radius: 25px; padding: 15px; padding-left: 15px; line-height: 25px; font-size: 25px; color: #fff; text-decoration: none; width: 90%; padding-left: 70px; position: relative; margin-left: 10%; }
		.btn_menu IMG{width:75px; height:75px; top: -10px;}
	.c_menu{margin-top:10px;}
}
