body {font-family: Verdana, Arial, Sans-Serif; font-size: 0.75em; background-color:#e7ecf0; background-image: url(/img/ghs/bg_fondo.jpg); background-repeat: repeat-x; background-attachment:scroll} h1{font-size: 1.5em; color: #666666} h2{font-size: 14px; font-weight: normal; padding: 3px 3px 3px 0px; display: block; background-color: #e7ecf0; color: #666666} h3{font-size: 16px; font-weight: bold; color: #cc0000} h4{font-size: 1em; font-weight: normal; color: #666666} h5{font-size: 1em;} h6{font-size: 1em;} p{font-size: 14px;} a{text-decoration: none; color: #cc0000; cursor:pointer;} a.button {border: solid 1px #e7ecf0; background-color: #b8d7f2; color: #e7ecf0; font-weight: bold; cursor: pointer; width: 123px; height: 16px; width: 120px; display: inline-block; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; text-align: center; font-size: 0.85em} a.button_auto {width:auto; height:auto; display: inline-block; padding: 2px 3px 2px 3px; margin:0px; text-align:center} span.invalid_price {text-decoration:line-through; color: red} span.new_price {font-weight: bold; color: #cc0000; display: block; clear: both} ul{} li{} /* estilos de formulario */ #__EVENTTARGET, #__EVENTARGUMENT, #__LASTFOCUS, #__VIEWSTATE, #__EVENTVALIDATION{display:none} input, select{width: 120px; height: auto; display: inline-block; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; font-size: 0.8em} input.button{width: 130px; height: auto; display: inline-block; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; font-size: 0.85em; cursor: pointer} select {height: 20px} span.checkbox input{width: auto} span.checkbox label{margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px} #main_panel{background-color: #e7ecf0} /* ===PANELES DE LA CABECERA=== */ #head_panel{color: #ffffff} #head_panel a{font-size: 16px; color: #ffffff; font-weight: bold; text-decoration: none} #h1_panel{} #h1_panel h1{font-size: 0.9em; font-weight: bold; color: #000000} #links_panel{background-image: url(/img/ghs/menu.jpg); background-repeat: no-repeat} #menu_panel{font-size: 14px; text-align: left} #head_right_panel{background-color: #000000; color: #ffffff} #website_descripcion{font-family: Times New Roman; font-style: italic; font-size: 2em; color: #576774} /* ===PANELES DE LA IZQUIERDA=== */ #left_panel{background-color: #e7ecf0; color: #666666} #left_panel p.heading{width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; background-color: #dadfe3; color: #666666; font-weight: bold} /* #quick_search{background-image: url(/img/ghs/quick-search-back.png); background-repeat: repeat-x} */ #quick_search input.calendar{width: 100px; display: block; float:left; font-size: 0.8em} #quick_search img{display: block; float:left; margin: 0px 0px 0px 2px; cursor: pointer} #quick_search select{width: 123px} #quick_search select.stars{font-size: 1.5em} #quick_search div.buttons{text-align:center; padding:8px 0px 3px 0px;} /* #services_panel{background-image: url(/img/ghs/quick-search-back.png); background-repeat: repeat-x} */ #search_name_panel input.button{width: 40px; margin: 0px 0px 0px 5px} #services_panel a { color: #cc0000; text-decoration: none; display: block; clear: both; margin: 5px 0px 5px 5px; padding: 0px; } #right_panel a { color: #cc0000; text-decoration: none; display: block; clear: both; margin: 5px 0px 5px 0px; padding: 0px; } #quick_search, #search_name_panel, #services_panel, #left_locations_panel{background-color: #ffffff; border: solid 1px #dadfe2} #left_locations_panel ul.pais{margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px} #left_locations_panel{} #left_locations_panel ul.pais{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(/img/ghs/gray-dot.png); background-position: top left; background-repeat: repeat-x} #left_locations_panel ul.pais li{margin: 15px 0px 0px 0px; padding: 3px 0px 0px 0px; list-style: none} #left_locations_panel ul.pais a{text-transform: uppercase; font-weight:bold; color: #cc0000; text-decoration: none; line-height: 1.8em; font-size: 0.9em} #left_locations_panel ul.area{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #left_locations_panel ul.area li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none} #left_locations_panel ul.area a{text-transform: none; font-weight: bold; font-style:italic; color: #cc0000; text-decoration: none; line-height: normal; font-size: 1em} #left_locations_panel ul.poblacion{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #left_locations_panel ul.poblacion li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 8px; list-style: none; background-image: url(/img/ghs/bullet_blue.png); background-position: left center; background-repeat:no-repeat} #left_locations_panel ul.poblacion a{font-weight: normal; text-transform: none; font-style:normal; color: #3d82db; text-decoration: none; line-height: normal} #left_locations_panel ul.tipo{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #left_locations_panel ul.tipo li{margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; list-style: none} #left_locations_panel ul.tipo a{font-weight: normal; font-size: 0.9em; text-transform: capitalize; color: #3d82db; text-decoration: none} /* ===PANELES PARA EL CONTENIDO CENTRAL=== */ #center_panel .ui-widget-content{background-color: #ffffff; background-image: none} /* home */ #featured_4_items{width: 100%; margin: 0px 0px 0px 0px; color:#3b91d4} #featured_4_items td{width: 50%; padding: 5px 5px 0px 0px} #featured_4_items div.featured_image{width: 272px; height: 235px;} #featured_4_items div.featured_text{width: 262px; height: 35px; text-align: left; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; background-color:#d0dee4;} #featured_4_items a{color: #3b91d4; text-decoration: none; font-size: 14px} #featured_4_items h3{font-weight:normal;} /* listado */ #list_header{font-size: 0.9em; background-color: #dadfe3; background-image: url(/img/ghs/bar-orange.png); background-repeat:repeat-x; background-position: top} #list_footer{font-size: 0.9em; background-color: #dadfe3; background-image: url(/img/ghs/bar-orange.png); background-repeat:repeat-x; background-position: bottom} .listing_head_sort{width: 517px; display: inline; float: left; text-align: center;} div.page_links{ text-align: center; width:auto; float:left; margin: 5px 0px 5px 0px; padding: 5px 5px 5px 5px} div.page_links a {display: inline; border:solid orange 1px; margin: 0px 1px 0px 1px; padding: 2px 4px 2px 4px; text-decoration: none; background-color: #f0f7e8} div.page_links a:hover {background-color: #f0f7e8; border:solid #83bc46 1px; text-decoration: none} div.page_links span span{font-weight:bold; display: inline; margin: 0px 1px 0px 1px; background-color: #f0f7e8; border:solid #83bc46 1px; padding: 2px 4px 2px 4px} div.Results{margin: 10px 0px 0px 0px; color:white; text-align: left; width: 140px; display: inline; float: left;} div.accommodation_panel{} div.accommodation_panel_alterno{background-color: #b7c4ca} div.accommodation_panel_left{} div.accommodation_panel_right{} div.accommodation_panel_icons img{margin: 0px 5px 5px 0px} div.accommodation_panel_panelleft{text-align: left} div.accommodation_panel_panelcentered{text-align: center} div.accommodation_panel_panelright{margin: 0px 2px 1px 0px; text-align: right; height: auto; overflow: hidden} span.stars{display:block; background-image: url(/img/ghs/star.png); background-repeat:repeat-x; height: 16px} a.sort_asc{padding: 0px 0px 0px 16px; font-weight: bold; background-image: url(/img/ghs/up.png); background-repeat: no-repeat; background-position: left center} a.sort_desc{padding: 0px 0px 0px 16px; font-weight: bold; background-image: url(/img/ghs/down.png); background-repeat: no-repeat; background-position: left center} div.alert_panel { margin: 20px 0px 0px 15px; padding: 2px 5px 2px 25px; height: auto; clear: both; border: 1px solid #3d82db; background-color: #f1f6fa; background-image: url(/img/ghs/warning16.png); background-repeat: no-repeat; background-position: 2px 2px; color: GrayText; font-style: italic } div.info_panel { margin: 20px 0px 0px 15px; padding: 2px 5px 2px 5px; height: auto; clear: both; border: 1px solid #99ccff; background-color: rgb(226, 255, 228); /*background-image: url(/img/ghs/tip16.png);*/ background-repeat: no-repeat; background-position: 2px 2px; } div.gobook {} div.gobook table tr td img{float: left; margin: 10px 15px 0px 0px} div.gobook table tr td input{text-align:left; display: block; width: 175px; height: auto; margin: 5px 0px 0px 0px; font-size: 0.9em; cursor:pointer} div.separator_panel_L1 {height:15px;} div.separator_panel_L2 {height:25px;} div.separator_panel_L3 {height:15px;} div.separator_panel_L4 {} div.separator_panel_L5 {height:15px;} /* busqueda */ table.search_options{margin: 5px 0px 0px 0px;} table.search_options td{padding: 5px 15px 5px 0px;} table.search_options input.calendar{width: 100px; display: block; float:left; font-size: 0.8em} table.search_options img.ui-datepicker-trigger{display: block; float:right; margin: 0px 0px 0px 3px; cursor: pointer} table.search_options select.stars{font-size: 1.5em} div.div_table_dist{display:table-row; height: 40px;} div.div_table{display:table-row; height: 20px;} div.column_left{float:left; width: 144px;} div.column_right{float:right; width: 36px; text-align: right;} #left_panel :checked + label {font-weight: bold;} #head_sort{width: auto; float:left; margin: 10px 0px 5px 0px; display: inline; text-align: center} #show_icons{display: inline; float: right;} #div_facilities .separator_panel, #div_distances .separator_panel, #div_stars .separator_panel, #div_services .separator_panel, #div_views .separator_panel, #div_Conditions .separator_panel{ background-color: Transparent} #left_panel span.checkbox input{width: auto; display: block; float: left;} #left_panel span.checkbox label{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; display: block;} #div_distances select{margin: 0px 15px 0px 60px; float: right;} div.separator_panel_r1{height: 25px } div.separator_panel_r2{height: 15px} #spinner {width:550px; height:10px; position: absolute; margin-top: 20%; margin-bottom: 20%;} /* detalle */ #details_heading h3, #details_heading h4 {display: inline} #details_heading input.button{width: 150px;} #description_icons {margin: 5px 0px 0px 0px; padding: 5px 5px 0px 5px; background-color: #dadfe3; height: auto; overflow: hidden; clear: both} .Div_WiFi_Logo_Listing{float:right;width: 40px; clear:both;} .wifi-logo-listing{background-image:url(/img/ghs/wifi_logo_listing.png); background-repeat:no-repeat; width:40px; height:26px; position:absolute; margin: -30px 0px 0px 0px !important;} .Div_WiFi_Logo{float:right;width: 90px;} .wifi-logo{background-image:url(/img/ghs/wifi_logo.png); background-repeat:no-repeat; width:90px; height:58px; position:absolute; margin: -170px 0px 0px 0px !important;} #description_icons div.left{float:left; width: 330px; height: auto} #description_icons div.left img{margin: 0px 5px 5px 0px} #description_icons div.right{float:right; width: 197px; height: auto; text-align: right} #description_icons div.right img{margin: 0px 0px 0px 0px} table.info_panel, table.info_search_panel, table.info_reserve_panel{width: 100%; background-color: #dadfe3} table.info_search_dialog{width: 100%; } #ctl00_ctl08_Panel_VillaSearch{margin-top: 15px} #description_container table.info_panel{width: 100%; margin: 0px 0px 0px 0px;} #center_panel_content table.info_search_panel{width: 100%; margin: 5px 0px 5px 0px; padding: 5px 5px 5px 5px; border: 1px solid #AED0EA; color: #0B4068} #right_panel .ui-widget{width: 87%; margin: 5px 0px 5px 17px;} table.info_panel, table.info_search_panel, table.info_reserve_panel{width: 87%; margin: 5px 0px 5px 17px; padding: 5px 5px 5px 5px; border: 1px solid #AED0EA; } table.info_reserve_panel td.left{width:180px} table.info_reserve_panel td.right{width:65px; text-align:right;} table.info_panel img{margin: 0px 3px 0px 0px; float: right} table.info_panel a{margin: 0px 0px 0px 3px; text-decoration: none; color: #3d82db} table.info_panel thead, table.info_search_panel thead{color: white; font-weight: bold; font-size: 0.85em; text-transform: uppercase; background-color: #b7c4ca} table.info_reserve_panel thead{color: white; font-size: 0.85em; text-transform: uppercase; background-color: orange} table.info_panel tbody tr td{border-bottom: solid 1px white} table.info_panel span.align_left{display: block; margin: 3px 0px 3px 3px; width: 100%; text-align: left} table.info_panel span.align_center{display: block; margin: 3px 3px 3px 3px; width: 100%; text-align: center} table.info_panel span.align_right{display: block; margin: 3px 3px 3px 0px; width: 100%; text-align: right} table.info_panel span.valuation{display: block; margin: 0px 0px 0px 0px; width: 50%; text-align: right; font-size: 2em; font-weight: bold; float: left} table.info_panel span.valuation_max{display: block; margin: 0px 0px 0px 0px; width: 50%; text-align: left; font-size: 2em; font-weight: bold; float: right; color: White} #ctl00_ctl08_Panel_TenantValuation a{color: #0B4068} table.info_search_panel td{padding: 3px 3px 3px 3px} table.info_search_panel td.left{width: 91px} table.info_search_panel td.right{width: 100px} table.info_search_panel input.calendar{width: 66%; display: block; float: left; font-size: 0.8em} table.info_search_panel img{display: block; float:left; margin: 0px 0px 0px 3px; cursor: pointer} table.info_reserve_panel{padding: 5px 5px 5px 5px; border: 1px solid #AED0EA; font-size: 0.9em;} table.info_reserve_panel td{padding: 3px 3px 3px 3px} table.info_reserve_panel thead{color: white; font-weight: bold; font-size: 0.85em; text-transform: uppercase; background-color: #72AA31} table.info_reserve_panel tbody td{padding: 3px 0px 3px 3px} table.info_reserve_panel img{display: block; float:left; margin: 0px 0px 0px 3px; cursor: pointer} #td_total{color: #72AA31} #td_Type{color: #72AA31} #td_extras{color: #72AA31} table.info_search_dialog{width: 100%;} table.info_search_dialog td.calendars{padding: 3px 3px 3px 3px} table.info_search_dialog td.buttons{padding: 6px 3px 3px 3px} table.info_search_dialog td img{padding: 0px 0px 0px 3px} #description_container {margin:0px 0px 0px 0px; padding:10px 5px 10px 5px; height: auto; overflow: hidden} #description_left_panel{float: left;} #description_left_panel ul{padding: 0px 0px 0px 16px} #description_left_panel a{text-decoration: none; color: #3d82db} #description_right_panel{float: right; width: 197px} #calendar_container{height: auto; overflow: hidden; width: 544px; margin: 0px 0px 0px 6px} table.planning {font-size: 0.85em; float: left; width: 175px; margin: 0px 2px 10px 2px; background-color: #E8E8E8;} table.planning td.planning_day, td.booking_booking, td.option_option, td.free_booking, td.booking_free, td.free_option,td.option_free, td.booking_option, td.option_booking, td.on_demand{height: 16px; width: 25px !important; background-repeat: no-repeat; background-position: 0px 0px; background-color: white;} table.planning td.booking_booking, td.booking_booking{background-image: url(/img/ghs/bookings/booking.png); text-decoration: line-through} table.planning td.option_option, td.option_option{background-image: url(/img/ghs/bookings/option.png)} table.planning td.free_booking{background-image: url(/img/ghs/bookings/free-booking.png)} table.planning td.booking_free{background-image: url(/img/ghs/bookings/booking-free.png)} table.planning td.free_option{background-image: url(/img/ghs/bookings/free-option.png)} table.planning td.option_free{background-image: url(/img/ghs/bookings/option-free.png)} table.planning td.booking_option{background-image: url(/img/ghs/bookings/booking-option.png)} table.planning td.option_booking, td.option_booking{background-image: url(/img/ghs/bookings/option-booking.png)} table.planning td.on_demand, td.on_demand{color:Red} td.mandatory_arrival{background-color: #0AB8F9} td.selection_day{background-color: #00FF00} table.mandatory_arrival free_booking{background-image: url(/img/ghs/bookings/free-booking-mandatory_arrival.png)} table.mandatory_arrival booking_free{background-image: url(/img/ghs/bookings/booking-free-mandatory_arrival.png)} table.planning_title td{font-size: 1.2em; background-color: #dadfe2; font-weight: bold} #prices_left_panel{float: left; width: 210px} #prices_right_panel{float: right; width: 320px} #ctl00_ContentPlaceHolder_CenterPanel_HyperLink_WebForm {display: block; width: auto; height: 25px; padding: 3px 0px 0px 30px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(/img/ghs/readme.png)} td.Compartir a{ text-align:left; display: block; width: auto; height: 25px; padding: 3px 0px 0px 30px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(/img/ghs/share.png)} a.Fauvorite {text-align:left; display: block; width: auto; height: 25px; padding: 3px 0px 0px 30px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(/img/ghs/bookmark_add.png)} a.CallMe {text-align:left; display: block; width: auto; height: 25px; padding: 3px 0px 0px 30px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(/img/ghs/voice-support.png)} a.WebForm {text-align:left; display: block; width: auto; height: 25px; padding: 3px 0px 0px 30px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(/img/ghs/readme.png)} #Info_container{margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; width: 545px; height:auto; overflow: hidden} #vsspinnerTabs{width: 600px; position: absolute; margin-top: 220px; z-index: 999999;} /* galeria de fotos */ /* donde alquilamos */ #center_panel ul.pais{margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; display: block; float: left; width: 270px; border: 1px solid #dddddd} #center_panel ul.pais li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; list-style: none; width: 265px; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; text-align: center} #center_panel ul.pais a{font-weight: bold; text-transform: uppercase; text-decoration: none; width: 100%; display: block} #center_panel ul.pais img{margin: 5px 5px 0px 0px} #center_panel ul.area{margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; float: none; border: none; width: 100%} #center_panel ul.area li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; width: 100%; background-color: #ffffff; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; text-align: left} #center_panel ul.area a{font-weight: normal; text-transform: uppercase; text-decoration: none} #center_panel ul.poblacion{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #center_panel ul.poblacion li{margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none} #center_panel ul.poblacion a{font-weight: normal; text-transform: capitalize; text-decoration: none} /*#center_panel ul.poblacion span {width: 50%; float: left; width: 49%; float: right; font-size: 0.9em; text-align: right; ; height: 20px; margin: 0% 1% 0% 0%}*/ #center_panel ul.tipo{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #center_panel ul.tipo li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333} #center_panel ul.tipo a {width: 100%; font-weight: normal; font-size: 0.9em; text-transform: capitalize; text-decoration: none} /* valoraciones */ table.valuation {width: 100%; margin: 0px 0px 20px 0px} table.valuation td.number, table.valuation td.number_total{width: 80px; text-align: center; font-size: 2em} .comment_alterno{ background-color:#433f3f} .info_search_panel td.number_total {font-weight: bold;text-align: center; font-size: 1.5em;} table.valuation td.number_total{font-weight: bold} /* tab de contacto */ div.generic_panel_50 input.button{width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; font-size: 0.85em; cursor: pointer} /* personal */ .ligero{font-size: .85em} /*Formulario de propietario*/ table.owner_formular{margin: 5px 0px 0px 0px;} table.owner_formular td{padding: 5px 15px 5px 0px;} table.owner_formular .textbox {width: 200px} /* ===PANELES LA DERECHA=== */ #right_panel{background-color: #e7ecf0} /* banner */ div.banner_container{border: solid 1px white} div.banner_container div.banner_head{padding: 3px 3px 3px 3px; font-weight:bold; text-align:center; background-color: #666666} div.banner_container a.banner{text-decoration: none !important; background-image: none !important; display: block !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important} div.banner_container div.banner_foot{padding: 3px 3px 3px 3px; font-weight:normal; text-align:left; background-color: #666666} #greybanners img{opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-moz-opacity:.5;} #greybanners img:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;} div.generic_item a.banner{text-decoration: none !important; background-image: none !important; display: block !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important} /* ===PANELES DEL PIE DE PAGINA=== */ #foot_panel{background-image: url( '/img/ghs/bg_pie_menu.gif' );} #foot_panel p{color: #666666; text-align: center} #foot_panel p.links{color: #3d82db; text-align: center} #foot_panel a{color: #cc0000; font-weight: bold; text-decoration: none} #pagefooter { text-align: center; padding: 4px; margin: 0px; background-image: url( '/img/ghs/bg_pie.gif' ) ; background-repeat: repeat-x; } /* ===OTROS PANELES=== */ /* etiqueta */ div.label_block{position: relative} div.label{display: block; position: absolute; top: -3px; right: 1px; text-align:center; color: White; font-weight: bold; font-size: 1.2em; width: 52px; height: 52px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; background-image: url(/img/ghs/label.png); background-repeat: no-repeat; overflow: visible} /* separadores */ /* div.separator_panel{background-color: #e7ecf0} */ div.separator_panel_orange{background-color: #666666} div.separator_panel_white_dots{} div.separator_panel_gray_dots{} #right_panel div.separator_panel_orange {height: 4px;} #right_panel div.separator_panel_orange {background-color: transparent} div.separator_panel_transparent{} a.logo_home_link img{display: block; float: right} /* contenedor generico izq-der. al 50% */ div.generic_panel_50 {} div.generic_panel_50 a{text-decoration: none; color: #3d82db} div.generic_panel_50_left {text-align: left} div.generic_panel_50_right {text-align: right} .no-display {display: none} /* estilos.css ghs */ .caja1 { padding: 5px 5px 5px 10px; margin-left: 10px; width: 187px; overflow: hidden; float: none; background-image: url(/img/ghs/caja1.jpg); color: #666666; font-size: 12px; font-weight: bold; } .caja2 { text-align: left; padding: 4px 1px 4px 1px; margin-left: 10px; width: 200px; height: Auto; overflow: hidden; float: none; background-image: url(/img/ghs/caja2.jpg); } .caja3 { padding: 0px; margin: 0px; width: 200px; height: 10px; overflow: hidden; float: none; background-image: url(/img/ghs/caja3.jpg); } .caja1-sin { margin: 0px; width: 200px; height: 10px; overflow: hidden; float: none; background-image: url(/img/ghs/caja1_sin.jpg); text-align: center; } .caja1-sin-grande { margin: 0px Auto; width: 580px; height: 10px; overflow: hidden; background-image: url(/img/ghs/caja1-sin-grande.jpg); } .caja1-grande { padding: 0px; margin: 0px Auto; width: 580px; height: 30px; background-image: url(/img/ghs/caja1-grande.jpg); } .caja2-grande { padding: 0px; margin: 0px Auto; width: 580px; height: Auto; text-align: left; background-image: url(/img/ghs/caja2-grande.jpg); } .caja3-grande { padding: 0px; margin: 0px Auto; width: 580px; height: 10px; background-image: url(/img/ghs/caja3-grande.jpg); } .titulo_caja { font-size: 14px; font-weight: bold; color: #666666; text-align: left; display: block; } .enlace_bordo { font-size: 12px; text-decoration: none; color: #cc0000; padding: 0px; margin: 0px; list-style-type: square; } .enlace_bordo:hover { font-size: 12px; font-weight: bold; text-decoration: none; color: #cc0000; padding: 0px; margin: 0px; } .enlace_casas { font-size: 16px; text-decoration: none; color: #cc0000; padding: 0px; margin: 0px; list-style-image: url( '/img/ghs/casa.png' ); } .enlace_casas:hover { font-size: 16px; font-weight: bold; text-decoration: none; color: #cc0000; padding: 0px; margin: 0px; list-style-image: url( '/img/ghs/casa.png' ); } .enlace_playas { font-family: Verdana; font-size: 13px; text-decoration: none; color: #cc0000; padding: 0px; margin: 0px; list-style-image: url( '/img/ghs/caracol.gif' ); } .enlace_playas:hover { font-size: 13px; font-weight: bold; text-decoration: none; color: #cc0000; padding: 0px; margin: 0px; list-style-image: url( '/img/ghs/caracol.gif' ); } .enlace_poblaciones { font-size: 13px; text-decoration: none; color: #cc0000; padding: 0px; margin: 0px; list-style-image: url( '/img/ghs/idioma_es.gif' ); font-weight: bold; } .enlace_poblaciones:hover { font-size: 13px; font-weight: bold; text-decoration: underline; color: #cc0000; padding: 0px; margin: 0px; } /* @group Button */ .jvdl0 a.jvdla0, .jvdl0x1 { background: url('/img/ghs/jv0dl_a.png') no-repeat bottom left; display: block; overflow: hidden; margin: 0px; width: 217px; } .jvdl0 a.jvdla0 { color: white; text-decoration: none; text-align: center; position: relative; } .jvdl0 a.jvdla0 .jvdl0x1{background-position:top left; height:15px; position:absolute; top:0px; left:0px; } .jvdl0 a.jvdla0:hover {background-position:bottom center; } .jvdl0 a.jvdla0:hover .jvdl0x1{background-position:top center;} .jvdl0 a.jvdla0:active {background-position:bottom right; } .jvdl0 a.jvdla0:active .jvdl0x1{background-position:top right; } .jvdl0 a.jvdla0 span { display: block; padding: 8px 0px 8px 0px; line-height: 1em; position: relative; z-index: 1; top:0px; font-size: 1.2em; } /* @end Button */ /* @end jvdp0 DOWNLOAD Component */ .btn0 a.btna0 span { display: block; padding: 8px 0px 8px 0px; line-height: 1em; position: relative; z-index: 1; top:0px; font-size: 1.2em; color: white; } a.btncss3 { text-decoration: none; position: relative; display: inline-block; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; height: 23px; width: 130px; background: -webkit-linear-gradient(top, #c9ed8a,#72aa31); background: -moz-linear-gradient(top, #c9ed8a,#72aa31); background: -o-linear-gradient(top, #c9ed8a,#72aa31); background: -ms-linear-gradient(top, #c9ed8a,#72aa31); background:linear-gradient(top, #c9ed8a,#72aa31); -pie-background:linear-gradient(#c9ed8a,#72aa31); behavior:url(/PIE.htc); } #btns{ margin: 5px 0px 0px 40px; } #btns a{ text-align: center; padding-top: 5px; color: White} a.btncss3:hover { background: -webkit-linear-gradient(top, #E1F5C0,#93CD52); background: -moz-linear-gradient(top, #E1F5C0,#93CD52); background: -o-linear-gradient(top, #E1F5C0,#93CD52); background: -ms-linear-gradient(top, #E1F5C0,#93CD52); background:linear-gradient(top, #E1F5C0,#93CD52); -pie-background:linear-gradient(#E1F5C0,#93CD52); } .download_new_s{ display:block; height:32px; overflow:hidden; margin:0 0 2px 0; background: url(/img/ghs/boton_verde.png) 0 0px no-repeat; font:bold 1.4em Century Gothic,Arial,sans-serif; letter-spacing:-0.02em; cursor:pointer; text-decoration:none; text-align:center} .download_new_s:hover{ display:block; height:32px; overflow:hidden; margin:0 0 2px 0; background: url(/img/ghs/boton_verde.png) 0 -39px no-repeat; font:bold 1.4em Century Gothic,Arial,sans-serif; letter-spacing:-0.02em; cursor:pointer; text-decoration:none; text-align:center} .download_new_s strong{ display:block; margin:0 0 0 6px; background: url(/img/ghs/boton_verde.png) right 0px no-repeat; padding:4px 10px 9px 4px; color:#FFF; white-space:nowrap; text-align:center} .download_new_s strong:hover, .download_new_s a:hover{ display:block; margin:0 0 0 6px; background: url(/img/ghs/boton_verde.png) right -39px no-repeat; padding:4px 10px 9px 4px; color:#FFF; white-space:nowrap; text-align:center} .list_button{width:160px; margin: 5px auto 0px auto;} .yellow_button_s{ display:block; height:32px; overflow:hidden; margin:0 0 2px 0; background: url(/img/ghs/boton_naranja.png) 0 0px no-repeat; font:bold 1.4em Century Gothic,Arial,sans-serif; letter-spacing:-0.02em; cursor:pointer; text-decoration:none; text-align:center} .yellow_button_s:hover{ display:block; height:32px; overflow:hidden; margin:0 0 2px 0; background: url(/img/ghs/boton_naranja.png) 0 -39px no-repeat; font:bold 1.4em Century Gothic,Arial,sans-serif; letter-spacing:-0.02em; cursor:pointer; text-decoration:none; text-align:center} .yellow_button_s strong{ display:block; margin:0 0 0 6px; background: url(/img/ghs/boton_naranja.png) right 0px no-repeat; padding:4px 10px 9px 4px; color:#FFF; white-space:nowrap; text-align:center} .yellow_button_s strong:hover, .yellow_button_s a:hover{ display:block; margin:0 0 0 6px; background: url(/img/ghs/boton_naranja.png) right -39px no-repeat; padding:4px 10px 9px 4px; color:#FFF; white-space:nowrap; text-align:center} .result_list_button{width:160px; margin: 5px 0px 0px 0px;} .list_button_s{ margin: 0px 0px 0px 15px; } .header_name_sort_button { float:left; width:auto; margin: 0px 5px 0px 5px; } .header_people_sort_button { float:left; width:auto; margin: 0px 5px 0px 5px; } .header_price_sort_button { float:left; width:auto; margin: 0px 5px 0px 5px; } .sort_header { float:left; width:auto; margin: 0px 5px 0px 5px; } .sort_type { width:auto; height:20px; margin: 10px 0px 0px 0px; } #show_icons{margin: 7px 0px 0px 0px;} /*hoja de estilo para los iconos*/ .sprite { background: url('/img/ghs/icons/icons.png') no-repeat top left; width: 20px; height: 20px; float:left; margin: 0px 5px 5px 0px !important;} .sprite.uno { background-position: 0px 0px; width: 20px; height: 20px; } .sprite.stage1 { background-position: -25px 0px; width: 20px; height: 20px; } .sprite.dos { background-position: -50px 0px; width: 20px; height: 20px; } .sprite.stage2 { background-position: -75px 0px; width: 20px; height: 20px; } .sprite.tres { background-position: -100px 0px; width: 20px; height: 20px; } .sprite.stage3 { background-position: -125px 0px; width: 20px; height: 20px; } .sprite.cuatro { background-position: -150px 0px; width: 20px; height: 20px; } .sprite.stage4 { background-position: -175px 0px; width: 20px; height: 20px; } .sprite.cinco { background-position: -200px 0px; width: 20px; height: 20px; } .sprite.seis { background-position: -225px 0px; width: 20px; height: 20px; } .sprite.siete { background-position: -250px 0px; width: 20px; height: 20px; } .sprite.ocho { background-position: -275px 0px; width: 20px; height: 20px; } .sprite.nueve { background-position: -300px 0px; width: 20px; height: 20px; } .sprite.diez { background-position: -325px 0px; width: 20px; height: 20px; } .sprite.once { background-position: -350px 0px; width: 20px; height: 20px; } .sprite.doce { background-position: -375px 0px; width: 20px; height: 20px; } .sprite.trece { background-position: -400px 0px; width: 20px; height: 20px; } .sprite.catorce { background-position: -425px 0px; width: 20px; height: 20px; } .sprite.quince { background-position: -450px 0px; width: 20px; height: 20px; } .sprite.dieciseis { background-position: -475px 0px; width: 20px; height: 20px; } .sprite.diecisiete { background-position: -500px 0px; width: 20px; height: 20px; } .sprite.dieciocho { background-position: -525px 0px; width: 20px; height: 20px; } .sprite.diecinueve { background-position: -550px 0px; width: 20px; height: 20px; } .sprite.veinte { background-position: -575px 0px; width: 20px; height: 20px; } .sprite.veintiuno { background-position: -600px 0px; width: 20px; height: 20px; } .sprite.veintidos { background-position: -625px 0px; width: 20px; height: 20px; } .sprite.veintitres { background-position: -650px 0px; width: 20px; height: 20px; } .sprite.veinticuatro { background-position: -675px 0px; width: 20px; height: 20px; } .sprite.veinticinco { background-position: -700px 0px; width: 20px; height: 20px; } .sprite.veintiseis { background-position: -725px 0px; width: 20px; height: 20px; } .sprite.veintisiete { background-position: -750px 0px; width: 20px; height: 20px; } .sprite.veintiocho { background-position: -775px 0px; width: 20px; height: 20px; } .sprite.veintinueve { background-position: -800px 0px; width: 20px; height: 20px; } .sprite.treinta { background-position: -825px 0px; width: 20px; height: 20px; } .sprite.mas30 { background-position: -850px 0px; width: 20px; height: 20px; } .sprite.airco { background-position: -875px 0px; width: 20px; height: 20px; } .sprite.airport-service { background-position: -900px 0px; width: 20px; height: 20px; } .sprite.all-service { background-position: -925px 0px; width: 20px; height: 20px; } .sprite.bar { background-position: -950px 0px; width: 20px; height: 20px; } .sprite.bars-restaurant { background-position: -975px 0px; width: 20px; height: 20px; } .sprite.bathtub { background-position: -1000px 0px; width: 20px; height: 20px; } .sprite.bbq { background-position: -1025px 0px; width: 20px; height: 20px; } .sprite.beach { background-position: -1050px 0px; width: 20px; height: 20px; } .sprite.beach-access { background-position: -1075px 0px; width: 20px; height: 20px; } .sprite.beach-resort { background-position: -1100px 0px; width: 20px; height: 20px; } .sprite.bedding { background-position: -1125px 0px; width: 20px; height: 20px; } .sprite.billard { background-position: -1150px 0px; width: 20px; height: 20px; } .sprite.book-online { background-position: -1175px 0px; width: 20px; height: 20px; } .sprite.book-online-45 { background-position: -1200px 0px; width: 45px; height: 45px; } .sprite.breakfast { background-position: -1250px 0px; width: 20px; height: 20px; } .sprite.calendar { background-position: -1275px 0px; width: 20px; height: 20px; } .sprite.canoeing { background-position: -1300px 0px; width: 20px; height: 20px; } .sprite.cd-dvd { background-position: -1325px 0px; width: 20px; height: 20px; } .sprite.central-heating { background-position: -1350px 0px; width: 20px; height: 20px; } .sprite.climbing { background-position: -1375px 0px; width: 20px; height: 20px; } .sprite.cook-service { background-position: -1400px 0px; width: 20px; height: 20px; } .sprite.credit { background-position: -1425px 0px; width: 20px; height: 20px; } .sprite.cross-country-skiing { background-position: -1450px 0px; width: 20px; height: 20px; } .sprite.cycling { background-position: -1475px 0px; width: 20px; height: 20px; } .sprite.dishwasher { background-position: -1500px 0px; width: 20px; height: 20px; } .sprite.diving { background-position: -1525px 0px; width: 20px; height: 20px; } .sprite.doc { background-position: -1550px 0px; width: 20px; height: 20px; } .sprite.elevator { background-position: -1575px 0px; width: 20px; height: 20px; } .sprite.emergency-phone { background-position: -1600px 0px; width: 20px; height: 20px; } .sprite.family { background-position: -1625px 0px; width: 20px; height: 20px; } .sprite.fishing { background-position: -1650px 0px; width: 20px; height: 20px; } .sprite.fitness { background-position: -1675px 0px; width: 20px; height: 20px; } .sprite.futbol { background-position: -1700px 0px; width: 20px; height: 20px; } .sprite.game-console { background-position: -1725px 0px; width: 20px; height: 20px; } .sprite.garage { background-position: -1750px 0px; width: 20px; height: 20px; } .sprite.garage-plus { background-position: -1775px 0px; width: 20px; height: 20px; } .sprite.garden { background-position: -1800px 0px; width: 20px; height: 20px; } .sprite.golf { background-position: -1825px 0px; width: 20px; height: 20px; } .sprite.golf-resort { background-position: -1850px 0px; width: 20px; height: 20px; } .sprite.gym { background-position: -1875px 0px; width: 20px; height: 20px; } .sprite.hair-dryer { background-position: -1900px 0px; width: 20px; height: 20px; } .sprite.hiking { background-position: -1925px 0px; width: 20px; height: 20px; } .sprite.horse { background-position: -1950px 0px; width: 20px; height: 20px; } .sprite.internet { background-position: -1975px 0px; width: 20px; height: 20px; } .sprite.jacuzzi { background-position: -2000px 0px; width: 20px; height: 20px; } .sprite.kayaking { background-position: -2025px 0px; width: 20px; height: 20px; } .sprite.kid-pool { background-position: -2050px 0px; width: 20px; height: 20px; } .sprite.laundry-service { background-position: -2075px 0px; width: 20px; height: 20px; } .sprite.maid-service { background-position: -2100px 0px; width: 20px; height: 20px; } .sprite.microwave { background-position: -2125px 0px; width: 20px; height: 20px; } .sprite.mountain-biking { background-position: -2150px 0px; width: 20px; height: 20px; } .sprite.nany-service { background-position: -2175px 0px; width: 20px; height: 20px; } .sprite.no-smoking { background-position: -2200px 0px; width: 20px; height: 20px; } .sprite.on-piste { background-position: -2225px 0px; width: 20px; height: 20px; } .sprite.open-fireplace { background-position: -2250px 0px; width: 20px; height: 20px; } .sprite.owner-direct { background-position: -2275px 0px; width: 20px; height: 20px; } .sprite.owner-direct-45 { background-position: -2300px 0px; width: 45px; height: 45px; } .sprite.paddle { background-position: -2350px 0px; width: 20px; height: 20px; } .sprite.parking { background-position: -2375px 0px; width: 20px; height: 20px; } .sprite.pc { background-position: -2400px 0px; width: 20px; height: 20px; } .sprite.pets { background-position: -2425px 0px; width: 20px; height: 20px; } .sprite.phone { background-position: -2450px 0px; width: 20px; height: 20px; } .sprite.ping-pong { background-position: -2475px 0px; width: 20px; height: 20px; } .sprite.piste { background-position: -2500px 0px; width: 20px; height: 20px; } .sprite.playground { background-position: -2525px 0px; width: 20px; height: 20px; } .sprite.pool { background-position: -2550px 0px; width: 20px; height: 20px; } .sprite.price-guarantee { background-position: -2575px 0px; width: 20px; height: 20px; } .sprite.price-guarantee-45 { background-position: -2600px 0px; width: 45px; height: 45px; } .sprite.private-pool { background-position: -2650px 0px; width: 20px; height: 20px; } .sprite.pro-managment { background-position: -2675px 0px; width: 20px; height: 20px; } .sprite.pro-managment-45 { background-position: -2700px 0px; width: 45px; height: 45px; } .sprite.public-transport { background-position: -2750px 0px; width: 20px; height: 20px; } .sprite.rafting { background-position: -2775px 0px; width: 20px; height: 20px; } .sprite.receptionist { background-position: -2800px 0px; width: 20px; height: 20px; } .sprite.resort { background-position: -2825px 0px; width: 20px; height: 20px; } .sprite.restaurant { background-position: -2850px 0px; width: 20px; height: 20px; } .sprite.safe { background-position: -2875px 0px; width: 20px; height: 20px; } .sprite.satellite { background-position: -2900px 0px; width: 20px; height: 20px; } .sprite.sauna { background-position: -2925px 0px; width: 20px; height: 20px; } .sprite.security { background-position: -2950px 0px; width: 20px; height: 20px; } .sprite.ski-resort { background-position: -2975px 0px; width: 20px; height: 20px; } .sprite.snorkel { background-position: -3000px 0px; width: 20px; height: 20px; } .sprite.solarium { background-position: -3025px 0px; width: 20px; height: 20px; } .sprite.spa-service { background-position: -3050px 0px; width: 20px; height: 20px; } .sprite.squash { background-position: -3075px 0px; width: 20px; height: 20px; } .sprite.supermarket { background-position: -3100px 0px; width: 20px; height: 20px; } .sprite.surf { background-position: -3125px 0px; width: 20px; height: 20px; } .sprite.table-football { background-position: -3150px 0px; width: 20px; height: 20px; } .sprite.tennis { background-position: -3175px 0px; width: 20px; height: 20px; } .sprite.towels { background-position: -3200px 0px; width: 20px; height: 20px; } .sprite.tv { background-position: -3225px 0px; width: 20px; height: 20px; } .sprite.washing-dryer { background-position: -3250px 0px; width: 20px; height: 20px; } .sprite.washing-machine { background-position: -3275px 0px; width: 20px; height: 20px; } .sprite.water-sky { background-position: -3300px 0px; width: 20px; height: 20px; } .sprite.wheelchair { background-position: -3325px 0px; width: 20px; height: 20px; } .sprite.wifi { background-position: -3350px 0px; width: 20px; height: 20px; } .sprite.wifi-45 { background-position: -3375px 0px; width: 45px; height: 45px; } .sprite.windsurf { background-position: -3425px 0px; width: 20px; height: 20px; } body {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } /* ===LIMPIEZA DE ESTILOS=== */ h1, h2, h3, h4, h5, h6, img, div {margin: 0px 0px 0px 0px} img {border: none} /* ===POSICION DE ELEMENTOS PRINCIPALES DEL WEB=== */ /* ===PANELES CONTENEDORES DEL WEB=== */ #website_panel{width: 100%; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden ; clear: both; text-align: center; } #main_panel{width: 1000px; height: auto; display: block; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; overflow: hidden ; clear: both; text-align: left; } /* ===PANELES DE LA CABECERA=== */ #head_panel{width: 100%; height: auto; display: block; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; overflow: hidden; clear: both; text-align: left} #h1_panel{width: 100%; height: 11px; display: block; margin: 0px 0px 0px 0px; padding: 0px 2px 0px 2px; overflow: hidden; clear: both; text-align: center} #h1_panel h1 {font-weight: normal; color: Gray} #links_panel{width: 100%; height: 70px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible; float: left; clear: left} #lang_menu_panel{width: 100%; height: 31px; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both} #flags_panel{width: 240px; height: auto; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 35px; float: right} #flags_panel img{margin: 0px 20px 0px 0px} #menu_panel{width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 20px; float: left} #website_descripcion{margin: 0px 0px 0px 0px; padding: 5px 0px 0px 20px; clear: both} /* ===PANELES DE LA IZQUIERDA=== */ #left_panel{width: 210px; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; clear: left; text-align: left;} #quick_search, #search_name_panel{width: auto; height: auto; display: block; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px} #div_facilities, #div_distances, #div_stars, #div_services, #div_views, #div_Conditions{width: auto; height: auto; display: block; margin: 0px 0px 10px 15px; padding: 0px 0px 5px 0px} #quick_search table, #search_name_panel table{width: 100%; margin: 0px 0px 0px 0px;} #quick_search table td, #search_name_panel table td{padding: 5px 3px 5px 1px;} #services_panel{width: auto; height: auto; display: block; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px} #left_locations_panel{width: auto; height: auto; display: block; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 5px} /* ===PANELES PARA EL CONTENIDO CENTRAL=== */ #center_panel{width: 564px; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 8px; float: left; overflow: hidden; clear: none; text-align: left;} #center_panel_content {height: auto; margin: 20px 0px 10px 10px; padding: 0px 0px 0px 0px; width: 554px} /* listado */ #list_header{margin: 5px 0px 0px 0px; padding: 10px 5px 10px 5px; clear: both; height: auto; overflow: hidden} #list_footer{margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; clear: both; height: auto; overflow: hidden} div.accommodation_panel{margin: 10px 0px 10px 0px; padding: 5px 0px 5px 5px; clear: both; height: auto; overflow: hidden} div.accommodation_panel_alterno{margin: 0px 0px 0px 0px; padding: 5px 0px 5px 5px; clear: both; height: auto; overflow: hidden} div.accommodation_panel_left{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:140px; float: left; height: auto; overflow: hidden} div.accommodation_panel_right{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:405px; float: left; height: auto; overflow: hidden} div.accommodation_panel_right_container{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; clear: both; height: auto; overflow: hidden} div.accommodation_panel_right_textarea{float:left; height: auto; overflow: visible} div.accommodation_panel_right_infoarea{margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; float:right; text-align: right; height: auto; overflow: visible} div.accommodation_panel_name{margin: 0px 0px 0px 10px; width:280px; height: auto; overflow: visible} div.accommodation_panel_description{margin: 0px 0px 0px 10px; width:280px; height: auto; overflow: visible} div.accommodation_panel_icons{margin: 100px 0px 0px 0px; padding: 10px 0px 0px 0px; width:auto; height: auto; overflow: hidden; clear:both} div.normal_icons_block{margin: 0px 0px 0px 0px; float:left; width:345px; height: auto; overflow: visible} div.featured_icons_block{margin: 0px 5px 0px 0px; float: right; text-align:right; width:150px; height: 50px; overflow:visible} div.featured_icons{} div.featured_icons img{margin: 0px 0px 0px 5px; cursor: pointer} div.accommodation_panel_panelleft, div.accommodation_panel_panelcentered{margin: 0px 0px 0px 15px; width:100px} /* busqueda */ div.gobook {margin: 5px 0px 0px 0px; padding: 2px 5px 2px 0px; height: auto; clear: both} /* detalle */ #photo_gallery_panel{width: 100%; height: 460px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both} #description_icons{} #info_container_panel{} #info_container_panel_left{} #info_container_panel_right{} #go_back_panel{width:100%; height:auto; margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px; clear: both; text-align:center} /* ===PANELES LA DERECHA=== */ #right_panel{width: 210px; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 4px; float: right; overflow: hidden; clear: right; text-align: left;} #right_panel div.generic_item, div.banner_container{display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; clear: both} /* ===PANELES DEL PIE DE PAGINA=== */ #foot_panel{width: 100%; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; clear: both; text-align: left;} /* ===OTROS PANELES=== */ /* separadores */ div.separator_panel, div.separator_panel_transparent, div.separator_panel_orange, div.separator_panel_white_dots, div.separator_panel_gray_dots {width: auto; height: 1px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; clear: both} /* contenedor generico izq-der. al 50% */ div.generic_panel_50 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width: 100%; height: auto; overflow: hidden} div.generic_panel_50_left {float: left; width: 50%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px} div.generic_panel_50_right {float: right; width: 50%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px} /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, sans-serif, Trebuchet MS, Tahoma, Verdana; font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif, Trebuchet MS, Tahoma, Verdana; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(img/ghs/ui/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(img/ghs/ui/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(img/ghs/ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(img/ghs/ui/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(img/ghs/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(img/ghs/ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(img/ghs/ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(img/ghs/ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(img/ghs/ui/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(img/ghs/ui/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(img/ghs/ui/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(img/ghs/ui/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(img/ghs/ui/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(img/ghs/ui/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(img/ghs/ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(img/ghs/ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; display:none } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-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*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; font-size: 0.9em} .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em .5em .5em .5em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 5px 0px 0px 0px; display: block; border-width: 0; background: none; } /*.ui-tabs .ui-tabs-hide { position: absolute; top: -2000px; width: 100%; }*/ .ui-tabs .ui-tabs-hide { display: none !important;} /* GalleryView Stylesheet Use the CSS rules below to modify the look of your gallery. To create additional rules, use the markup below as a guide to GalleryView's architecture. NOTE - The markup below represents the DOM generated by the GalleryView plugin, NOT the markup you would include in your HTML file. Refer to README.txt to review markup requirements.
...overlay content...
*/ /* GALLERY LIST */ /* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */ #photos { visibility: hidden; } /* GALLERY CONTAINER */ .gallery {} /* LOADING BOX */ .loader { background: url(/img/ajax-loader.gif) center center no-repeat #ddd;} /* GALLERY PANELS */ .panel {text-align:center} /* DEFINE HEIGHT OF PANEL OVERLAY */ /* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */ .panel .panel-overlay, .panel .overlay-background {} /* PANEL OVERLAY BACKGROUND */ .panel .overlay-background {} /* PANEL OVERLAY CONTENT */ .panel .panel-overlay {} .panel .panel-overlay a {} /* FILMSTRIP */ /* 'margin' will define top/bottom margin in completed gallery */ .filmstrip { margin: 5px; } /* FILMSTRIP FRAMES (contains both images and captions) */ .frame {} /* WRAPPER FOR FILMSTRIP IMAGES */ .frame .img_wrap {} /* WRAPPER FOR CURRENT FILMSTRIP IMAGE */ .frame.current .img_wrap {} /* FRAME IMAGES */ .frame img { border: none; } /* FRAME CAPTION */ .frame .caption {} /* CURRENT FRAME CAPTION */ .frame.current .caption {} /* POINTER FOR CURRENT FRAME */ .pointer { border-color: #000; } .nav-prev, .nav-next {display: none; width: 0px; height: 0px} /* TRANSPARENT BORDER FIX FOR IE6 */ /* NOTE - DO NOT CHANGE THIS RULE */ *html .pointer { filter: chroma(color=pink); } #info_head_panel { width: 540px; padding: 5px 5px 5px 5px; margin: 0px 0px 5px 0px; border-bottom: #000080 3px solid; border-collapse: collapse; height: 60px; background-color: #8098c0; color: white; } .info_button a{color:White !important; margin:0px 10px 0px 10px;} .info_button{ display:block; height:21px; overflow:hidden; margin:0 5px 2px 0; background: url(/img/ghs/info_boton.png) 0 0px no-repeat; font: 1.1em sans-serif; letter-spacing:-0.02em; cursor:pointer; padding: 3px 0px 0px 0px; text-decoration:none; text-align:center; color: white; width: auto; float:right; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .info_button:hover{ display:block; height:21px; overflow:hidden; margin:0 5px 2px 0; background: url(/img/ghs/info_boton.png) 0 -31px no-repeat; font: 1.1em sans-serif; letter-spacing:-0.02em; cursor:pointer; padding: 3px 0px 0px 0px; text-decoration:none; text-align:center; color: white; width: auto; float:right; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .info_button strong{ display:block; margin:0 0 0 6px; background: url(/img/ghs/info_boton.png) right 0px no-repeat; padding:4px 10px 9px 4px; color:#FFF; white-space:nowrap; text-align:center; color: white; width: auto; } .info_button strong:hover, .info_button_s a:hover{ display:block; margin:0 0 0 6px; background: url(/img/ghs/info_boton.png) right -24px no-repeat; padding:4px 10px 9px 4px; color:#FFF; white-space:nowrap; text-align:center; color: white; width: auto; } #info_foot_panel { width: 550px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: auto; clear: both } #info_head_panel h2 { color: White !important; background-color: Transparent !important; font-size: 1.5em; font-weight: normal; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; display: block; } #Table_InfoText {width: 550px} #info_text_panel h1 {font-size:200%;} #info_text_panel h2 {font-size:170%;} #info_text_panel h3 {font-size:130%; margin-bottom: 10px} #info_text_panel h4 {font-size:130%; margin: 5px 0px 0px 0px; color: #3d82db; clear: both;} #info_text_panel h5 {font-size:110%; margin-top: 5px} #info_text_panel h6 {font-size:100%;} #info_text_panel, #info_text_panel p {clear: both} #info_text_panel img.float_izquierda {float: left; margin: 5px 5px 5px 0px} #info_text_panel img.float_derecha {float: right; margin: 5px 0px 5px 5px} #info_text_panel img.conjunto_izquierda {float: left; margin: 0px 0px 5px 0px} #info_text_panel img.conjunto_derecha {float: right; margin: 0px 0px 5px 0px} #info_text_panel textarea, #info_text_panel dl, #info_text_panel fieldset, #info_text_panel form, #info_text_panel input, #info_text_panel ol, #info_text_panel p, #info_text_panel table, #info_text_panel td, #info_text_panel ul { /*font-size: 11px; line-height: 15px;*/ } #info_text_panel tr, #info_text_panel td { vertical-align: top; border-top-width: medium; border-bottom-width: medium; border-top-style: none; border-bottom-style: none; } #info_text_panel a { color: #0033cc; text-decoration: none; } #info_text_panel a:hover { color: #ff3300; text-decoration: underline; } #info_text_panel img, #info_text_panel input.img { float: left; margin: 5px 5px 5px 0px }