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


body{ width:100%; font-size:12px; margin:0 0; padding:0 0; border:none; background-color:#f1f1f1; font-family: 'Montserrat', sans-serif; } 

.centrador{ } 


#cookiesFuera {
    width: 100%;
	box-sizing:border-box;
    display: none;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
}

#cookies {
    margin: auto;
    padding: 10px 50px 10px 20px;
    background: none repeat scroll 0% 0% #ffffff;
    max-width: 1200px;
    color: #919191;
    font-size: 13px;
}

#cookies .close {
    color: #919191;
    font-weight: bold;
    width: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none !important;
    height: 20px;
    top: 5px;
    right: 5px;
    border: 1px solid #919191;
    position: absolute;
    display: block;
    margin: 10px;
}

/* EMULA BOTÓN SWEETALERT */ 

.b_sweetalert{ border: 0; border-radius: 0px; background: initial; background-color: #023262; color: #fff; font-size: 1.0625em; margin: 0.3125em; font-size: 16px;
    padding: 10px 1.1em;
    box-shadow: none;
    font-weight: 500; } 

/*cabecera*/

.cabecera{
	position:relative;
	width:100%;
	margin:auto;
	overflow:hidden;
}

.cabecera_logo{
	position:relative;
	width:978px;
	margin:auto;
	overflow:hidden;
	/*border:1px solid red;	*/
	
	
}

.bmenu_movil{
	
	position:absolute;
	top:30vw;
	right:10px;
	display:none;
	cursor:pointer;
	
}

