*{
	margin:0px;
	padding:0px;
}
body {
	/* background-color: #Ff0000;
	/*background: #E9E9E9 url(images/white-texture.png) repeat;*/
	/*background: #F2F2F2 url(../images/white-texture.png) repeat;*/
	font-size:16px; /*Normalizo tama�o de fuente para todos los navegadores*/
	background: #F2F2F2;
}

h1, h2, h3{
	text-align: center;
	font-family: "Calibri Light";
	font-size:3em;
	font-weight:lighter;
	color:#465d8c;
}
h2{
	font-size:2em;
}
h3{
	font-size:1.2em;
}
p{
	text-align: center;
	font-family: "Calibri Light";
	font-size:2em;
	font-weight:lighter;
	color:#465d8c;
}
/**************************************************HEADER*********************************************************************/

header{
	background:#465d8c;
	margin: 0em auto; /*Para que no se pegue arriba y abajo (0.5 em), auto para que se centre en horizontal*/
	max-width: 100%; /*M�ximo un 98% para que no se pegue de todo a los bordes laterales*/
}
aside#dia, aside#logo, aside#hora{
	display: inline-block;
	vertical-align:middle;
}
aside#dia{
	max-width: 8%;
	color:#FFFFFF;
	font-size:1em;
	text-align:center;
}
aside#logo{
	width: 80%;
	max-width: 80%;
	text-align:center;
}
aside#hora{
	background:#465d8c;
	width: 8%;
}
aside#logo img{
	max-width: 100%; /*RESPONSIVE DESING: Permite que las imagenes y videos sean flexibles*/
}
#imglogo2{
	visibility: hidden;
	max-height:1px;
}
#input_reloj{
	background-color:transparent;
	border:0px;
	disabled:true;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	font-family:"Calibri Light";
}

/**************************************************Fin header*****************************************************************/
/************************************Linea gris**********************/
.lineagris{
	background: #cccccc;
	height: .3em;
}
/********************************************************CUERPO*********************************************************/
aside#contenedor_gmao{
	background-color:#F2F2F2
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

