/* ETIQUETAS GENERALES */
body{ font-family:Verdana, Geneva, sans-serif; font-size:10px;}
p{ margin-bottom:10px;}
a{ color:#000;}
a:hover{ text-decoration:none;}
strong{ font-weight:bold;}


/* CLASES GENERALES */
.clear_both{ clear:both;}
.align_right{ text-align:right !important;}


/* CONTENEDOR PRINCIPAL */
#web{ width:980px; margin:0 auto;}

/* MENU IDIOMAS */
#menu_idiomas{ float:right; margin-top:5px; width:auto;}
#menu_idiomas ul{ float:right; width:auto; margin-right:15px;}
#menu_idiomas ul li{ float:left; width:16px; height:11px; margin-right:5px;}
#menu_idiomas ul li.active{ border:1px solid #f5b078; padding:1px; background:#000;}
#menu_idiomas ul li a{ float:left; width:16px; height:11px; padding:1px; background:#FFF; border:1px solid #FFF;}
#menu_idiomas ul li a:hover{border:1px solid #f5b078; padding:1px; background:#000;}

/* CABECERA */
#header{ width:940px; float:left; margin-left:20px; margin-top:5px; height:430px;}
#header h1{ float:left; background:url(../imgs/logo-hotel-modus-vivendi.jpg) no-repeat 0 0; text-indent:-99999px; width:129px; height:158px; margin-left:50px; margin-top:222px;}

.el-hotel{ background:url(../imgs/cabecera/el-hotel-modus-vivendi.jpg) no-repeat 0 0;}
.servicios{ background:url(../imgs/cabecera/servicios-hotel-modus-vivendi.jpg) no-repeat 0 0;}
.habitaciones{ background:url(../imgs/cabecera/habitaciones-hotel-modus-vivendi.jpg) no-repeat 0 0;}
.tarifas{ background:url(../imgs/cabecera/tarifas-hotel-modus-vivendi.jpg) no-repeat 0 0;}
.situacion{ background:url(../imgs/cabecera/situacion-hotel-modus-vivendi.jpg) no-repeat 0 0;}
.entorno{ background:url(../imgs/cabecera/entorno-hotel-modus-vivendi.jpg) no-repeat 0 0;}

/* MENU PRINCIPAL */
#nav{ float:left; width:980px; background:url(../imgs/fondo-menu-principal.jpg) no-repeat 0 0; height:63px;}
#nav ul{ float:left; width:940px; padding-left:40px; padding-top:20px; font-family:Tahoma, Geneva, sans-serif; font-size:17px;}
#nav ul li{ float:left; width:auto; margin-right:40px;}
#nav ul li a{ color:#FFF; text-decoration:none; background:url(../imgs/menu-off.gif) no-repeat 0 7px; padding-left:25px;}
#nav ul li a:hover{ background:url(../imgs/menu-on.gif) no-repeat 0 7px;}
#nav ul li.active a{background:url(../imgs/menu-on.gif) no-repeat 0 7px;}
#nav ul li.ultima{ margin-right:0;}

/* CONTENIDO */
#contenido{ padding:30px 20px; background:url(../imgs/degradado-contenido.jpg) repeat-x 0 0; float:left; width:940px;}

/* PIE */
#web-pie{ float:left; width:100%; background:url(../imgs/degradado-pie.jpg) repeat-x 0 0; height:200px;}

#footer{ width: 980px; margin:0 auto; background:url(../imgs/fondo-pie-menu.gif) no-repeat 0 0; height:66px;}
#footer ul{ float:left; margin-top:32px; margin-left:35px;}
#footer ul li{ float:left; width:auto; color:#FFF; background:url(../imgs/marca-pie.gif) no-repeat 0 3px; padding-left:17px; margin-right:11px;}
#footer ul li.ultima{ margin-right:0;}
#footer ul li a{ color:#FFF; text-decoration:none;}
#footer ul li a:hover{ text-decoration:underline;}
#plugin{ margin-left:135px;}
/* CONTENIDO */
#izquierda{ float:left; width:300px; margin-right:30px;}

#centro{ float:left; width:300px; margin-right:20px;}

#derecha{ float:left; width:285px;}

/* INDEX */
#izquierda h2{ margin-bottom:20px;}
#izquierda h3{ float:left; font-size:15px; color:#2e2888; font-weight:bold; margin-left:25px; margin-bottom:10px;}
#izquierda ul{ margin-left:38px; list-style-type:disc;}
#izquierda ul li{ margin-bottom:3px;}

#presentacion{ float:left; width:280px; padding:0 10px; margin-bottom:20px;}
#presentacion h2{ font-size:20px; color:#2e2888; font-weight:bold; text-align:center; margin-bottom:10px;}

#evento_destacado{ float:left; width:280px; padding:0 10px;}
#evento_destacado h3{ font-size:17px; color:#ffb67b; font-weight:bold; margin-bottom:15px;}
#evento_destacado h3 span{ color:#000; font-weight:bold;}
#evento_destacado p.imagen{ float:left; width:106px; margin-right:5px;}
#evento_destacado h4{ font-size:12px; float:left; color:#ffb67b; width:150px; padding-top:15px;}

#entorno_destacado_arriba{ float:left; width:285px; background:url(../imgs/entorno-destacado-arriba.gif) no-repeat 0 0; height:15px;}
#entorno_destacado_abajo{ float:left; width:285px; background:url(../imgs/entorno-destacado-abajo.gif) no-repeat 0 0; height:15px;}
#entorno_destacado{ float:left; padding:0 15px; width:255px; background:#f2f2f2;}
#entorno_destacado h3{ color:#2e2888; font-size:17px; margin-bottom:15px;}
#entorno_destacado h3 span{ color:#666;}
#entorno_destacado img{ margin-bottom:15px;}

/* SERVICIOS */
#centro h3{ font-size:15px; color:#ffb67b; font-weight:bold; margin-bottom:10px;}
#centro ul{ list-style-type:disc; padding-left:15px;}
#centro ul li{ margin-bottom:3px;}

#derecha ul li{ margin-bottom:15px;}

/* HABITACIONES */
h2.h2-habitaciones{ margin-top:30px;}

#derecha h3{ font-size:15px; color:#ffb67b; font-weight:bold; margin-bottom:10px;}

ul.fotos-habitaciones{ padding:0 !important; margin:0; float:left; width:285px; list-style-type:none !important; margin-bottom:20px;}
ul.fotos-habitaciones li{ padding:0; margin:0 !important; float:left; width:85px; margin-right:10px !important;}

/* TARIFAS */
#centro-derecha{ float:left; width:605px;}
#centro-derecha h2{ font-size:20px; color:#2e2888; font-weight:bold; text-align:center; margin-bottom:10px;}
#centro-derecha table{ margin-bottom:10px;}
#centro-derecha th, #centro-derecha td{ padding:5px;}
#centro-derecha th{ background:#2e2888; color:#FFF; font-weight:bold; text-align:left; border-bottom:1px solid #FFF; border-right:1px solid #FFF;}
#centro-derecha td{ background:#ffb67b; border-bottom:1px solid #FFF; border-right:1px solid #FFF;}

.mensaje-tarifas{ float:left; width:auto; padding:10px; text-align:center; background:#ffb67b; font-weight:bold; width:585px;}

/* SITUACION */
#google_map{ width:605px; height:350px; margin-bottom:25px; float:left;}
#datos_map { position:absolute; padding:20px; color:#000000; width:200px; background:url(../imgs/fondo-capa-mapa.gif) no-repeat left top;}
#datos_map img{margin-bottom:5px;}
#datos_map a{ color:#000;}
#datos_map a:hover{ text-decoration:none;}

#izquierda address{ float:left; width:100%; font-size:12px; font-weight:bold; color:#ffb67b; text-align:center; line-height:1.5em;}

/* ENTORNO */
ul.rutas li{ font-size:12px;}
ul.rutas li a{ color:#2e2888; text-decoration:none; font-weight:bold;}
ul.rutas li a:hover{ color:#ffb67b;}

#centro dl dt{ font-size:11px; font-weight:bold; color:#2e2888; margin-bottom:1px;}
#centro dl dd{ margin-bottom:10px;}

ul.enlaces-interes{ list-style-type:disc; padding-left:15px; margin-bottom:20px;}
ul.enlaces-interes li{ margin-bottom:7px !important;}

p.volver{ width:1005; text-align:center;}
p.volver a{ color:#2e2888; text-decoration:none; font-size:11px; font-weight:bold;}
p.volver a:hover{ color:#ffb67b;}
img.ruta{ margin-bottom:15px;}

.tiempo_hoy{ float:left; width:100%; margin-bottom:15px;}

.tiempo_resto{ float:left; width:100%; margin-bottom:15px;}
.tiempo_resto ul{ margin-top:5px; float:left; width:100%;}
.tiempo_resto ul li{ float:left; width:auto; text-align:center; margin-right:5px;}

/* RESERVAS */
#reservas{ float:left; width:920px; background:#f2f2f2; padding:10px; margin-bottom:15px; font-size:1.1em;}
#reservas p{ float:left; margin-right:15px; font-weight:bold; color:#2E2888;}
#reservas dt{ float:left; margin-right:5px; font-weight:bold;}
#reservas dd{ float:left; margin-right:10px;}
#reservas select{ font-size:.9em; font-family: Verdana, Geneva, sans-serif; background:#2E2888; color:#FFF; border:1px solid #000; font-weight:bold;}
#reservas input{ font-size:.9em; font-family: Verdana, Geneva, sans-serif; background:#2E2888; color:#FFF; border:1px solid #000; font-weight:bold;}
#reservas input.boton-reserva{ padding:0 5px;}

/* OFERTA ESPECIAL INDEX */
#oferta{ float:left; width:295px; height:105px; overflow:hidden; margin-top:95px;}

.oferta-es{ background:url(../imgs/oferta-especial-es.gif) no-repeat 0 0; float:left; width:295px; height:246px;}
.oferta-en{ background:url(../imgs/oferta-especial-en.gif) no-repeat 0 0; float:left; width:295px; height:246px;}
.oferta-fr{ background:url(../imgs/oferta-especial-fr.gif) no-repeat 0 0; float:left; width:295px; height:246px;}
.oferta-eu{ background:url(../imgs/oferta-especial-eu.gif) no-repeat 0 0; float:left; width:295px; height:246px;}

#contenedor-ofertas{ float:left; width:295px;}
#contenedor-ofertas ul{ list-style-type:none; margin:0;}
#contenedor-ofertas ul li{ margin:0; float:left; width:175px; padding:0 60px; height:105px;}
#contenedor-ofertas ul li h3{ font-size:11px; color:#000; float:none; font-weight:bold; margin:0; margin-bottom:15px;}

#numeros{ position:relative; top:90px; left:220px;}
#numeros ul{ padding:0; margin:0; list-style-type:none;}
#numeros ul li{ float:left; width:auto; margin:0; padding:0; padding:0 2px;}

/* HABITACIONES HOME */
#habitaciones-home{ float:left; width:295px; margin-top:40px;}