body {margin:10px; font-family:Arial; font-size:10pt; background: #fff url(../gfx/fondo.gif);}

#todo {margin:0px auto; width:981px;}

#arriba {width:981px; border:1px solid #ccc; background-color:#fff;}

#banner {width:977px; height:158px; margin:2px; margin-bottom:0px;}

#menu {width:977px; height:49px; margin:2px; margin-top:0px;}
#menu div {float:left;}
#menu a {float:left;}
#menu div.item {width:162px; height:49px; background-color:#ccc;}
#menu div.separador_menus {width:1px; height:49px;}

#abajo {float:left; width:981px; min-height:434px; margin-top:2px; border:1px solid #ccc; background-color:#fff;}

#abajo div.lineas_separadoras {float:left; width:1px; height:434px; border-right:1px solid #ccc;}

#submenu {float:left; width:160px; min-height:415px; height: auto! important; height:415px; background:url(../gfx/fondo_menu.jpg) repeat-y; margin:2px; margin-right:1px; padding-top:15px;}
#submenu div {float:left;}
#submenu div.submenu_todo {margin-left:5px; border-bottom:1px solid #ccc;}
#submenu div.submenu_icono {width:20px; height:20px; text-align:center; font-size:15px; color:#06375F; padding-top:3px;}
#submenu div.submenu_texto {width:115px; min-height:20px; text-align:left; font-size:15px; color:#06375F; padding-left:7px; padding-top:3px; padding-bottom:3px; border-left:1px solid #ccc;}
#submenu div.submenu_seleccionado {color:#999;}
#submenu a.submenu_seleccionado {color:#999;}
#submenu div.submenu_ultimo {border-bottom:none;}
#submenu a {text-decoration:none; color:#06375F;}
#submenu a:hover {color:#999;}

#submenu div.submenu_pie {float: left; margin-top: 80px; padding-top:5px; margin-left:5px; padding-left:15px; width:135px; min-height:45px; height: auto! important; height:45px; font-size:8pt; border-top:1px dotted #000;}
#submenu div.submenu_pie a {color:#333; text-decoration:underline;}

#foto_submenu {float:left; width:160px; height:430px; background: #77a48f url(../gfx/foto_secciones.jpg) no-repeat; margin:2px; margin-right:2px;}

#contenido {float:left; width:485px; min-height:434px; height: auto! important; height:434px; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#F0F0F0;}

#titulo_contenido {float:left; width:465px; height:25px; padding-top:8px; font-size:12pt; font-weight:bold; color:#06375F; border-bottom:1px dotted #ccc; margin:5px;}
#contenido_texto {float:left; margin-top:10px; margin:5px;}
#contenido_texto a {color:#06375F;}
#contenido_texto img {border:none;}

#columna_derecha {float:left; width:150px; min-height:430px; background:url(../gfx/fondo_reservas.jpg) repeat-y; margin:2px; margin-right:1px;}
html > body #columna_derecha {width:160px;}

input.boton {font-size:8pt; margin-top:1px; margin-left:6px;}

div.banderas {float:left; width:45px; text-align:center; margin:4px;}
div.banderas span {font-size:8pt;}

div.menu1 a {background: url(../gfx/menu_1.jpg) 0px 0px no-repeat; width:162px; height:49px;}
div.menu1 a:hover {background: url(../gfx/menu_1.jpg) 0px -49px no-repeat; width:162px; height:49px;}
div.menu1_selected a {background: url(../gfx/menu_1.jpg) 0px -49px no-repeat; width:162px; height:49px;}

div.menu2 a {background: url(../gfx/menu_2.jpg) 0px 0px no-repeat; width:162px; height:49px;}
div.menu2 a:hover {background: url(../gfx/menu_2.jpg) 0px -49px no-repeat; width:162px; height:49px;}
div.menu2_selected a {background: url(../gfx/menu_2.jpg) 0px -49px no-repeat; width:162px; height:49px;}

div.menu3 a {background: url(../gfx/menu_3.jpg) 0px 0px no-repeat; width:162px; height:49px;}
div.menu3 a:hover {background: url(../gfx/menu_3.jpg) 0px -49px no-repeat; width:162px; height:49px;}
div.menu3_selected a {background: url(../gfx/menu_3.jpg) 0px -49px no-repeat; width:162px; height:49px;}

div.menu4 a {background: url(../gfx/menu_4.jpg) 0px 0px no-repeat; width:162px; height:49px;}
div.menu4 a:hover {background: url(../gfx/menu_4.jpg) 0px -49px no-repeat; width:162px; height:49px;}
div.menu4_selected a {background: url(../gfx/menu_4.jpg) 0px -49px no-repeat; width:162px; height:49px;}

div.menu5 a {background: url(../gfx/menu_5.jpg) 0px 0px no-repeat; width:162px; height:49px;}
div.menu5 a:hover {background: url(../gfx/menu_5.jpg) 0px -49px no-repeat; width:162px; height:49px;}
div.menu5_selected a {background: url(../gfx/menu_5.jpg) 0px -49px no-repeat; width:162px; height:49px;}

div.menu6 a {background: url(../gfx/menu_6.jpg) 0px 0px no-repeat; width:162px; height:49px;}
div.menu6 a:hover {background: url(../gfx/menu_6.jpg) 0px -49px no-repeat; width:162px; height:49px;}
div.menu6_selected a {background: url(../gfx/menu_6.jpg) 0px -49px no-repeat; width:162px; height:49px;}

/* lightbox */
a.lightBoxLink {text-decoration: none;}
#lightbox {background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666;}
#lightboxDetails {font-size: 0.8em; padding-top: 0.4em;}	
#lightboxCaption {float: left;}
#keyboardMsg {float: right; font-size: 8pt;}
#closeButton {top: 5px; right: 5px;}
#lightbox img {border: none; clear: both;}
#overlay img {border: none;}
#overlay {background-image: url(../gfx/overlay.png);}
* html #overlay {background-color: #333; back\ground-color: transparent; background-image: url(gfx/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gfx/overlay.png", sizingMethod="scale");}

/* estilos reutilizados de la web anterior */
/* tabla que sirve de botón a enlace a oferta especial */
.tablaBoton {border: 15px solid #003A6C; background: url(../imagenes/fondoboton.jpg) no-repeat; background-color: #FFFFFF; cursor:pointer; cursor:hand;}
.f1 {font-family: Arial, Verdana; font-size: 26pt; color: #003A6C; padding-top: 5px;}
.f1 a {font-family: Arial, Verdana; font-size: 26pt; color: #003A6C; text-decoration: none;}
.f2 {font-family: Arial, Verdana; font-size: 16pt; color: #003A6C; padding: 0px; margin: 0px;}
.f2 a {font-family: Arial, Verdana; font-size: 16pt; color: #003A6C; text-decoration: none;}
.f3 {font-family: Arial, Verdana; font-size: 12pt; color: #9BB7AB; padding-bottom: 5px;}

/* tarifas */
table.tarifas {border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black;}
.ctarifa {font-family: verdana; font-size: 8pt; border-bottom: 1px solid #393939; background-color: #dbdbdb;}
.ctvalor {background-color: #FFFFFF; font-family: verdana; font-size: 8pt; border-bottom: 1px solid #393939;}
.ctvalord {background-color: #FFFFFF; font-family: verdana; font-size: 8pt; border-bottom: 1px solid #393939; border-right: 1px solid #393939;}

/* programas */
TABLE.ficha {background-color: #EEEEEE; border:1px solid #000000;}
.tdf {border-top:1px solid #000000; font-family: verdana; font-size: 8pt;}
.tdf2 {border-top:1px solid #000000; border-right:1px solid #000000; font-family: verdana; font-size: 8pt;}
A.detalle:link {text-decoration: none; font-family: verdana; font-size: 8pt; color: #000000;}
A.detalle:visited {text-decoration: none; font-family: verdana; font-size: 8pt; color: #000000;}
A.detalle:hover {text-decoration: underline; font-family: verdana; font-size: 8pt; color: #000000;}
A.detalle:active {text-decoration: none; font-family: verdana; font-size: 8pt; color: #000000;}

/* a mayores */
.bold {font-weight: bold;}
.textoAzul {color:#06375F;}

/* calendarios */
TD.calendar1 {font-family: verdana; font-size: 10px; border:1px solid #ECECEC; cursor: hand; cursor: pointer;}
TD.calendar2 {font-family: verdana; font-size: 10px; color: #ca0000; border:1px solid #ECECEC; cursor: hand; cursor: pointer;}
TD.highlight {font-family: verdana; font-size: 10px; border:1px solid #0000ff; cursor: hand; cursor: pointer;}
TD.highlight2 {font-family: verdana; font-size: 10px; border:1px solid #0000ff; color: #ca0000; cursor: hand; cursor: pointer;}
A.arrows {font-weight: bold; font-family: Verdana; color: #F87F7F; text-decoration:none;}

/* reservas */
a.enlaces {text-decoration: none; color: #000000;}

/* contacto */
input.contacto {font-family: Arial; font-size: 10pt;}
textarea.contacto {font-family: Arial; font-size: 10pt;}

/* elementos del formulario */
input, select, textarea {font-family:Arial; font-size:10pt;}

/* ofertas de la portada */
.tituloOfertaPortada {float: left; width: 472px; text-align: center; font-family: Arial; font-size: 13pt;}
.tituloOfertaPortada a {text-decoration: none;}
.tituloOfertaPortada a:hover {text-decoration: underline;}
.itemsOfertaPortada {float: left; width: 472px; padding-top: 5px; font-family: Verdana; font-size: 10pt; font-style: Italic; color: #80b0a0;}
.itemsOfertaPortada a {text-decoration: none;}
.itemsOfertaPortada a:hover {text-decoration: underline;}