@charset "utf-8";
/* CSS Document */

/*estilos generales*/


Body{
font-family: Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#333;
margin:0 auto;
background-image: url(../img/imagenfondo-grande.jpg);
}

#contenedor{
margin:0 auto;
width:1000px;
background-color: #FFF;
background-repeat:repeat-x;
box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000;
-moz-box-shadow: 0px 0px 8px #000;
}

#cabecera{
	margin:0;
	padding:0;
	width:100%;
	height:350px;
	background-image: url(../img/headtise.png);
	background-repeat:no-repeat;
}

#bajada{
height:15px;
}


#cuerpo{
width:1000px;
height:1400px;
margin:0 auto;
padding:0;
}

#formulario{
	width: auto;
	margin:0;
	padding:10px 0px 0px 0px;
	background:none;
	font-size:medium;
}


/*formulario*/


#formulario fieldset{
    margin:auto; width:450px;
	overflow:hidden; padding:30px;
	background:#d2e8ea;
}

#formulario fieldset h1{
	margin:10px 0 0 0;
	font-size: 20px;
}
#formulario fieldset p{
	margin:0 0 30px 0; padding:0 0 5px 0;
	font-size: 18px;
	border-bottom:1px solid #FFF;
	font-weight:bold;
}
label{
	float:left; /* Importante, para la alineación */
	width:200px; /* ancho del label */
	font-size:16px;
	margin:5px 0 15px;
}
 
input{
	float:right;/* Importante, para la alineación */
	width:200px; height:20px;/* Medidas del Input */
	margin:0px 35px 15px 0; padding:5px;
	color:#333;font-size: 14px;
}

#formulario fieldset span{
	font-size:10px;/* Tamaño más pequeño para las indicaciones */
	display:block; /* hace que salte de linea */
}
/* Personzaliando el botón de registrar */
#registrar{
	float:left;
	padding:0; margin:15px 0 0 200px;
	background:#418eb6; color:#FFF;
	width:100px;height:35px;
}
/* Hover a nuestro Botón 
   No funciona en IE6 (Uno de los peores navegadores) */
#registrar:hover{
	background:#013e7f; color:#d0e8f7;
}
/* Opcional - Bordes Redondeados
   Solo funciona con Firefox / Safari / Google Chrome */
input,#registrar{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
/* Si usan esto ultimo no validara, porque aun no lo han estanderizado
   pero funciona a la perfección - salvo con IE (la oveja negra) */




#pie{
position:static;
bottom:0;
margin:0;
padding:0;
width:100%;
height:70px;
background-color:#0071B1;
background-repeat:no-repeat;
}



/*estilos específicos*/

#pie p{
text-align:center;
font-size:12px;
padding:10px 15px 0 15px;
letter-spacing:0.8px;
line-height:3px;
color:#FFF;
}

#pie h2{
	text-align:center;
	font-size:13px;
	padding:0px 15px 0px 15px;
	color:#CCC;
}

#pie h2 span{
	font-weight:bold;
}
 






/*menú*/

#cabecera {
	font-family:"Roboto", Verdana, Arial, Helvetica, sans-serif;
}

#cabecera ul{

margin:0px;
padding:330px 0px 0px 80px;
font-size: 12px;
height:20px;
font-style:normal;
}

#cabecera li{

float:left;	
display:block;
padding:0px;
}


#cabecera li a span{
color:#6FF;
	}

#cabecera ul li a:hover{
text-shadow: black 0.1em 0.1em 0.2em;
color:#6FF;
}


#cabecera li a{

	margin: 000 px;
	display: block; 
	padding:0 12px 0 12px;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	border-left:solid thin #23619E;

	}