/* CSS Document */

@font-face {
	font-family: montse;
	src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
	font-family: montsefina;
	src: url(../fonts/Montserrat-Light.ttf);
}
@font-face {
	font-family: montsemedium;
	src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
	font-family: montsesemibold;
	src: url(../fonts/Montserrat-SemiBold.ttf);
}
@font-face {
	font-family: montsebold;
	src: url(../fonts/Montserrat-Bold.ttf);
}
@font-face {
	font-family: montseextrabold;
	src: url(../fonts/Montserrat-ExtraBold.ttf);
}


body{
	margin:0; padding:0; border: 0; text-align:center; background-color:#446443; font-size:17px;height:100%; min-height: 100%; width:100%;
	overflow-x:hidden; font-family: montse; font-weight:400; /*background-image: url("../img/fondo_molon.jpeg"); background-position: center top; background-repeat: no-repeat; background-size: cover;*/
	
	
}


img{
	border:none;
	margin: auto;
}

*{ outline:none !important; }

.sindisplay{ display: none; }
.oculto{ display: none; }




/*@media screen and (max-height:400px) and (orientation:landscape) {
	
	.botoneraHome2 .botonHome { width: 40px; height: 40px; margin:0; }
	.botoneraHome2 .botonHome div { line-height: 40px; margin: 0 35px 0 5px; }
	.botoneraHome2 .botonHome:Hover div { font-size:12px; }
}*/

/*Fuentes*/

.mayus{ text-transform: uppercase; }
.justificado{ text-align: justify; } 



.fina{ font-family: montsefina; font-weight:300; }
.regular{ font-family: montse; font-weight:400; }
.medium{ font-family: montsemedium; font-weight:500; }
.semibold{ font-family: montsesemibold; font-weight:600; }
.bold{ font-family: montsebold; font-weight:700; }
.extrabold{ font-family: montseextrabold; font-weight:800; }

