/* CSS RESET - http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol li { list-style: decimal }


/* FIN DEL RESET ******************************************** */


html, body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial,Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#000000;
	background-color:#CCCCCC;
	background-image:url('/img/fondo_madera_oscura.png');
}

/* ELIMINA BORDE AZUL ENLACES ACTIVOS */ 

*:focus { 
	outline: none; 
	}
	
*::-moz-focus-inner { 
	border: none; 
	}


#formulario_centrado {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 290px;
	height:340px;
	margin-top: -196px; /* Alto /2 + 26 pixeles de la barra inferior */
	margin-left: -140px;
}

#formulario_centrado .titular {
	padding:6px;
	text-align: center;
	 }

#formulario_centrado .titular_version {
	background-color:#B6D3E9;
}

#formulario_centrado .aviso_error {
	background: #C2C2C2; /* Mostramos un color sólido para los navegadores antiguos */
	background: -moz-linear-gradient(#C2C2C2, #8c8c8c);
	background: -o-linear-gradient(#C2C2C2, #8c8c8c);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2C2C2), to(#8c8c8c)); /* older webkit syntax */
	background: -webkit-linear-gradient(#C2C2C2, #8c8c8c);
	border: 2px solid #600;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estandar.*/  
	color:#600;
	margin:3px auto 3px auto;
	padding:12px 3px 12px 3px;
	font-weight:bold;
	font-size:14px;
}

#formulario_centrado .aviso_bienvenida {
	background: #C2C2C2; /* Mostramos un color sólido para los navegadores antiguos */
	background: -moz-linear-gradient(#C2C2C2, #8c8c8c);
	background: -o-linear-gradient(#C2C2C2, #8c8c8c);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2C2C2), to(#8c8c8c)); /* older webkit syntax */
	background: -webkit-linear-gradient(#C2C2C2, #8c8c8c);
	border: 2px solid #203644;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estandar.*/  
	color:#600;
	margin:3px auto 3px auto;
	padding:12px 3px 12px 3px;
	font-weight:bold;
	font-size:14px;
}

.text_input {
	font-size: 14px;
	border:2px solid #CCC; 
	padding:6px;
	-moz-border-radius: 4px; /* Firefox*/  
	-ms-border-radius: 4px; /* IE 8.*/  
	-webkit-border-radius: 4px; /* Safari,Chrome.*/  
	border-radius: 4px; /* El estandar.*/ 
}

#formulario_night {
	margin: 0 auto 0 auto;
	border: 2px solid #203644;
	background-color:#395f78;
	
	
	background: #395f78; /* Mostramos un color sólido para los navegadores antiguos */
	background: -moz-linear-gradient(#395f78, #5288ac);
	background: -o-linear-gradient(#395f78, #5288ac);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#395f78), to(#5288ac)); /* older webkit syntax */
	background: -webkit-linear-gradient(#395f78, #5288ac);

/* Para IE 8. Añadir FF delante del color */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF395f780, endColorstr=#FF5288ac)";
/* Para IE 5.5 - 7. Añadir FF delante del color */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF395f78, endColorstr=#FF5288ac);
	
	
	
	
	padding:15px;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estandar.*/  
}

.cssRounded {
	-moz-border-radius: 6px; /* Firefox*/  
	-ms-border-radius: 6px; /* IE 8.*/  
	-webkit-border-radius: 6px; /* Safari,Chrome.*/  
	border-radius: 6px; /* El estandar.*/  	
}


#formulario_night label{
	display:inline;
	width:100px;
	float:left;
	vertical-align:middle;
	line-height:28px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:right;
}

#formulario_night input{
	display:inline;
	float:left;
	margin-bottom:5px;
}

#formulario_night .enviar{
	background-color:#D2E8F2;
	border: 1px solid #333333;
	display:block;
	float:none;
	position:relative;
	top:4px;
	margin:0 auto; /*Centramos el boton*/
	
}

#formulario_night .color{
	width:100%;
	background-color:#CCCCCC;
	height:36px;
	vertical-align:middle;
	text-align:center;
	margin-top:10px;
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estandar.*/  
}

.mano {
	cursor:pointer;
    cursor:hand;

}


/*	--------------------------------------------------
	BOTONES
	-------------------------------------------------- */

	.boton_entrada {
		
		-moz-border-radius: 6px; /* Firefox*/  
		-ms-border-radius: 6px; /* IE 8.*/  
		-webkit-border-radius: 6px; /* Safari,Chrome.*/  
		border-radius: 6px; /* El estandar.*/  
		-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
		-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
		box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

		/* Para IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
		
		/* Para IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
		
		color:#000;
		text-decoration:none;
		padding:6px; border:1px solid #ccc; background-color:#d8e7f1;	
	}
	
	.boton_entrada:hover {
		background-color:#a0c5dd;
	}