/* CSS Document */

body {

	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin : 10px 0px 10px 0px;
	text-align: center;
	
}

a:link, a:visited, a:active {

	color:#3399FF;
	text-decoration:underline;

}

a:hover {

	color:#FF3300;
	text-decoration:none;

}




/* ########################### ESTILOS MAQUETACIÓN ################################### */



#contenedor{

	text-align: left;
	width: 735px;
	margin: auto;
	
} 

#cabecera{

	height : 118px;
	width: 735px;
	background-color:#0099FF;
	background-image:url(../img/index_r1_c1.png);
	background-repeat:no-repeat;
		
}


#body{

	height:241px;
	width: 735px;
	background-image:url(../img/index_r2_c1.png);
	background-repeat:no-repeat;

}

#body_part1{

	height:205px;
	width: 464px;
	margin: 17px 44px 19px 8px;
	float:left;
	
}

#body_part2{

	height:205px;
	width: 209px;
	margin: 17px 10px 19px 0px;
	float:left;

}

#piramide_flash{
	
	width: 201px;
	height:168px;
	margin: 0px 12px 0px 0px;
	float:left;

}

#quienes_somos{
	
	width: 248px;
	height:168px;
	margin: 0px 3px 0px 0px;
	float:left;

}

#quienes_somos div.texto{
	
	text-align:left;
	text-indent:20px;
	padding-bottom:5px;	

}

#quienes_somos div.texto span.azul{

	font-weight:bold;
	color:#0066CC;

}

#quienes_somos div.texto span.rojo{

	font-weight:bold;
	color:#FF3300;

}

#integrese{
	
	width: 461px;
	height:37px;
	margin: 0px 3px 0px 0px;
	float:left;

}

#integrese p.texto{	

	color:#0066FF;
	padding-top:6px;

}

#login{
	width: 191px;
	height:128px;
	margin: 37px 10px 40px 8px;
	float:left;
	color: #FF0000;
	font-weight: bold;
	font-size: 10px;

}

#login_field{
	
	width: 134px;
	height:101px;
	margin: 0px;
	float:left;

}

#alerta{
	
	width: 57px;
	height:101px;
	margin: 0;
	float:left;

}

#alerta div.error_alerta{
	
	width: 57px;
	height:101px;
	margin: 0;
	float:left;
	background-image:url(../img/access_warning.png);
	background-repeat:no-repeat;

}

#alerta div.access_security{
	
	width: 57px;
	height:101px;
	margin: 0;
	float:left;
	background-image:url(../img/access_login.png);
	background-repeat:no-repeat;

}

#olvido_clave{
	
	width: 191px;
	height:27px;
	margin: 0px;
	float:left;

}

#sitio_oficial{
	height : 24px;
	width: 735px;
	background-image:url(../img/index_r3_c1.png);
	background-repeat:no-repeat;
	padding-top: 35px;

}

#footer{
	height : 32px;
	width: 735px;
	background-image:url(../img/index_r4_c1.png);
	background-repeat:no-repeat;
	padding-top: 29px;
	font-size: 11px;
	color: #F4F9FF;

}

/* ############################################################### */

#registro {


	width:134px; 
	height:80px;
	float:left;
	margin-top:20px

}

#registro label {

	float: left;
	width: 56px;
	color:#0033CC;
	text-align:right;
	padding:2px 2px 0px 0px;
	font-size: 10px;
}

#registro input.field {		

	float: left;
	width: 60px;
	height:12px;
	font-size:10px; 
	margin-bottom:2px; 
	border: 1px solid #91D2FF;
	color:#0099FF;
	padding:0px 1px px 2px;
	background:url(../img/index_bg_input.png) repeat-x;

}


#registro input.field:hover, input.field:focus {		


	border:#FF3300 1px solid;
	color:#FF3300;

}

#registro div.bloque_btn {		


	width:134px;
	float:left

}

#registro div.bloque_btn input.button{		


	border:#91D2FF 1px solid;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../img/index_bg_button.png) repeat-x;
	color:#0066CC;
	height:16px;
	width:38px;
	padding-bottom:3px;
	margin-left:20px;
}

#registro div.bloque_btn input.button:hover{		


	border:#FF0000 1px solid;
	background:url(../img/index_bg_button_hover.png) repeat-x;
	color:#0059B3;
	cursor:pointer;
	cursor:hand;

}