.azul_osc{ color: #096caa !important; }
.azul{ color: #0099ce !important; }
.verde{ color:#446343 !important; }
.blanca{ color: white !important; }
.negra{ color: black !important; }
.gris{ color:#7b8790 !important; }
.amarilla{ color: #ffc75a !important;}
.orange{color:#e58619 !important;}   

.errormovil{ color: white; font-weight: bold; display:none; text-align: center; text-shadow: 2px 3px 0px rgba(0,0,0,0.6); }  

/* MENU */   

.b_menu_movil{ position:absolute; top:28px; right:20px; z-index:1000; display:block; cursor: pointer; }

/*.caja_menu{ position:relative; box-sizing: border-box; top:0px; width:1024px; font-size:15px; padding: 20px 0 0 0; margin:0 auto 0px auto; z-index:999; height:90px; background-color: #446343;   }*/
.caja_menu{ position:fixed; box-sizing: border-box; top:0px; left:0px; right: 0px; width:1024px; font-size:15px; padding: 20px 0 0 0; margin:0 auto 0px auto; z-index:999; height:90px; background-color: #446343;   }
.box_caja_menu{ position:relative; top:0px; width:100%; font-size:15px; margin:0 auto 0px auto; z-index:999; height:100vh; background-color: transparent; z-index: 4; }

.caja_menu2{ position:absolute; top:0px; width:100%; font-size:15px; margin:0 auto 0px auto; z-index:999; background-color: transparent; z-index: 2; }
.banda_negratop{ position: relative; background-color: #000000; opacity: 0.3; height: 154px;  }


.titapp{ position: relative; text-align: left; font-size: 28px; line-height: 28px; margin-left: 20px; }
.subtitapp{ position: relative; text-align: left; font-size: 18px; line-height: 18px; margin-top: 5px;  margin-left: 20px; }

.titapp2{ position: relative; text-align: center; font-size: 59px; padding: 20px 0 0 0; line-height: 59px; }
.subtitapp2{ position: relative; text-align: center; font-size: 39px; line-height: 39px; margin-top: 10px; }

.claramenu{ background-color:#efefef; }

#menu1{ display:inline-block; vertical-align: middle; }
#menu2{ display:none }



nav{
	
	position: fixed;
	top: 90px;
	left: 0px;
	z-index: 9000;
	padding:0 0 0 0;
	width: 100%;
	background-color: #446343;
	display: none;
	
	/*font-size:0.7em;*/
	
	
}


nav ul{
	
	font-size:14px;
	background-color:transparent;
	overflow:hidden;
	/*background-color:red;*/
	list-style:none;
	padding:0 0 0 0;
	width:100%;
	margin:auto;
	/*border:1px solid red;*/
	
	
}

nav li ul{
	position:absolute;
	overflow:hidden;
	/*background-color:#474747;*/
	background-color:#0a75b8;
	margin:2px 0 0 0;
	z-index:2;
	/*border-top:2px solid #03639c;
	border-bottom:2px solid #03639c;*/
	border: 1px solid #03639c;
	
	
			
}

nav li a{
	
	color:#fff !important;
	text-decoration:none;
	display:block;
	cursor:pointer;
	padding:0px 12px;
}


nav li ul li{
	padding:8px 10px 8px 10px;
	/*border-bottom:1px solid #474747;*/
	text-align:left;
		
}


.submenu{
	display:none;
	
}

.submenu a{
	color:#fff !important;
	text-decoration:none;
	display:block;
	margin-bottom:0px !important;
	
	
}

.submenu a:hover{
	color:#FFF;
	text-decoration:underline;
	
	
}

.overmenu{
	background-color:#909b31 !important;
}
.overmenu a{
	color:white !important;
	
}

.menu{
	/*float:left;*/	
	display: inline-block;
	padding:8px 0;
	/*border:1px solid red;*/
	/*height:18px;*/
	

}

.menu a:hover{ color: #dad63d !important; }
.menu ul a:hover{ color: #ff !important; }

.sep_menu{
	
	/*float:left;*/
	display: inline-block;
	width:15px;
	height:25px;
	
}


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

	.caja_menu{ width: 100%; }

	.titapp2{ position: relative; text-align: center; font-size: 39px; padding: 20px 0 0 0; line-height: 39px; }
	.subtitapp2{ position: relative; text-align: center; font-size: 26px; line-height: 26px; margin-top: 10px; }

	.banda_negratop{ position: relative; background-color: #000000; opacity: 0.3; height: 120px;  }

}

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

	.sep_menu{ display: none; }
	.menu{ float:left; display: block; width: 100%; }
}

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

	.titapp2{ position: relative; text-align: center; font-size: 25px; padding: 20px 0 0 0; line-height: 25px; }
	.subtitapp2{ position: relative; text-align: center; font-size: 16.5px; line-height: 16px; margin-top: 10px; }

	.banda_negratop{ position: relative; background-color: #000000; opacity: 0.3; height: 92px;  }

}

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

	.caja_menu{ padding: 25px 0 0 0;}
	.titapp{ position: relative; text-align: left; font-size: 22px; line-height: 22px; margin-left: 20px; }
	.subtitapp{ position: relative; text-align: left; font-size: 14px; line-height: 14px; margin-top: 5px;  margin-left: 20px; }


}


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

	.caja_menu{ padding: 30px 0 0 0;}

	.titapp{ position: relative; text-align: left; font-size: 16px; line-height: 16px; margin-left: 20px; }
	.subtitapp{ position: relative; text-align: left; font-size: 10px; line-height: 10px; margin-top: 5px;  margin-left: 20px; }

	.titapp2{ position: relative; text-align: center; font-size: 20px; padding: 23px 0 0 0; line-height: 20px; }
	.subtitapp2{ position: relative; text-align: center; font-size: 13.5px; line-height: 14px; margin-top: 10px; }

	.banda_negratop{ position: relative; background-color: #000000; opacity: 0.3; height: 92px;  }

}


/* FIN MENU */

/*CONTENIDO */



.box_contenido{ position: relative; box-sizing: border-box; max-width: 1024px; height: auto;  margin: auto; padding: 40px 0px 0px 0px; text-align: left; overflow-x: hidden;  }

.content_pop{ position: absolute; top:90px; left: 0; right: 0; bottom: 0; width: 1024px; height: calc(100% - 90px); margin: auto; z-index: 9; overflow-x: hidden; display: none; }

.box_popup{ position: relative; top:0px; left:1025px; /*height: calc(100% - 90px);*/ height: 100%; width: 100vw; max-width: 1024px; background-color: white; z-index: 9;cursor: pointer; overflow-y: auto; text-align: left; }
.box_popin{ position: relative; background-color: transparent; width: 90%; margin: auto; padding: 40px 0 40px 0; box-sizing: border-box; font-size: 12px;  }

.tit_informacion2{ position: fixed; box-sizing: border-box; top:90px; left: 0; right: 0; margin: auto; font-size: 18px; width: 100%; padding-left: 51.2px; max-width: 1024px; height: 47px; line-height: 47px; background-color: #ffffff; opacity:0; z-index: 99; }
.box_popin img{ width: 100%; }


#bpop{ display: none; }
.bcerrarpopup{ position: fixed; top: 95px; right: 0; left: 0; font-size: 30px; z-index: 99; padding-right: 21.2px; width: 100%; max-width: 1024px; margin: auto; box-sizing: border-box; }  
.bcerrarx{ position: relative; float: right;  }


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

	.tit_informacion2{ padding-left: 5%; }
	.box_contenido{ position: relative; max-width: 1024px; height: calc(100vh - 90px);  overflow-y: auto; margin: auto; padding: 40px 5% 40px 5%; }
	.bcerrarpopup{ position: fixed; top:95px; right: 20px; font-size: 30px; z-index: 99; padding-left: 10px; max-width: 1024px; }  
}   



/* FIN CONTENIDO */

/* PIE */

.ini_box_pie{ position: absolute; bottom: 0px; width: 100%; z-index: 2; }

.caja_pie{ position: relative; width: 100%; padding: 0px 0; }

.box_pie{ position: absolute; box-sizing: border-box;  background-color: transparent; width: 100%; top: 25px; margin: auto; height: 50px; text-align: center; z-index: 4; }
.box_pie img{ height: 100%; display: inline-block; vertical-align: middle; margin: 0 15px; }

.box_pienormal{ position: relative; bottom: 0px; width: 1024px; padding: 20px 0; background-color: #446343; margin: auto; }
.box_pienormal2{ position: relative; box-sizing: border-box;  background-color: transparent; width: 100%; padding: 0px 0; margin: auto; height: 50px; text-align: center; z-index: 4; }
.box_pienormal2 img{ height: 100%; display: inline-block; vertical-align: middle; margin: 0 15px; }

.banda_negrabottom{ position: relative; background-color: #000000; opacity: 0.3; height: 100px; }  

@media screen and (max-width:1024px) {
	.box_pienormal{ position: fixed; width: 100%; z-index: 3; }
}


/* FIN PIE */