@charset "utf-8";

*{margin:0; padding:0;}
body{margin:0; padding:0; background:#fff; background:url(../images/layout/background.jpg) top center no-repeat; font:11px Arial, Helvetica, sans-serif; color:#002246}
body.extended{background-image: url(../images/layout/background-extended.jpg)}

a{color: #002346}
a:hover{color: #06f}
a:active{color: #09F}
p{text-align:justify}
img{border:0px}

/* layout */
h1{display: block; background:url(../images/layout/top.jpg); width:950px; height:170px; text-indent:-9999px; margin:0 0 34px 0}
#main{display: block; width:950px; height:625px; padding:1px; margin:0 auto; border:1px solid #444B5E; overflow:hidden; position:relative}
#main.offers{height:795px}
#contents{background:#00376F url(../images/layout/bg-contents.jpg) 0px 0px no-repeat; width:100%; color:#fff; height:421px; overflow:hidden; text-align:left;font-family:Georgia, "Times New Roman", Times, serif; }
#contents h2,#contents h3{display: block; font-size: 16px; width:auto; height:22px; text-transform:uppercase; margin:0 0 10px 0;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal }
.border-right-blue{border-right:1px solid #001932}
.border-left-blue{border-left:1px solid #1A4876}
.right{float: right; margin:0 0 0 20px}
.left{float: left; margin:0 20px 0 0}
.clear{display: block; float: none; clear:both; height:1px; line-height:1px}
img.border{padding: 1px; border:1px solid #597DA1}


/* contents */
#contents div.container div.box{padding:20px 30px !Important; padding:10px 25px}
#contents div.container div.box p{line-height:12px; text-align:justify; display:block;}
#contents div.box-left{width: 474px; height:421px; display:block; float:left; border-right:1px solid #001932;}
#contents div.box-right{display:block; float: right; width: 454px; height:421px; border-left:1px solid #1A4876; padding:10px}
#contents div.box-left p, #contents div.box-right p{margin: 0 0 5px 0}
#contents #img-slide{position: relative}
#contents #img-slide img{position: absolute; top:0px; left:0px; background: #fff}
*:first-child+html #contents .box-right div.images{padding: 10px 0 0 30px}
#contents .box-right div.images{padding:25px 0 0 35px; clear:both}
#contents .box-right div.images img{margin:0 5px}
#contents .box-right div.images a span{display: block; color:#fff; text-align:center}
#contents .box-right div.images a {float: left; text-decoration:none}
#contents ul.services{margin:20px 0 0 25px; list-style:none; display:block}
#contents ul.services li{float: left; display:inline}
#contents ul.services li span{background-repeat: no-repeat; padding:0 0 0 28px; display:block; height:26px; width:200px; line-height:26px}

/* menu */
ul#nav{display: block; width:950px; height:34px; position:absolute; top:172px; left:50%; background:url(../images/layout/bg-menu.png) top left no-repeat; list-style:none; margin:0 0 0 -475px;}
*:first-child+html ul#nav{margin: 0 0 0 -476px}
ul#nav li{display: inline; float:left}
ul#nav li a{color: #ccf; display:block; padding:0.70em 0.35em; text-transform:uppercase; font-weight:normal; text-decoration:none; font-size:13px;  font-family:Georgia, "Times New Roman", Times, serif;}
ul#nav.it li.first{margin: 0 0 0 1.76em}
ul#nav.en li.first{margin: 0 0 0 1.16em}
ul#nav.en li a{padding:0.7em 0.30em}
ul#nav.fr li.first{margin: 0 0 0 1.16em}
ul#nav.fr li a{padding:0.7em 0.25em}
ul#nav.de li.first{margin: 0 0 0 1.2em}
ul#nav.de li a{padding:0.7em 0.32em;}
ul#nav li a:hover,ul#nav li a.active{color:#fff}

/* languages */
ul#lang{display: block; width:108px; height:21px; position:absolute; top:140px; left:50%; list-style:none; margin:0 0 0 -56px; overflow:hidden}
ul#lang li{display: inline; float:left;}
ul#lang li a{display: block; width:27px; height:21px; text-indent:-9999px; background:url(../images/layout/flags.jpg) 0px 0px no-repeat}
ul#lang li.ita a{background-position:0px 0px}
ul#lang li.eng a{background-position:-30px 0px}
ul#lang li.fra a{background-position:-60px 0px}
ul#lang li.deu a{background-position:-90px 0px}
ul#lang li.ita a:hover,ul#lang li.ita a.active{background-position:0px -21px}
ul#lang li.eng a:hover,ul#lang li.eng a.active{background-position:-30px -21px}
ul#lang li.fra a:hover,ul#lang li.fra a.active{background-position:-60px -21px}
ul#lang li.deu a:hover,ul#lang li.deu a.active{background-position:-90px -21px}



/* info */
p#info{text-align:center; font-weight:bold; margin:15px 0 0 0}
p#info a{color: #005792; padding:0 0 0 10px; margin:10px}
p#info a.border{border-left: 1px solid #002246;}
p#info a:hover{color: #06f}
/*p#info .credits{display: block; color:#999; padding:5px}*/
#credits{width:100px;height:30px;background:url(/images/endesia_sign_color.png) no-repeat;text-indent:-1000em;display:block;margin:10px auto 0 auto !Important}

/* form  */
form{margin: 0 auto; display:block; padding:0}
form.modulo{width:100%}
form fieldset{border:0; margin:0; padding:0}
form p{display: block; width:auto; margin:0 0 5px 35px; padding:0;}
form label{display: block; float:left; width:155px;}
form p input,form p textarea,form p select{display: inline; border:1px solid #aaa; padding:0; margin:0; width:175px;font: 11px Verdana, Arial, Helvetica, sans-serif; line-height:13px; padding:1px; color:#333}
form br{display: block; clear:both; float:none}
form select{width: auto; font-size: 10px}
form input.captcha{width: 45px !important}
form #captcha{margin:0 10px; padding:0; position:relative; top:4px}
form img.refresh-captcha{margin:0; padding:0; position:relative; top:4px}
form input.button{background:url(../images/layout/bg-button.png) top left no-repeat; color:#fff; text-decoration:none; display:block; width:104px; height:34px; border:0; text-align:left; cursor:pointer; font: 11px Arial, Helvetica, sans-serif;font-weight:bold; margin:10px 0 0 0; padding:4px 0 25px 15px; text-indent:-1px; overflow:hidden}
*:first-child+html form input.button{line-height:16px; text-indent:1px}
a.button{background-position: top left; background-repeat: no-repeat; background-image:url(../images/layout/bg-button.png) !Important; background-image:url(../images/layout/bg-button.jpg); color:#fff; text-decoration:none; display:inline; width:104px; height:34px; border:0; text-align:left; cursor:pointer; font: 11px Arial, Helvetica, sans-serif;font-weight:bold; margin:10px 0 0 0; padding:6px 5px 25px 15px; line-height:40px; text-indent:-1px}
a.button:hover{color:#fff; text-decoration:none}
form input.checkbox{width: auto; border:0}
form .dp-choose-date{display: none}
form input.datepicker{background:#fff url(../images/layout/calendar.gif) center right no-repeat}
form p.center{width: 100%; text-align:center}
form p.nl{clear: both}
p.privacy{text-align:center; margin:0 0 15px 0}
p.privacy a{color:#2C84A0;}
p.privacy a:hover{text-decoration:underline}

/* home */
#contents.home h2,#contents h3{margin:0 0 20px 0}
#contents.home #intro{background:url(/images/contents/home/intro.jpg) no-repeat;display: block; height:253px; width:950px;}
#contents.home #intro-ani{display: block; height:253px; width:950px;}
#contents.home div.container{margin: 3px 0 0 0}
#contents.home div.container .intro{float: right; display:block; width:585px !Important; width:592px; height:243px;}
#contents.home div.container .intro p{padding: 0}
#contents.home div.container .booking{float: left; display:block; width:303px; height:243px; background:url(../images/contents/home/bg-booking.jpg) top right no-repeat; padding:0 !Important; margin:0 !Important; margin:0 0 0 -13px}
#contents.home div.container .booking h3{margin: 20px 0 0 30px}
#checkout_year_month_h,#checkin_year_month_h{width: 105px !Important}
*:first-child+html #contents.home form#booking {margin:-15px 0 0 0; padding:0}
#contents.home form#booking {background-position: 85% 87%; background-repeat: no-repeat;background-image:url(../images/layout/credit-cards_horiz.png) !Important; background-image:url(../images/layout/credit-cards_horiz.gif);}
#contents.home form#booking label{display: block; clear:both; float:none; width:100%; margin:5px 0 3px 0}
#contents.home form#booking label.calendar{background:url(../images/layout/calendar.gif) top left no-repeat; padding:0 0 0 16px; cursor:pointer}
#contents.home form#booking select{width: 75px;}
#contents.home form#booking select.year{width: 125px}
#contents.home form#booking .button{background-image:url(../images/layout/btn-booking.png); width:74px}

/* error */
#contents.error div.container{padding: 25px}
#contents.error div.container h2,#contents.error div.container h3{margin:15px 0 0 0; padding:0}
#contents.error div.container h2{margin:-10px 0 0 0}
#contents.error div.container ul{list-style:none}

/* mini-booking */
div.mini-booking{display: block; width:100%; height:71px; overflow:hidden; border-bottom: 1px solid #1A4876; margin: 0 -10px 10px -10px; padding:0 20px 0 0}
div.mini-booking div.wrapper{height:70px; border-bottom: 1px solid #001932; padding:0 0 0 10px; width:500px}
div.mini-booking form#booking{width: auto; height:75px; margin:0 0 0 150px}
div.mini-booking form#booking p{margin:0 10px 5px 0; padding:0; width:60%; font-size:10px; float:left}
div.mini-booking form#booking p.people,div.mini-booking form#booking p.button{width:75px; margin:-18px 0 0 0}
div.mini-booking form#booking input.button{width:75px; background-image:url(../images/layout/btn-booking_2.png);}
div.mini-booking form#booking label{float: none}
div.mini-booking form#booking label.calendar{float: none; background:url(../images/layout/calendar.gif) 0px -3px no-repeat; padding:0 0 0 18px; cursor:pointer}
div.mini-booking form#booking select{width: 72px; font-size:10px; height:16px; padding:0; margin:0}
div.mini-booking form#booking select.year{width: 115px}
div.mini-booking #mini-booking{width: 120px; float:left}

/* rooms */
#contents.rooms ol{margin:0 0 0 25px}
#contents.rooms ul{margin:10px 0 0 25px; list-style:none; display:block}
#contents.rooms div.images{padding-top:0}
*:first-child+html #contents.rooms p{line-height:11px}
#contents ul.services li span.clima{background-image:url(../images/contents/rooms/clima.gif)}
#contents ul.services li span.sat{background-image:url(../images/contents/rooms/sat.gif)}
#contents ul.services li span.secure{background-image:url(../images/contents/rooms/secure.gif)}

/* swimming-pool */
#contents ul.services li{display: block; float:none; margin:5px 0; padding:0 0 0 15px;}
#contents ul.services li span.snackbar{background-image:url(../images/contents/swimmingpool/snackbar.gif)}
#contents ul.services li span.restaurant{background-image:url(../images/contents/swimmingpool/restaurant.gif)}
#contents ul.services li span.swimmingpool{background-image:url(../images/contents/swimmingpool/swimmingpool.gif)}

/* restaurants */
#contents.restaurants ul{list-style:none; margin:25px 0 0 0;}
#contents.restaurants ul li{display: block; clear:both; border-top: 1px solid #000E1C; width:105%; height:59px; margin:0 0 0 -10px; overflow:hidden;}
#contents.restaurants ul li div{border-top: 1px solid #335E89; padding:4px 0 4px 10px; margin:0 0 1px 0}
#contents.restaurants ul li h3{display: inline; position:relative; top:15px}
#contents.restaurants ul li img.left{margin-right:15px}
#contents.restaurants ul li a.button{line-height:13px; text-indent:2px}
#contents.restaurants ul li.last{border-bottom: 1px solid #000E1C !important; padding-bottom: 1px}
#contents.restaurants ul li.odd{background-color:#00458A}

/* gallery-restaurants */
#contents.gallery-restaurants h2{font-size: 24px; margin:25px 0 0 25px}
#contents #gallery{display: block; margin:0 auto}
#contents div.gallery-container{display: block; width:100%; height:350px; overflow:hidden}

/* congress */
#contents.congress h2{margin-bottom:0px}
#contents.congress h3{margin:0; font-size:13px}	
#contents.congress div.sale {border-top:1px solid #000E1C; width:105%; margin:0 0 0 -10px}
#contents.congress div.sale div h3{margin:0 0 -7px 0}
#contents.congress div.sale div.sala{float: left;display: block; width:146px; height:190px; font-size: 10px; line-height:10px; border-top:1px solid #335E89; border-right:1px solid #335E89; border-left:1px solid #000E1C; border-bottom:1px solid #000E1C; padding:5px 0 0 11px; text-align:center}
#contents.congress div.sale div.sala.first{border-left:0}
#contents.congress div.sale div.sala.last{border-right:0}
#contents.congress div.sale div.sala a{color: #09C; float:right; margin:-2px 5px 0 0}
#contents.congress div.sale div ul{margin:3px 0 0 13px; text-align:left}
#contents.congress div.sale div.request{display: block; clear:both; float:none; width:100%; text-align:center; border-top:1px solid #335E89}
#contents.congress div.sale div.request a.button{padding-right:20px; padding-left:20px}
#contents.congress a.button{ padding-right:50px !Important}

/* congress-request */
#contents.congress-request h2{margin:25px 0 0 25px}
#contents.congress-request p{padding:5px 25px 0 25px}
#contents form#congress {width: 100%; margin:10px 0 20px 0}
#contents form#congress fieldset{width: 100%; padding:10px 25px}
#contents form#congress p{float: left; margin:0 35px 5px 0}
#contents form#congress p label{width: 100px; font-size:10px}
#contents form#congress div.modulo p input{font-size:10px; background-color:#0A315C; border:1px solid #375D89; color:#ddd; width:105px}
#contents form#congress p.sala{float: left; font-size:10px;}
#contents form#congress p.sala input{width: auto !important; margin:0 0 0 100px}
#contents form#congress p.sala input.first{margin:0}
#contents form#congress p.sala span{padding:0 0 0 15px}
#contents form#congress div.section-a{width: 52%; display:block; float:left}
#contents form#congress div.section-b{width: 48%; display:block; float:left}
#contents form#congress div.section-b div{width: 100%;}
#contents form#congress div.section-b span{display: block; width:33%; float:left}
#contents form#congress div.section-b span input{float:left; margin:0 0 5px 0}
#contents form#congress div.section-b span span{float:left; width:auto; padding: 0 0 0 5px; font-size:9px}
#contents form#congress div.modulo textarea{display: block; width:205px; height:60px; font-size:10px; background-color:#0A315C; border:1px solid #375D89; color:#ddd;}
#contents form#congress p.note{margin:0 60px 0 -9px; padding:0}
#contents form#congress input.captcha{width: 45px !Important}
#contents form#congress input.checkbox{width: auto !Important; margin:8px 0 0 0; padding:0}
#contents form#congress p.send{width: 100%; display:block; clear:both; float:none; text-align:center; padding:0; margin:0}
#contents form#congress p.send input{margin: 0 auto; position:relative; top:25px}
#contents p.privacy.congress-module{font-size:90%}
#contents.congress-request #info-message{margin:6px auto 2px auto; width: 94%}
*:first-child+html #contents.congress-request form {margin:15px 0 0 0}
*:first-child+html #contents.congress-request form p{padding:0px; margin:0px}

/* rates-booking */
#contents.rates-booking .box-left{background:#fff url(../images/layout/bg-contents-white.jpg) bottom left repeat-x; padding:0; color:#000;}
#contents.rates-booking .box-left div{padding: 0px 25px 15px 25px; border-bottom:2px dotted #ccc; margin:0 0 25px 0}
#contents.rates-booking .box-left ul{margin: 0 	20px}
#contents.rates-booking h2,#contents.rates-booking h3{font-size: 26px; margin:10px 15px}
#contents.rates-booking h3{color:#00376E; margin:20px 25px 25px 25px}
#contents.rates-booking .box-right{}
#contents.rates-booking .box-right p.intro{margin-left: 18px}
#contents.rates-booking .box-right form{margin:20px auto 0 auto; display:block; width:340px}
#contents.rates-booking .box-right form p {margin:0 0 1px 0; padding:0}
#contents.rates-booking .box-right form p input,#contents.rates-booking .box-right form p select,#contents.rates-booking .box-right form p textarea{font-size:10px; background-color:#0A315C; border:1px solid #375D89; color:#ddd; width:175px}
#contents.rates-booking .box-right form p input.captcha{width: 75px}
#contents.rates-booking .box-right form p input.checkbox{width: auto}
#contents.rates-booking .box-left form{margin:0 0 0 80px; width:300px}
#contents.rates-booking .box-left form img{margin: 0 auto; display:block}
#contents.rates-booking .box-left p{width: auto; margin:0 0 15px 0}
#contents.rates-booking .box-left label{width: 75px; padding:0 0 1px 26px}
#contents.rates-booking .box-left label.calendar{background:url(../images/layout/calendar.gif)0px 0px no-repeat;}
#contents.rates-booking .box-left select{width: 75px}
#contents.rates-booking .box-left select.year{width: 115px}
#contents.rates-booking .box-left .button{margin: 10px auto 5px auto}
#contents.rates-booking a.button{display: block; position: relative; top:-52px; left:5px; background-position: 0px 0px; background-repeat: no-repeat; width:178px !Important; height:35px !Important; margin:0; float:left}
#contents.rates-booking a.button span{visibility:hidden;}
#contents.rates-booking a.button.offerte{background-image:url(../images/contents/btn-offerte.png) !important}
#contents.rates-booking a.button.offers{background-image:url(../images/contents/btn-offers.png) !important; top:-62px}
#contents.rates-booking a.button.offers.fra{top:-12px}
#contents.rates-booking #booking .button{width: 190px !important; background-image:url(../images/layout/bg-button-big.png) !important	}

*:first-child+html #contents.rates-booking .box-left form{margin-top:-10px; margin-bottom:-10px}

#contents.rates-booking #info-message{margin:0 0 -15px 0}

/* position */
#contents.position #map{display: block; width:474px; height:421px}
#contents.position #map #baloon p{color: #000; font-size:12px; text-align:center; position:relative; left:7px}
#contents.position #map #baloon img{margin: 0 0 10px 0}
#contents.position #map #baloon span{display: block}
#contents.position p.loader{padding: 25px 50px}
#contents.position .guide div.item{display: block; clear:both; float:none; margin:0 0 10px 0}
*:first-child+html #contents.position .guide div.item{margin-bottom: 5px}
#contents.position .guide div.item p{font-size:11px; line-height:11px; padding:0 15px 0 0}
#contents.position .guide div.item span{display: block; float:left; height:90px; margin:0 10px 0 0}
#contents.position a.button{display: block; background-position: 0px 0px; background-repeat: no-repeat; width:178px !Important; height:35px !Important; margin:7px 0 0 -2px; float:left}
#contents.position a.button span{visibility:hidden;}
#contents.position a.button.navetta{background-image:url(../images/contents/btn-navetta.png) !important}
#contents.position a.button.bus{background-image:url(../images/contents/btn-busservice.png) !important}
#contents.position a.button.bus.eng{margin-top: 25px}
#contents.position a.button.bus.deu{margin-top: 10px}

/* gustbook */
#contents.guestbook h2{margin-bottom: 25px; margin-top: 15px}
#contents.guestbook h3{margin: 15px 0 0 25px; font-size:24px}
#contents.guestbook .box-left{width: 534px}
#contents.guestbook .box-right{width: 394px}
#contents.guestbook form {width: 360px; margin:0 auto}
#contents.guestbook form p input,#contents.guestbook form p textarea{font-size:10px; background-color:#0A315C; border:1px solid #375D89; color:#ddd; width:175px}
#contents.guestbook form p input.checkbox{width: auto}
#contents.guestbook form input.button{margin: 25px auto 0 auto}
#contents.guestbook p.privacy{font-size: 10px; text-align:left; margin:15px 0 0 0}
#contents.guestbook ul.messages{line-height:12px; margin: 18px 0 0 25px; list-style:none; overflow:auto; height:320px; padding-right: 15px}
#contents.guestbook ul.messages li h4{font-size: 14px; line-height:16px}
#contents.guestbook ul.messages li{border-bottom: 2px dotted #597DA1; padding:5px 0;}
#contents.guestbook ul.messages li p{color: #efe; word-spacing:-1px}

/* itinerary */
#contents.itinerary div.images{padding: 15px 0 0 12px}
*:first-child+html #contents.itinerary div.images{padding:15px 0 0 8px}
#contents.itinerary div.images a{margin:0 5px 20px 5px; border:1px solid #597DA1;background: #00203E;}
#contents.itinerary div.images a img{margin:1px 1px 0 1px; padding:0}
#contents.itinerary div.images a span{padding:2px 0; color:#fff; margin:0; border-top:1px solid #597da1}}

/* itinerary-details */
#contents.itinerary-details{}
#contents.itinerary-details a.button{padding-right:70px; width:185px !Important;}

/* limoneto */
#contents.itinerary div.limoneto{display: block; clear:both; float:none; background:url(../images/layout/bg-limoneto.jpg) 0px 0px no-repeat !Important; display:block; width:110%; height:113px; padding:0; margin:8px 0 0 -10px}
#contents.itinerary div.limoneto a.button{background-image:url(../images/layout/btn-limoneto.jpg) !important; padding-right: 20px; position: relative; top: 50px; left:33px; height:60px;padding-right:70px; width:185px !Important;}
*:first-child+html #contents.itinerary div.limoneto a.button{top:42px; left:32px;}

/* special-offers */
#contents.special-offers{position: relative}
#contents.special-offers h2{font-size: 24px; margin:25px 0 0 25px}
#contents.special-offers h3{margin:0 0 5px 0}
#contents.special-offers div.detail{margin: 25px 35px; height:310px; overflow:auto}
#contents.special-offers div.detail img{margin-bottom: 10px}
#contents.special-offers ul{margin: 25px 35px;list-style:none; height:270px}
#contents.special-offers ul img{height: 75px}
#contents.special-offers ul li{border-bottom: 2px dotted #6A9EBD; padding-bottom:10px; margin-bottom: 10px}
#contents.special-offers ul a.details{color:#6CF; text-align:right; float:right}
#contents.special-offers a.request{padding-right: 50px; text-indent:5px}
#contents.special-offers form{margin:0 auto; width:400px}
#contents.special-offers form input{font-size:10px; background-color:#0A315C; border:1px solid #375D89; color:#ddd; width:190px !Important}
#contents.special-offers form input.checkbox{width: auto !Important}
#contents.special-offers form textarea{display: block; width:190px; height:60px; font-size:10px; background-color:#0A315C; border:1px solid #375D89; color:#ddd;}
#contents.special-offers form p{margin:0 0 3px 0; padding:0;}
#contents.special-offers form input.button{background-color:transparent; border:0}
#contents.special-offers form input.captcha{width: 65px !important}
#contents.special-offers p.privacy{position: absolute; top:380px; right:20px; font-size:86%; width:275px; text-align:right}
#contents.special-offers #info-message{margin-bottom: 8px !Important; width:400px; margin:0 auto; display:block; clear:both; float:none}

/**/
#contents.gallery-restaurants p{margin: 25px}

/* links */
#contents.links div.container{padding: 25px}
#contents.links div.container ul{margin: 0 25px}
#contents.links div.container ul li{padding: 0 0 5px 0; color:#ccf}
#contents.links div.container ul li a{color:#fff}
#contents.links div.container ul li a:hover{color:#9CF}

/* pages */
div#pages{ width: 99%; margin:25px 0; text-align:right; display:block; color:#36678F}
div#pages a{color:#36678F; border:1px solid #36678F; padding:2px 4px; margin:0 0 0 1px}
div#pages a:hover,div#pages a.selected{color:#06C; background:#9CF; text-decoration:none}

/* info messages */
#info-message{border: 1px dotted #09C; padding:2px; margin:-20px 0 20px 0; color:#36B; text-indent:20px; background:#9CF url(../images/layout/info.png) 2px 0px no-repeat; height:13px}
#info-message.errors{border-color:#C00; background-color:#faa; color:#C33; background-image:url(../images/layout/error.png)}
#info-message.success{border-color:#0C0; background-color:#afa; color:#3a3; background-image:url(../images/layout/success.png)}
#info-message span{display: block; width:100%}
#info-message span strong{float: left}
#info-message span a{float: right; color:#a66; text-decoration:none}
#info-message #form-errors{display: none}
#modalConfirmOverlay #info-message #form-errors{display: block}

/* counter */
div.counter{width: 100%; text-align:center; padding:25px 0 0 0}

/* offers */
#offers{display:block; height:169px; background: #002346 url(/images/layout/bg-offers.png) 0 0 repeat-x; border-top:1px solid #002346;color:#fff}
#offers h2,#offers h3{display: block; font-size: 16px; width:auto; height:22px; text-transform:uppercase; margin:0 0 10px 0;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal }
#offers .box{padding:20px 30px; height:129px}
#offers .hotelOffer{width:243px;float:left}
#offers .hotelPhoto{width:584px;float:left}

#offers .hotelPhoto ul{display:block;list-style:none outside none;margin:0 auto;width:578px;}
#offers .hotelPhoto li{float:left;display:block; margin:2em 1.2em 0 1.2em}
#offers .hotelPhoto img{border:1px solid #597A9B; padding:1px}
#offers .hotelPhoto span{display:block;}
#offers .hotelPhoto a{text-decoration:none; color:#fff; text-align:center;}
#offersList{list-style:none}
#offersList h4{font-size:112%}
#offersList .details{background:url(../images/layout/bg-button.png) top left no-repeat; color:#fff; text-decoration:none; display:block; width:104px; height:34px; border:0; text-align:left; cursor:pointer; font: 11px Arial, Helvetica, sans-serif;font-weight:bold; margin:10px 0 0 0; padding:4px 0 0 15px; overflow:hidden; line-height:17px;text-indent:5px;}
a.back{color:#6cf; padding-top:0.25em; display:block;float:none;}