body
{
	background-color:#000000;
	color:#FFFFFF;
}
#borde
{
	margin:auto;
	margin-top:10px;
	background-color:#0C0C0C;
	border:1px solid #666666;
	width:455px;
	height:405px;
}

#pagina
{
	margin:auto;
	margin-top:5px;
	width:450px;
	height:400px;
	border:1px solid #666666;
	background-color:#000000
	
	
}
#logo 
{

	margin:auto ;
	margin-top:25px;
	width:300px;
	height:100px;
	
}

#menu
{	
margin-top:100px;
}


#formulario
{
	width:400px;
	height:350px;
margin:auto;
}
.contenedor
{
	width:400px;
	height:28px;
	font-size: 16px; 
	color: #CCCCCC;
	padding-top:4px;
	padding-left:4px;
}
.contenedor :hover
{


}
.contenedorExtendido
{
	width:310px;
	height:110px;

	font-size: 14px; 
	color:#CC6600;
	padding:4px 4px 4px 4px;
	
}
.contenedorExtendido :hover
{
border:#006600 2px solid;
	
}
.subContenedorIzquierdo
{
	float:left;
	font-size: 16px; 
	color: #CCCCCC;
	width:100px;
	
}
.subContenedorDerecho
{
	float:left;
	font-size: 14px; 
	color: #CCCCCC;
	width:150px;
	color:#CC6600;
}
.subContenedorDerecho :hover
{
	border:#006600 2px solid;
	
}
.titulo
{
	font-size:24px;
	text-align:center;
	margin:auto;
	width:100px;
	float:left;
	color:#FFFFFF;
	
	margin-left:25%;
}
.error
{


	color:#FF0000;
	width:130px;
	color:#FFFFFF;
	position:relative;
	float:left;
	visibility:hidden;	
}
.mensaje
{
	width:350px;
	height:50px;
	color:#FFFFFF;
	font-size:16px;
	color:#FFFFFF;
	text-align:right;
}
#loading
{

	width:30px;
	height:30px;
	margin:auto;
	visibility:hidden;
}

#contador
{
	margin:auto;
	text-align:center;
	margin-top:15px;
	font-size:12px;
	color:#FFFFFF;
	width:400px;

	
}


.menuinferior
{
	margin:auto;
	margin-top:75px;
	width:120px;

}

.menuinferior img
{
	margin:auto;
	margin-left:5px;
	border:none;

}