.logo{
	
	float:left;
	width:354px;
	padding:22px 0px 0px 20px;
	margin:auto;
	position: relative;
	/*border:1px solid red;*/
	
}
.tex_ediciones{ position: absolute; top: 37px; right: 0px; color: #232972; font-weight: 500; font-size: 18px; text-transform: uppercase; transform: rotate(20deg); }

.separa_cabecera{ width:100%; height:5px; clear:both; }

.tex_logo{ float:left; color:#12147b; font-weight:500; font-size:25px; margin:-5px 0 0 20px; }

.logosegg{
	
	float:right;
	width:153px;
	padding:30px 0px 0px 0px;
	margin:auto;
	position: relative;
	/*border:1px solid red;*/
	
}


.titlogueado{ text-transform: uppercase; margin: 0 0 4px 0; }

.nomlogueado{ text-transform: uppercase; padding: 0 8px 0 0; text-align:center; }

.logueo{ overflow:hidden; padding: 10px 0px; }

.olvidaste{ width:100%; margin:10px auto 0 auto;  }

.olvidaste a{ color:#6b6b6b; text-decoration:none;  }

.olvidaste a:hover{ text-decoration:underline; }

.caja_logueo{ background-color: white; color:#6b6b6b; border:none; width:168px; height:18px; padding:0 0 0 5px; font-style:italic; outline:none; font-size:12px; margin-right:7px; margin-bottom: 10px; }

.b_logueo{ width:72px; height:18px; background-color:#023262; border:none; color:white; font-weight:500; font-size:12px; outline:none; }

.raya_rojo{
	
	width:100%;
	margin:0 auto 0 auto;
	height:8px;
	background-color:#023262;
	
}

.menu{
	width:978px;
	margin:20px auto 0 auto;
	overflow:hidden;
	text-transform:uppercase;
	font-size:14px;
	font-weight:500;
	display:block;
	/*border:1px solid yellow;*/
	text-align: center;

	
}

.menu a{
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	color:#3b3b3b;
	text-decoration:none;
	padding:0px 15px;
	height:21px;
	line-height:21px;
	display:block;
	font-size:13px;
	
}

.menu a:hover{
	display:block;
	background-color:#023262;
	color:white;
}

.menu ul{
	list-style:none;
	padding:0 0;
	margin:0 0;
	height:21px;
}

.menu ul li{
	
	display:inline-block;
	
	
}

.separa_menu{
	color:#c99617;
	height:21px;
	
}

.fijo{
	background-color:#023262;
	color:white !important;
}


/* contenedor */

.contenedor{
	overflow:hidden;
	width:978px;
	margin:30px auto 0 auto;
	/*border:1px solid red;*/
	
}



/*pie*/

.raya_rojo_pie{ width:100%; margin:0 auto 0 auto; height:10px; background-color:#023262; }

.caja_pie{ width:100%; background-color:white; overflow:hidden; padding:35px 0 0 0; }

.pie{
	 
	width:978px;
	margin:auto;
	overflow:hidden;
	font-size:0px;
	text-align: center;
	
}

.tex_avalado{ color:#023262; font-size:15px; text-align:center; margin-bottom:12px; }

.logospie1{ width:165px; display:inline-block; vertical-align:middle; margin: 0 30px 20px 30px; }
.logospie2{ width:225px; display:inline-block; vertical-align:middle; margin: 0 30px 20px 30px; }

/*.logospie1{ width:20%; display:inline-block; vertical-align:middle; }
.logospie2{ width:20%; display:inline-block; vertical-align:middle; }
.logospie3{ width:25%; display:inline-block; vertical-align:middle; }
.logospie4{ width:20%; display:inline-block; vertical-align:middle; }
.logospie5{ width:15%; display:inline-block; vertical-align:middle; }*/

.logo_formacion{ width:100px; margin:40px auto 15px auto; }

.tex_transparencia{ font-size:14px; font-weight:500; color:#023262; text-align:center; margin:20px 10px 30px 10px; }

.sello_pie{ width:90px; margin:0 auto 15px auto; }

.pierojo{ width:100%; text-align:center; height:78px; background-color:#023262; color:white; }
.pierojo a{ color:white; font-size:11px; }


/* fuentes */

.montse{ font-family: 'Montserrat', sans-serif; }
.arimo{ font-family: 'Arimo', sans-serif; }

/*colores letras */

.grisclaro{ color:#dfdfdf; }
.verde{ color:#206c4d; }
.grisoscuro{ color:#3c3a3a; }
.normal{ color:#6c6c6c; }
.azul{ color:#155289; }
.rojo{ color:red; } 
.rojoweb{ color:#023262;}
.negra{ color:#000; }
.blanca{ color:#fff; }
.verdeweb{ color:#6ec725; } 


@media screen and (max-width:1000px) {
		
	.cabecera_logo{ width:100%; } 
		
	.tex_logo{ font-size:20px; }

	.logosegg{ padding:40px 20px 0px 0px; margin:auto; }

	
	.nomlogueado{ padding:0 10px 0 0; }
	
	.contenedor{ width:95% }

	.centrador{ text-align:center !important; }
	
	.pie{ width:95%; text-align:center; }
	
	/*.logospie1{ width:160px; margin-bottom:20px; }
	.logospie2{ width:160px; margin-bottom:20px; }
	.logospie3{ width:160px; margin-bottom:20px; }
	.logospie4{ width:160px; margin-bottom:20px; }
	.logospie5{ width:160px; margin-bottom:20px; }
	
	.logospie1 img{ width:95%; }
	.logospie2 img{ width:95%; }
	.logospie3 img{ width:95%; }
	.logospie4 img{ width:95%; }
	.logospie5 img{ width:95%; }*/
	
	
	
	.menu{ width:100%; }
	
	.tex_transparencia{ font-size:13px; }
}

@media screen and (max-width:800px) {
	
	.logosegg{ padding:40px 40px 0px 0px; margin:auto; }
	
	.logueo{ clear:both; float:none; width:450px; margin:auto; margin-bottom: 10px; /*border:1px solid red;*/ }
	
	.nomlogueado{ padding:0 0px 0 0; width:100%; text-align:center; }
	
	.tex_logo{ padding-bottom:20px; }
	
	.bmenu_movil{
	
		display:block;
	
	}
	
	.menu{
		display:none;
		height:auto;	
		margin-top: 0px;
	}
	
	.menu ul { height:auto; }
	
	.menu ul li{ width:100%; text-align:center; }
	
	
	.menu ul li{
	
		float:none;
		border-left: none;
		border-bottom:1px solid black;
		
	}
	
	.separa_menu{
		display:none !important;
		
	}
	
	.tex_transparencia{ font-size:12px; }
}


	
@media screen and (max-width:600px) {
		
	.logo{ float:none; width:354px; margin:auto; }

	.separa_cabecera{ width:100%; height:5px; clear:both; }

	.tex_logo{ float:none; margin:0px 0 0 0px; text-align:center; font-size:16px; }

	.logosegg{ float:none; width:153px; padding:10px 0px 10px 0px; margin:auto; }
	
	.logueo{ float:none; text-align:center; max-width: calc(100% - 120px); }
	
	.nomlogueado{ padding:0 0 0 0; }
	
	.tex_transparencia{ font-size:11px; }
}

@media screen and (max-width:520px) {
	
	.logueo{ width:95%; }
	
	.caja_logueo { width:100%; margin-bottom:10px; }

		
}

@media screen and (max-width:400px) {
		
	.logo{ float:none; width:80%; margin:auto; }
	.logo img{ width:100%; }

	.separa_cabecera{ width:100%; height:5px; clear:both; }

	.tex_logo{ float:none; margin:0px 0 0 0px; text-align:center; font-size:16px; }

	.logosegg{ float:none; width:153px; padding:10px 0px 10px 0px; margin:auto; }
	
	.tex_transparencia{ font-size:10px; }
}


table { width:100%; border-collapse: collapse; margin:auto; font-size:13px; text-align:center; }
th { color:#FFFFFF; background-color:#8eaadb; padding:6px; }
td, th { border: 1px solid black; padding:6px; }
.primeraColumna { color:#FFFFFF; background-color:#8eaadb; font-weight:bold; width:150px; }

@media all and (max-width: 600px) {
	.primeraColumna { width:auto; }
}

/*---------------------------------  pestañas -----------------------------*/

.pestaniaContenedor {
	display: flex;
	align-items: stretch; /* fuerza la misma altura entre los hijos */
	gap: 2px; /* espacio entre pestañas */
}


.pestania{ box-sizing: border-box; padding: 8px 12px; border-radius: 10px 10px 0px 0px; font-size: 15px; font-weight: bold; color:#000000; text-align: left; background-color: #dbd8cc; text-decoration: none; border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3;  }


.pestaniaActiva{ color:#005189; background-color: #ffffff; }


@media screen and (max-width:1000px) {
	.pestania{ font-size: 14px; }
}

@media screen and (max-width:800px) {
	.pestania{ font-size: 13px; }
}

@media screen and (max-width:500px) {
	.pestania{ font-size: 12px; padding: 6px 10px; }
}

@media screen and (max-width:400px) {
	.pestania{ font-size: 11px; }
}

@media screen and (max-width:360px) {
	.pestania{ font-size: 10px; }
}