body {

	font-family:Tahoma, Century, "Arial Rounded MT Bold";

	font-size:11px;

	font-weight:bold; /*decoración*/

	color:#FFFFFF;

	text-align:center;

	background-color:#0050AB;

}



#contenedor {

	width:400px; /*ancho total de la pagina*/ 

	border:0px; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 

	background-color:#0050AB;

	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 

	text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 

}

#contenedor_main {

	width:869px; /*ancho total de la pagina*/ 

	border:0px; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 

	background-color:#0050AB;

	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 

	text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 

}

h1{

	display: none;

}

#portada {

	padding:7px;

	width:400px;

	height:400px;

	border:0px; 

	background-image: url(images/img_index.jpg);

}

#portada_main {

	padding:7px;

	width:869px;

	height:525px;

	border:0px; 

}

#bienvenido {

	width:386px;

	height:43px;

	text-align:right;

	margin:7px;

	border:0px;

	background-image: url(images/fondo_menu.gif);

}





#idioma {

	float:right;

	clear:both;

	paddin:10px;

	text-align:left;

	border:0px;

	width:150px;

	height:25px;

} 

#es a{

	float:right;

	border:0px;

	width:41px;

	height:25px;

	background-image: url(images/intro_es.gif) ;

}

#es a:hover{

	background-image: url(images/intro_es2.gif);

}

#in a{

	margin-right:70px;

	float:right;

	border:0px;

	width:41px;

	height:25px;

	background-image: url(images/intro_in.gif);

}

#in a:hover{

	background-image: url(images/intro_in2.gif);

}

#menu {

	margin:auto;

	border:0px;

	width:400px;

	height:24px;

} 

ul {

	list-style-type:none; /*con esto quitamos las viñetas*/

	margin:0; /*le quitamos el margen a la lista*/ 

	padding:0; /*y el relleno*/

}

li {
	display:inline;
}

li a {

	color:#FFFFFF; /*mas*/ 

	text-decoration:none; /*elimino el subrayado del vínculo*/  

}

li a:hover {

	color:#f9b600; /*decoración para el evento hover (mouse encima)*/ 

}


