/**************************************************************************************************
							ETIQUETAS PARA EL BLOQUE PÁGINA
***************************************************************************************************/ 
html, body
{ 
	font: 12px "Trebuchet MS", Trebuchet, Tahoma, "Lucida Grande", lucida, helvetica, sans-serif;
	background-color: #ffffff; 
	height: 100%; 
	margin: 0; 
	padding: 0;
	color: #000000; 
	text-align: center; 
}

#contenedor 
{ 
	background-color: #ffffff; 
	color: #000000;
	margin-top: -220px;
    margin-left: -315px;
    position: absolute;
    top: 50%;
    left: 50%;    
    width: 630px;
    height: 450px;
}

#cabecera
{
	height : 103px; 
	width: 630px; 
	float:left;
	background: #AED16B url(imagenes/titular_cabecera.jpg); 
	color: #000000;	
}

#cabecera span
{
visibility:hidden;
}

#foto 
{ 
	border: 0; 
	float:left;
	height: 168px; 
	width: 630px;
	background: #AED16B url(imagenes/intro.jpg);
	color: #000000;	
}

#idiomas 
{ 
	border: 0; 
	float:left;
	height: 72px; 
	width: 630px;
	padding: 0px;
	margin: 0px;
	background: #AED16B url(imagenes/titular_pie.jpg); 	
	color: #000000;	
}

#comentario 
{ 
	border: 0; 
	width: 630px;
	background:#FFFFFF;
	color: #000000;	
}

ul 
{
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin: 20px 0px 0px 100px ; /*le quitamos el margen a la lista y modfificado centrar textos*/
	padding:0; /*y el relleno*/
	text-align:center;
}

li 
{
	margin:0; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}

li a 
{
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	background-color:#AED16B; /*algo de color*/ 
	color:#FFFFFF; /*mas*/ 
	width:140px; /*defino el ancho del rectangulo del vinculo*/
	padding:2px 2px 2px 2px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}

li a:hover 
{
	background-color:#AED16B; /*decoración para el evento hover (mouse encima)*/ 
	color:#000000;
}

img 
{
	border:0px;
	text-align:center;
}		


/************************************** FIN BLOQUE ***********************************************/