@charset "utf-8";

html{
	width:100vw;
	height:100vh;
}

body{
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../imagenes/fondo_adm_login.jpg?v=1);
	background-repeat: no-repeat;
	background-position: center;
	font-family: 'Oxygen', sans-serif;
	margin:0;
}

.advertencia {
	font-size: 18px;
	color: #FFFFFF;
	background-color: #C4F0FF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(26,66,125,0.5);
	margin: 5%;
	font-weight: normal;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
}

.area_superior {
    background-color: rgba(26,66,125,0.5);
}
.div_recordar_clave {
	padding: 1.5%;
	margin: auto;
	width: 80%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #999;
	outline: 0;
	background-color: rgba(174,221,255,0.5);
}

.login_div_campo {
	width: 66%;
    float: left;
    padding: 2%;
    font-size: 1vw;
    text-align: center;
}

.titulo-login{
	font-size: 2vw;
    margin: 0% 0% 3% 0%;
    text-align: center;
    background-color: #fff7;
    padding: 1%;
    border-radius: 0.5vw;
}

.login {
    padding-top: 5%;
    width: 35%;
    margin: auto;
}

.login_div {
    padding: 5%;
    width: 90%;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    outline: 0;
    background-color: #034892c7;
    color: #fff;
    font-size: 2vw;
}

.login_error {
	padding: 20px;
	width: 400px;
	outline: 0;
	color: #F00;
	font-weight: bold;
	text-align: center;
}

.login_etiqueta {
	width: 25%;
    float: left;
    padding: 2%;
    font-size: 1vw;
    font-weight: bold;
    text-align: right;
    color: #fff;
}

.login_campo {
	font-size: 14px;
	border: thin solid #E8E8E8;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #999;
	outline: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	width: 90%;
}
.mensaje_error {
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}
.mensaje_ok {
	font-size: 14px;
	font-weight: bold;
	color: #090;
}

.pan_adm_contenedor_menu {
	float: left;
	padding: 1.5%;
	margin: 0.5%;
	width: 20%;
}


.pan_adm_div_menu {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #999;
	background-color: rgba(255,255,255,0.5);
	float: left;
	padding: 1.5%;
	margin: 0.5%;
	width: 100%;
}


.pan_adm_opcion_menu {
	background-color: rgba(26,66,125,0.15);
	padding: 1%;
	margin: 2%;
	cursor: pointer;
}

.pan_adm_opcion_menu:hover {
	background-color: rgba(26,66,125,0.3);
	font-weight: bold;
}

.pan_adm_opcion_menu_sin_accion {
	background-color: rgba(26,66,125,0.15);
	padding: 1%;
	margin: 2%;
}

.pan_adm_opcion_menu_segundo_nivel {
	background-color: rgba(221,221,221,0.5);
	padding: 1%;
	cursor: pointer;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 25px;
}



.pan_adm_opcion_menu_segundo_nivel:hover {
	background-color: rgba(187,187,187,0.5);
	font-weight:bold;
}

.pan_adm_opcion_menu_segundo_nivel_sin_accion {
	background-color: rgba(221,221,221,0.5);
	padding: 1%;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 25px;
}
.pan_adm_opcion_menu_tercer_nivel {
	background-color: rgba(221,221,221,0.5);
	padding: 1%;
	cursor: pointer;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 50px;
}
.pan_adm_opcion_menu_tercer_nivel:hover {
	background-color: rgba(187,187,187,0.5);
	font-weight: bold;
}

.pan_adm_div_marco {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #999;
	background-color: rgba(188,188,254,0.75);
	width: 73%;
	height: 75%;
	float: right;
	margin: 0.5%;
	padding: 1%;
}

.info_contacto {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #999;
	background-color: rgba(0,0,255,0.15);
	width: 100%;
	padding: 1%;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin-bottom:2%
}

.pan_adm_saludo {
	color: #FFFFFF;
	font-weight: bold;
	padding: 1.5%;
	margin: 0.5%;
	font-size: 150%;
	float: right
}


.pan_adm_intro_menu {
	padding: 1.5%;
	margin: 0.5%;
}

.poweredby {
	font-family: Arial, Helvetica, sans-serif;
	color: #F90;
}


.titulo {
	font-size: 24px;
	color: #FFF;
	background-color: #C4F0FF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(26,66,125,1);
}

.subtitulo {
	font-size: 24px;
	color: #333333;
	background-color: #C4F0FF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(255,255,153,1);
	margin: 5%;
	font-weight: bolder;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
}

.texto {
	font-size: 18px;
	color: #333333;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	margin: 5%;
	font-weight: normal;
	margin-bottom: 2.5%;
	margin-top: 2.5%;
}
.titulo_contacto {
	font-size: 18px;
	color: #FFF;
	background-color: #C4F0FF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(26,66,125,1);
}
.texto_contacto {
	font-size: 14px;
	font-weight: normal;
}