aside#contenedor{
	background: #F2F2F2 url(../../images/principal/white-texture.png) repeat;
}
img.logo_cliente{
	/* Centrar el formulario respecto a su contenedor y */
	display:block;
	margin:2px auto;
	text-align:center;
	width:10%;
}
/************************************************FORMULARIO DE ACCESO***************************************************/
.formacceso{
	color:#FFFFFF;
	font-family:"Calibri Light";
	font-size:1.2em;
	/* Centrar el formulario respecto a su contenedor y */
	margin:1px auto;
	/*Dimensiones y centrado interno*/
	text-align: center;
	width: 40%;
	/*Sombras*/
	-webkit-box-shadow:3px 3px 10px #888;
	-moz-box-shadow:3px 3px 10px #888;
	/*Degradado de fondo*/
	background: -webkit-linear-gradient(#003366, #fff);
	background: -moz-linear-gradient(-45deg, #003366, #fff);
	background: -o-linear-gradient(-45deg, #003366, #fff);
	/*Borde*/
	border:0px;
	border-radius:15px;
}
/* Cambios en el formato de PlaceHolder*/
:-moz-placeholder {
	font-style: italic;
	padding-left:0.5em;
	font-size:1.2em;
}
::-webkit-input-placeholder {
	font-style: italic;
	padding-left:0.5em;
	font-size:1.2em;
}
/*Cambios en el estilo del focus que, por defecto trae l�nea azul*/
*:focus {outline: none;}

/*Cambios en los estilos del encabezado*/

fieldset{
	border:none;
	border-top: 0.2em solid #708090;
	margin:1em;
}
legend{
	font-size:1.3em;
}
#img_legend{
	width:100%;
}
.formacceso ul {
    width:95%;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.formacceso li{
    padding:12px;
    border-bottom:1px solid #eee; /* La linea de sepaci�n de los li*/
    position:relative;
}

/*Estilos a los elementos de entrada de texto*/
.formacceso label {
    width:30%;
    margin-top: 3px;
    display:inline-block;
    padding:3px;
}
.formacceso input {
    height:20px;
    width:55%;
    padding:5px 8px;
}
.formacceso textarea {padding:8px; width:300px;}
/*Otros cambios en formatos*/
.formacceso input, .formacceso textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;/*Sombra de la caja de los inputs y los text area*/
    border-radius:2px;
	padding-right:30px; /*Ampliamos un poco a la derecha para poder meter la imagen*/
	border-radius:.5em;
	}
.formacceso input:focus, .formacceso textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
	/*Interactividad con css*/
	padding-right:40px;/*Aumenta el tama�o de la caja por la derecha*/
	/*Transici�n con navegadores actuales*/
	-moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}

/*Colocaci�n del asterisco rojo en los campos obligatorios*/
input:required, textarea:required {
    /* background: #fff url(../../images/iconos/formulario/asterisco.png) no-repeat 98% center; */
		/* background: #fff url(../../images/iconos/formulario/invalido.png) no-repeat 98% center; */
}
/*En teor�a se podr�a cambiar el estilo de la burbuja de aviso con esto
::-webkit-validation-bubble-message {
    padding: 1em;
	background-color: #465d8c;
	color:#ff0000;
}
*/
 /* Formato para campos no v�lidos */
.formacceso input:focus:invalid, .formacceso textarea:focus:invalid {
    /* background: #fff url(../../images/iconos/formulario/invalido.png) no-repeat 98% center; */
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
 /* Formato para campos  v�lidos */
.formacceso input:required:valid, .formacceso textarea:required:valid {
    background: #fff url(../../images/iconos/formulario/valido.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
/* Estilo del bot�n */

.boton{
	width:25%;
}
#boton_acceso{
	width:25%;
    height:auto;
    padding:0;
	 border:0;
    box-shadow: none;/*Sombra de la caja de los inputs y los text area*/
    border-radius:0;
	padding-right:0; /*Ampliamos un poco a la derecha para poder meter la imagen*/
	border-radius:0;
}

/***************************************************FOOTER**************************************************************/
footer {
	width:100%;
	height:600px;
	background-color:#465d8c;
	text-align:center;
	font-family:"Calibri Light", Verdana;
	font-size:0.5em;
	color:#ffffff;
}
footer p{
	color:#ffffff;
	text-align: left;
	padding:0.1em;
	margin: 0.5em 1em;
}

footer a:hover{
	color:#ffff99;
}
.linkfooter{
		text-decoration:none;
		color:#ccc;
	}
.linkfooter:hover{
		color:#FFFF99;
	}
.f1{
	display: inline-block;
	width: 33%;
	vertical-align:top;
	border-left:0.2em solid #cccccc;
}
/***************************************************P�GINAS DE FALLO**************************************************************/
.fallo{
	color:#FFFFFF;
	font-family:"Calibri Light";
	font-size:1.2em;
	/* Centrar el formulario respecto a su contenedor y */
	margin:2em auto;
	/*Dimensiones y centrado interno*/
	text-align: center;
	width: 40%;
	/*Sombras*/
	-webkit-box-shadow:3px 3px 10px #ff0000;
	-moz-box-shadow:3px 3px 10px #ff0000;
	/*Degradado de fondo*/
	background: -webkit-linear-gradient(#cccccc, #fff);
	background: -moz-linear-gradient(-45deg, #cccccc, #fff);
	background: -o-linear-gradient(-45deg, #cccccc, #fff);
	/*Borde*/
	border:0px;
	border-radius:15px;
	padding:1em;

}
.boton1{
	width:45%;
	padding: 0.1em;
	display:inline-block;
}
/***************************************************POL�TICA DE PRIVACIDAD****************************************************/
div#aviso{
	background: #f2f2f2;
	border-radius: .5em;
	font-size:1em;
	width:85%;
	padding:1em;
	margin: 2em auto;
}
div#aviso  h3{
	font-weight:bold;
	text-align:left;
	margin-bottom:.6em;
	margin-top:.4em;
}
div#aviso p{
	font-size:1em;
	text-align:justify;
	color:#003366;
}
/***************************************************MEDIAS QUERY**************************************************************/


@media(min-width:1081px){
	aside#dia, aside#logo, aside#hora{
		display: inline-block;
		vertical-align:middle;
	}
}
@media(max-width:1080px){
	aside#dia, aside#logo, aside#hora{
		display: inline-block;
		vertical-align:middle;
	}
	.formacceso{
		width: 80%;
	}
	.formacceso li{
    padding:0.2em;
	}

@media(max-width:800px){
	aside#dia, aside#logo, aside#hora{
		display: block;
		vertical-align:middle;
		max-width:100%
	}
	aside#dia{
		visibility: hidden;
		height:1px;
	}
	aside#logo {
		width:100%;
	}
	aside#hora{
		visibility: hidden;
		height:1px;
	}
	#imglogo{
	visibility: hidden;
	max-height:1px;
	}
	#imglogo2{
	visibility: visible;
	max-height:100px;
	}
	.formacceso{
		width: 95%;
		padding:0;
		margin:0;
	}
	.formacceso ul{
    padding:0em;
	}
	.formacceso li{
    padding:0em;
	}
	.formacceso label{
		width: 80%;
	}
	.formacceso input{
		width: 100%;
		padding-right:0.1px;
		padding-left:0.1px;
	}
	:-moz-placeholder {
		font-style: italic;
		padding-left:0.5em;
		font-size:1em;
	}
	::-webkit-input-placeholder {
		font-style: italic;
		padding-left:0.5em;
		font-size:1em;
	}
	footer{
		height:auto;
	}
	.f1{
		width:45%;
		font-size:0.8em;
	}
	.fallo{
		width:80%;
		font-size: .8em;
	}

@media(max-width:450px){
	.formacceso{
		width: 95%;
		padding:0;
		margin:0;
		text-align:left;
	}
	.formacceso input{
		width: 100%;
		padding-right:0.1px;
		padding-left:0.1px;
		max-width:200px;
	}
	.boton{
		width:40%;
	}
	#boton_acceso{
		width:40%;
	}
	.f1{
		width:80%;
	}
	.boton1{
		display:block;
		text-align: center;
		margin: 1em auto;
	}
}