/*LAYERS*/ #capaPagina { width: 850px; margin-left: auto; margin-right: auto; z-index:0;} #capaHead { width:850px; height:90px; background:url('img/head.gif') no-repeat; text-align: left; margin-left: auto; margin-right: auto; z-index:0;} #capaBody { float: left; font-size: 12px; line-height: 1.3em; width:850px; height: auto; background-color:#FFFFFF; z-index:0;} #capaMenu {float:left; padding-left:10px; height:36px; } #capaMenu .esqLeft {float:left; width:9px; height:36px; background:#eee url('img/menu-left-bg.png') no-repeat;} #capaMenu .esqRight {float:left; width:9px; height:36px; background:#eee url('img/menu-right-bg.png') no-repeat;} #capaMenu .center {float:left;width: 620px; height:36px; background:#eee url(img/menu-bg.png) repeat-x;} #capaMenu .center li a {font-size:15px; padding-left: 12px; padding-bottom: 9px; padding-right: 12px; padding-top: 9px; display:block;font-weight:bold;line-height:16px;color:#0085cf; text-align: center;} #capaMenu .center li {padding:0;float:left;} #capaMenu .center li a {display:block;text-decoration:none; cursor: pointer;} #capaMenu .center li a:hover { color: #727880; cursor: pointer;} #capaNav{ float: left; width: 820px; height: 15px; text-align:left; } #capaNav {padding-left: 10px; padding-top: 5px; font-size: 11px;line-height:14px;color:#333; text-align: left;} #capaNav a {font-weight: normal; font-size: 11px;line-height:14px;color: #333; text-align: left; text-decoration: underline;} #capaNav a:hover{text-decoration: none;} #capaPortada { float:left; width:830px; padding:5px 0 0px 10px;text-align:left; z-index:0;} #capaIzquierda { float:left; width:260px; padding:5px 0 0 5px; text-align:left;} #capaCentral { float:left; width:560px; padding:10px 10px 10px 10px;text-align:left; z-index:0; background-color: #fff; } #capaPrincipal { float:left; width:560px; padding:5px 10px 10px 10px;text-align:left; z-index:0; background-color: #fff; } #capaDerecha { float:left; width:260px; padding:5px 0 5px 0px; text-align:left; } #capaFooter { float:left; width: 850px; margin-left: auto; margin-right: auto;} #capaBgFooter {float:left; width: 850px; background: url(../img/foot.gif); background-repeat: no-repeat; height: 10px; margin-left: auto; margin-right: auto; } .secTitulo {height:28px; background: url(img/bg-titulo.png) repeat-x; } .secTitulo span {display:block;padding:5px 0 5px 10px; text-align: left; font-size: 14px; font-weight: bold; color: #fff;} /*Capa espera*/ #capaEspera { width:550px; margin:0pt auto; padding:10px; display:none;} #waitConection {border: none; padding-top: 10px; padding-left: 10px; background-color: #fff; -moz-border-radius: 10px;-webkit-border-radius: 10px; opacity: .7; color: #fff; font-weight: bold;} /*Sin resultado*/ #sinResultado {position: relative; left: 60px; top: 150px; margin-top:0px; width: 400px; margin-left: 0px; border: none; padding: 20px; background-color: #e6e6e6; -moz-border-radius: 10px;-webkit-border-radius: 10px; opacity: .7; color: #0085cf; font-weight: bold; vertical-align: middle; font-size: 16px; line-height: 18px; text-align: center; } /* Estado reserva aviso*/ #estadoReservaOK{margin-top: 3px; padding-bottom: 5px; float:left; padding-top: 5px; word-wrap: normal; width:550px; line-height: 14px; text-align: center; font-size: 14px; font-weight: bold; color: #2e2e2e; border: 1px solid green; background-color: #d6ffe0; } #estadoReservaKO{margin-top: 3px; padding-bottom: 5px; background-color: #ffc9c9; float:left; padding-top: 5px; word-wrap: normal; width:550px; line-height: 14px; text-align: center; font-size: 14px; font-weight: bold; color: #2e2e2e; border: 1px solid red; } .fotoHotel{border:1px solid #DFDFDF;display:inline;float:left;margin:0 1em 0 0;padding:0.3em;} #fotoRecomendados_peq {border:1px solid #DFDFDF;display:inline;float:left;margin:0 1px 0 0;padding:0;} /* Buscador Disponibilidad */ #filaNHabitacionesDisp {float:left; width: 200px; margin-left: 10px; margin-top:0px;} /*Capa Banners*/ #capaBanners {float:left; width:566px; height:80px;} #bannerIzq {float:left; width:270px; padding-left: 6px; padding-right: 6px;} #bannerDer {float:left; width:270px; padding-left: 6px;} /*Capa Ofertas Destacadas*/ #capaOfertasDestacadas { float:left; width:240px ; height:180px;} #listaPoblacionIzq { float: left; } #filaPoblacion {float:left; margin-bottom: 0px; margin-left:5px; margin-right:5px; margin-top: 2px; margin-bottom: 2px;} #poblacion { float: left; } #ofertaDprecio { float: right; width: 25px; } #linea-space-vertical { float: left; width: 1pt; height:140px; background:url(../img/separador-v.png) repeat-y; margin-left: 1pt; margin-right: 1pt; } /*Capa Apartamentos*/ #capaApartamentos { float:left; width:239px ; height:170px;} #listaApartamentos { float: left; width: 117px; padding-top: 5px; line-height: 14pt; margin: 0px;} #apartamento { float: left; width: 80px; padding-top: 4px;} #precio { float: left; width: 25px; padding-top: 4px;} #linea-space { float: left; height: 1px; background-color: #e1e1e1; width:234px; margin: 0px; padding: 0px;} /*Capa Resultado General*/ #capaResultadoGeneral {float:left; width: 560px; text-align:left; z-index:100;} #capaAlerta{background-color: #ffc100; width:550px; padding:5px; text-align:center; z-index:100;} #capaListaHoteles { float:left; z-index:100;} #capaFilaHotel { position:relative;float:left; z-index:100; background-color:#eee; height:110px; width: 560px; } #capaNombreHotel{float: left; width: 555px; height: 20px; z-index:100; background:url(img/bg-module-titulo.png) repeat-x; padding-left: 5px; color: #fff;} #capaFotoHotel {float: left; width: 112px; z-index:100;padding-left: 5px; padding-top: 5px;} #capaDescripcionHotel {float: left; width: 315px; text-align: left; z-index:100; padding-top: 3px; text-align:justify;} #capaRegimenHotel {float: left; width: 113px; z-index:100; padding-left: 10px; padding-top: 3px; text-align:center;margin-left: auto; margin-right: auto;} #capaDetallesRegimen{ float: left; text-align:center; width: 80px; z-index:100; padding-left: 15px; padding-right: 15px;} #capaBotonContinuar {float: left; width: 113px; z-index:100;} #capaResOferta{position:absolute; top:0px; left:482px; width:80px; height:90px; z-index: 300} /*Capa Form Datos Reserva*/ #listaCamposForm1{float: left; width: 550px; padding-left: 20px;} #listaCamposForm2{float: right; width: 200px;} #listaCamposForm3{float: left; width: 420px; padding-top: 5px; padding-left: 12px;} #capaFilaDatForm { float: left; padding-top: 7px;} /*Capa Pasarela*/ #capaPasarela{float:left; width:450px; height:70px; margin-left: auto; margin-right: auto;} /*Capa Informacion*/ #myGallery{float:left; width:560px; margin-left: 0px; margin-top: 2px; margin-bottom: 10px;} #imgElement{ float:left; margin-left:7px; margin-top:7px; margin-bottom:7px; border: 3px; border-style: solid; border-color: #4bbdfb; } #capaListaServicios1 { float:left;width:160px; line-height: 14pt; padding-left: 30px; padding-top: 6px;} #capaListaServicios2 { float:left;width:160px; line-height: 14pt; padding-left: 10px; padding-top: 6px;} /*CSS Meneame style pagination*/ #pagination {float:right; padding-bottom: 3px; margin-bottom: 3px;padding-top: 3px; margin-top: 3px; text-align:center; color:#333; font-size:95%;} #pagination a { background-repeat: repeat-x; padding-left: 4px; padding-bottom: 2px; padding-right: 4px; padding-top: 2px; color: #222222; cursor: pointer; border: 1px solid #a2a2a2; margin-right:2px;background-image: url(img/bg-pagination-peq.png); background-position:bottom; text-decoration: none; } #pagination a:hover, div.meneame a:active { border: 1px solid #0085cf; background-image:none; background-color: #0085cf; color: #fff; } #pagination span.current { padding-left: 7px; padding-bottom: 7px; padding-right: 7px; padding-top: 7px; text-decoration: none; margin-right:3px;border: 1px solid #636363; font-weight: bold; background-color: #636363;color: white; } #pagination span.disabled { color: #636363; margin-right:3px; padding:5px 7px; border: 1px solid #ffe3c6; } /*Banners*/ .capaBannerFines {float:left; background:url('../img/banner-fines-semana.png') no-repeat; width: 210px; height:96px; padding-right: 5px;} .capaBannerFines li {float:left; padding: 2px; margin-top: 45px; margin-left: 10px;} .capaBannerBoletin {float:left; background:url('../img/banner-boletin-email.png') no-repeat; width: 210px; height:96px;} .capaBannerBoletin .fila1 {float:left; padding-left: 5px; clear: both;} .capaBannerBoletin .fila1 input{float:left; font-size:12px; margin-top: 30px; margin-left: 5px;} .capaBannerBoletin .fila1 #email_addr {width: 140px;} .capaBannerBoletin .fila2 {float:left; width: 180px; padding-top:1px; padding-bottom:2px; padding-left: 10px;} .capaBannerBoletin .fila2 input{ padding-bottom: 2px;} .module{margin-bottom:8px; } .module h2 span a{display:block;color:#0085cf;} .module h2 span{display:block;padding:2px 0 5px 10px;background:#ccc url("img/bg-module-titulo-gray.png") repeat-x;font-weight:normal;font-size:0.9em;line-height:15px;color:#0085cf;text-align: left;} #principal{float:left;width:560px; padding: 5px; } #principal .module{background:#fff url("img/principal-module-bg.png") repeat-y;} #principal .module h2 {background:#fff url("img/principal-module-top-gray.png") no-repeat;overflow:hidden; clear:left; width:100%;padding:5px 0 0;} #principal .module h2 span{margin-right:0px;} #principal .modulecontent {background:none; padding-left: 10px;} #principal .modulecontent .list_content {min-height:220px; } #principal .module_btm{margin-bottom:7px;clear:left;float:left;width:100%;height:5px;background:url("img/principal-module-foot.png") no-repeat;line-height:5px;} #principal .modulecontent ul li {padding: 3px;} #principal .modulecontent ul li a span{display:block;margin-left:2.3em;} #principal .modulecontent ul li a em{display:block;float:left;width:2em;text-align:right;font-style:normal;color:#666;} #principal .modulecontent ul li a:hover em{color: #0085cf;} #principal .modulecontent li a {position:relative;display:inline-block;clear:left; ; color:#333; cursor:pointer;display:block;} #principal .modulecontent ul li a:hover{text-decoration:none;color:#0085CF;} #principal .module .modulecontent span.comment {line-height:0.8em; color: #a2a2a2; font-size: 1em;} #secundario{float:left;width:250px; padding: 5px;} #secundario .module{background:#fff url("img/secundario-module-bg.png") repeat-y;} #secundario .module h2 {background:#fff url("img/secundario-module-top-gray.png") no-repeat;overflow:hidden; clear:left; width:100%;padding:5px 0 0;} #secundario .module h2 span {margin-right:0px;} #secundario .modulecontent {background:none; padding-left: 10px;} #secundario .modulecontent .list_content{min-height:120px;} #secundario .module .modulecontent .list_content .list_content ul {margin-top: 0px; margin-bottom: 1px;} #secundario .module .modulecontent .list_content .lineSquare ul {list-style:square outside; margin-top: 0px; margin-bottom: 1px;} #secundario .module .modulecontent .list_content li { position:relative;display:inline-block;clear:left; padding-bottom: 0px;} #secundario .module_btm{margin-bottom:7px;clear:left;float:left;width:100%;height:5px;background:url("img/secundario-module-foot.png") no-repeat; line-height:5px;} #tercero{float:left;width:220px; padding: 0 5px 5px;} #tercero .module h2 {background:#fff url("img/tercero-module-top-gray.png") no-repeat;overflow:hidden; clear:left; width:100%;padding:5px 0 0;} #tercero .module h2 span{margin-right:0px;} #tercero .module{background:#fff url("img/tercero-module-bg.png") repeat-y;} #tercero .modulecontent {background:none; padding-left: 10px;} #tercero .modulecontent .list_content{min-height:140px;} #tercero .list_content ul {margin-top: 0px; margin-bottom: 1px;} #tercero .module .modulecontent .list_content li { position:relative;display:inline-block;clear:left; padding-bottom: 5px;} #tercero .module .modulecontent .list_contentli a {position:relative;display:inline-block;clear:left;padding:5px 12px;line-height:1em; color:#333; cursor:pointer;display:block;} #tercero .module_btm{margin-bottom:7px;clear:left;float:left;width:100%;height:5px;background:url("img/tercero-module-foot.png") no-repeat;line-height:5px;} #cuarto{float:left;width:320px; padding: 0 5px 5px;} #cuarto .module h2 {background:#fff url("img/cuarto-module-top-gray.png") no-repeat;overflow:hidden; clear:left; width:100%;padding:5px 0 0;} #cuarto .module h2 span{margin-right:0px;} #cuarto .module{background:#fff url("img/cuarto-module-bg.png") repeat-y; } #cuarto .modulecontent {background:none; padding-left: 10px;} #cuarto .modulecontent .list_content{min-height:230px;} #cuarto .list_content ul {margin-top: 0px; margin-bottom: 1px;} #cuarto .module .modulecontent .list_content li { position:relative;display:inline-block;clear:left; padding-bottom: 5px;} #cuarto .module .modulecontent .list_contentli a {position:relative;display:inline-block;clear:left;padding:5px 12px;line-height:1em; color:#333; cursor:pointer;display:block;} #cuarto .module_btm{margin-bottom:7px;clear:left;float:left;width:100%;height:5px;background:url("img/cuarto-module-foot.png") no-repeat;line-height:5px;} #contratacion {float: left; width:530px; height:120px; overflow: scroll; border: #0092ff 1px solid;background-color: white; text-align: left; padding: 5px;} /*BOLETIN*/ #formBoletin input.email {font-size:11px; padding: 3px; width: 140px; border:solid 0.05em #0085cf; font-weight:normal;} #formBoletin .error, .error_popup { font-size: 13px; color: white; font-weight: bold; padding-bottom : 6px; /*background-color:#ff9090;*/ background-color: #ff0900; background-image:url("img/button_cancel.png"); background-repeat:no-repeat; background-position : right; text-align:center; margin-left: 5em; margin-right:5em; margin-bottom: 2em; margin-top: 45px; } #formBoletin .error_popup{ margin-left: 1em; margin-right:1em; background-position : right; } #formBoletin .success, .success_popup{ font-size: 13px; font-weight: bold; color: #484848; font-weight: bold; padding-bottom : 6px; background-color: #82f586; background-image:url("img/button_ok.png"); background-repeat:no-repeat; background-position : right; text-align:center; margin-left: 5em; margin-right:5em; margin-top: 45px; margin-bottom: 2em; } #formBoletin .success_popup{ margin-left: 1em; margin-right:1em; } #formBoletin .successimport { font-size: 13px; font-weight: bold; color: #484848; font-weight: bold; padding-bottom : 6px; background-color: #82f586; background-image:url("img/button_ok.png"); background-repeat:no-repeat; background-position : right; text-align:center; margin-left: 5em; margin-right:5em; margin-top: 0em; margin-bottom: 0em; } #datepicker_div, .datepicker_inline { float:left; font-family: Arial, Helvetica; font-size: 12px; background: url(../img/calendar.png); height: 195px; padding: 0 6px; text-align: center; width: 147px; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; } #datepicker_div { display: none; border: 0px solid #fff; z-index: 9999; /*must have*/ } .datepicker_inline { float: left; border: 0; } .datepicker_rtl { direction: rtl; } .datepicker_dialog { padding: 1px !important; border: 0px ridge #ddd !important; } button.datepicker_trigger { width: 20px; } img.datepicker_trigger { margin: 0px; vertical-align: middle; cursor: pointer; } .datepicker_prompt { padding: 1px; background: #ddd; color: #000; } * html .datepicker_prompt { float: left; width: 147px;} .datepicker_control, .datepicker_links, .datepicker_header, .datepicker { clear: both; float: left; width: 100%; color: #0597DB; } .datepicker_control { background: #fff; padding: 2px 0px; } .datepicker_links { background: #fff; padding-left: 3px; padding-top: 0px; padding-bottom: 0px; color:#0597DB; } .datepicker_control, .datepicker_links { font-weight: normal; cursor: pointer; } .datepicker_links label { /* disabled links */ } .datepicker_clear, .datepicker_prev { cursor: pointer; display: block; height: 12px; overflow: hidden; float: left; top: 17px; width: 11px; } .datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev { text-align: right; } .datepicker_current { float: left; width: 80%; text-align: center; } .datepicker_next { cursor: pointer; display: block; height: 12px; overflow: hidden; float: left; top: 17px; width: 11px; } .datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next { float: left; text-align: left; } .datepicker { background: #fff; text-align: center; font-size: 100%; } .datepicker a { display: block; width: 100%; } .datepicker_titleRow { background: #fff; } .datepicker_daysRow { background: #fff; color: #0597DB; } .datepicker_weekCol { background: #777; color: #0597DB; } .datepicker_daysCell { border: 0; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; background: url(../img/calendar-valid.gif); color: #0597DB; cursor: pointer; } .datepicker_daysCell a{ display: block; color: #0597DB; margin-top:3px; } .datepicker_weekEndCell { background: url(../img/calendar-valid.gif); color: #0597DB; cursor: pointer; } .datepicker_titleRow .datepicker_weekEndCell { background: #fff; color: #0597DB; } .datepicker_daysCellOver { background: url(../img/calendar-valid.gif) 0 100%; color: #fff; cursor: pointer; } .datepicker_unselectable { background: url(../img/calendar-td.gif) 0 100%; color: #eee; } .datepicker_today { background: url(../img/calendar-hilite.gif); } .datepicker_currentDay { background: url(../img/calendar-valid.gif) 0 100%; } .datepicker_currentDay a{ color: #FFF; } .datepicker_status { width: 100%; text-align: center; } /* ___________ IE6 IFRAME FIX ________ */ .datepicker_cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } #facebox .bolder { top: 0; left: 0; color: white; font-size: 20px; padding: 10px; width: 780px; } #facebox .b { background:url(../img/b.png); } #facebox .tl { background:url(../img/tl.png); } #facebox .tr { background:url(../img/tr.png); } #facebox .bl { background:url(../img/bl.png); } #facebox .br { background:url(../img/br.png); } #facebox { position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { margin: auto; border-collapse: collapse; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }