/*
 *****************************************************************************************************************************
 * HOJA DE ESTILO GENERAL DE LA UNIVERSIDAD COMPLUTENSE DE MADRID
 * UNIDAD DE DESARROLLO WEB
 * Universidad Complutense de Madrid
 *
 * Fichero:             login.css
 * Finalidad:           Visualizacion normal
 * Fecha actualizacion: 28/05/2012
 *
 *****************************************************************************************************************************
 */


/*
 *****************************************************************************************************************************
 * LOGIN
 *****************************************************************************************************************************
 */
@media screen,print{
	#barra{
		height: 1em;
	}
	h1.web_title{
		color: #990033;
	}
	#login{
		position: relative;
		width: 50%;
		margin: 0 auto;
		margin-top: 120px;
		margin-bottom: 20px;
		font-family: 'Open Sans', sans-serif;
	}
	
	#login form{
		position: relative;
		width: 70%;
		margin: 0 auto;
	}
	
	
	#login form h2{
		font-size: 1.8em;
		font-weight: 600;
		display: block;
		font-family: 'Open Sans', sans-serif;
	}
	
	#login form .caja_input{
		position: relative;
		margin: 12px 0px 12px 0px;
	}
	
	#login form .caja_input label{
		display: none;
	}
	
	#login form .caja_input input{
		width: 100%;
		border: 1px solid #BFBFBF;
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 0 0 #000000, 0 3px 3px #EEEEEE inset;
		padding: 5px 5px 5px 40px;
		background: url(../media/img/login.png) no-repeat;
		color: #AAAAAA;
		font-family: 'Open Sans', sans-serif;
	}
	
	#login form input:focus{
		color: #000000;
		border-color: #A0A0A0;
	}
	
	
	#login form #email{
	    background-position: 8px -8px !important;
	}
	
	#login form #password{
	    background-position: 8px -54px !important;
	}
	
	#login form .caja_footer{
		margin-top: 25px;
	}
	
	#login form .caja_footer:after{
		clear: both;
		display: block;
	}
	
	#login form .caja_footer input[type=submit]{
		margin-top: -6px;
		background-color:#a00d17;
		background: -moz-linear-gradient(center top , #C10504, #9E0202) repeat scroll 0 0 transparent;
		border-color: #900101 #A00202 #880000;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0 #FF2727 inset;
		color: #FFFFFF;
		text-shadow: 0 1px 2px #355782;
		border-radius: 3px 3px 3px 3px;
	    cursor: pointer;
	    font-size: 1.2em;
	    font-weight: 600;
	    overflow: visible;
	    padding: 5px 16px;
	    text-align: center;
		font-family: 'Open Sans', sans-serif;
	}
	
	#login form .caja_footer input[type=submit]:focus{
		background: -moz-linear-gradient(center top , #9E0202, #C10504) repeat scroll 0 0 transparent;
		border-color: #880000 #A00202 #900101;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0 #950101 inset;
	}
	
	#login form .caja_footer #caja_remember label{
		font-family: 'Open Sans', sans-serif;
		font-size: 1.1em;
	}
	
	#login .caja_olvido{
		margin: 40px 0px 0px 10px;
		display: inline-block;
	}
	
	#login .caja_olvido a{
		color: #950101;
		text-decoration: none;
	}
	
	#login .caja_olvido a:hover{
		text-decoration: underline;
	}
	
	#login .caja_ko{
		position: relative;
		top: 0px;
		margin-top: 50px;
		clear: both;
		text-align: center;
	}
	
	#login .caja_ko h2{
		font-size: 1.8em;
		font-weight: 600;
		display: block;
		font-family: 'Open Sans', sans-serif;
	}
	
	#login .caja_ko h3{
		font-size: 1.2em;
		font-weight: 500;
		display: block;
		font-family: 'Open Sans', sans-serif;
	}
	
	#login .caja_ko h4{
		display: block;
		font-size: 0.9em;
		font-weight: normal;
		font-family: 'Open Sans', sans-serif;
		font-style: normal; 
	}
}

@media screen and (max-width: 768px) {
	#login{
		width: 65%;
		margin-top: 20px;
	}
	
	#login form{
		width: 99%;
	}
}
@media screen and (max-width: 500px) {
	#login{
		width: 99%;
	}
}