@charset "ISO-8859-1";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #cfd1bf;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #57524A;
}
#recuadro_logo {
	position:relative;
	width:170px;
	height:370px;
	z-index:1;
	left: 395px;
	background: #1A171B url(/plantilla/logo_index.gif) no-repeat center 90%;
}
#logo_main {
	position:relative;
	width:170px;
	height:100px;
	z-index:1;
	left: 395px;
	background: url(logo_guadi.gif) no-repeat center bottom;
}
#merca {
	position:relative;
	width:150px;
	height:150px;
	z-index:1;
	left: 0px;
	top: -100px;
	clear: none;
	float: right;
}
.oneColFixCtr #container {
	width: 960px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #000000;
	margin: 1em auto 0; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #CFD1BF;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	height: 610px;
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
}
#mainContent a {
	text-decoration: none;
}
#novas_main {
	width: 70%;
	position: relative;
	left: 200px;
	top: 1em;
	font-size: 0.8em;
	line-height: 1.5em;
}
#novas_main a {
	color: #57524a;
	text-decoration: none;
}
#novas_main span {
	text-decoration: underline;
}
#foto_portada {
	position:relative;
	width:100%;
	height:250px;
	z-index:2;
	background: #1a171b url(portada.jpg) no-repeat center;
	top: 30px;
	margin-bottom: 1em;
}
#menu_idiomas {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bolder;
	font-variant: normal;
	text-align: center;
	word-spacing: 12em;
	position: relative;
	top: 20%;
}
#menu_idiomas a {
	text-decoration: none;
	color: #57524A;
}
#menu_idiomas a:hover {
	text-decoration: none;
	color: #BBB19D;
}
#menu_principal {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bolder;
	font-variant: normal;
	text-align: center;
	word-spacing: 6em;
	position: relative;
	top: 180px;
}
#menu_principal span {
	word-spacing: 0.2em;
}
#menu_principal a {
	text-decoration: none;
	color: #57524A;
}
#menu_principal a:hover {
	text-decoration: none;
	color: #BBB19D;
}
#volver {
	position:relative;
	width:100px;
	height:25px;
	z-index:2;
	text-decoration: none;
	left: 40px;
	top: 75%;
	font: 1.4em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#volver a {
	color: #57524a;
	text-decoration: none;
}
#volver_largo {
	position:relative;
	width:860px;
	height:25px;
	z-index:2;
	text-decoration: none;
	left: 40px;
	top: 75%;
	font: 1.4em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#volver_largo a {
	color: #57524a;
	text-decoration: none;
}
#ir_a {
	position:relative;
	z-index:2;
	text-decoration: none;
	right: -92%;
	top: -1.2em;
	width: 100px;
}
#ir_a a {
	color: #57524a;
	text-decoration: none;
}
#nova {
	width: 90%;
	position: relative;
	left: 5%;
	top: -3em;
	font-size: 0.8em;
	line-height: 1.5em;
}
#nova a {
	color: #57524a;
	text-decoration: none;
}
#foto {
	position:relative;
	width:155px;
	height:190px;
	z-index:4;
	clear: none;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
#rotulo_foto {
	position:relative;
	width:150px;
	height:20px;
	z-index:3;
	left: 0%;
	top: -35px;
	clear: none;
	float: left;
	text-align: center;
	font: 0.8em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#itunes_boton {
	position:relative;
	width:150px;
	height:150px;
	z-index:1;
	left: -100px;
	top: 310px;
	clear: none;
	float: right;
}
