* { margin:0; padding:0;} ul{ list-style-type:none;} img{ border:0;} body{ background-color:#A8A793;} p{ font:14px/20px Georgia, Arial, Helvetica, sans-serif; color:#000;} .limpiar{ clear:both; font-size:1px; line-height:1px; height:1px;} a{ color: #31689E; text-decoration:none;} a:hover{ color: #31689E; text-decoration:underline;} /* idioma -------------------------------------------------------------------------- */ #idioma{ padding:4px 12px; background:#436381; border-bottom:1px solid #88A7C3;} #idioma p{ font:9px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:1px;} #idioma a{ color:#fff; text-decoration:none;} #idioma a:hover{ color:#fff; text-decoration:underline;} #donde #idioma p{ padding:0;} /* Comunes -------------------------------------------------------------------------- */ #cabecera{ height:125px; background: url(../img/fnd_cab.jpg) repeat-x;} h1{ width:768px; margin:0 auto; background:url(../img/cab_cosmopol.jpg) no-repeat;} h1 a{ display:block; text-indent:-9000px; width:343px; height:125px; margin:0 auto; overflow:hidden;} h2{ text-indent:-9000px; font-size:1px; line-height:1px; height:60px;} .patrocinio{ text-align:center; background:#E3E3D9;; padding:20px 0;} #menu{ height:29px; border-top:1px solid #fff; border-bottom:1px solid #D0D0BF; background: url(../img/fnd_menu.jpg) repeat-x;} #menu ul{ width:780px; margin:0 auto;} #menu li{float:left;} #menu li img{display:block;} #contenedor{ background-color:#E3E3D9; padding:0 0 50px 0;} #contenido{ width:720px; margin:0 auto;} .cab_contenido{padding:0 0 6px 0; background: url(../img/linea_700.gif) no-repeat left bottom;} #hotel #contenido ul{ font:14px/20px Georgia, Arial, Helvetica, sans-serif; color:#000; padding: 0 0 0 15px;} #hotel #contenido li{ padding:2px 0 2px 12px; background: url(../img/ico_lista.gif) no-repeat left center;} h3{padding:15px 0 0 0; font:bold 16px/22px Georgia, Arial, Helvetica, sans-serif; color:#333;} .marco{ background:#EFEFE9; border:1px solid #CCCCBB; padding:0 0 5px 0; } .marco dl{ font:11px/13px Arial, Helvetica, sans-serif; color:#333; padding:10px 15px;} .marco dt{ font-weight:bold;} .marco dd{ padding: 0 0 10px 0;} #pie{ clear:both; padding:10px 0 5px 0; margin:0 auto; background:#AAAA95 url(../img/fnd_pie.jpg) repeat-x; text-align:center; } #pie .int_pie{ width:720px; margin:0 auto;} #pie, #pie p{ font:11px/11px Arial, Helvetica, sans-serif; color:#fff;} #pie ul{margin:0 0 10px 0;} #pie ul li{ display:inline; border-right:1px solid #fff; padding:0 7px;} #pie ul li.ultimo{ border:0;} #pie a{ color:#fff;} /* 00 Home -------------------------------------------------------------------------- */ #home{} #home #cabecera{ height:450px; background: url(../img/fnd_cab_home.jpg) repeat-x;} #home h1{ width:343px; margin:0 auto; background:url(../img/logo_home.gif) no-repeat; text-indent:-9000px; overflow:hidden;} #home h1 a{ display:block; height:79px;} #home .cont_anim{ width:766px; margin: 2px auto 0 auto; background:url(../img/fnd_flash.gif) no-repeat;} #home .cont_anim p{ padding:7px 8px 10px 8px;} #home #menu{} #home #pie{} /* 01 Hotel -------------------------------------------------------------------------- */ #hotel{} .tit_hotel{ background:url(../img/tit_hotel.gif) no-repeat 0 20px;} #hotel #contenido{padding:0 0 5px 0; } #hotel .columnas{padding-bottom:20px; } #hotel .izq{float: left; width:240px; padding:20px 0 0 0; } #hotel .der{float: right; width:455px; padding:20px 0 0 0;} #hotel .der p{ padding:5px 0;} #hotel .img_hotel{background:url(../img/img_hotel.jpg) no-repeat 0 -10px; height:170px; border:1px solid #CCCCBB; border-bottom:0;} #hotel #contenido #menutab{ padding:0; margin:0;} #hotel #contenido #menutab li{ display:inline; background:none; padding: 0 0 0 9px; margin-right:10px; background: url(../img/flecha_der.gif) no-repeat left center;} #hotel #contenido #menutab .marcado{ font-weight:bold; background: url(../img/flecha_abajo.gif) no-repeat left center; border-bottom:1px solid #fff;} #cont2, #cont3, #cont4{ display: none;} /* 02 Restaurante -------------------------------------------------------------------------- */ #restaurante{} .tit_restaurante{ background:url(../img/tit_restaurante.gif) no-repeat 0 20px;} #restaurante #contenido{padding:0 0 5px 0; } #restaurante .columnas{ padding:0 0 50px 0; } #restaurante .izq{float: left; width:240px; padding:20px 0 0 0;} #restaurante .der{float: right; width:455px; padding:15px 0 0 0;} #restaurante .der p{ padding:5px 0;} #restaurante .img_rest{background:url(../img/img_rest.jpg) no-repeat 0 -30px; height:170px; border:1px solid #CCCCBB; border-bottom:0;} /* 03 Donde estamos -------------------------------------------------------------------------- */ #donde{} .tit_llegar{ background:url(../img/tit_donde.gif) no-repeat 0 20px;} #donde #contenido{padding:0 0 20px 0; } #donde .cab_contenido{ margin:0 0 10px 0;} #donde p{ padding:0 0 10px 0;} #donde .cont_mapa{padding:10px; background:#EFEFE9; border:1px solid #CCCCBB;} #donde #map{width: 550px; height: 450px; border:3px solid #fff;} #donde #side_bar{ float: right; width:135px; padding:5px 0 0 0;} #donde #side_bar a{ display:block; font: 11px/11px Arial, Helvetica, sans-serif; margin:0 0 5px 0; border-bottom:1px solid #CCCCBB; padding:0 0 5px 0;} #donde #side_bar br{ line-height:1px; font-size:1px;} #donde .gmnoprint{ font:12px/14px Arial, Helvetica, sans-serif; color:#666;} #donde .gmnoprint .strong{ font:bold 12px/14px Arial, Helvetica, sans-serif; color:#333;} /* 04 Reservas -------------------------------------------------------------------------- */ #reservas{} #reservas .tit_reservas{ background:url(../img/tit_reservas.gif) no-repeat 0 20px;} #reservas form{ padding:0 0 20px 0;} #reservas fieldset{ border:0; padding:0 0 20px 0; background: url(../img/linea_700.gif) no-repeat left bottom;} #reservas legend{ float:left; font:13px/15px Arial, Helvetica, sans-serif; color:#333; padding: 4px 0 4px 30px;} #reservas fieldset div{ float:right; width:520px;} #reservas fieldset p{clear:both; padding:8px 0 2px 0;} #reservas label{ float:left; width:150px; font:bold 11px/13px Arial, Helvetica, sans-serif; color:#000;} #reservas .label2{ display:inline; width: auto; margin:0 5px 0 0; font-weight:normal;} #reservas span{ float:left; width:150px; font:bold 11px/13px Arial, Helvetica, sans-serif; color:#000;} #reservas input, select{ font: 11px/13px Arial, Helvetica, sans-serif; color:#333;} #reservas option{ padding:0 5px 0 0;} #reservas .ctexto{ width:200px;} #reservas .ctexto2{ width:100px;} #reservas .datos legend{ background: url(../img/pto_1.gif) no-repeat;} #reservas .alojamiento legend{ background: url(../img/pto_2.gif) no-repeat;} #reservas .fecha legend{ background: url(../img/pto_3.gif) no-repeat;} #reservas .boton{ text-align:right;} #reservas .msj_confirma{ background:#fff; margin:20px 0; padding:40px; border:1px solid #A8A793; text-align:center;} #reservas .tarifas{ margin:0 0 30px 0; font:11px Arial, Helvetica, sans-serif; width:500px; background:#fff;} #reservas .tarifas caption{ text-align:left; padding:8px 0; font:bold 12px/14px Arial, Helvetica, sans-serif; color:#1E3F60;} #reservas .tarifas th{ font-weight:bold; background:#31689E; color:#fff; padding:6px 3px;} #reservas .tarifas th.tfila{ text-align:left; background:#9F9F7B; padding-left:5px;} #reservas .tarifas td{text-align: center; padding:6px 3px; background:#DDDDD0;} #reservas .tarifas td.impar{} #reservas .tarifas tr.par td{ background:#CACAB7} #reservas .tarifas tr.par th{ background:#878763} #reservas #contenido .cont_tarifas{ padding:0 10px 10px 10px; background:#EFEFE9; border:1px solid #CCCCBB;} #reservas #contenido .cont_tarifas h3{ padding:10px 0; margin:0 0 10px 0; font:bold 13px/15px Arial, Helvetica, sans-serif; color:#000; border-bottom:1px solid #dadacd;} #reservas #contenido .cont_tarifas div{ background:url(../img/1px_dadacd.gif) repeat-y 510px 0;} #reservas #contenido dl{ float:right; padding:5px 0 0 0; width:175px; font:12px/14px Arial, Helvetica, sans-serif; color:#000; margin: 0 0 0 15px; } #reservas #contenido dt{ font-weight:bold; padding:0 0 5px 0; } #reservas #contenido dd{ padding:2px 0 2px 12px; background: url(../img/ico_lista.gif) no-repeat 0 8px;} #reservas .btn_tarifas{float:right; padding:25px 0 0 0;} /* 05 Galerķa -------------------------------------------------------------------------- */ #galeria{} .tit_galeria{ background:url(../img/tit_galeria.gif) no-repeat 0 20px;} #galeria .izq{float: left; width:490px; padding:15px 0 100px 0;} #galeria .der{float: right; width:221px; padding:15px 0 100px 0;} #galeria .list_fotos{} #galeria .list_fotos li{ float:left; display:inline; margin:0 10px 5px 0; } #galeria .list_fotos li img{ display:block;} #galeria .list_fotos li a{ display:block; padding:5px; background: url(../img/fnd_min.gif) no-repeat center center;} #galeria .list_fotos li a:hover{ background:url(../img/fnd_min_over.gif) no-repeat center center;} #galeria .list_fotos li.actual{padding:5px; background:url(../img/fnd_min_over.gif) no-repeat center center;} #galeria .foto_ampliada{ border:3px solid #fff;} #galeria .paginacion{ font:11px/23px Arial, Helvetica, sans-serif; color:#333; text-align:right;} #galeria .paginacion img{float:left;} #galeria .paginacion span{float:right; margin:0 0 0 8px;} .cont_panoramicas{ padding:12px 0 4px 12px; background:#EFEFE9; border:1px solid #CCCCBB;} .cont_panoramicas h3{ height:1%; padding:0 0 12px 30px; background: url(../img/ico_360.gif) no-repeat left top; font:bold 11px/13px Arial, Helvetica, sans-serif; color: #5D5749 } #galeria .list_fotos2{} #galeria .list_fotos2 li{ margin:0 15px 10px 0; font: 11px/13px Arial, Helvetica, sans-serif;} #galeria .list_fotos2 li img{ display:block;padding:1px; background:#fff; border:1px solid #CCCCBB;} #lightbox{ background-color:#fff; border: 1px solid #CCCCBB; } #lightboxDetails{padding: 4px 10px; } #lightboxDetails p{font:bold 11px Arial, Helvetica, sans-serif;} #lightboxDetails p a{ text-decoration:none;} #lightboxDetails p a:hover{ color: #999;} #lightboxCaption{ display:none; } #keyboardMsg{ text-align:right; } #lightbox img{ margin:0 10px 10px 10px; } #overlay img{ } #overlay{ background-image: url(../img/overlay.png); } * html #overlay{background-color: #000;back\ground-color: transparent;background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");} /* 05 Ofertas -------------------------------------------------------------------------- */ #ofertas{} .tit_ofertas{ background:url(../img/tit_ofertas.gif) no-repeat 0 20px;} #ofertas dl{ font-family:Georgia, "Times New Roman", Times, serif; color:#000;} #ofertas dt{ padding:20px 0 20px 60px; font-size:14px; line-height:18px; font-weight:bold; background:url(../img/fnd_oferta.gif) no-repeat left center;} #ofertas dd{ padding:0 0 10px 60px; margin:-10px 0 0 0; font-size:12px; line-height:16px;} /* Aviso legal --------------------------------------------------------------------------- */ #aviso{padding:15px 0 0 0;} #aviso p{ padding:5px 0; font-size:11px; font-family:Arial, Helvetica, sans-serif;}