/* Maquetacion de Oquendo Viaja por el Mundo */
/* Maquetacion general del sitio */

/* Estilo del cuerpo */
body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 100%;
	background-image: url(../imagenes/fondo.gif);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #F4F4F4;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Los DIV horizonte y contenedor sitúan los contenidos en el centro de la pantalla */

#horizonte {
	background-color: transparent;
	top: 50px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#contenedor {
	margin-left: -335px;
	position: absolute;
	top: 50px;
	left: 50%;
	width: 770px;
	min-width: 770px;
	
	visibility: visible;
}

/* Parte derecha (texto) */
#derecha {
	width: 430px;	
	padding: 0px;
	margin: 0px 0px 0px 340px;
}

#prod_anio{
	background-image:url(../imagenes/logo_producto_anio_2.gif);
	background-repeat:none;
	margin-left:15px;
	margin-top: 15px;
	position:absolute;
	float: left;
	width: 135px;
	height: 109px;
	z-index: 5;
}

* html #derecha {
	\width: 400px;
	w\idth: 400px;
}



.titulo{
	margin-left: -3500px;	
}

p {
	font-size: 70%;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	margin-left: 25px;		
	margin-top: 5px;
	width: 350px;
}

.pie{	
	font-size: 60%;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	
	border-top: 2px solid #E3B896;
	padding-top: 12px;
	float:left;
	}

.enlace_pie:link{
	font-size: 100%;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	text-decoration: none;
}

.enlace_pie:hover{
	font-size: 100%;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	text-decoration: none;
}

.enlace_pie:visited{
	font-size: 100%;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	text-decoration: none;
}

.itexto {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 95%;
	border: 1px solid #FEFEFE;
	background-color: #FFFFFF;
	margin-right: 50px;
	padding: 1px;
	vertical-align: middle;
}

ul {			
	text-align: right;
	margin-right: 25px;	
	margin-top: 225px;
	padding: 0px;
}

li {
	list-style: none;
	color: #450000;
	font-size: 60%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 10px;
}

.enlace_izq:link {
	color: #450000;
	text-decoration: none;
}

.enlace_izq:hover {
	color: #894444;	
}


.enlace_izq:visited {
	color: #450000;
	text-decoration: none;
}


.enlace_dcha:link {
	color: #FEFEFE;	
	text-decoration: none;
}

.enlace_dcha:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.enlace_dcha:visited {
	color: #FEFEFE;	
	font-weight: bold;
	text-decoration: none;
}


.escondido {
	width: 0px;
	height: 0px;
	position: absolute;
	overflow: hidden;
}

/* estilos para el efecto de sombra */

div.marco1, div.marco2, div.marco3 {
  display: inline-table;
  /* \*/display: block;/**/
  }
div.marco1 {
	float: left;
	background-image: url(../imagenes/fnd_sombra_der.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin-left: 13px;
}
div.marco2 {
	background-image: url(../imagenes/fnd_sombra_inf.jpg);
	background-repeat: repeat-x;
	background-position: bottom;	
	margin-left: 13px;
}

div.marco3 {
	background-image: url(../imagenes/fnd_sombra_esq.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 8px 6px 0px;
}

.img_marco {
	border: 5px solid #FFFFFF;
	display: block;
}

.menu {		
	margin-top: 19px;
	margin-left:80px;
	width: 254px;
	height: 142px;	
} 

* html .menu {
	\margin-top: 19px;
	ma\rgin-top: 19px;
}

.logotipo {
	margin-top:0px;
	margin-left: 243px;
	padding: 0px;
}

* html .logotipo {
	\margin-top: -4px;
	ma\rgin-top: -4px;
	\margin-left: 243px;
	ma\rgin-left: 243px;
	\padding: 0px;
	padd\ing: 0px;
}

.portada {	
	margin-left: 200px;		
	text-align:center;
}

.enlace_portada{
	color: #450000;
	font-size: 60%;
	padding: 0px;
	text-decoration: none;
}