/* ------------------------------------------------------ DERBYHOTELS.com Redesign / Restructure of the internal sections v2 November 2009 -- last updated: 3/3/2010 -- Added 404 page styles ------------------------------------------------------ */ /* TEMP -------------- */ body#promociones div.promociones-hotel-1672 {display:none !important;} /* para activar las promociones de suites avenue en la página general de promociones */ body#suites li#subnav_hotel-promociones {display:none !important;} /* para activar el link de promociones al final del submenu del Suites Avenue */ body#granados #subnav_hotel ul li#subnav_hotel-bodas {display:none !important;} /* para activar los submenús de restaurantes cuando el contenido esté listo */ * {margin:0; padding:0; outline:none; list-style-type:none;} body {background-color:#FFF;} #wrapper {position:relative; float:left; display:inline; padding:7px; width:762px; top:10px; left:50%; margin-left:-387px; margin-bottom:20px; background-color:#E5E5E5;} #container {position:relative; float:left; display:inline; background-color:#FFF; width:760px; border:1px solid #B1B1B1;} /* ---------------------- HEADER ---------------------- */ #header {position:relative; float:left; display:inline; width:100%; height:105px; overflow:hidden;} h1 {position:absolute; top:8px; left:8px; z-index:3; display:block; width:260px; height:60px; text-indent:-9999px; background:url(http://www.derbyhotels.com/wsc_content/images/general/derbyhotels_logo.png) top left no-repeat; z-index:300;} #reservations_top {display:none;} #idioma {position:absolute; top:9px; left:450px; z-index:100; font:11px/14px Arial, Sans-serif;} #idioma ul {list-style-type:none; margin:0;} #idioma ul li {position:relative; float:left; display:block; padding-right:8px;} #idioma a:hover {text-decoration:none; color:#666666;} .ws_lang_not_selected {text-decoration:none; color:#999999;} .ws_lang_selected {text-decoration:underline; color:#AF9B45;} #nav {list-style-type:none; position:absolute; top:73px; left:9px; padding:2px 0px 4px 0px; width:743px; z-index:3; font: 11px/11px Arial, Sans-serif; border-top: 1px solid #D2D2D2; border-bottom:1px solid #D2D2D2;} #nav li {position:relative; float:left;} #nav a {text-decoration:none; color:#666666; height:20px;} #nav a:hover {text-decoration:none; color:#AE9A48;} #nav li a.selected {text-decoration:none; color:#0A51A1; background: url(../images/inicio/menu_selected.gif) top left repeat-x scroll;} #nav li a.selected:hover {text-decoration:none; color:#AE9A48; background: url(../images/inicio/menu_selected.gif) top left repeat-x scroll;} /* Bordes anyadidos */ #nav li#n_home, #nav li#n_presentation, #nav li#n_hotels, #nav li#n_gastronomy, #nav li#n_meetings, #nav li#n_weddings, #nav li#n_art, #nav li#n_press {margin:3px 0 0 0; border-right:1px solid #999;} #nav li#n_promotions {margin:3px 0 0 0;} /* Estilo especial para enlace promotions */ #nav li#n_promotions a, #nav li#n_promotions a:hover, #nav li#n_promotions a.selected, #nav li#n_promotions a.selected:hover {color:#FFF; background-color:#a58f35; background-image:none; padding:2px 5px;} /* ---------------------- MAIN AREA ---------------------- */ #main {position:relative; float:left; display:inline; width:760px;} #wrapper2 {position:relative; float:left; clear:both; display:inline; width:760px; background:url(../images/v2/general/bg-main.gif) 8px 0 repeat-y;} /* Header pictures ------------------------ */ #banner {position:relative; float:left; display:inline; width:748px; height:185px; overflow:hidden; margin-left:8px;} #banner ul {list-style-type:none;} #banner ul li {position:relative; float:left; margin-right:1px;} /* Header slideshow NEW */ #banner ul li div.flash {display:none;} #banner ul li div#sec_slideshow {display:inline-block;} #banner ul li div.slidetemp {display:inline-block;} #banner ul li div#sec_slideshow.slidetemp {display:none;} /* 404 header ------------------------ */ body#error404 div#banner {height:453px; margin-bottom:10px;} body#error404 div#banner h2 {margin-left:-2px; width:747px; height:384px; text-indent:-9999px; background:url(../images/v2/general/error404.jpg) top left no-repeat;} /* Search form */ body#error404 div#search {margin-left:-2px; width:747px; height:69px; background:url(../images/v2/general/search_form_bg.jpg) top left no-repeat;} body#error404 div#search form input {margin-top:25px;} body#error404 div#search form input#search {position:absolute; top:0; left:0; margin-left:13px; width:234px; height:22px; background:url(../images/v2/general/search_input_bg.jpg) top left no-repeat; width:229px; height:22px; padding:3px 0 0 5px; border:none; color:#666;} body#error404 div#search form input.search_button {outline:none; position:absolute; top:0; left:259px; width:65px; height:26px; border:none; text-indent:-9999px; display:block; font-size:0; line-height:0; } body#error404 div#search form input.search_button:active {outline:none;} /* Reservations ------------------------ */ #reservations {position:relative; float:left; display:inline; margin:12px 8px; background-color:#F5F2E2; border-top:4px solid #A58F35; width:744px; height:80px; overflow:hidden;} #reservations li.booking_v2_buttons {position:absolute; top:50px; right:20px; z-index:99; border:none;} /* ---------------------- SECTION ---------------------- */ #section {position:relative; float:left; display:inline; overflow-x:hidden; margin:0 8px 12px 8px; width:550px; border-top:4px solid #999999; font:11px/17px arial, sans-serif; color:#777;} #section h2 {width:493px; height:27px; padding:8px 0; background-image:none;} #section h2.cufon {font-size:20px; color:#0A51A1; font-weight:normal; margin:10px 0 6px 12px;} #section div.section-text h2.cufon {margin:10px 0 6px 0;} #section h2.cufon span {color:#A58F35} #section div#promo_individual_title {width:493px; height:27px; padding:8px 0; background-image:none;} #section div.section-text {width:520px; padding:0 15px; font:11px/16px arial, sans-serif; color:#777;} #section div.section-text div.section-text {width:500px; padding:0; font:11px/16px arial, sans-serif; color:#777;} #section div.section-text p {padding:0 0 10px 0; margin:0; text-align:justify;} #section div.section-text a {color:#333333; text-decoration:none;} #section div.section-text a:hover {color:#333333; text-decoration:underline;} /* Hotels & Cities ------------------------------ */ #section ul#subnav_ciudades {margin:8px; padding:3px 0; border-top: 1px solid #D2D2D2; border-bottom:1px solid #D2D2D2;} #section ul#subnav_ciudades li {display:inline-block; line-height:11px; margin:3px 8px 0 -8px; padding:0 5px;border-right:1px solid #999;} #section ul#subnav_ciudades a {text-decoration:none; color:#666666; height:20px;} #section ul#subnav_ciudades a:hover {text-decoration:none; color:#AE9A48;} #section ul#subnav_ciudades li.current a {text-decoration:none; color:#0A51A1; background: url(../images/inicio/menu_selected.gif) top left repeat-x scroll;} #section ul#subnav_ciudades li.current a:hover {text-decoration:none; color:#AE9A48; background: url(../images/inicio/menu_selected.gif) top left repeat-x scroll;} #section ul#subnav_ciudades a, #section ul#subnav_ciudades a:hover, #section ul#subnav_ciudades li a.selected #section ul#subnav_ciudades li a.selected:hover { margin:0 4px; padding: 5px 0 0 0; } #section a.citymap {display:inline-block; margin-top:10px;} #section a.citymap img {border:3px solid #0A51A1;} #section a.citymap:hover img {border:3px solid #666;} /* Prensa ------------------------------ */ /*#section ul#subnav_prensa {display:none !important; text-indent:-9999px !important; margin-bottom:20px;} */ #section ul#subnav_prensa {margin:8px 6px; padding:3px 0; border-top: 1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; width:536px; text-align:center; line-height:22px;} #section ul#subnav_prensa span {display:inline-block; line-height:11px; margin:3px 8px 0 -8px; padding:0 4px;border-right:1px solid #999;} #section ul#subnav_prensa span:last-child {margin:3px 0 0 -8px; padding:0 0 0 4px;border-right:none;} #section ul#subnav_prensa a {text-decoration:none; color:#666666; height:20px;} #section ul#subnav_prensa a:hover {text-decoration:none; color:#AE9A48;} #section ul#subnav_prensa span.current a {text-decoration:none; color:#0A51A1; background: url(../images/inicio/menu_selected.gif) top left repeat-x scroll;} #section ul#subnav_prensa span.current a:hover {text-decoration:none; color:#AE9A48; background: url(../images/inicio/menu_selected.gif) top left repeat-x scroll;} #section ul#subnav_prensa a, #section ul#subnav_prensa a:hover, #section ul#subnav_prensa span a.selected #section ul#subnav_prensa span a.selected:hover { margin:0 2px; padding: 5px 0 0 0; } #section ul.prensa_itemslist {list-style-type:none;} #section ul.prensa_itemslist li p {margin:0; display:inline !important;} #section ul.prensa_itemslist li em {display:inline !important;} #section ul.prensa_itemslist li span.date {display:block; font-weight:bold;} #section ul.prensa_itemslist li {display:block; border-bottom:1px dotted #666; padding:8px 0;} #section ul.prensa_itemslist li a {color:#777; text-decoration:none;} #section ul.prensa_itemslist li a:hover {color:#333; text-decoration:none;} #section .mediabox_magazine img {margin-right:10px;} #section a.descargar {position:relative; display:inline-block; padding:5px 10px; bottom:18px; background-color:#0A51A1; color:#FFF !important;} #section div.ebrochure a.descargar {bottom:0; margin-top:5px; margin-right:12px; text-align:right; float:right; clear:both;} #section div.ebrochure {padding-bottom:30px;} #section div.dossier_download span {display:inline-block; padding:0 10px 0 20px; margin:20px 0; height:20px; line-height:20px; text-transform:uppercase; background:url(../images/v2/general/pdf-ico.gif) center left no-repeat;} #section div.dossier_download a {display:inline-block; margin:0 3px; color:#0A51A1; text-decoration:underline;} div#clipping_todos p.expandable {text-align:right; padding:5px; margin:10px 0;} /* Area restringida login */ #section div#login_ok h3, #section div#login_ok div.formulario {display:none !important;} /* #aside div.area_restringida {display:none !important; background-color:#dfe6ee; padding:10px; font:11px/18px arial, verdana, sans-serif;} */ #aside div.area_restringida {background-color:#dfe6ee; padding:10px; font:11px/18px arial, verdana, sans-serif;} #aside div.area_restringida h3 {color:#0A51A1; font-size:18px; margin:0 0 10px 0; font-weight:normal;} #aside div.area_restringida input {border:none; margin-bottom:6px;} #aside div.area_restringida div.formulario {width:130px; padding-left:15px;} #aside div.area_restringida div.formulario label {display:none;} #aside div.area_restringida input#login3, #aside div.area_restringida input#password4, #aside div.area_restringida input#password44 {background-color:#FFF; padding:2px; width:130px;border:1px solid #CCC;} #aside div.area_restringida input.clear {display:none;} #aside div.area_restringida input#is_save4 {display:none;} #aside div.area_restringida input.enviar {background-color:#0A51A1; border:none; color:#FFF; padding:3px 8px; font-weight:normal;} #aside div.area_restringida div.formulario span {display:block; padding:8px 0 0 0; width:200px !important; white-space: nowrap;} #aside div.area_restringida div.formulario span a {color:#0A51A1; display:block; width:100%; white-space: nowrap;} #aside div.area_restringida div.formulario span.login_submit {display:block; height:14px; width:140px !important; text-align:right; padding:0; margin:0;} /* #aside ul#area_restringida_submenu {background-color:#bfd0e3; border-bottom:10px solid white; text-transform:uppercase; display:none !important;} */ #aside ul#area_restringida_submenu {background-color:#bfd0e3; border-bottom:10px solid white; text-transform:uppercase;} #aside ul#area_restringida_submenu li {font:11px/16px arial, sans-serif; padding:0 12px;} ul#area_restringida_submenu li#areasub_sec1738 {padding-top:10px;} ul#area_restringida_submenu li#areasub_sec1740 {padding-bottom:10px;} #aside ul#area_restringida_submenu li a {color:#0A51A1; text-decoration:none;} #aside ul#area_restringida_submenu li a:hover {color:#0A51A1; text-decoration:underline;} #section div#user_welcome {position:absolute; top:40px; width:520px; text-align:right; z-index:99;} #section div#user_welcome {color:#0a51A1;} #aside div#user_welcome {display:none;} #news #section div.descargas {padding-bottom:10px;} #news #section div.descargas span.menuheader {cursor:pointer;} #news #section div.descargas span.activo {font-weight:bold; color:#0A51A1;} #news #section div.descargas h3 {color:#0A51A1; font-size:18px; margin-bottom:10px;} #news #section div.descargas ul li {text-transform:uppercase;} #news #section div.descargas ul li div.descargables {text-transform:none; padding:12px; width:490px; position:relative; float:left; clear:both;} #news #section div.descargas ul li div.descargables span.pic {display:block; position:relative; float:left; margin-right:8px; width:90px; height:130px;} #news #section div.descargas ul li div.descargables span.pic img {display:block;} #news #section div.descargas ul.attachments {padding-left:20px; text-transform:none !important;} #news #section ul#downloads_logos li a img {border:1px solid #EEE;} #news #section div.descargas ul li div.logos a {padding-right:8px; padding-bottom:12px;} /* Frormulario contacto */ #section #prensa_contactar #formulario {margin-top:20px; padding:20px 0 20px 20px; background-color:#dfe6ee; border:1px solid #BFD0E3; height:180px;} #section #prensa_contactar #formulario ul {list-style-type:none; position:relative; float:left; padding-top:10px;} #section #prensa_contactar #formulario ul li {margin-bottom:8px; width:240px;} #section #prensa_contactar #formulario ul li label {position:relative; float:left; width:70px;} #section #prensa_contactar #formulario ul li input {border:1px solid #CCC; height:18px; width:140px;} #section #prensa_contactar #formulario ul li.mensaje label {clear:both;} #section #prensa_contactar #formulario ul li textarea {font:12px/18px Arial, Sans-serif !important; background-color:#FFF; color:#888 !important; border:1px solid #CCC; width:200px; padding:5px; height:100px; overflow:auto;} #section #prensa_contactar #formulario ul li div {position:relative; left:-10px;} #section #prensa_contactar #formulario ul li div input {margin-left:10px;} #section #prensa_contactar #formulario ul li.enviar {margin-top:10px; text-align:right;} #section #prensa_contactar #formulario ul li.enviar input {width:auto; padding:2px 5px 5px 5px; background-color:#0A51A1; color:#FFF; font-size:11px; font-weight:normal; margin-right:20px; border:none;} #section #prensa_contactar #formulario div.message, #section #prensa_contactar #formulario div#special {display:none;} #section #prensa_contactar #formulario div.message div#alert {font-weight:bold; font-style:italic; text-align:right; color:#666; padding-right:35px; padding-bottom:0px;} #section #prensa_contactar #formulario div.message div#alert span.formerror {color:#df4236;} /* Frormulario regisro */ #section #register_form {margin-top:20px; padding:20px 0 20px 20px; background-color:#dfe6ee; border:1px solid #BFD0E3; height:300px;} #section #register_form td {padding-bottom:6px;} #section #register_form input {font:12px/18px Arial, Sans-serif !important; border:1px solid #CCC; height:18px; width:140px;} #section #register_form td input#submit {width:auto; padding:2px 5px 5px 5px; background-color:#0A51A1; color:#FFF; font-size:11px; font-weight:normal; margin-right:20px; border:none;} #section #prensa_contactar #formulario div.message, #section #prensa_contactar #formulario div#special {display:none;} #section #prensa_contactar #formulario div.message div#alert {font-weight:bold; font-style:italic; text-align:right; color:#666; padding-right:35px; padding-bottom:0px;} #section #prensa_contactar #formulario div.message div#alert span.formerror {color:#df4236;} #section div#login_restricted {width:240px; margin:20px 0 40px 200px;} #section div#login_restricted input {border:none; margin-bottom:6px;} #section div#login_restricted div.formulario {width:130px; padding-left:15px;} #section div#login_restricted div.formulario label {display:none;} #section div#login_restricted input#login3, #section div#login_restricted input#password4, #section div#login_restricted input#password44 {background-color:#FFF; padding:2px; width:130px;border:1px solid #CCC;} #section div#login_restricted input.clear {display:none;} #section div#login_restricted input#is_save4 {display:none;} #section div#login_restricted input.enviar {background-color:#0A51A1; border:none; color:#FFF; padding:3px 8px; font-weight:normal;} #section div#login_restricted div.formulario span {display:block; padding:8px 0 0 0; width:200px !important; white-space: nowrap;} #section div#login_restricted div.formulario span a {color:#0A51A1; display:block; width:100%; white-space: nowrap;} #section div#login_restricted div.formulario span.login_submit {display:block; height:14px; width:140px !important; text-align:right; padding:0; margin:0;} /* News ------------------------------ */ #section div.promo_container .nota_prensa p {margin:0;} #section div.promo_container .nota_prensa {display:block; border-bottom:1px dotted #666; padding:8px 0;} #section div.promo_container .nota_prensa a {color:#777; text-decoration:none;} #section div.promo_container .nota_prensa a:hover {color:#333; text-decoration:none;} #section div.promo_container p.promo_more {display:none; width:520px; text-align:right; padding-top:10px;} #section div.promo_container p.promo_more a {color:#777; text-decoration:none;} #section div.promo_container p.promo_more a:hover {color:#333; text-decoration:none;} #section div.promo_container td.publicacion {width:160px;} #section div.promo_container td.publicacion_individual_centercol {padding:0 15px;} #section div.promo_container td.publicacion_individual_pic {width:160px; height:105px; display:block; overflow:hidden; background-color:#FFF; border:1px solid #CCC;} #section div.promo_container td.publicacion_individual_data {text-align:center; padding-bottom:6px;} #section div.promo_container td.publicacion_individual_data a {color:#777; text-decoration:none;} #section div.promo_container td.publicacion_individual_data a:hover {color:#333; text-decoration:none;} #section div.section-text p.newsfooter {width:520px; font:10px/14px arial, sans-serif; color:#999; text-align:center; margin:20px 12px 0 12px; padding:0;} #section div.section-text p.newsfooter a {text-decoration:none; color:#7F7F7F;} #section div.section-text p.newsfooter a:hover {text-decoration:none; color:#666666;} /* Notas de prensa individual */ body#news #section #promo_individual_volver, #news_individual_volver {position:absolute; top:60px; right:20px; text-transform:uppercase; text-align:right; z-index:10;} body#news #section #promo_individual_volver a, #news_individual_volver a {font-weight:bold; text-decoration:none; color:#666;} body#news #section #promo_individual_volver a:hover, #news_individual_volver a:hover {font-weight:bold; text-decoration:none; color:#333;} #section #promo_individual_container {margin:0; padding:12px; overflow:visible;} #section #promo_individual_volver {position:absolute; top:17px; right:20px; text-transform:uppercase; text-align:right;} #section #promo_individual_volver a {font-weight:bold; text-decoration:none; color:#666;} #section #promo_individual_volver a:hover {font-weight:bold; text-decoration:none; color:#333;} #section .promo_individual_pic {position:relative; float:right; clear:none; margin:0 2px 15px 15px; display:inline;} #section .promo_individual_content {margin:0; text-align:justify; overflow:visible; } #section .promo_individual_content h2 {position:relative; float:left; display:inline;} #section .promo_individual_content p {margin: 5px 0 5px -12px;} #section .promo_individual_title {padding-bottom:10px;} /* Nuevo tras booking extra (abril 2010) */ #section div#reservations_copy, #section div#reservations_copy2 {position:relative; float:left; clear:both; display:block;} #section div#promo_terms {position:relative; float:left; clear:both; padding-top:10px; display:block; width:480px;} /* Publicaciones individual */ body#publicaciones .logo {position:relative; clear:both; width:100%; height:80px; background-color:#9D9D9D; text-align:left;} body#publicaciones .logo img {position:relative; float:left; margin:0 -10px 0 -20px;} body#publicaciones .clipping-info {position:relative; float:left; font:11px/18px arial, sans-serif; color:#FFF; text-transform:uppercase; margin-top:20px;} body#publicaciones .volvertop {font:11px/16px arial, sans-serif; position:absolute; bottom:6px; right:6px;} body#publicaciones .volverbottom {font:11px/16px arial, sans-serif; position:absolute; top:6px; right:6px;} body#publicaciones .volvertop a, body#publicaciones .volverbottom a {color:#FFF; text-decoration:none; font-weight:bold; text-transform:uppercase;} body#publicaciones .volver a:hover, body#publicaciones .volverbottom a:hover {color:#DEDEDE; text-decoration:none; font-weight:bold; text-transform:uppercase;} body#publicaciones .clipping_description {padding:10px 0; margin:0 10px 10px 10px; border-bottom:1px solid #999; font:11px/16px Arial, Sans-serif; color:#999;} body#publicaciones .mediabox {position:relative; clear:both; width:100%; padding:20px 0; text-align:center;} body#publicaciones .mediabox img {margin-bottom:10px;} /* Promociones * verification pending ------------------------------- */ #newstable a.description, #newstable a.description:hover {font:11px/16px Arial, sans-serif; color:#666666;} #newstable2 {width:360px;} .desc {padding:5px 22px;} .promotable {margin:0px -5px;} .promoindividual {margin:0px -15px;} .promopics {width:50px; margin:0px; padding:14px 0px 0px 15px;} .promofullcontent {font:11px/16px arial, sans-serif; color:#666666; padding-top:10px; margin-left:-20px;} .promotitle {font:bold 11px/16px arial, sans-serif; color:#666666; padding-left:13px; margin:0px;} #promociones #main2 {border-top:5px solid #0A51A1; background-color:#F7F7F7; padding-top:9px; padding-bottom:10px; padding-right:5px; font:11px/16px arial, sans-serif; color:#666666;} body#promociones #section h3 {font:bold 12px/16px Arial, sans-serif; color:#AE9A48; margin-left:-21px; margin:0px; padding:10px 0; text-transform:uppercase;} body#promociones #section h2 {font:bold 12px/26px arial, sans-serif; color:#0A51A1; margin:0 0 5px 0; position:relative; clear:both;} .promo_container {padding:15px; position:relative; float:left; margin-right:-7px; width:520px;} a.promo_more {font-weight:bold;} .promo_individual {width:246px; height:auto;} .promo_pic {width:119px; height:71px; overflow:hidden; margin:0; padding:0; background:#FFF; border:1px solid #D2D2D2; text-align:center;} .promo_content {width:115px; padding-left:10px;} .promo_title {font-weight:bold; padding-right:10px;} .promo_title p {margin:0; padding:0;} .promo_desc p {margin: 0 0 0 -15px; padding:0;} .promo_desc {padding-bottom:10px;} .promo_leermas a {text-decoration:none; color:#666;} .promo_leermas a:hover {text-decoration:underline; color:#666;} .promo_separador {height:10px;} /* Promociones individual */ #promo_individual_container {margin:0; padding:12px; overflow:visible;} #promo_individual_volver {position:absolute; top:17px; right:215px; text-transform:uppercase; text-align:right; #right:210px;} #promo_individual_volver a {font-weight:bold; text-decoration:none; color:#666;} #promo_individual_volver a:hover {font-weight:bold; text-decoration:none; color:#333;} .promo_individual_pic {position:relative; float:right; clear:none; margin:0 2px 15px 15px; display:inline; #margin-top:20px; #margin-right:4px;} .promo_individual_content {margin:0; text-align:justify; overflow:visible; } .promo_individual_content h2 {position:relative; float:left; display:inline;} .promo_individual_content p {margin: 5px 0 5px -12px;} .promo_individual_title {padding-bottom:10px;} /* Hotels individual ------------------------------ */ body.habitaciones-sub #section h3 {padding:10px 15px 10px 0; font:bold 13px/16px arial, sans-serif; text-transform:uppercase; color:#0067B2;} #section h4 {margin-top:10px; padding:0px 15px 8px 0; font:bold 12px/16px arial, sans-serif; color:#999;} #direccion {font:10px/14px arial, sans-serif; color:#999; text-align:center; margin:20px 12px 0 12px; padding:0;} #direccion a {text-decoration:none; color:#7F7F7F;} #direccion a:hover {text-decoration:none; color:#666666;} body.habitaciones-sub #section, body.habitaciones-sub #aside {display:inline;} body.galeria a.gallerythumb, body.habitaciones-sub a.gallerythumb {margin-right:8px;} /* Salones --------------------------- */ body.salones #section p.popup_caracteristicas {text-align:center; margin-top:10px; margin-bottom:10px; margin-left:8px; } body.salones #section p.popup_caracteristicas a {padding:5px 20px; background-color:#DDD; color:#888; font-size:12px; font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px;} body.salones #section p.popup_caracteristicas a:hover {text-decoration:none; color:#666; background-color:#CCC;} body.salones #section h3 {color:#0A51A1; font-size:12px; line-height:18px; padding: 0 0 5px 0; margin:0 0 20px 0; border-bottom:1px solid #dde8f3;} body.salones #section #formulario {padding-left:15px; padding-bottom:30px;} body.salones #section #formulario ul {list-style-type:none;} body.salones #section #formulario ul li {margin-bottom:8px; width:470px;} body.salones #section #formulario ul li label {position:relative; float:left; width:200px; padding-right:20px; text-align:right;} body.salones #section #formulario ul li input.salones-text, body.salones #section #formulario ul li textarea {font:12px/18px Arial, Sans-serif !important; background-color:#EEE; color:#888 !important; border:none; border-bottom:1px solid #D5D5D5; width:240px; padding:5px;} body.salones #section #formulario ul li textarea {height:100px; overflow:auto;} body.salones #section #formulario ul li div {position:relative; left:-10px;} body.salones #section #formulario ul li div input {margin-left:10px;} body.salones #section #formulario ul li.enviar {margin-top:20px; text-align:right;} body.salones #section #formulario ul li.enviar input {padding:5px 20px; background-color:#DDD; color:#888; font-size:12px; font-weight:bold; border:none; -moz-border-radius: 5px; -webkit-border-radius:5px;} body.salones #section #formulario div.message, body.salones #section #formulario div#special {display:none;} body.salones #section #formulario div.message div#alert {font-weight:bold; font-style:italic; text-align:right; color:#666; padding-right:35px; padding-bottom:20px;} body.salones #section #formulario div.message div#alert span.formerror {color:#df4236;} /* Agenda ----------------------------*/ .agenda_item {display:block; padding-bottom:8px; padding-top:4px;} .promo_container .agenda_item p {margin:0; padding:0;} #agenda h2 {position:relative; float:left; clear:both; font:bold 14px/14px Arial, sans-serif; color:#AE9A48; margin:0; padding:10px 0; text-transform:uppercase; width:520px;} #agenda div.agenda_city {position:relative; float:left; clear:both; padding-bottom:20px; width:520px;} #agenda div.agenda_citypic {position:relative; float:left; width:120px; margin-right:20px;} #agenda div.agenda_citypic img {border:3px solid #a8a7a5;} #agenda div.agenda_cityevents {position:relative; float:left; width:360px; margin-top:-10px;} #agenda div.agenda_cityevents h3 {position:relative; float:left; clear:both; width:360px; font:bold 12px/12px arial, sans-serif; color:#0A51A1; margin:0; display:list-item; list-style-position:inside; padding-top:8px; padding-bottom:10px; text-transform:uppercase;} #agenda div.agenda_cityevents h3 a {font-size:11px; font-weight:normal; color:#0A51A1; text-transform:none; padding-left:5px;} #agenda div.agenda_cityevents ol {position:relative; float:left; clear:both; margin:0; padding:0; width:360px;} #agenda div.agenda_cityevents ol li {margin:0; padding:0 0 6px 0; list-style-type:none;} #agenda div.agenda_cityevents ol li p {margin:0; padding:0; display:inline;} /* 404 ----------------------------*/ body#error404 div#section {position:relative; float:left; display:inline; overflow-x:hidden; margin:0 8px 12px 8px; width:745px; border-top:4px solid #A58F35; font:11px/17px arial, sans-serif; color:#777;} /* Search results ----------------------------*/ body#default #section #search_results {} body#default #section #search_results .searchresults_messages {display:block; text-align:center; color:#333; font-style:italic;} body#default #section #search_results #searchresults_searchform {display:none;} body#default #section #search_results #searchresults_results {padding-top:20px;} body#default #section #search_results #searchresults_results li {padding-bottom:10px;} body#default #section #search_results #searchresults_results li h3 {font-size:11px;} body#default #section #search_results #searchresults_results li h3 a {color:#0A51A1; text-decoration:underline; font-weight:bold;} body#default #section #search_results #searchresults_pages {text-align:center;} body#default #section #search_results #searchresults_pages a {text-decoration:underline;} body#default #section #search_results .searchresults_messages .wsc_messages_div {padding:20px 0;} /* Mapa web ----------------------------*/ body#mapa-web #section ol {list-style-type:none; margin:0; padding:0;} body#mapa-web #section li {margin:0 0 5px 0;} body#mapa-web #section li.sitemap-cat a {display:block; background-color:#dde8f3; border-color:1px solid #d1dfed; color:#4c77a8; padding:2px 5px; font-weight:bold; text-transform:uppercase;} body#mapa-web #section li.sitemap-cat a:hover {background-color:#B2C7DB; color:#FFF; text-decoration:none;} body#mapa-web #section li.sitemap-sub-1 {padding-left:20px;} body#mapa-web #section li.sitemap-sub-1 a {display:block; border-bottom:1px solid #DDD; padding:2px 0; font-weight:bold; font-size:12px; color:#666;} body#mapa-web #section li.sitemap-sub-2 {padding-left:40px;} body#mapa-web #section li.sitemap-sub-3 {padding-left:60px;} body#mapa-web #section li.sitemap-sub-4 {padding-left:80px;} body#mapa-web #section li.sitemap-sub-2 a, body#mapa-web #section li.sitemap-sub-3 a, body#mapa-web #section li.sitemap-sub-4 a {color:#999;} body#mapa-web #section li a:hover {text-decoration:underline;} /* Restaurantes - subseccion ----------------------------*/ body.restaurants-sub div#restaurants-logo img {margin:8px 0 10px 0;} body.restaurants-sub div#section h3, body.bodas div#section h3 {font-size:11px; padding-bottom:8px;} body.bodas div#section h4 {color:#0A51A1; font-size:15px; font-weight:normal; padding-bottom:25px;} body.restaurants-sub div#section h4 {color:#0A51A1; font-size:15px; font-weight:normal; padding-bottom:25px; margin-left:-25px;} body.restaurants-sub div#section div.restaurantes_galeria {margin-top:20px; position:relative; float:left; padding-left:25px;} div.restaurantes_galeria {width:250px;} div.restaurantes_galeria a {display:inline-block; margin:0 12px 8px 0;} body.restaurants-sub div#section div.restaurantes_menus {margin-top:20px; position:relative; float:left; padding-left:25px;} div.restaurantes_menus ul {list-style-type:none; text-transform:uppercase;} div.restaurantes_menus ul li {background:url(../images/v2/general/pdf-ico.gif) center left no-repeat; margin-bottom:5px; padding-left:20px;} div.restaurantes_menus ul li a {font-weight:bold; text-decoration:underline !important; color:#888 !important;;} div.restaurantes_menus ul li a:hover {font-weight:bold; text-decoration:underline; color:#333} body.restaurants-sub div#section div.restaurantes_prensa {margin-top:20px; position:relative; float:left; clear:both; padding-left:25px;} div.restaurantes_prensa ul li {position:relative; float:left; margin-right:18px;} div.restaurantes_prensa ul li div.pic {position:relative; float:left; margin-right:10px;} div.restaurantes_prensa ul li div.text {position:relative; float:left;} div.restaurantes_prensa ul li div.text h5 {font-size:11px; font-weight:bold;} div.restaurantes_prensa ul li div.text a {text-decoration:none; color:#888 !important;} div.restaurantes_prensa ul li div.text a:hover {text-decoration:none; color:#333 !important;} body.restaurants-sub div#section div#direccion {position:relative; float:left; clear:both; width:500px; text-align:center;} /* ---------------------- ASIDE (sidebar) ---------------------- */ #aside {position:relative; float:left; display:inline; width:185px; overflow-x:hidden; border-top:4px solid #0A51A1;} body#claris #aside, body#granados #aside, body#granderby #aside, body#derby #aside, body#balmes #aside, body#balmesresidence #aside, body#astoria #aside, body#urban #aside, body#villareal #aside, body#caesar #aside, body#banke #aside, body#suites #aside {width:185px; overflow-x:hidden; border-top:4px solid #AF9A49;} /* Subnav Hotels ------------------------ */ div#subnav_hotels {position:relative; float:left; clear:both; width:185px; overflow-x:hidden;} div#subnav_hotels h3 {position:relative; float:left; clear:both; width:160px; height:25px; margin:8px 0; padding:0 0 20px 0;} div#subnav_hotels h4 {position:relative; float:left; clear:both; padding-left:8px; font:bold 11px/18px arial, sans-serif; text-transform:uppercase; color:#666666;} div#subnav_hotels ul {position:relative; float:left; clear:both; width:185px; padding-left:8px;padding-bottom:10px;} div#subnav_hotels ul li {font:11px/16px arial, sans-serif; text-transform:uppercase;} div#subnav_hotels ul li a {color:#666666; text-decoration:none;} div#subnav_hotels ul li a:hover {color:#333333; text-decoration:none;} body#claris div#subnav_hotels ul li#subnav_hotels-claris a, body#suites div#subnav_hotels ul li#subnav_hotels-suites a, body#granados div#subnav_hotels ul li#subnav_hotels-granados a, body#granderby div#subnav_hotels ul li#subnav_hotels-granderby a, body#derby div#subnav_hotels ul li#subnav_hotels-derby a, body#balmes div#subnav_hotels ul li#subnav_hotels-balmes a, body#balmesresidence div#subnav_hotels ul li#subnav_hotels-balmesresidence a, body#astoria div#subnav_hotels ul li#subnav_hotels-astoria a, body#urban div#subnav_hotels ul li#subnav_hotels-urban a, body#villareal div#subnav_hotels ul li#subnav_hotels-villareal a, body#caesar div#subnav_hotels ul li#subnav_hotels-caesar a, body#banke div#subnav_hotels ul li#subnav_hotels-banke a, body#bagues div#subnav_hotels ul li#subnav_hotels-bagues a, body#arai div#subnav_hotels ul li#subnav_hotels-arai a, body#republica div#subnav_hotels ul li#subnav_hotels-republica a {display:block; margin:0 -15px; padding:1px 15px; color:#333333; text-decoration:none; background-color:#E2E9F3;} /* Subnav Hotels - individual ---------------------------------- */ #subnav_hotel ul {list-style-type:none; padding-top:6px; padding-bottom:15px;} #subnav_hotel li {text-decoration:none; text-transform:uppercase; font:11px/16px arial, sans-serif; color:#666666; padding:0px 0px 0px 10px; display:block; margin-bottom:2px;} #subnav_hotel li a {text-decoration:none; text-transform:uppercase; color:#666666;} #subnav_hotel li a:hover {text-decoration:none; text-transform:uppercase; color:#333333;} body.hotel-index #subnav_hotel ul li ul, body.galeria #subnav_hotel ul li ul, body.restaurants #subnav_hotel ul li#subnav_hotel-habitaciones ul, body.habitaciones #subnav_hotel ul li#subnav_hotel-restaurants ul, body.salones #subnav_hotel ul li ul, body.arte #subnav_hotel ul li ul, body #subnav_hotel ul li ul, body.bodas ul li ul {display:none;} /* Habitaciones */ body.habitaciones #subnav_hotel ul li#subnav_hotel-habitaciones ul, body.habitaciones-sub #subnav_hotel ul li#subnav_hotel-habitaciones ul {display:block; padding:2px 0 0 0;} body.habitaciones #subnav_hotel ul li#subnav_hotel-habitaciones ul li, body.habitaciones-sub #subnav_hotel ul li#subnav_hotel-habitaciones ul li {text-transform:capitalize;} body.habitaciones #subnav_hotel li#subnav_hotel-habitaciones ul li a, body.habitaciones-sub #subnav_hotel li#subnav_hotel-habitaciones ul li a {text-transform:capitalize; background-color:#F7F7F7; color:#666; display:block; padding-left:10px;} body.habitaciones #subnav_hotel li#subnav_hotel-habitaciones ul li.active , body.habitaciones-sub #subnav_hotel li#subnav_hotel-habitaciones ul li.active {display:block; text-transform:capitalize; padding-left:20px; background-color:#C5C5C5; color:#FFF;} /* Restaurants */ body.restaurants #subnav_hotel ul li#subnav_hotel-restaurants ul, body.restaurants-sub #subnav_hotel ul li#subnav_hotel-restaurants ul {display:block; padding:2px 0 0 0;} body.restaurants #subnav_hotel ul li#subnav_hotel-restaurants ul li, body.restaurants-sub #subnav_hotel ul li#subnav_hotel-restaurants ul li {text-transform:capitalize;} body.restaurants #subnav_hotel li#subnav_hotel-restaurants ul li a, body.restaurants-sub #subnav_hotel li#subnav_hotel-restaurants ul li a {text-transform:capitalize; background-color:#F7F7F7; color:#666; display:block; padding-left:10px;} body.restaurants #subnav_hotel li#subnav_hotel-restaurants ul li.active , body.restaurants-sub #subnav_hotel li#subnav_hotel-restaurants ul li.active {display:block; text-transform:capitalize; padding-left:20px; background-color:#C5C5C5; color:#FFF;} body.hotel-index #subnav_hotel li#subnav_hotel-hotel, body.galeria #subnav_hotel li#subnav_hotel-galeria, body.restaurants #subnav_hotel li#subnav_hotel-restaurants, body.restaurants-sub #subnav_hotel li#subnav_hotel-restaurants, body.salones #subnav_hotel li#subnav_hotel-salones, body.arte #subnav_hotel li#subnav_hotel-arte, body.situacion #subnav_hotel li#subnav_hotel-situacion, body.habitaciones #subnav_hotel li#subnav_hotel-habitaciones, body.habitaciones-sub #subnav_hotel li#subnav_hotel-habitaciones, body.bodas #subnav_hotel li#subnav_hotel-bodas {text-decoration:none; text-transform:uppercase; color:#333333; padding:1px 0px; margin-bottom:2px;} body.hotel-index #subnav_hotel li#subnav_hotel-hotel a, body.galeria #subnav_hotel li#subnav_hotel-galeria a, body.restaurants #subnav_hotel li#subnav_hotel-restaurants a, body.restaurants-sub #subnav_hotel li#subnav_hotel-restaurants a, body.salones #subnav_hotel li#subnav_hotel-salones a, body.arte #subnav_hotel li#subnav_hotel-arte a, body.situacion #subnav_hotel li#subnav_hotel-situacion a, body.habitaciones #subnav_hotel li#subnav_hotel-habitaciones a, body.habitaciones-sub #subnav_hotel li#subnav_hotel-habitaciones a, body.bodas #subnav_hotel li#subnav_hotel-bodas a {text-decoration:none; text-transform:uppercase; background-color:#ECDDA6; display:block; margin-left:0; padding-left:10px; display:block; color:#333333;} /* Newsletter quicklink ------------------------ */ #aside div.promo_newsletter {margin-top:-6px; background:#F0EEEF; border-bottom:6px solid white;} #aside div.promo_newsletter p {padding:0 10px 10px 15px; margin-top:0; font:11px/16px arial, sans-serif; color:#777;} /* ---------------------- FOOTER ---------------------- */ #footer {position:relative; float:left; display:inline; clear:both; width:760px; background-color:#FFFFFF; font:10px/16px Arial, sans-serif; color:#A7A9AC; padding-top:15px; padding-bottom:5px; text-align:center;} #footer span {text-transform:uppercase; color:#555;} .copyright {border-top:1px solid #D2D2D2; padding-top:3px; font:10px/14px Arial, sans-serif; color:#A7A9AC; margin-right:30px; margin-left:30px; margin-top:5px; z-index:5;} #footer a {text-decoration:none; color:#A7A9AC;} #footer a:hover {text-decoration:none; color:#767C85;}