:root{
	--azul:#001b7c;
	--blanco:#f0f5fd;
	--gris : #f8f8f8;
	--azul_claro : #1f56ba;
	--verde : #336601;
	--azul_celeste: #3c6bbd;
	--celeste_claro : #ade9ff;
	--celeste: #0ABEFF;
	--dorado: #f1ad5c;
}
*{font-family: 'Roboto Condensed', sans-serif; margin:0; padding: 0;list-style: none; text-decoration: none; cursor: default;}
a{cursor: pointer;}
h1{font-size: 2.5em; color: var(--main-color); text-align: center; margin: 1em 0; width: 100%;}
h3{text-align: center; margin: 1em 0;}
h2{font-size: 2.2em; text-align: center; margin: 1em 0; width: 100%; }
p{width: calc(100% - 4em); padding:  0 2em; text-align: justify;}
.margin-bottom{margin-bottom: 3em !important;}


::-webkit-input-placeholder {
   text-transform: capitalize;
}

:-moz-placeholder {
   text-transform: capitalize;
}

::-moz-placeholder {
   text-transform: capitalize;
}

:-ms-input-placeholder {
   text-transform: capitalize;
}
body{background-color: #FFF;}
.contenedor{min-height: 100vh;}

.azul{color: var(--azul) !important;}
.azul_claro{color:var(--azul_claro) !important;}

.cabecera{position: fixed; top: 0; left: 0;z-index: 2;}
body{padding-top: 120px;}
header{width: 100%; height: 120px;background-color: var(--gris); border-bottom: 3px inset var(--main-color);border-color:#2fcccb}
header .redes{width: 100%; height: 28px; background: var(--azul); display: flex;}
header .redes ol{width: 100&; height: 100%; display: flex; justify-content: flex-start; align-items: center;}
header .redes ul{width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center;}
header .redes li{ margin-right: 10px; color: #FFF; display: flex; font-size: 0.9em; font-family: Open Sans;}
header .redes li *{color: #FFF; font-weight: bold;}
header .redes li a *{color: #FFF; padding-left: 8px; cursor: pointer;}

header .caja{width: 100%; margin:0 auto; height: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
header .caja .logo{height: calc(100% - 25px); display: flex; align-items: center; width: 100%; justify-content: center;}
header .caja .logo .imagen{height: 100%; width: auto; padding: 0 1em;}
header .caja .logo .imagen img{width: auto; height: auto; max-height: calc(100% - 1em); padding: 0.5em 1em; background: transparent;}
header .caja .logo .frase{height: 100%;display: flex; align-items: center; flex-wrap: wrap;}
header .caja .logo .frase .aux_frase{font-size: 1.2em;}
header .caja .logo .frase .nombre{font-family: Times New Roman; font-weight: bold; text-align: center; font-size: 1em; position: relative; text-transform: uppercase; }

header .caja .logo .frase .slogan{color: var(--main-color); text-align: center;font-family: Open Sans; font-size: 0.8em; letter-spacing: 3px;}
header .caja .logo .frase .datos_cmp{color: var(--main-color); text-align: center;font-weight: bold; font-size: 0.8em; letter-spacing: 3px;}

header .caja .menu{width: 100%; height: 25px; display: flex; align-items: center; justify-content: space-between; background: var(--azul);}
header .caja .menu ul{display: flex; width: 70%; display: flex; justify-content: flex-start;}
header .caja .menu ul li{position: relative; height: 25px; display: flex; align-items: center; width: 20%; text-align: center; justify-content: center;}
header .caja .menu ul li.active a, header .caja .menu ul li.active .main_menu{color: var(--dorado);}
header .caja .menu ul li a,.main_menu{font-weight: bold; font-family: Open Sans; font-size: calc(10px + 0.15vw); color: #FFF; }
header .caja .menu ul li a:hover,.main_menu:hover{text-decoration: underline; color: var(--dorado);}
header .caja .menu ul li:hover ol{display: flex;}
header .caja .menu ul li ol{display: none; flex-wrap: wrap;width: 100%;position: absolute;top: 100%;z-index: 2; }
header .caja .menu ul li ol li{width: 100%;background: #FFF; text-align: left;}
header .caja .menu ul li ol li:nth-of-type(n+1){border-bottom: 1px solid var(--azul)}
header .caja .menu ul li ol li a{color: var(--azul)}

header .caja .menu ol{display: flex; width: 20%; justify-content: flex-end;}
header .caja .menu ol li{height: 25px; display: flex; align-items: center; width: 50%; text-align: center; justify-content: center;}
header .caja .menu ol li.active a{color: var(--dorado);}
header .caja .menu ol li a{font-weight: bold; font-family: Open Sans; font-size: calc(10px + 0.15vw); color: #FFF; }
header .caja .menu ol li a:hover{text-decoration: underline; color: var(--dorado);}
header .caja .menu ol li.intranet{background: var(--verde); }
header .caja .menu ol li.transparencia{background: var(--azul_celeste);}


#cabecera_min{display: none;position: fixed; top:0; left: 0; z-index: 10; border-bottom: 3px inset var(--azul)}

#cabecera_min .caja .menu{position: absolute; right: 15px; top: 10px;display: flex; justify-content: flex-end; align-items: flex-start; height: 50px; background: transparent;}
#cabecera_min .caja .menu .btn_menu{cursor: pointer; font-size: 2em; background: var(--azul); color: #FFF; padding: 10px;}
#cabecera_min .caja .menu .btn_menu * {cursor: pointer;}
#cabecera_min .caja .menu .menu_mobile{display: none; width: calc(100% - 2em) !important;padding: 0 1em !important; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.7); flex-wrap: wrap; align-items: center; justify-content: center;}
.menu_mobile ul{width: 100% !important; display: flex !important; flex-wrap: wrap; justify-content: center !important; align-items: flex-start;}
.menu_mobile ol{width: 100% !important; display: flex !important; flex-wrap: wrap; justify-content: center !important; align-items: flex-start;}
.menu_mobile li{width: 100% !important; border-bottom: 2px solid #FFF; }
.menu_mobile li a{font-size: calc(12px + 0.1vw) !important; letter-spacing: 3px;}

.menu_mobile .aux{position: relative;}
.menu_mobile .btn_cerrar{position: absolute; top: -20px; right: 0; color: #FFF; cursor: pointer;}
.menu_mobile .btn_cerrar *{cursor: pointer;}

footer{width: calc(100% - 2em); padding: 1em; display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap; background: #333;}
footer h5{color: #FFF; font-family: sans-serif;}
footer h5 a{text-decoration: underline; color: #FFF; cursor: pointer;}

li.intranet{position:relative;}
.login_intranet{position: absolute; font-size: 0.8em;  display: none;
	top: calc(100% + 0.5em); right: 0.5em;
	width: 250px;
	padding: 1em;
	border-radius: 8px;
	background:#FFF;
	/*border:1px solid #cfcfcf;*/
	-webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,.1),-2px 0px 5px 0px rgba(0,0,0,.1),0px 2px 5px 0px rgba(0,0,0,.1),-2px 0px 5px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,.1),-2px 0px 5px 0px rgba(0,0,0,.1),0px 2px 5px 0px rgba(0,0,0,.1),-2px 0px 5px 0px rgba(0,0,0,.1);
	box-shadow: 2px 0px 5px 0px rgba(0,0,0,.1),-2px 0px 5px 0px rgba(0,0,0,.1),0px 2px 5px 0px rgba(0,0,0,.1),-2px 0px 5px 0px rgba(0,0,0,.1);
	}
.login_intranet::before{content: "";background:transparent;
height: 0;width: 0;
 position: absolute; top: calc(0% - 1em); right: calc(62.5px - 1em);
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-bottom: 1em solid #FFF;

}

.dato{overflow:hidden; width: 100%; display: flex; flex-wrap: wrap;}
.dato:nth-of-type(n+2){margin-top: 10px;}
.dato input{width: calc(100% - 1em); border:1px solid #cfcfcf; padding: 0.5em; border-radius: 8px;}
.dato .btn_ingresar{width: 100%; display: flex; justify-content: center; align-items: center; background: var(--azul); color: #FFF; cursor: pointer; border-radius: 8px; height: 25px;}


@media (max-width: 1023px){
	.no-mobile{display: none}
	#cabecera_min{display: flex; padding: 10px 0;}
	body{padding-top: 140px;}
	/*header .caja .menu{display: none}*/
	header .caja .logo{height: 100%;flex-wrap: wrap;}
	header .caja .logo .imagen{height: calc(100% - 70px)}
	header .caja .logo .imagen img{max-height: 100%; padding: 0}
	header .caja .logo .frase{width: 100%; height: 70px;}
	header .caja .logo .frase .nombre{font-size: calc(16px + 0.3vw)}
	header .caja .logo .frase .aux_frase{width: 100%;}

	footer h5{width: 100%; text-align: center; margin-bottom: 10px;}

	header .caja .menu ul li{height: auto; display: flex; flex-wrap: wrap; justify-content: center;}
	header .caja .menu ul li ol{width: 100%;position: inherit !important; display: none; height: 0; overflow: hidden;}
	header .caja .menu ul li:hover ol{height: auto;}
	header .caja .menu ul li:hover .main_menu{border-bottom: 1px solid #FFF; width: 100%;}
	header .caja .menu ul li ol li{background: transparent; color: #FFF}
	header .caja .menu ul li ol li a{color: #FFF}
	header .caja .menu ul li ol li:nth-of-type(n+1){border-bottom: 1px solid #FFF !important;}

	.login_intranet::before{content: ""; display: none}
	.login_intranet{
		height: auto;
		right: 0; top: 100%;
		background: transparent;width: calc(100% - 2em - 4px);
		border:2px inset #FFF;
		border-radius: 0px;
		border-top: none;
	}
	.dato{color: #111}

}