sbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:100%;} table{border-collapse:collapse; border-spacing:1px;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{ content:'';} abbr,acronym{ border:0;} /* main rules ************************************************************************************************************************* */ body {font-family: Lucida Sans, Tahoma, Helvetica, Verdana, sans-serif; background:#0b3363 url(../img/hp-bg-v.png) repeat-x top left !important; line-height:150%; color:#818181; font-size:14px; margin:0; } h1, h2, h3 { font-weight:bold; letter-spacing:0.05em; color:#69C; text-transform:uppercase; } h1 { font-size:1.25em;} h2,h3 { font-size:1.1em; border-bottom:1px dotted #CCC;} h4 { font-size:1em;} p { line-height:135%;} a { text-decoration:underline; color:#69c;} a:hover { text-decoration:none; color:#6699c8; cursor:pointer;} .hidden { display: none; } input,select {font-family: Lucida Sans,Tahoma,Helvetica,Verdana,sans-serif; } #aspnetForm, footer { width:100%; } header, nav, section, footer { display:block; clear:both; } #main { position:relative; top:0; z-index:1; height:auto;} #container, .social, .footer { width:970px; margin:0 auto; z-index:1; } #container { position:relative; } #container section { border:0px solid red;} #container #main { background-color: #fefefe;} #bgimg { position:absolute; top:0; left:0; overflow:hidden; width:100%; height:490px; z-index:-2; } #intbgimg { position:absolute; top:0; left:0; overflow:hidden; width:100%; height:315px; z-index:-2; } #go-top { width:75px; height:65px; display:none; position: fixed; bottom:15px; right:100px; z-index:1000; text-align:center; cursor:pointer; border:1px solid #fff; background:url('../img/ToTop.png') no-repeat center center; background-color: rgb(221, 221, 221); background-color: rgba(221, 221, 221, .7); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} #go-top:hover { background-color:#369; } #go-top a { display:block; margin-top:40px; font-size:9px; color:#fff; text-decoration:none;} .clearer { clear:both;} .left { float:left;} .right { float:right;} .round { margin:10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ddd;} .error { font-size:0.85em; color:#C00; margin-left:20px; /*display:none; */} /* *********************************************************** top links ------------------------- */ #toplinks-bg { width:100%; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-bottom:1px solid #000; height:32px; position:absolute; top:0; z-index:-1; -moz-box-shadow:1px 1px 18px #222; -webkit-box-shadow:1px 1px 18px #222; box-shadow:1px 1px 18px #222; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5000000,endColorstr=#A5000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5000000,endColorstr=#A5000000); zoom: 1;} #toplinks { margin:4px 6px auto; font-size:0.75em; font-weight:bold;} #toplinks li { margin:4px 4px 0 18px; float:left; text-transform:uppercase; } #toplinks a { color:#d6d6d6; text-decoration:none; } #toplinks a:hover { color:#fff;} #social-toplinks { margin:4px 10px auto 14px; font-size:0.8em; color:#eaeaea; text-transform:uppercase; } #social-toplinks ul, #social-toplinks span { clear:none; display:inline-block; float:left;} #social-toplinks span { margin:5px 10px auto 0;} #social-toplinks ul li { margin:1px 6px; display:inline; float:left;} #social-toplinks ul li a { display:block; background:url('../img/sprites.png') no-repeat; text-indent:-9999px; width:23px; height:23px;} a#facebook:link, a#facebook:visited { background-position:-65px -67px; } a#facebook:hover { background-position:-89px -67px; } a#twitter:link, a#twitter:visited { background-position:-65px -91px; } a#twitter:hover { background-position:-89px -91px; } a#pinterest:link, a#pinterest:visited { background-position:-65px -115px; } a#pinterest:hover { background-position:-89px -115px; } a#gplus:link, a#gplus:visited { background-position:-65px -139px; } a#gplus:hover { background-position:-89px -139px; } /* *********************************************************** menu ------------------------- */ header { padding-top:40px; *padding-top:25px; margin-bottom:0; } #Master-Logo { padding-top:6px;} .mainnav { width:100%; height:80px; font-weight:normal; line-height:100%; list-style:none; padding:0; margin:0; z-index:2; background: url(../img/BW-Master-Brand-Gradient-Bar-Book.png) no-repeat top left #003b7f; } .mainnav li { width:auto; height:100%; display:inline-block; float:left; text-align:center; margin:0 6px 0; padding:0; position: relative; border:0px solid #fff; } .mainnav li:first-child { margin:0 10px 0 2px;} .mainnav li a { width:auto; height:30px; padding:36px 0 0 6px; color:#fff ; display:inline-block; float:left; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .mainnav li a:hover { color:#5ab4e6; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mainnav li span { background: url('../img/sprites.png') no-repeat -16px -177px; width:16px; height:20px; margin:34px auto auto -2px; display:inline-block;float:left; } .mainnav li span:hover { background: url('../img/sprites.png') no-repeat -0 -177px; cursor:pointer; } .mainnav li.active a, .mainnav li.active a:hover { color:#5ab4e6; } .mainnav li.active span, .mainnav li.active span:hover {background: url('../img/sprites.png') no-repeat -0px -177px; cursor:pointer; } .mainnav li.active div.subnav ul li a {font-weight:normal; color:#7f9dbc;} #navactive { display:none; } .activenav { display:block !important;} .subnav:hover, .mainnav li:hover .subnav, .mainnav li a:hover + .subnav, .subleft:hover, .subnav li:hover, .subnav li a:hover, .subnav .subright:hover { display:block;} .subleft, .subright { text-align:left; clear:none; margin:8px; padding:4px; } .subnav ul, .subnav .subleft, .subnav .subright { margin-top:26px;} .subleft { width:280px; float:left;} .subright { width:335px; float:right; text-align:right; border-left:1px dotted #999;} .subleft h2, .subright h2 {font-size:1.3em; font-weight:normal; margin-bottom:10px; line-height:120%; border-bottom:0;} .subleft p, .subright p {font-size:1em; line-height:1.5em; margin:auto 8px;} .subright img { border:1px solid #ccc; position:relative; margin:2px 2px auto;} .subnav { display:none; position:absolute; top:70px; list-style:none; left:0; width:970px; height:auto; min-height:300px; text-transform:none; background: url(../img/bg-subnav.png) repeat top right; margin:0; padding:0; float:left; z-index:100; border:1px solid #fff; border-top:0; -moz-box-shadow:0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; } .subnav ul { width:295px; float:left; clear:none; text-align:left; margin:30px 0 20px; border-left:1px dotted #999; } .subnav ul li, .subnav ul li:first-child { margin:2px 0; padding:0; clear:both; width:100%; text-align:left; border:0; line-height:120%; } .subnav ul li:hover { background:none; border:0;} .subnav ul li a { float: left; padding:0; padding-left:10px; text-align:left; border-bottom:0; color: #5ab4e6;} .subnav ul li a:hover { text-decoration:underline; color:#39c; padding-left:14px !important; } #nav1 { width:125px; } #nav2 { width:152px; } #nav3 { width:115px; } #nav4 { width:138px; } #nav5 { width:88px; } #nav1 .subnav { left:-290px;} #nav2 .subnav { left:-427px;} #nav3 .subnav { left:-589px;} #nav4 .subnav { left:-716px;} #nav5 .subnav { left:-866px;} /* ******************************************************* language selector ------------------------- */ .ls { float:right; margin:2px 10px 0; border:1px solid #111; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-transform:uppercase;} .ls:hover { background:#111; border:1px solid #444; } .ls dd, .ls dt, .ls ul {margin:0; padding:0; } .ls dd { position:relative; } .ls a, .ls a:visited { color:#aeaeae; text-decoration:none; outline:none; } .ls a:hover, .ls dt a:hover { color:#fff; } .ls dt a { display:block; padding:2px 5px; width:40px; } .ls dd ul { background:#000; border:1px solid #444; border-top:none; color:#fff; display:none; left:0px; padding:0; position:absolute; top:-2px; left:-1px; width:54px; list-style:none; z-index:100; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .ls dd ul li a { padding:5px; display:block; } .ls dd ul li a:hover { background-color:#000; } .flag { float:right; border:none; vertical-align:-0.1em; margin:5px 3px 3px; width:16px; height:11px; background: url('../img/sprites.png') no-repeat; } #IT { background-position:0 -136px; } #EN { background-position:-24px -136px; } #DE { background-position:-48px -136px; } #FR { background-position:-24px -149px; } #ES { background-position:0 -149px; } #CN { background-position:0 -162px; } #JP { background-position:-24px -162px; } #KR { background-position:-48px -162px; } /* ************************************************************* banner ------------------------- */ #banner, #banner-offers { width:960px; padding:1px 0 0 0; margin:0 auto;} #banner {height:394px; background:url(../img/bg-bannerone.png) no-repeat top left; } #wow-cont .ws_bullets {top:0; right: 0; } #wow-cont { zoom:1; position:relative; width:946px; margin:0 auto; z-index:1; background: url("../img/loading.gif") no-repeat scroll 50% 50% #ddd; *height:374px; *margin-top:10px;} #wow-cont .ws_images { width:944px; height:370px; overflow:hidden; position:relative; margin:14px auto 10px; *margin-top:0px; -moz-box-shadow:0px 2px 4px #111; -webkit-box-shadow: 0px 1px 4px #111; box-shadow:0px 2px 4px #111; /* border:1px solid #eee; */} #wow-cont .ws_images img { width:944px; height:370px; top:0; left:0; border:none 0; max-width: none;} #wow-cont a { text-decoration: none; outline: none; border: none; } #wow-cont .ws_bullets { font-size:0; padding:10px; float: left; position:absolute; z-index:70;} #wow-cont .ws_bullets div { position:relative; float:left;} #wow-cont .ws_bullets a { margin-left: 5px; height:10px; width:10px; float: left;text-indent:-1000px; position:relative; border: 1px solid #fff; } #wow-cont .ws_selbull { background-color: #e7e7e7; color: #fff; } #wow-cont .ws_bullets a:hover, #wow-cont .ws_overbull { background-color: #d6d6d6; color: #fff; } #wow-cont a.ws_next, #wow-cont a.ws_prev { position:absolute; display:block; top:35%; margin-top:-16px; z-index:60; height: 67px; width:32px; background-image: url(../img/sprites.png);} #wow-cont a.ws_next { background-position: 0 0; right:-7px;} #wow-cont a.ws_prev { left:-7px; background-position: 0 -67px; } #wow-cont a.ws_next:hover { background-position: -32px 0; } #wow-cont a.ws_prev:hover { background-position: -32px -67px; } #wow-cont .ws-title { position: absolute; bottom:0; right: 0; margin-right:0; z-index:999; color:#1E4553; padding:10px; width:395px; height:120px; cursor:hand;cursor:pointer; border:1px solid #fff; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF); /* IE6 & 7 */ zoom: 1;} #wow-cont .ws-title:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF,endColorstr=#D8FFFFFF); zoom: 1;} #wow-cont .ws-title h3 { font-size:1.4em; padding:3px; font-style:italic; font-weight:bold; color:#4591b2; font-family:Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:-0.05em; } #wow-cont .ws-title p { font-size:1.1em; padding:5px; color:#555;} #wow-cont .ws-title a, #wow-cont .ws-title a:link, #wow-cont .ws-title a:visited { font:1em Georgia,"Times New Roman", Times, serif; font-style:italic; padding:5px; color:#4591b2; float:right; margin-right:8px; text-decoration:underline; font-weight:bold; } #wow-cont .ws-title a:hover { color:#369; text-decoration:none; font-weight:bold;} #wow-cont .ws_bullets a img { text-indent:0; display:block; top:12px; left:-120px; visibility:hidden; position:absolute; border:1px solid #fff;} #wow-cont .ws_bullets a img:hover {border:1px solid #fcfcfc;} #wow-cont .ws_bullets a:hover img { visibility:visible;} #wow-cont .ws_bulframe div div { height:90px; overflow:visible; position:relative;} #wow-cont .ws_bulframe div { left:0; overflow:hidden; position:relative; width:240px;} #wow-cont .ws_bullets .ws_bulframe { display:none; top:25px; overflow:visible; position:absolute; cursor:pointer; border:1px solid #000;} #wow-cont .ws_bulframe span { position:absolute;} /* ************************************************************* search ------------------------- */ #search { width:335px; position:absolute; top:16px; left:45px; z-index:1; background:transparent; padding:4px;} #search ul { margin-left:4px;} #search li { display: none; } #search #tabs-search ul li.ui-state-default { margin-bottom:0; margin-right:0.3em; text-transform:uppercase; border:1px solid #fff; border-bottom-right-radius:0; -moz-border-radius-bottomright:0; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; } #search #tabs-search.ui-tabs .ui-tabs-nav li.ui-state-default a { font-size:0.9em; color:#666;} #search #tabs-search.ui-tabs .ui-tabs-nav li.ui-state-default a:hover { background-color:#dcdcdc !important; transition-property: background-color, color; transition-duration: 1s; transition-timing-function: ease-out; -moz-transition-property: background-color, color; -moz-transition-duration: 1s; -moz-transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 1s; -o-transition-property: background-color, color; -o-transition-duration: 1s; background-color:#dcdcdc; color:#333; } #search #tabs-search.ui-tabs .ui-tabs-nav li.ui-state-active a { font-size:1.1em; padding-bottom:0.15em; color:#69c;} #search #tabs-search.ui-tabs .ui-tabs-nav li.ui-state-active a:hover { color:#369; background-color:#fcfcfc !important; transition-property: background-color, color; transition-duration: 1s; transition-timing-function: ease-out; -moz-transition-property: background-color, color; -moz-transition-duration: 1s; -moz-transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 1s; -o-transition-property: background-color, color; -o-transition-duration: 1s; background-color:#fcfcfc; } /* BOX ricerca */ #search #tabs-search.ui-tabs div#tabss1.ui-tabs-panel, #search div#tabs-search.ui-tabs div#tabss2.ui-tabs-panel { border:1px solid white; color:#666; padding:8px; height:auto; z-index:999; -moz-box-shadow:1px 2px 6px #111; -webkit-box-shadow:1px 2px 6px #111; box-shadow:1px 2px 6px #111; -webkit-border-radius:3px ;-moz-border-radius:3px; border-radius:3px; background: #fcfcfc; *background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d9d9d9',GradientType=0 ); } #search #tabs-search h1 { margin:2px auto; } #search #tabs-search h2 { margin:0 auto 2px; letter-spacing:normal; border-bottom:none; font-weight:normal; } #search #tabs-search h3 { margin-bottom:8px; font-weight:bold;} #search #tabs-search #tabss2 h2 { margin-bottom:6px; font-size:1.3em; font-weight:bold;} #search #tabs-search select, #search #tabs-search option, #search #tabs-search input { color:#818181; font-size:14px; border:1px solid #717171;} #search #tabs-search select option { padding:4px; line-height:120%; border:0; border-bottom:1px dotted #ccc;} #search #tabs-search select { color:#818181; text-shadow:0px 1px 0px #fff; padding:2px; margin:1px 0; background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} #search #tabs-search select:hover { opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); background:#fff;} @-moz-document url-prefix() { #search #tabs-search select { height:25px; margin-top:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } } #search #tabs-search input, #common input { width:88px; margin:2px 6px; padding:3px 2px; text-shadow: 0px 1px 2px #fff; outline: none; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)); background: -moz-linear-gradient(top, #ffffff, #f9f9f9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9)"; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #search #tabs-search input:hover, #common input:hover { cursor:pointer; background:#fff;} #search #tabs-search input:focus,#common input:focus { -webkit-box-shadow: 0 0 5px #007eff;-moz-box-shadow: 0 0 5px #007eff;box-shadow: 0 0 5px #007eff; } #cartina { float:right; display:inline;} #cartina img { border:0; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } #cartina img:hover { opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); cursor:pointer; } #location { margin:2px auto 8px; font-size:1em; float:left; display:block; } #location h2, #tabss2 .sub {font-size:1em; text-transform:none; } #location span { float:left; margin-left:6px;} #location #txtLocationName.ui-autocomplete-input { width:300px; margin-left:0; color:#999; font-size:1em; text-shadow:none; } #location #txtLocationName.ui-autocomplete-input:hover { background:#FFF; cursor:pointer; color:#777; } #location #txtLocationName.ui-autocomplete-input:focus { color:#666; } .ui-autocomplete {font-size:1em;width:400px !important;font-family:'Lucida Sans', Tahoma, Helvetica, Verdana, sans-serif;} .ui-autocomplete li.title{font-size:1.15em;font-weight:normal;vertical-align:middle;color: #444;} .ui-autocomplete li.title .count{font-weight:normal;color: #ABABAB;font-size: 0.75em;} .ui-autocomplete li img {vertical-align:middle;padding:15px 5px 15px 5px;} .ui-menu-item .match {color:#00397E;font-weight:bold;} .ui-menu-item{border-bottom:solid 1px #FCFDFD;font-size:1em;background-color:#FFF;height:36px;} .ui-menu-item .ui-state-hover {height:30px;} #data-stay, #hotel-search #data-stay { width:195px; display:inline-block; float:left; font-size:1em; margin-bottom:10px;} #data-stay p { clear:both; text-align:right; margin:2px auto;} #data-stay p span { clear:both; display:inline-block; margin:0; padding:0; } #data-stay img { margin:auto 4px -2px; cursor:pointer; } #rooms-details, #rooms-ID { font-size:0.9em; display:inline; float:left; margin:2px auto 4px;} #rooms-details { margin-left:10px; font-size:1em; } #rooms-details p { display:inline-block; float:left; width:auto; height:auto; clear:none; min-width:68px; } #rooms-details p span { clear:both; display:block; font-size:1em; margin:0; } #rooms-details p select { cursor:pointer; padding:2px 4px;} #rooms-details a:link, #rooms-details a:visited { color:#317ed3; text-decoration:underline; } #rooms-details a:hover { text-decoration:none; color:#369; } #rooms-ID #ID_BWR, #rooms-ID #ID_CorpId { clear:none; display:inline-block; cursor:pointer; margin:4px 4px 2px 0; *width:150px; *float:left; *display:inline; } #rooms-ID #ID_CorpId { *margin-left:0px; *width:145px;} #rooms-ID #ID_BWR img, #rooms-ID #ID_CorpId img { margin-right:2px; margin-left:0px; border:0;} #rooms-search, #meeting-search {margin:6px auto; clear:both; width:100%; text-align:right; float:right; *float:right; *display:inline-block; } .meetform .error { display:block; } #rooms-search .error { display:inline; } #langs-search { width:325px; height:30px; display:block; clear:both; margin:12px auto 2px -6px; text-transform:uppercase; } #langs-search li { margin:4px 3px; float:left; display:inline-block; font-size:0.7em; font-size:9.5 px\9; } #langs-search li a, #langs-search li a:visited { color:#317ed3; text-decoration:underline; } #langs-search li a:hover { text-decoration:none; color:#369;} #langs-search li.spacer { margin:4px 1px; } .cerca, .cerca:link, .cerca:visited { background: #fa3103; *background: #fa3103; background: -moz-linear-gradient(top, #fa3103 0%, #ff9d46 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa3103), color-stop(100%,#ff9d46)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fa3103 0%,#ff9d46 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fa3103 0%,#ff9d46 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fa3103 0%,#ff9d46 100%); /* IE10+ */ background: linear-gradient(top, #fa3103 0%,#ff9d46 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa3103', endColorstr='#ff9d46',GradientType=0 ); /* IE6-8 */ -moz-box-shadow:0px 3px 6px #aaa; -webkit-box-shadow:0px 3px 6px #aaa; box-shadow:0px 3px 6px #aaa; font-size:1.1em; padding:4px 8px; text-transform:uppercase; text-decoration:none; color:#f0f0f0; font-weight:bold; margin-bottom:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: 1px solid #ff6000; } .ie8 .cerca, .ie8 .cerca:link, .ie8 .cerca:visited {background-color: #fa3103; } .cerca:hover { *background: #d72b03; background: -moz-linear-gradient(top, #ff9d46 0%, #fa3103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d46), color-stop(100%,#fa3103)); background: -webkit-linear-gradient(top, #ff9d46 0%,#fa3103 100%); background: -o-linear-gradient(top, #ff9d46 0%,#fa3103 100%); background: -ms-linear-gradient(top, #ff9d46 0%,#fa3103 100%); background: linear-gradient(top, #ff9d46 0%,#fa3103 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d46', endColorstr='#fa3103',GradientType=0 ); -moz-box-shadow:0px 2px 4px #979797; -webkit-box-shadow:0px 2px 4px #979797; box-shadow:0px 2px 4px #979797; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; border: 1px solid #f14502; *border: 3px solid #f14502; color: #fff;} .tooltip, .tip { position:absolute; width:480px; height:auto !important; display:none; color:#666; padding:10px !important; font-size:0.9em; border-color:#fff; z-index:9999; float:left; -moz-box-shadow:0 0 20px 3px #999; -webkit-box-shadow: 0 0 20px 3px #999; box-shadow:0 0 20px 3px #999; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EAFFFFFF,endColorstr=#EAFFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EAFFFFFF,endColorstr=#EAFFFFFF); zoom: 1;} .tip span#lblCloseOccupancy, .tip span#lblCloseIATA, .tip span#lblCloseGCC, .tip span#lblCloseOccupancy { color:#C00; text-decoration:underline; cursor:pointer; float:right; margin-right:4px; padding-bottom:6px; font-weight:bold; font-size:15px; } .tip span.cont { color:#4e8bc8; text-decoration:underline; font-weight:bold; float:right; font-size:1.2em;} .tip span.cont:hover { color:#369; text-decoration:none; cursor:pointer; } .close { font-size:13px; display:inline-block; margin:0 10px 10px 0; padding:10px 15px; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; } .close:after { content: "[X]"; margin-left:15px; font-size:13px; vertical-align:central; } .tip .close { float:right !important; background:none; padding-top:0; margin-right:0; color:#900 !important; text-decoration:none;} .tip .close:hover { color:#c03 !important; } #loading .close, #overlaycart .close { display:none !important; } .tip span#lblCloseOccupancy:hover, .tip span#lblCloseIATA:hover, .tip span#lblCloseGCC:hover, .tip span#lblCloseOccupancy:hover { text-decoration:none;} .tip p { font-size:1.1em; margin:12px auto; } .tip strong { font-size:1.2em; margin:4px auto 8px; clear:both; color:#369;} #tabss1 .tip strong { text-transform:uppercase; } .tip_trigger { color:#317ED3; text-decoration:underline;} .tip_trigger:hover { color:#369; text-decoration:none;} #occupancyDiv.tip input { width:auto !important;} #loading { font-size:14px; color:#333;} /* *********************************************************** body home ------------------------- */ .contents { z-index:1; background-color:#fff; width:958px; height:auto; margin:0 auto 0 6px; display:inline-block; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } .contents section { margin:14px 8px 16px; z-index:5; padding:2px; float:left;} .contents section img { float:left;clear:none; display:block; margin-right:14px;} .contents section p { font-weight:400;} .contents section p strong { font-weight:600;} .contents section h3 { clear:both; display:block; float:left; width:100%; margin:0 auto 8px; font-weight:normal;} .ie8 .contents section h3 {font-size: 1.0em;} .contents section h4 a { margin:0 auto 14px; width:90%; clear:both; color:#369; color:#56a3c5; text-decoration:none; text-transform:uppercase; font-size:1em;} .contents section h4 a:hover { color:#369; text-decoration:underline;} .contents section ul { margin:8px 2px 4px 20px; list-style-position:outside; } .contents section p a, .contents section ul li a { text-decoration:none; color:#818181; padding:2px; } .contents section p span:after, .contents section ul li a span:after { content:" \BB\ "; } .contents section p a:hover, .contents section ul li a:hover { text-decoration:underline;} .contents section p span, .contents section ul li a span { color:#56a3c5; text-decoration:underline; } .contents section a img {border:1px solid #4fa0c3; -moz-box-shadow:1px 2px 6px #c8c8c8; -webkit-box-shadow:1px 2px 6px #c8c8c8; box-shadow:1px 2px 6px #c8c8c8; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); display:inline-block; float:left; } .contents section a img:hover {border:1px solid #369; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .bwr ul li { margin:12px 0;} .Hbanner, .nl, .social, .bwr-deal {margin:10px 10px 0; clear:none; width:560px; } .sbanner, .bwr, .piani, .nl-deals { width:340px; margin-right:20px !important; } .sbanner { height:175px;} .sbanner h3 { width:280px !important;} .Hbanner h3 { width:500px !important;} .sbanner .sbframes div,.Hbanner .sbframes div { float: left;margin: 10px auto 0;background: url("../img/bg-trasparency.png") repeat top left;*background-color: #fefefe; } .sbanner .sbframes div { width:330px; height:175px;} .Hbanner .sbframes div { width:560px; height:115px; margin-top:4px;} .sbanner .sbframes h4, .Hbanner .sbframes h4 { line-height:120%; margin-bottom:16px; * display:inline-block; *float:left; } .sbanner .sbframes div img { border:0;} .sbframes div { display:none; } .sbframes div:first-child { display:block } .Hbanner .dynamicbanner { width:100%; height:95px; position:relative; margin-top:12px; margin-bottom:20px; } a.next, a.prev { display:block; float:left; margin:0 0 0 6px; color:#fff; background: url('../img/sprites.png') no-repeat; width:20px; height:20px; text-indent:-9999px; } a.prev { background-position:-66px 0;} a.prev:hover { background-position:-66px -26px; border-bottom:1px dotted #e6e6e6; } a.next { background-position:-90px 0;} a.next:hover { background-position:-90px -26px; border-bottom:1px dotted #e6e6e6; } .social { margin-top:30px !important;} .social ul { margin-left:4px !important;} .social ul li {padding:2px; float:left; display:inline; margin:0 6px 2px; width:auto; max-width:120px;} .cityoffer { display:inline-block; width:130px; margin-right:10px; } .cityoffer img { width:115px; margin-left:2px; clear:none;} .cityoffer div { position:absolute; top:69px;} .cityoffer .city {display:block; clear:both; background:url("../img/bg-trasparency.png") repeat top left; position:relative; text-align:center; width:115px; height:20px; margin:0px auto 4px 3px; color:#69F; } .cityoffer .starts { color:#369; font-size:0.9em; margin-left:3px; } .cityoffer .price { color:#c00; font-size:1.3em; letter-spacing:-0.1em; } /* *********************************************************** offerte ------------------------- */ #banner-offers {height:355px; background:url(../img/bg-bannerone-offers.png) no-repeat top left; } #banner-offers div {position:relative; zoom:1; width:946px; margin:10px auto 0; z-index:1; height:335px;} #banner-offers div img { border:1px solid #fff; width:946px; height:335px;} h1.hotel-deals { font-size:1.2em; border-bottom:1px dotted #ccc; margin-bottom:8px !important;} h2.hotel-deals { font-size:0.95em; line-height:120%; margin-bottom:14px !important; } table.hotel-deals { margin:5px; width:300px;} .hotel-deals div {clear:both; text-align:right; margin:2px auto; } .bwr-lbls p {text-align:left; font-size:0.95em; margin:6px auto 8px; } .bwr-lbls p a {color:#369;} .bwr-lbls p input { width:30px !important;} .hotel-deals tbody tr td div a.cerca {font-size:1em;} .hotel-deals tbody tr td div select { cursor:pointer;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .hotel-deals tbody tr td div p img { cursor:pointer; margin:auto 4px; margin-bottom:-2px;} .season-deal { display:inline-block; width:265px; margin-right:15px !important; float:left; clear:none;} .piani p.divider, .piani p.divider-en { margin-bottom:44px; display:block; } .piani p.divider-en { margin-bottom:36px; } .piani a img {margin-top:4px; margin-right:18px;} .bwr-deal a img, .season-deal a img {margin-right:18px;} .bwr-deal p a, .season-deal p a { padding:0 !important; } .season-deal h3, .bwr-deal h3 {margin-bottom:14px !important;} .season-deal h3 a { text-decoration:none;} .piani p strong, .piani p a strong, .season-deal p a strong { font-weight:bold;} /* *********************************************************** footer ------------------------- */ footer { margin-top:-5px; z-index:1000 !important; height:auto; background: #0b3363; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzBiMzM2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzEwNTNhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #0b3363 2%, #1053a4 75%); background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#0b3363), color-stop(75%,#1053a4)); background: -webkit-linear-gradient(top, #0b3363 2%,#1053a4 75%); background: -o-linear-gradient(top, #0b3363 2%,#1053a4 75%); background: -ms-linear-gradient(top, #0b3363 2%,#1053a4 75%); background: linear-gradient(to bottom, #0b3363 2%,#1053a4 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3363', endColorstr='#1053a4',GradientType=0 );} #bgimg, #toplinks-bg, footer { min-width:980px; } .footer div { overflow:visible; margin:20px auto 0 2px; width:970px; float:right; } .footer div ul, .footer div p { margin:4px auto 10px 10px; height:auto; } .footer div ul li { display:inline-block; float:left; width:23%; margin-right:2%; border:0; } .footer div ul li, .footer div ul li a, .footer div ul li h3, .footer div ul li p { color:#ddd; font-size:12px; line-height:160%;} .footer div ul li:last-child { margin-right:0;width:24%; } .footer div ul li a, #descriptors a { text-decoration:none; color:#5ab4e6;} .footer div ul li a:hover, #descriptors a:hover { text-decoration:underline; color:#4fb8f3;} .footer div ul li h3 { text-transform:none; font-size:1.05rem; margin-bottom:10px; border:0;} .footer div ul li h3 .border { background: #54667a none repeat scroll 0 0; display: block; height: 1px; margin-top: 10px; width: 45px;} .footer div ul li ul, .footer div ul li p { display:inline-block; width:95%; margin-left:0; border:0px solid; } .footer div ul li ul li, .footer div ul li ul li:last-child { display:inline-block; width:95%; padding:1.5% 1%; width:100%; } #destinazioni ul { display:inline-block; width:45%; } #destinazioni ul:last-child { display:inline-block; width:50%; float:right;} #destinazioni ul li {margin:4px auto;} #destinazioni ul li, #destinazioni ul li a { line-height:110%;} #hotels { width:155px; display:none;} #social-footer div { width:100%; height:auto; margin:2px auto 20px; } #social-footer h3 { margin-bottom:14px;} #social-footer ul li { margin:10px auto 8px 10px; display:inline; float:left; width:100%; padding:1px; } #social-footer ul li a { display:block; background:url('../img/sprites.png') no-repeat; text-indent:-9999px; width:34px; height:33px; float:left;} #social-footer ul li span { color:#eee; float:left; font-size:14px; line-height:200%; margin-left:10px;} a#social-facebook:link, a#social-facebook:visited { background-position:-157px -25px;} a#social-facebook:hover {background-position:-123px -25px; } a#social-pinterest:link, a#social-pinterest:visited { background-position:-157px -57px; } a#social-pinterest:hover {background-position:-123px -57px; } a#social-twitter:link, a#social-twitter:visited { background-position:-157px -90px; } a#social-twitter:hover { background-position:-123px -90px; } a#social-foursquare:link, a#social-foursquare:visited { background-position:-157px -123px; } a#social-foursquare:hover { background-position:-123px -123px;} a#social-google:link, a#social-google:visited { background-position:-157px -156px; } a#social-google:hover {background-position:-123px -156px; } a#social-youtube:link, a#social-youtube:visited { background-position:-157px -190px; } a#social-youtube:hover { background-position:-123px -190px;} a#social-instagram:link, a#social-instagram:visited {background-position:-157px -124px; } a#social-instagram:hover { background-position:-123px -124px; } #descriptors { display:inline; width:auto; float:left; margin-top:4px;} #descriptors a img { border:0; margin:10px; float:left; clear:none;} #descriptors p { font-size:0.8em; float:left; clear:none; color:#FFF; margin-top:30px; line-height:1.7em; } /* ********************************************** input for NL subscription ------------------------- */ .auto-hint { color: #aaa; } /* ********************************************** internal pages rules ------------------------- */ .htl-sx, .htl-dx { background-color:#fcfcfc; vertical-align:top; } .htl-sx { width:255px; text-align:left;} .htl-sx div { margin-left:10px;} .htl-dx .ui-tabs .ui-tabs-panel { background:none;} #internal-body { background:#0b3363 url(../img/ip-bg-v.png) repeat-x top left !important; } #internal-bgimg { position:absolute; top:0; left:0; overflow:hidden; width:100%; height:305px; z-index:-2; } #internal-wrapper { position:relative; width:960px; margin:0 auto; padding:0; height:auto; border:1px solid #fafafa;} .int-wrapper { vertical-align:top; background:url("../img/bg-int-wrapper.png" ) no-repeat top center; height:8px; display:none; margin-top:0; } .brd-wrapper { background-color:#fafafa; height:8px;display:block;height:auto; width:960px; margin:0 auto; border:1px solid #fafafa; } #breadcrumbs { display:block; width:auto; height:auto; font-size:0.8em; margin: 10px 8px; text-transform: uppercase;} #internal { width:100%; background-color:#fafafa; } #internal td {vertical-align:top; } #internal td.int-header, #internal td.htl-sx, #internal td.htl-dx { background-color:#fafafa; vertical-align:top; } .int-header h1 { border-bottom:1px dotted #ccc; font-size:1.75em; margin:5px 10px; padding-bottom:6px; font-weight:normal;} .int-header h1 img { float:right; } .int-header p { margin:10px;} .int-header strong { font-weight:bold;} #htl-address { margin:0 8px; padding:6px; line-height:150%; float:left; display:inline;width:750px; } #htl-address p { margin:2px; line-height:160%; } #htl-social { float:right; display:inline;margin:8px 8px 0; border-left:1px dotted #afafaf; } #htl-social ul { margin-left:14px;} #htl-social ul li { display:inline-block; margin:0 3px; padding:2px; height:20px; width:120px; float:right; clear:both; } .core { color:#005093;} .premier { color:#a59b75;} .plus { color:#39C;} .premierC { color:#8a401c; text-transform:none;} .premierCLogo img { margin-top:-65px; } #internal-search, #htl-gmap { z-index:1; width:235px; height:auto; margin:20px auto 10px; border:1px solid #fff; -moz-box-shadow:0 0 3px #aaa; -webkit-box-shadow:0 0 3px #aaa; box-shadow:0 0 3px #aaa; } #internal-search {background: #f8f8f8; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dddddd)); background: -moz-linear-gradient(top, #f8f8f8, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#dddddd); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#dddddd)"; } #internal-search h2 { text-transform:uppercase; margin:5px 6px; font-weight:normal;} #internal-search p { width:100%;} #internal-search p.error { font-size:0.9em; color:#C00; margin-left:14px; } #internal-search a.cerca { font-size:0.9em; margin-right:14px; margin-top:6px;} #internal-search input, #internal-search select { padding:2px; margin:4px !important; outline: none; color:#999; background: #fff; cursor:pointer; font-size:14px; text-align:left; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)); background: -moz-linear-gradient(top, #ffffff, #f9f9f9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9)"; border: 1px solid #717171; } #internal-search #data-stay, #internal-search #rooms-details, #internal-search .ttTrigger { width:90%; margin:2px 2px 3px 10px; clear:both;} #internal-search #data-stay p { width:215px; margin:2px auto 4px; display:inline-block; float:left; } #internal-search #data-stay p span { width:85px; font-size:14px; text-align:right; } #internal-search #htl-error { display:inline-block; margin-bottom:0; width:200px;} #internal-search #rooms-details p { min-width:58px; width:60px; margin:2px 2px 5px; text-align:left;} #internal-search #rooms-search { margin-right:10px; margin-bottom:14px;} #internal-search div#extparams a#change-rooms-details { display:inline-block; height:42px !important;font-size:12px; padding:0 6px;} #internal-search div#extparams a.tiptriggersearch { font-size:1em; margin-left:8px;} #internal-search div#extparams div.tip { font-size:12px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #usp { margin:12px auto auto 8px;} #usp ul li, #setupsearch { font-size:11px;} #usp ul li { height:auto;} #usp ul li span { background:url('../img/sprites.png') no-repeat -37px -182px; width:18px !important; height:21px; text-indent:-9999px; display:inline-block; } #htl-gmap { width:100%; margin:6px auto auto 0; position:relative; text-transform:uppercase; text-align:center;background: #f8f8f8; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eee)); background: -moz-linear-gradient(top, #f8f8f8, #eee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#eee); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#eee)"; } #htl-gmap img { height:100px; width:95%; margin:3px auto; border:1px solid #fff; } #htl-gmap a.tabopener span { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.75); width:95%; height:30px; display:inline-block; position:absolute; bottom:8px; left:4px; border:1px solid #fff; text-decoration:none;} #htl-gmap a.tabopener span:hover { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9); text-decoration:underline;} /* ********************************************** banner fading hotel ------------------------- */ .htl-welcome { width:690px; height:370px; overflow:visible; position:relative; padding:0; } .htl-rotator { width:685px; height:370px; display:inline; float:left; overflow:hidden; margin:20px auto auto 10px; padding:0; position:relative; border: 1px solid #fff; -moz-box-shadow:0 0 3px 3px #eee; -webkit-box-shadow:0 0 3px 3px #eee; box-shadow:0 0 3px 3px #eee;} .htl-rotator img { width:685px; height:370px; border:0; top:0; position:static; } .htl-rotator a img { margin-top:0px;} .htl-rotator a:link, .htl-rotator a:visited { text-decoration:underline; } .htl-rotator a:hover {text-decoration:none;} .htl-rating-gallery img { display:none } .htl-rating-gallery img:first-child { display:block } .ui-tabs .ui-tabs-hide { position: absolute; left: -1000px;} #htl-main-gallery img { display:none } #htl-main-gallery img:first-child { display:block } .ui-tabs .ui-tabs-hide { position: absolute; left: -1000px;} /* ********************************************** Giudizi clienti\ospiti - GREEN - TA - MEDALLIA ------------------------- */ .htl-rating-info { width:230px; height:auto; position:absolute; top:40px; right:14px; font-size:0.9em; margin:0; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); cursor:pointer; z-index:1000; border:1px solid #fff; -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000;} .htl-rating-info h3 { width:95%; margin:5px auto 0 10px;} .htl-rating-info p { margin:6px; font-size:1.1em; text-transform:none;; color:#777; } .htl-rating-info p strong { font-weight:bold; color:#333;} .htl-rating-info p span { margin-right:10px; display:inline-block;} .htl-rating-info p a { display:block; clear:both; text-decoration:underline; color:#06c;} .htl-rating-info p a:hover { text-decoration:none;} .htl-rating-info ul { display:inline-block; margin-top:-10px; float:left; list-style:inside none; margin-left:10px;} .txt-rating { width:206px; clear:both; background:none; display:block; float:none; padding:2px; line-height:120%; margin-left:0; font-size:10px !important;} .htl-medallia .txt-rating { margin-left:8px; } .htl-ta .txt-rating { margin-left:2px !important;} .htl-ta .ta { font-size:10px;} .htl-green, .htl-medallia, .htl-ta { width:auto; margin:2px 0 8px 6px; clear:both; display:inline-block; width:220px;} .htl-medallia ul li a { display:block; background:url('../img/sprites.png') no-repeat; text-indent:-9999px; width:38px; height:37px; } .htl-medallia .new-entry {display:inline-block; width:200px; margin:20px auto 16px; font-size:1.4em; line-height:2.5em; } .htl-medallia .new-entry ul { margin-top:0; margin-right:14px;} a#newentry:link, a#newentry:visited { background-position:-334px -42px; } a#newentry:hover { background-position:-334px -3px; } .medallia span { background-color: #c39; border:1px solid #939; } .progress-bar { background-color: #eee; float:left; display:inline-block; height:15px; padding:3px; width:148px; margin:0 6px 6px 0; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; -moz-box-shadow: 0 1px 5px #888 inset, 2px 1px 3px #eee; -webkit-box-shadow: 0 1px 5px #888 inset, 2px 1px 3px #f0f0f0; box-shadow: 0 1px 5px #888 inset, 2px 1px 3px #f0f0f0; } .progress-bar span {margin-top:0; display: inline-block; height:90%; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-transition: width .4s ease-in-out; -moz-transition: width .4s ease-in-out; -ms-transition: width .4s ease-in-out; -o-transition: width .4s ease-in-out; transition: width .4s ease-in-out;} .progress-bar span:hover {cursor:pointer;} .glow span {-moz-box-shadow: 0 3px 3px rgba(255, 153, 255, .7) inset, 0 -3px 3px rgba(255, 153, 255, .7) inset; -webkit-box-shadow: 0 3px 3px rgba(255, 153, 255, .7) inset, 0 -3px 3px rgba(255, 153, 255, .7) inset; box-shadow: 0 3px 3px rgba(255, 153, 255, .7) inset, 0 -3px 3px rgba(255, 153, 255, .7) inset; -webkit-animation: animate-glow 1s ease-out infinite; -moz-animation: animate-glow 1s ease-out infinite; } span.val-medallia { font-size:1.6em; color:#666; letter-spacing:-2px; float:left; display:inline-block; } .htl-rating-info .tip { margin-left:6px; border:1px solid #fff;} .htl-medallia div.tip-trigger { margin-left:8px;} .tip-green, .tip-medallia {width:400px; -moz-box-shadow: 0 0 8px #888; -webkit-box-shadow: 0 0 8px #888; box-shadow: 0 0 8px #888; border:1px solid #aaa; } .tip-green p, .tip-medallia p { color:#666; margin:0 0 10px 0; font-size:1.3em;} .tip-green ul, .tip-medallia ul { display:block; width:100%; margin-left:0; padding:2px;} .tip-green ul li, .tip-medallia ul li { width:98%; border-bottom:1px dotted #CCC; padding-top:14px; height:30px; color:#666; white-space:nowrap; } .tip-green .progress-bar, .tip-medallia .progress-bar { margin-bottom:0px;} .htl-green ul { background:url('../img/sprites.png') no-repeat -205px -191px; width:128px; height:35px; margin-top:0; } .htl-green ul li { display:inline; float:left; /*margin-right:2px;*/ margin-left:0; } .htl-green ul li a { display:block; background:url('../img/sprites.png') no-repeat -334px -192px; text-indent:-9999px; width:23px; height:23px; } .htl-green .tip-green ul {background:none; display:block; width:98%; height:100%;} .htl-green .tip-green ul li { display:inline-block; border-bottom:1px dotted #9c9; } .htl-green .tip-green ul li a { background:url('../img/sprites.png') no-repeat; text-indent:-9999px; width:24px; height:25px; display:inline-block; float:left; margin-right:10px; } .htl-green .tip-green ul li a#energia {background-position:-377px -4px; } .htl-green .tip-green ul li a#acqua {background-position:-377px -35px; } .htl-green .tip-green ul li a#rifiuti {background-position:-377px -65px; } .htl-green .tip-green ul li a#acquisti {background-position:-377px -93px; } .htl-green .tip-green ul li a#comportamento {background-position:-377px -123px; } .lbl { font-size:1.2em; display:inline-block; float:left; margin-right:10px; min-width:140px; } .tip-green ul li a { background:url('../img/sprites.png') no-repeat; text-indent:-9999px; width:25px; height:25px; display:inline-block; float:left;} .tip-green .progress-bar { -moz-box-shadow: 0 1px 5px #888 inset, 2px 1px 3px #eee; -webkit-box-shadow: 0 1px 5px #888 inset, 2px 1px 3px #eee; box-shadow: 0 1px 5px #888 inset, 2px 1px 3px #eee;} .tip-green .progress-bar span {background-color:#060; margin:0; border:1px solid #063; width:auto; } .tip-green .glow span { height:90%; -moz-box-shadow: 0 3px 3px rgba(107, 194, 109, .7) inset, 0 -3px 3px rgba(107, 194, 109, .7) inset; -webkit-box-shadow: 0 3px 3px rgba(107, 194, 109, .7) inset, 0 -3px 3px rgba(107, 194, 109, .7) inset; box-shadow: 0 3px 3px rgba(107, 194, 109, .7) inset, 0 -3px 3px rgba(107, 194, 109, .7) inset; -webkit-animation: animate-glow 1s ease-out infinite; -moz-animation: animate-glow 1s ease-out infinite; } .tip div ul li span.val-medallia { letter-spacing:-1px; } .tip-medallia .progress-bar span { background-color:#c39; padding-top:2px;} .htl-rating-info .htl-ta div { margin-left:6px; font-size:11px;} .htl-ta .tip-trigger {margin-left:10px; line-height:120%;} #btnToggler { width:20px; height:20px; position: absolute; top:48px; right:24px; background:#5489b8; cursor: pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; z-index: 2000; border: 1px solid #fff; -moz-box-shadow: 0 0 3px #111; -webkit-box-shadow: 0 0 3px #111; box-shadow: 0 0 3px #111;} #btnToggler span { margin-left:6px; font-size:16px; line-height:9px; color:#fff;} /* ********************************************** informazioni hotel SERVIZI, CAMERE, ETC ------------------------- */ #htl-quickinfo { background:none; width:226px; margin:10px; margin-top:22px; display:inline-block; } #htl-quickinfo p {text-transform:uppercase; margin:18px auto 6px; display:block; } #htl-quickinfo h2 { font-weight:normal; font-size:1.1em; margin-bottom:inherit; padding-bottom:14px;} #htl-info { clear:both; padding:0; background-color:#fff; display:inline-block; width:100%; float:right; border:0; font-size:100%; } .fixed-width { width:694px !important; } #htl-info h2, #htl-info h3 { border-bottom:0; margin-bottom:4px; font-weight:normal;} #htl-info ul {-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; padding:0; margin:0; border:0; background:none;} #htl-info ul.htl-nav { border-bottom:1px dotted #ccc; padding:3px; margin:5px; background-color:#fff; } #htl-info.ui-tabs .htl-nav li { margin-bottom:4px;} #htl-info.ui-tabs div { padding-left:8px; } #htl-info #services ul {list-style-type:disc; margin-left:12px;} #htl-info #services ul li { margin:4px 2px 10px; text-transform:none; line-height:125%; font-size:13px;} #htl-info #services ul li:hover { background-color:#fcfcfc; cursor:pointer;} #htl-info .ui-tabs-panel { background-color:#fff; color:#818181; height:auto; margin-top:0;} #htl-info .ui-tabs-panel h2 {border-bottom:0; margin-bottom:12px;} #htl-info .ui-tabs-panel p { font-size:14px; margin:8px 4px; line-height:155%;} #htl-info .ui-tabs-panel p strong { font-weight:bold; color:#777;} #htl-info .ui-tabs-panel p a, #htl-info .ui-tabs-panel p a:visited { color:#69c;} .htl-icons { width:auto; clear:both; } .htl-icons ul { margin-left:2px; display:block; height:45px; clear:both;} .htl-icons ul li { margin:2px 5px; display:inline; float:left; line-height:normal; cursor:pointer; } .htl-icons ul li img{ width:30px;} .htl-icons .htl-cluster .tip, .htl-icons .htl-petali .tip, .htl-icons .htl-labels .tip { width:270px; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;} .htl-icons .htl-cluster .tip p, .htl-icons .htl-petali .tip p, .htl-icons .htl-labels .tip p { text-transform:none !important; color:#999; font-size:13px !important; width:270px;} .htl-icons .htl-cluster .tip p a, .htl-icons .htl-petali .tip p a, .htl-icons .htl-petali .tip p a { float:right; font-weight:bold; margin-top:8px; } ul.htl-cluster li a { display:block; background:url('../img/sprites.png') no-repeat; text-indent:-9999px; width:32px; height:30px; } a#cluster-b:link, a#cluster-b:visited { background-position:-200px -40px; } a#cluster-b:hover { background-position:-200px -5px; } a#cluster-w:link, a#cluster-w:visited { background-position:-240px -40px; } a#cluster-w:hover { background-position:-240px -5px; } a#cluster-k:link, a#cluster-k:visited { background-position:-279px -40px; } a#cluster-k:hover { background-position:-279px -5px; } ul.htl-petali, ul.htl-labels { display:inline-block; } ul.htl-petali > li, ul.htl-labels > li { display:inline-block; text-indent:-9999px;background: url('../img/sprites.png') no-repeat; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); width:28px; height:27px; margin-right:2px;} ul.htl-petali > li:hover, ul.htl-labels > li:hover { opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); cursor:pointer; } .htl-petali .tip p span, .htl-labels .tip p span { display:block; clear:both; line-height:120%; font-size:90%; margin:4px;} ul.htl-petali { margin-left:6px !important;} .htl-petali .benessere { background-position:-200px -129px; } .htl-petali .energy { background-position:-262px -129px; } .htl-petali .palestra { background-position:-294px -129px; } .htl-petali .piscina { background-position:-325px -129px; } .htl-petali .massaggi { background-position:-230px -129px; } .htl-labels .g-room {background-position:-265px -98px; } .htl-labels .pets {background-position:-200px -73px; } .htl-labels .riders {background-position:-230px -99px; } /* ********************************************** correttore jquery ui ------------------------- */ #htl-info .ui-state-default, #htl-info .ui-widget-content .ui-state-default, #htl-info .ui-widget-header .ui-state-default { border:0; background:none; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-default { background-color:#f9f9f9; } #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-default a { font-weight:normal; color:#999; line-height:200%; padding:0.5em 0.8em;} @media screen and (-webkit-min-device-pixel-ratio:0) { #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-default a { padding:0.5em 0.7em;} } #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-default a:hover { transition-property: background-color, color; transition-duration:0.5s; transition-timing-function: ease-out; -moz-transition-property: background-color, color; -moz-transition-duration:0.5s; -moz-transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration:0.5s; -o-transition-property: background-color, color; -o-transition-duration:0.5s; background-color:#e0e0e0; color:#555; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-default a span { font-size:1em; font-weight:normal; color:#999; line-height:200%; display:block} #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-active { font-weight:bold; border:1px solid #ededed; padding:0.2em 0.5em; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-image: -ms-linear-gradient(top, #fcfcfc 0%, #E0E0E0 100%); background-image: -moz-linear-gradient(top, #fcfcfc 0%, #E0E0E0 100%); background-image: -o-linear-gradient(top, #fcfcfc 0%, #E0E0E0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #E0E0E0)); background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #E0E0E0 100%); background-image: linear-gradient(to bottom, #fcfcfc 0%, #E0E0E0 100%); } #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-active:hover { border:1px solid #d9d9d9; padding:0.2em 0.5em; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-active a { color:#555; font-weight:bold; line-height:130%; text-transform:uppercase; padding:10px 8px;} #htl-info.ui-tabs ul.ui-tabs-nav li.ui-state-active a:hover { transition: none; background:none; color:#333;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #htl-btn { margin:0 5px; float:right; font-weight:bold;} #htl-btn #btn-search { float:none; margin-bottom:6px; border:0; text-align:right;} .meetingsearch {color: #F0F0F0 !important; font-weight: bold; padding:4px 6px; text-decoration: none; text-transform: uppercase; border: 1px solid #275c9d; background: #5a98e4; background: -moz-linear-gradient(top, #3775c2 0%, #5a98e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a98e4), color-stop(100%,#5a98e4)); background: -webkit-linear-gradient(top, #3775c2 0%,#5a98e4 100%); background: -o-linear-gradient(top, #3775c2 0%,#5a98e4 100%); background: -ms-linear-gradient(top, #3775c2 0%,#5a98e4 100%); background: linear-gradient(top, #3775c2 0%,#5a98e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3775c2', endColorstr='#5a98e4',GradientType=0 ); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0px 3px 6px #aaa; -webkit-box-shadow:0px 3px 6px #aaa; box-shadow:0px 3px 6px #aaa;} .meetingsearch:hover {color: #fff; background: #5a98e4; background: -moz-linear-gradient(top, #5a98e4 0%, #3775c2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a98e4), color-stop(100%,#3775c2)); background: -webkit-linear-gradient(top, #5a98e4 0%,#3775c2 100%); background: -o-linear-gradient(top, #5a98e4 0%,#3775c2 100%); background: -ms-linear-gradient(top, #5a98e4 0%,#3775c2 100%); background: linear-gradient(top, #5a98e4 0%,#3775c2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a98e4', endColorstr='#3775c2',GradientType=0 ); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0px 3px 6px #979797; -webkit-box-shadow:0px 3px 6px #979797; box-shadow:0px 3px 6px #979797;} #meeting table { width:640px; margin-left:10px; } #meeting table td { text-align:cen ter;} #meeting table td.meeting-1st {border-bottom:1px dotted #ccc; font-size:11px; color:#036; padding-bottom:4px; text-align:center;} #meeting img, #photogallery img { width:115px; height:90px; margin-right:10px; overflow:hidden; border:1px solid #87addb; opacity:0.8;filter:alpha(opacity=80); -webkit-filter: grayscale(50%); } #meeting img:hover, #photogallery img:hover { border:1px solid #369; -webkit-filter: none; opacity:1; filter:alpha(opacity=100);} .htl-page-list table tr td { margin:10px auto 20px; color:#818181; padding:2px; font-size:13px;} /* ********************************************** CLASSI PER BOOKing PROCESS ------------------------- */ .img_sprite { background-image:url('../img/spritesbook.png'); background-repeat: no-repeat; } #search-wrapper { position:relative; width:960px; margin:0 auto; padding:0; height:auto; border:1px solid #fafafa; background-color:#fcfcfc; } #search-wrapper h1 { margin:20px 14px 10px; color:#369; font-size:1.7em; font-weight:normal; float:left; width:70%; line-height:normal; letter-spacing:normal; } #search-wrapper input, #search-wrapper select { color:#888; cursor:pointer; padding:2px;} #search-wrapper input#ctl00_ID_Code { width:300px;} #go-top { width:75px; height:65px; display:none; position: fixed; bottom:15px; right:100px; z-index:1000; text-align:center; cursor:pointer; border:1px solid #fff; background:url('../img/ToTop.png') no-repeat center center; background-color: rgb(221, 221, 221); background-color: rgba(221, 221, 221, .7); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } #go-top:hover { background-color:#369; } #go-top a { display:block; margin-top:40px; font-size:9px; color:#fff; text-decoration:none;} /* ********************************************** BARRA RICERCA INIZIALE ------------------------- */ .search-recap { height:auto; display:inline-block; background-color:#fefefe; } #search-wrapper .search-recap {display:inline-block; width:938px; } #search-wrapper .search-recap:hover, #search-price:hover {background-color: rgb(255, 255, 255); background-color: rgba(210, 210, 210, .3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #search-price select, #searchresult #tabs .right select#sortby {margin:10px 0 8px; padding:4px; text-transform:uppercase; width:auto;} #search-price select option, #searchresult #tabs .right select#sortby option { margin:4px 2px; padding:2px; line-height:120%;} /* @media screen and (-webkit-min-device-pixel-ratio:0) { select { line-height:200%; } select option { line-height:250%; } }*/ #searchContentDiv { width:914px;} #searchContentDiv h2 { margin:10px; margin-bottom:5px; } #search-values, #search-price { margin:4px; display:inline-block; } #search-values #searchContentDiv a.togglesearch { color:#c00;} #search-values #CurrentSearch a.togglesearch { margin-right:14px; margin-top:10px;} #search-values #searchContentDiv a.togglesearch { color:#c00;} #search-values #searchContentDiv #ID_CorpId,#search-values #searchContentDiv #ID_BWR2 { margin-top:10px;} #search-values { width:100%;} #search-values p { width:auto; display:inline-block; margin:6px; margin-right:25px;} #search-values p strong { font-weight:bold; clear:both;} #search-values #searchContentDiv p img { cursor:pointer; margin:3px; margin-bottom:-4px; } #search-values #searchContentDiv a.cerca, .Filter a.cerca {font-size:1em; text-transform:none; color:#317ed3; margin-top:-30px; border-color:#cce0ec; *background: #f3f3f3; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); } #search-values #searchContentDiv input { padding:2px 4px; color:#777; margin:10px 4px;} #search-values #searchContentDiv #rooms-details { margin:10px 30px auto auto; width:400px; } #search-values #searchContentDiv #rooms-details p span { text-align:right;} #search-values #searchContentDiv #rooms-details p select {margin-top:6px; margin-right:0; font-size:14px;} #search-price { width:200px; text-align:right; margin:20px 10px !important; font-size:12px; } #search-price strong {font-weight:bold; display:block; margin:4px; margin-top:8px;} #search-price span {color:#444;} #search-price nav { margin:4px;} #search-price nav select {width:190px; padding:2px; color:#818181; font-size:1em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #dedede; margin-top:0;} #search-price nav select option {color:#666; padding:3px 2px 2px; border:0; border-bottom:1px dotted #ccc; } #search-price nav select option:hover {color:#444; cursor:pointer;} /* ********************************************** FILTRI RICERCA ------------------------- */ div.search-filter { width:230px; height:auto; background-color:#fefefe; } .search-filter div { background-color:none;} .search-filter h3, .search-filter h4 { padding:12px 10px 8px; font-size:15px; font-weight:normal;} .search-filter h4 { margin-top:10px; padding-bottom:2px; font-size:14px; text-transform:capitalize; font-weight:bold;} .search-filter hr { border: none; height:1px; background-color:#ccc; color:#eee; clear:both; display:block; margin-top:20px;} .search-filter ul { padding:0 5px; overflow:hidden;} .search-filter ul li { font-size:13px; line-height:130%; margin:2px; text-align:center; padding:6px 4px;} .search-filter ul li:hover {cursor:pointer; background-color:#ececec; color:#369; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .search-filter ul li input { cursor:pointer; margin-right:6px;} #resetfiltri { text-transform:uppercase; margin:3px auto 8px 12px; font-size:1.2em; display:block; height:24px; color:#c03; } #resetfiltri:after { color:#c03;} #resetfiltri:hover { color:#c00;} .activefilter:after, #resetfiltri:after { content:"[X]"; margin-left:15px; font-size:13px; vertical-align:central; } .activefilter, #resetfiltri { font-size:13px; display:inline-block; margin:0 10px 10px 0; padding:10px 15px; background:#eee; cursor:pointer; } .activefilter:hover, #resetfiltri:hover { cursor:pointer; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow:0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } .search-filter #label-slider { width:auto; margin-left:10px;} .search-filter #label-slider .cval {font-size:14px; color:#4780b9; } .search-filter input#Nome_hotel { border: 1px solid #CCC; color:#999; padding-left:4px; margin:0; margin-left:8px; float:left; font-size:14px; height:22px; width: 180px; } #cerca_nome_hotel { border-color:#ccc; border-image: none; border-style:solid; border-width:1px 1px 1px 0; cursor: pointer; float:left; height:26px; width:21px;} #cerca_nome_hotel:hover {border-color: #39c;} #cerca_nome_hotel .img_sprite { background-position: -210px -1px; display: block; height:26px; width: 21px;} #cerca_nome_hotel .img_sprite:hover { background-position: -230px -1px;} #cerca_nome_hotel .reset { background:url('../img/spritesbook.png') no-repeat -140px -35px; opacity: 0.55; filter:alpha(opacity=55);} #cerca_nome_hotel .reset:hover { background:url('../img/spritesbook.png') no-repeat -140px -35px; cursor:pointer; opacity:1; filter:alpha(opacity=100);} #servizi_hotel li, #themes_hotel li { text-align:left; margin:3px; padding:4px; height:auto; display:inline-block; width:95%; border-bottom:1px solid #eee; } #servizi_hotel li input, #themes_hotel li input {cursor:pointer; margin-right:6px;} #servizi_hotel li input {cursor:pointer; margin-right:6px; height:25px;} #servizi_hotel li img { margin:0 4px; } #servizi_hotel li span { width:150px; text-align:left; line-height:120%; vertical-align:5px; } #servizi_hotel li.sel, #themes_hotel li.sel { color:#6699c8; font-weight:bold;} #themes_hotel li { text-transform:uppercase; padding-top:8px; } /* ********************************************** BARRE EQUALIZZATORI FILTRI ------------------------- */ .Slider { margin-left:10px; width:200px; height:33px; background-image:url('../img/spritesbook.png'); background-position: -4px 7px; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .ui-slider-horizontal .ui-slider-range { height:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:none; } #slider-ratesfrom .ui-slider-range { background-image:none; margin-left:0; background-color: #06c; -moz-box-shadow: 0 3px 5px rgba(154, 201, 244, .7) inset, 0 -3px 5px rgba(154, 201, 244, .7) inset; -webkit-box-shadow: 0 3px 5px rgba(154, 201, 244, .7) inset, 0 -3px 5px rgba(154, 201, 244, .7) inset; box-shadow: 0 3px 5px rgba(154, 201, 244, .7) inset, 0 -3px 5px rgba(154, 201, 244, .7) inset; -webkit-animation: animate-glow 1s ease-out infinite; -moz-animation: animate-glow 1s ease-out infinite; } #slider-medallia .ui-slider-range { margin-left:0; background-image:none; background-color: #c39; -moz-box-shadow: 0 3px 3px rgba(255, 153, 255, .7) inset, 0 -3px 3px rgba(255, 153, 255, .7) inset; -webkit-box-shadow: 0 3px 3px rgba(255, 153, 255, .7) inset, 0 -3px 3px rgba(255, 153, 255, .7) inset; box-shadow: 0 3px 3px rgba(255, 153, 255, .7) inset, 0 -3px 3px rgba(255, 153, 255, .7) inset; -webkit-animation: animate-glow 1s ease-out infinite; -moz-animation: animate-glow 1s ease-out infinite;} #slider-ratesfrom a, #slider-medallia a, #slider-green a { padding:0; padding-top:33px; margin-top:26px; width:22px; height:30px; height:0; background:none; background-image:url('../img/spritesbook.png'); opacity: 0.75; filter:alpha(opacity=75); border:0 none;white-space: nowrap; font-size:13px; text-decoration:none; text-align: center; font-weight:normal;} #slider-ratesfrom a:hover, #slider-medallia a:hover, #slider-green a:hover { opacity:1; filter:alpha(opacity=100); border:0 none; white-space: nowrap; text-decoration:none; text-align:center; } #slider-ratesfrom a { margin-top:26px; margin-right:2px; background-position:-228px -26px; } #slider-ratesfrom a:hover { } #slider-medallia a { padding-top:30px; color:#a90a76; background-position:-206px -26px; letter-spacing:-0.1px; font-weight:bold; } #slider-medallia a:hover { color:#c09; } #slider-green a { padding-top:28px; color:#090; margin-top:22px; margin-right:2px; width:22px; height:30px; background-position:-184px -26px; font-weight:bold; } #slider-green a:hover { color:#060; } #slider-green { margin-left:12px; width:127px; background: url('../img/spritesbook.png') no-repeat -4px -37px; height: 23px;} #slider-green .ui-slider-range { margin-left:0; background: url('../img/spritesbook.png') no-repeat -4px -62px; height: 23px;} /* ********************************************** RISULTATI RICERCA searchresult ------------------------- */ #tabs { font-size:13px; background:none; width:98%; margin-top:8px; border:0 none;} #tabs div { margin-left:0; padding:0; } #tabs ul { padding:0; padding-bottom:2px; margin:0; margin-bottom:4px; border: 0; background-color: #fff; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; text-transform: uppercase;background: none;} #tabs div#tabs-1 { padding:5px;} #tabs div#tabs-1 a { text-decoration:none;} #tabs div#tabs-1 a:hover { text-decoration:underline;} #tabs div#tabs-1 a.cerca:hover {text-decoration:none;} .ui-tabs-panel { height:auto !important; } .ui-tabs ul.ui-tabs-nav li.ui-state-default {background-color: #f4f4f4;} #tabs .ui-state-default, #tabs .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default { border:0; background:none; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-default { background-color:#efefef; } #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-default a { font-weight:normal; color:#999; line-height:200%;} #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-default a:hover { transition-property: background-color, color; transition-duration: 0.5s; transition-timing-function: ease-out; -moz-transition-property: background-color, color; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 0.5s; -o-transition-property: background-color, color; -o-transition-duration: 0.5s; background-color:#e0e0e0; color:#555; } #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-default a span { font-size:1em; font-weight:normal; color:#999; line-height:200%; display:block; border:0px solid red;} #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-active { font-weight:bold; border:1px solid #ccc !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background-image: -ms-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); background-image: -moz-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); background-image: -o-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(1, #E0E0E0)); background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); background-image: linear-gradient(to bottom, #f3f3f3 0%, #E0E0E0 100%); } #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-active:hover {transition:none; border-color:#888 !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-image: -ms-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); background-image: -moz-linear-gradient(top, #f3f3f3 30%, #E0E0E0 100%); background-image: -o-linear-gradient(top, #f3f3f3 30%, #E0E0E0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #f3f3f3), color-stop(1, #E0E0E0)); background-image: -webkit-linear-gradient(top, #F9F9F9 30%, #E0E0E0 100%); background-image: linear-gradient(to bottom, #F9F9F9 30%, #E0E0E0 100%); } #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-active a { color:#555; line-height:130%; text-transform:uppercase; padding:10px;} #tabs.ui-tabs ul.ui-tabs-nav li.ui-state-active a:hover { color:#333;} #searchresult td.search-dx .ui-tabs .ui-tabs-panel { padding:0;background-color:#f9f9f9; background:none transparent; } .hoteldiv { margin:14px 0 14px 4px; background-color:#fefefe !important; color:#818181; padding:4px; } .hoteldiv:hover { background-color:#fff; border:1px solid #aaa;} .hoteldiv table { width:99%; font-weight:normal; margin:3px; } .hoteldiv table td { vertical-align:top; padding:3px; width:100%;} .hoteldiv table td.bkgbutton {width:60%;} .hoteldiv table td p { margin:4px; float:none; font-size:1em;} .hoteldiv table td p a { float:none !important;} .hoteldiv table td p span.indirizzo { line-height:100%; } .tipmap { width:900px !important; height:600px !important; position:fixed !important; } .tipmap .close { z-index:1000; position: absolute; top: 20px; right: 10px; } .hoteldiv a, .hoteldiv a:link { color:#69C; } .hoteldiv a:hover { color:#39c;} .hoteldiv h2 {text-transform:none; margin:10px; font-size:17px; letter-spacing:-0.1px; font-weight:normal; border:none; display:inline-block; width:540px; } .hoteldiv h2 a { text-decoration:none;} .hoteldiv h2 a:hover { text-decoration:underline;} .hoteldiv h2.premier a { color:#a59b75;} .hoteldiv h2.plus a { color:#3688cc;} .hoteldiv h2.core a { color:#056a9c;} .hoteldiv .hotellink img { margin:4px; border:1px solid #fff; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;} .hoteldiv table tbody tr td div.images {width:230px;} .hoteldiv h2.premierC a { color:#8a401c;} .hoteldiv table tbody tr td a.moreinfolink { margin-left:6px;} .hoteldiv .confronta { font-size:10px; margin:10px; } .hoteldiv .confronta a, .hoteldiv .confronta input { margin:3px; float:left; display:inline-block; } .hoteldiv .confronta a { text-transform:uppercase; line-height:15px;} .hoteldiv .confronta a.disabled { color:#999;} .hoteldiv .confronta a.disabled:hover { color:#69c;} .hoteldiv a.cerca { color:#fdfdfd; margin:4px; margin-right:20px; font-weight:bold; padding:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; white-space:nowrap;} .hoteldiv a.cerca:hover { color:#fff;} .hoteldiv a.cerca .da { border-left:1px solid #e13a1a; margin:2px 6px; padding-left:8px; text-transform:lowercase;} .hoteldiv a.cerca .curr { font-size:13px; width:18px; text-align:right; display:inline-block;} .notavail, .notavail:link, .notavail:visited { font-size:1em; padding:4px 8px; text-transform:uppercase; text-decoration:none; color:#555; font-weight:bold; margin:6px 16px 8px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border: 1px solid #7a8a8f; background: #c8d7dc; *background: #c8d7dc; background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); background: -webkit-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); background: -o-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); background: -ms-linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); background: linear-gradient(top, #f2f5f6 0%,#c8d7dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); -moz-box-shadow:0px 1px 3px #aaa; -webkit-box-shadow:0px 1px 3px #aaa; box-shadow:0px 1px 3px #aaa;} .notavail:hover { color:#555; font-weight:bold; text-decoration:none; background: #c8d7dc; *background: #c8d7dc; background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(50%,#c8d7dc)); background: -webkit-linear-gradient(top, #f2f5f6 0%,#c8d7dc 50%); background: -o-linear-gradient(top, #f2f5f6 0%,#c8d7dc 50%); background: -ms-linear-gradient(top, #f2f5f6 0%,#c8d7dc 50%); background: linear-gradient(top, #f2f5f6 0%,#c8d7dc 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); -moz-box-shadow:0px 1px 3px #aaa; -webkit-box-shadow:0px 1px 3px #aaa; box-shadow:0px 1px 3px #aaa;} .avail, .detailrates {display:block; float:none; clear:both;} .avail .tip { font-size:0.9em;} .avail .tip strong { color:#666; font-size:1em; font-weight:bold;} .notavail-txt { width:430px; margin-bottom:10px; float:left;} .detailrates { width:430px; margin-top:16px; float:right; text-align:right; } .detailrates .dr { width:98%; padding:4px; } .detailrates .dr tr { padding-top:20px;} .detailrates table { padding:2px; width:auto; float:right; } .detailrates table td { padding:3px; text-align:right; border-bottom:1px solid #dedede; white-space:nowrap; width:0; } .detailrates table.dr { margin-right:0;} .reference td.icon { width:20px;} .cancelfree { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:green; font-weight:bold;} .reference .hotellink { font-size:14px; font-weight:bold; } .hoteldiv .htl-green, .hoteldiv .htl-medallia, .hoteldiv .htl-ta { display:inline-block; float:left; clear:none; width:auto; min-width:150px; margin:15px 20px 15px 10px !important; } .hoteldiv .htl-medallia .txt-rating {margin-top:34px; margin-left:2px;} .hoteldiv .htl-green p, .hoteldiv .htl-medallia p, .hoteldiv .htl-ta p { font-size:13px; font-weight:bold; margin-left:0;} .hoteldiv .htl-green ul { background-color:#fcfcfc;} .hoteldiv .htl-medallia .progress-bar { padding:1px; height:14px; -moz-box-shadow: 0 1px 5px #ddd inset, 2px 1px 3px #f0f0f0; -webkit-box-shadow: 0 1px 5px #ddd inset, 2px 1px 3px #f0f0f0; box-shadow: 0 1px 5px #ddd inset, 2px 1px 3px #f0f0f0; } .hoteldiv .htl-medallia .new-entry ul li, .hoteldiv .htl-medallia .new-entry span {float:left; display:inline-block; } .hoteldiv .htl-medallia .new-entry ul li { width:54px;} .hoteldiv .moreinfo td span { clear:both; display:block; margin-left:8px;} .hoteldiv .moreinfo .themes-a, .hoteldiv .moreinfo .services { width:auto; display:inline-block; float:left; margin:0; padding:0;} .hoteldiv .moreinfo .themes-a { margin-left:6px !important;} .hoteldiv .moreinfo .services { margin-right:6px;} .hoteldiv .moreinfo .services a img { margin-top:6px;} .hoteldiv .moreinfo td.themes-b ul { margin-top:4px !important;} .hoteldiv .moreinfo td div.services ul { margin-top:4px !important;} .hoteldiv .moreinfo td div.services ul li, .hoteldiv .moreinfo td.themes-b ul li { display:inline-block; float:left; margin:2px 6px;} .hoteldiv .moreinfo td div.services ul li img { width:30; height:30;} .hoteldiv .moreinfo td div.services ul li img:hover { cursor:pointer;} .green ul { background:none; border-bottom:none;} #search-wrapper h1.vicinanze { margin:30px auto 10px 2px; text-transform:uppercase; font-size:1.6em; border-bottom:3px groove #bacfe0; color:#069; float:none; width:100%; } /* ********************************************* overlay COMPARE ------------------------- */ .comp { border:1px solid #eee; background-color:#fff; -moz-box-shadow:0px 0px 10px 10px #aaa; -webkit-box-shadow:0px 0px 10px 10px #aaa; box-shadow:0px 0px 10px 10px #aaa;} .comp > div { padding:10px; margin:5px; } .comp > div:hover { padding:10px; margin:5px; } .comp > div:last-child { border-right:none; } .comp div { } .comp .cancel { color:#c00; margin-right:12px; font-size:14px;} .comp a.close { float:right; color:#c00;} .comp h2 { text-align:center; border-bottom:0; line-height:120%; font-weight:normal; text-transform:none; margin-bottom:10px;} .comp div a.hotellink img.lazy {border:1px solid #CCC; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow:0 0 5px #888;} .comp .avail, .comp .htl-green, .comp .htl-medallia, .comp .htl-ta, .comp .services, .comp .themes, .comp .htl-icons { margin-left:30px; margin-bottom:30px; display:block; clear:both; } .comp .services, .comp .themes, .comp .htl-icons { margin-left:36px; margin-bottom:20px; display:block; clear:both; } .comp .themes ul.htl-cluster li, .comp .services ul.htl-petali li, .comp .services div ul li { display:inline-block; float:left; margin-right:6px;} .comp .htl-ta p, .comp .htl-medallia p, .comp .htl-green p, .comp .services p { font-weight:bold; margin:12px auto 4px; white-space:nowrap;} .comp .avail .detailrates {float:left; margin-top:4px;} .comp .avail .detailrates table { width:90%; } .comp .avail a { float:none; display:inline-block; margin-top:8px;} .comp .avail a.notavail {display:inline-block; clear:both;} .comp .avail a.notavail-txt { text-align:left; display:block; } .comp > div > .hotellink { display:block; margin:0 auto 10px 30px; width:210px; } /* ********************************************** RISULTATI RICERCA selectroom ------------------------- */ #htl-info #RoomRates { margin:8px ; padding:0; width:100%; background-color:transparent; } #htl-info #RoomRates div { padding:0; color:#818181; margin:0; } #rrhotelname, .Room { border-width:0;} #RoomRates div#rrhotelname { margin:10px; width:96%;} #RoomRates div#rrhotelname h2 { font-size:16px; text-transform:none; letter-spacing:normal; font-weight:normal; margin-bottom:0 !important;} #RoomRates div#rrhotelname p { margin-left:0 !important; margin:4px;} #RoomRates .search-recap { width:98%; margin:2% auto!important; border-color:#cacaca; } #RoomRates .search-recap p strong { text-transform:uppercase; margin-left:10px;} .localtaxes { line-height:130%; border:0; } .localtaxes p { font-size:12px !important; margin:auto 0;} .htl-details { width:auto; background-color:#fff; display:block; margin:6px; margin-top:20px; border:1px solid #eee; } .htl-details .search-recap:hover { cursor:pointer;} .htl-details .search-recap #search-values {width:75%; margin:20px auto 20px 8px !important;} .htl-details .search-recap #search-values p , .htl-details .search-recap #search-values a, a#otherrates { font-size:14px; margin:4px; font-weight:normal;} .htl-details .search-recap #search-values p { margin-top:10px;} .htl-details .search-recap #search-values a, a#otherrates { color:#69c; } #CurrentSearch { margin-left:10px;} #CurrentSearch h4 { font-size:1.1em; color:#69c; padding: 10px 0 0 4px; text-transform:uppercase; border-bottom:1px dotted #ccc; } #CurrentSearch p span { margin-right:20px;} #RoomRatesContent { width:99%; margin:0 auto;} #RoomRatesContent h3{ margin:4px 6px 8px;} #RoomRatesContent .Room-num {display:block; font-size:13px; } #RoomRatesContent .Room-num strong { display:block; font-weight:bold; text-transform:uppercase; padding:2px;} #RoomRatesContent .Room-num span { margin-right:16px; padding:2px;} .tooltip { font-size:13px; color:#888; padding:6px; line-height:150%; width:240px; height:auto; display:none; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); cursor:default; -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); box-shadow:0 1px 6px rgba(0, 0, 0, 0.3);} .tooltip { width:250px; height:auto; padding:10px;} .simpletooltip { text-align:center; } .simpletooltip:hover {cursor:pointer;} /* ----------------------------------> room rates */ #rrtabs, #rrheader {width:100%;} #rrtabs table { line-height:130%; background-color:inherit; } #rrtabs table td, #rrtabs table th, #RoomRatesContent table#rrtabs { margin:5px; } #rrtabs #rrheader table, #rrtabs table.roomrates { width:100%; } .lasttd { width:160px; padding:5px; text-align:center; } .firsttd { width:240px;} #rrtabs #rrheader th.firsttd { border:0; border-bottom:1px solid silver;} #rrtabs #rrheader .rateplans th.firsttd {border-bottom:0;} #rrtabs #rrheader td.lasttd { vertical-align:bottom; text-transform:uppercase;} .hidden { display:none; } .rategroups { margin-bottom:0; border-collapse: separate; } .rategroups td { width:180px; border:1px solid #eee; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; padding: 5px 20px 0px 20px; } .rategroups td h4 {clear:both; min-height:38px; margin-top:8px; font-size:18px; color:#818181; line-height:19px; margin-bottom:3px;color: #69C !important; } .rategroups td span {text-transform:none !important; clear:both; width:100%; font-size:13px; color:#818181; } .rategroups td { height:96px; border-bottom:1px solid silver;} td.simpletooltip { background-color:#fcfcfc; -webkit-box-shadow: inset 0 -21px 19px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 -21px 19px 3px rgba(0, 0, 0, 0.05); box-shadow:inset 0 -21px 19px 3px rgba(0, 0, 0, 0.05); } .rategroups td:hover {border:1px solid silver; background-color:#fcfcfc; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .rategroups td.selected { border:1px solid silver; border-bottom:0; background-color:#fefefe !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .rategroups td.selected h4 { font-size:20px !important; color:#666 !important;} .rateplans { margin-top:6px; } .rateplans td, .roomrates td { width:152px; } .rateplans td, .rateplans th { height:80px; text-align:center; font-size:13px; } .rateplans td div { height:100%; margin:10px auto; display:block; border-left:1px solid #d2d2d2; vertical-align:bottom; color:#999; padding: 10px 10px !important; } .rateplans td div h4 { font-weight: bold; min-height:35px; } .rateplans td div p { height:100%; margin:5px; color:#999; font-size:11px !important; } .roomrates td { text-align:left; } .roomrates td:hover {cursor:pointer; } .roomrates td div.room-price { width:100%; border-left:1px solid #d2d2d2; color:#ccc !important; min-height:70px;} .roomrates td div.room-price a { width:90%; margin:20px 3% 0; padding:1%; display:inline-block; text-decoration:none; color:#888; text-align:center; } .roomrates td div.room-price a span {font-size:14px;} .roomrates td div.room-price.breakfast {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } .roomrates td div.room-price.breakfast a { margin-top:-30px; } .roomrates td div.room-price.breakfast a span { color:#818181; text-align:center;} .roomrates td div.room-price a:hover {background-color: rgb(255, 255, 255); background-color: rgba(236, 236, 236, .4); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; } .roomrates tbody tr th b, .roomrates tbody tr th span { margin:6px; margin-top:14px; display:inline-block; font-size:16px;} .roomrates tbody tr th div span { margin:0; font-size:13px;} span.roomdesc span strong, span.roomdesc span {color:#3daa06 !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold;} .roomrates tbody tr th div span.roomdesc span strong, .roomrates tbody tr th div span.room-desc span strong { font-weight:bold;} .roomrates td div.room-price a span.cval, .roomrates td div.room-price { font-size:20px; margin-bottom:18px; margin-top:20px; } .curr { font-size:14px;} .voir {display:none;} .delta, .delta span, .deltaHide, .deltaHide span {line-height:100%; font-size:12px !important;} .delta, .delta span { color:#019d01; } .deltaHide, .deltaHide span {color:#090; } .delta .cval { font-size:16px !important;} .radio { width:20px; height:15px; display:inline-block; background: url('../img/sprites.png') no-repeat -85px -169px; margin-top:8px; } .breakfast .radio { width:25px; height:20px; display:inline-block; background: url('../img/sprites.png') no-repeat -88px -186px;margin-bottom:-14px; } .breakfast .rate-selected .radio { width:25px; height:20px; display:inline-block; background: url('../img/sprites.png') no-repeat -62px -186px; margin-bottom:-7px; margin-top:0;} .rate-selected .radio { background: url('../img/sprites.png') no-repeat -64px -169px; } .rate-selected span, .rate-selected { color:#f30 !important;} .room-notavail {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:350%; color:#ccc !important; min-height:55px; border-left:1px solid #d2d2d2; padding:0 5% !important; text-align:center; } .room-intestazione { border-bottom:1px dotted #666;} .room-type { margin:10px !important; display:inline-block; font-size:13px;} .room-type b { text-transform:uppercase; font-size:13px; font-weight:normal; } .room-business, .room-woman, .room-kids, .room-energy { display:inline-block; background:url('../img/sprites.png') no-repeat; text-indent:-9999px; width:21px; height:20px;margin:6px;} .room-business {background-position:-202px -164px;} .room-woman {background-position:-228px -164px;} .room-kids {background-position:-254px -164px;} .room-desc { display:inline-block; float:left; clear:none; } .room-price { width:31%; display:inline-block; float:left; } .selectedrp { background:#fcfcfc; } #rrheader-sticky-wrapper { margin-left:0 !important; } .sticky-wrapper, #bookingbutton {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.97); } .sticky-wrapper:hover, #bookingbutton:hover {background: none repeat scroll 0 0 rgba(255, 255, 255, 1); } .is-sticky #bookingbutton { padding: 5px !important; width:140px !important; border-radius: 5px; } #recapBWRpoints { font-size:12px; } .hiddenrate { display:none; clear:both;} a#otherrates { margin:12px auto 4px; display:block;} div#textbutton { margin:10px; padding:6px 0 !important; width:95%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #ececec; *border: 3px solid #ececec; color: #fff; } div#textbutton.cerca { font-size:16px; padding:6px 0 !important; font-weight:normal; color:#fcfcfc !important; border-color:#f14502;} div#textbutton.cerca:hover { cursor:pointer; -moz-box-shadow:0px 2px 4px #979797; -webkit-box-shadow:0px 2px 4px #979797; box-shadow:0px 2px 4px #979797; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #f14502; *border: 3px solid #f14502; color: #fff;} .lasttd div p { font-size:11px !important;} .lasttd div p span { font-weight:bold; font-size:13px;} .lasttd div p span.total { font-size:20px;} /* ------------> camere non disponibili - date alternative */ .CalendarioDate { background-color:#fff; width:98%; margin-left:0; border:0; } .CalendarioDate h3 { font-weight:normal; margin:4px;} .CalendarioDate table { margin:20px auto 10px 40px; width:90%; } .CalendarioDate table tbody tr th { width:20%; font-size:16px; text-align:center; padding:4px; border-bottom:1px solid #eee; } .CalendarioDate table tbody tr td { font-size:14px; text-align:center; background-color:#f8f8f8; border-bottom:1px solid #fff; } .CalendarioDate table tbody tr td a { text-decoration:none !important; display:block; color:#69c; padding:8px 6px; } .CalendarioDate table tbody tr td a:hover {background-color:#fafafa; color:#369; font-size:14.5px; box-shadow:0 0 14px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 0 14px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.08); } .CalendarioDate table tbody tr td div { padding:8px !important; /* background-color:#CCC;*/} /* ------------> carrello room rates */ .roomcart { margin:10px 2px; padding:2px; width:98%; background-color:none; display:block; float:none; border:0;} .roomcart .tip ul { margin-left:15px; font-size:0.9em; } .roomcart .tip ul li { margin-top:2px;} .roomcart .tip .Room-num span.right { margin-right:2px !important;} .roomcart .tip .Room-num ul li .curr, .roomcart .tip .Room-num .right .curr { margin-right:2px !important; } .roomcart .tip .Room-num .right .cval, .roomcart .tip .Room-num .right .curr { font-size:18px !important; margin-right:2px !important; } .roomcart tbody tr td { background-color:#fcfcfc;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .roomcart tbody tr td:hover { opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } #htl-info #RoomRates .roomcart .Room-num {border-bottom:0; padding:6px; line-height:120%; height:76px; } #htl-info #RoomRates .roomcart .Room-num span { font-size:11px; font-weight:normal;} #htl-info #RoomRates .roomcart .Room-num strong { clear:both; display:block; text-transform:none;} #htl-info #RoomRates .roomcart .Room-num:hover { cursor:pointer;} #htl-info #RoomRates .roomcart .tip .Room-num ul { margin-left:15px;} .numerocamera { text-transform:uppercase; display:block; clear:both; font-weight:bold;} .current { border-top:3px solid #ccc; background-color:#f2f2f2; margin-right:4px;} /* ********************************************** RICERCA confirmation ------------------------- */ div.conf, div.tnx { margin:10px 0; font-size:14px;} .conf div.round, .tnx div.round, .cancelform div.round { background-color:#fefefe;} .conf div, .tnx div, .cancelform div { color:#818181; padding:8px; margin:8px ; } .conf h2, .tnx h2 { font-size:1.2em; font-weight:normal; margin-top:6px;} .conf h3, .tnx h3 { font-size:1em; font-weight:normal; border-bottom:0; line-height:130%; letter-spacing:normal; float:left; width:45%; } .conf p, .tnx p { clear:both; margin:10px auto 12px; padding:4px;} .conf span, .tnx span { width:155px; display:inline-block; padding:2px;} .conf img, .tnx img { display:inline-block; float:left; border:1px solid #87addb; margin:0 10px 0 0; } .conf input, .conf select, .conf textarea, .tnx input, .tnx select, .tnx textarea { width:auto; border: 1px solid #CCC; color:#999; padding:2px 4px; margin:0; margin-right:8px; font-size:1.1em; } .conf textarea, .tnx textarea { height:90px; width:95%; font:11px Verdana, Geneva, sans-serif } .conf h3 span, .tnx h3 span {font-size:xx-small; width:auto; padding-left:0 !important; white-space:nowrap; } .conf span.right span, .tnx span.right span { font-size:x-small !important; width:auto;} .conf p input.error {display:inline-block; border:1px solid #f99; -moz-box-shadow:0 0 5px #f0c5c5; -webkit-box-shadow:0 0 5px #f0c5c5; box-shadow:0 0 5px #f0c5c5;} .conf p span.error { margin-left:10px; font-size:0.9em; display:inline; } .conf #conf-usr-data p:hover { background-color:#fbfbfb;} .conf .field-validation-error { width:100%; text-align:right; margin-left:0; margin-right:10px;} .conf .mandatory { color:#900; width:auto;} .conf span.right span { font-size:x-small; margin-left:-4px;} .conf .cerca { margin-right:14px; margin-top:20px;} .htl-sx .conf .right .cval, .htl-sx .tnx .right .cval { font-size:larger; font-size:16px !important; letter-spacing:-0.5px;} .conf .Room-num { border-bottom:1px dotted #CCC; margin-left:0!important; font-size:1em; width:270px; } .Room-num p { margin:0 auto 2px 0; font-size:1em; } .Room-num p strong, .Room-num strong { font-weight:bold; text-transform:uppercase; } .Room-num p span { display:inline-block; float:left; width:auto; margin-right:9px; font-size:0.95em; } .Room-num span.right { width:auto; font-size:18px; color:#69C; text-align:right; } .Room-num ul { padding:0; margin:1px auto 6px 20px; font-size:0.9em; } .Room-num ul li { line-height:120%; margin:2px; padding:4px; list-style:circle outside; } .Room-num ul li span.cval, .Room-num ul li span.curr { width:auto;} .htl-sx .conf .round div.Room-num a.right { margin-left:8px;} .totale { border-bottom:1px solid #069; display:inline-block; margin:20px 0 10px !important; color:#69c !important; padding:2px !important; } .totale h3 { font-weight:bold; letter-spacing:-0.5px} .totale h3 span { border-bottom:0; white-space:nowrap; } .totale span.right { width:auto; font-size:18px; font-weight:bold; } .tnx .totale { width:98%;} .htl-dx .tnx #conf-reg-usr ul { margin:40px 10px 10px; clear:both; list-style:square outside none; list-style-position: inside; padding:0; } .htl-dx .tnx #conf-reg-usr ul li { color:#6699CA; font-weight:bold; margin-top:6px; } .htl-sx .tnx .round span { width:auto;} .htl-sx .tnx .Room-num { border-bottom:1px dotted #ddd; margin-left:4px;} .disclaimer { width:auto; font-size:11px; line-height:130%; border:none; background-color:#fafafa; margin:auto 0!important } .htl-sx .disclaimer {display:inline-block; } .htl-dx .disclaimer { width:50%; margin:auto 0; background:none !important; line-height:130%; } #conf-usr-card { *background: #ebebeb; background: -moz-linear-gradient(top, #fcfcfc 0%, #ebebeb 40%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(40%,#ebebeb)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#ebebeb 40%); background: -o-linear-gradient(top, #fcfcfc 0%,#ebebeb 40%); background: -ms-linear-gradient(top, #fcfcfc 0%,#ebebeb 40%); background: linear-gradient(top, #fcfcfc 0%,#ebebeb 40%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ebebeb',GradientType=0 ); } #creditcards li { display:inline-block; float:left; margin:8px 2px 26px; padding:2px; position:relative; text-align:left; width:130px; vertical-align:baseline; } #creditcards li:hover { background-color:#f6f6f6; cursor:pointer; } #creditcards li img, #creditcards li span, #creditcards li input { float:left; display:inline-block; width:auto; font-size:12px; margin-right:4px;} #creditcards li img { border:0;} #creditcards li input { margin-top:14px;} .htl-dx #digicert { margin:0 !important; padding:0;} .htl-dx .conf .disclaimer span.error { width:600px; margin-left:-3px; margin-top:5px; font-size:11px; } /* ********************************************** RICERCA box login ---------------------------------------------------- */ #logout { font-size:1.2em; padding:4px 6px; background-color:#000; border:1px solid #666; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-top:-2px;} #logout:hover { background-color: rgb(221, 221, 221); background-color: rgba(221, 221, 221, .7); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #logout a { color:#fafafa;} #logout a:hover { color:#900;} #loggeduser {position:absolute; top:44px; right:10px; width:auto; max-width:240px; height:31px; margin-right:0; padding:4px 5px; text-align:right; color:#036; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.85); -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; border:1px solid #fff; moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; } #loggeduser p { margin:0 8px; white-space:nowrap;} #loggeduser span { text-transform:uppercase; display:block; clear:both; padding:auto 10px; } #log-in-overlay { color:#888;} #log-in-overlay input { font-size:16px; padding:2px 6px; color:#999;} #spnRememberMePolicy { font-size:x-small; display:block; clear:both;} /* ********************************************** CANCEL form ------------------------- */ .cancelform input.round { margin:2px 10px; padding:4px;} .details div.round { min-height:170px; height:auto; float:left; } .details div.round:last-of-type { float:right;} .details div.round h2 { font-weight:normal;} .details div.round p { padding:6px;} #internal-wrapper {background-color: #fafafa;} #htlmapcanvas { background-color:#f3f3f3 !important;} #htlmapcanvas > div.gm-style { width:670px !important; height:340px !important; margin:0; padding:0;} .logout, .logout:link, .logout:visited { background: #960409; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2MDQwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNDAzMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #960409 0%, #c40314 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#960409), color-stop(100%,#c40314)); background: -webkit-linear-gradient(top, #960409 0%,#c40314 100%); background: -o-linear-gradient(top, #960409 0%,#c40314 100%); background: -ms-linear-gradient(top, #960409 0%,#c40314 100%); background: linear-gradient(to bottom, #960409 0%,#c40314 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#960409', endColorstr='#c40314',GradientType=0 ); -moz-box-shadow: 0px 3px 3px #ddd; -webkit-box-shadow: 0px 3px 3px #ddd; box-shadow: 0px 3px 3px #ddd; font-size: 1.1em; padding:4px 12px; text-transform: uppercase; text-decoration: none; color: #f0f0f0; font-weight: normal; margin-bottom:4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #fff; } .logout:hover { background: #c40314; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0MDMxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzk2MDQwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #c40314 0%, #960409 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c40314), color-stop(99%,#960409)); background: -webkit-linear-gradient(top, #c40314 0%,#960409 99%); background: -o-linear-gradient(top, #c40314 0%,#960409 99%); background: -ms-linear-gradient(top, #c40314 0%,#960409 99%); background: linear-gradient(to bottom, #c40314 0%,#960409 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40314', endColorstr='#960409',GradientType=0 ); -moz-box-shadow: 0px 2px 4px #eee; -webkit-box-shadow: 0px 2px 4px #eee; box-shadow: 0px 2px 4px #eee; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: 1px solid #fff; color: #fff; } .cancella { background: #f2f8fc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiNmMmY4ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDZmMGZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #f2f8fc 87%, #d6f0fd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(87%,#f2f8fc), color-stop(100%,#d6f0fd)); background: -webkit-linear-gradient(top, #f2f8fc 87%,#d6f0fd 100%); background: -o-linear-gradient(top, #f2f8fc 87%,#d6f0fd 100%); background: -ms-linear-gradient(top, #f2f8fc 87%,#d6f0fd 100%); background: linear-gradient(to bottom, #f2f8fc 87%,#d6f0fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8fc', endColorstr='#d6f0fd',GradientType=0 ); -moz-box-shadow: 0 0 5px #eee; -webkit-box-shadow: 0 0 5px #eee; box-shadow: 0 0 5px #eee; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: 1px solid #ccc; font-size: 1.1em; padding:4px 12px; text-transform: uppercase; text-decoration: none; color: #f0f0f0; font-weight: normal; color: #369; } .Filter { width:100%; } .OrderBy span { width:30%; height:40px; float:left; display:inline-block; padding:5px; margin-left:10px; } .Filter .form-input { border:1px solid #c2c4cb; border-radius:3px; float:right; width:60%;} .Filter .form-input .styled-select { padding:0px; height: 40px; overflow: hidden; background: url('/img_elements/hotelres/arrow-2.png') no-repeat scroll right center #FFF; border-radius: 3px;} .Filter .form-input .styled-select select { background: none repeat scroll 0% 0% transparent; padding: 10px !important; font-size: 14px; line-height: 1; border:0px none; border-radius:0px; height: 40px; cursor: pointer; outline: medium none; width: 103%; color: #c3c8cd; } .htl-page .form-input .styled-select select option { padding:8px;} .Filter .ui-state-default, .Filter .ui-widget-content .ui-state-default, .Filter .ui-widget-header .ui-state-default, .Filter .ui-state-active { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #c2c4cb; background:#fff; } .Filter .ui-accordion-icons .ui-accordion-header a { padding-left:10px; color:#69c; font-weight:bold;} .Filter .ui-accordion-icons .ui-accordion-header a:hover { color:#369; text-decoration:underline;} .Filter .ui-accordion-icons .ui-accordion-header img { margin-bottom:-5px; margin-right:6px;} .Filter #changedates { margin-left:0px; background-color:#fff; width:928px; padding-left:0px; padding-right:0px; } /*cookie & privacy*/ footer { padding-bottom: 40px; } .close { font-size: 13px; display: inline-block; margin: 0 10px 10px 0; padding: 10px 15px; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; } .close:after { content: "[X]"; margin-left: 15px; font-size: 13px; vertical-align: central; } .tip .close { float: right !important; background: none; padding-top: 0; margin-right: 0; color: #900 !important; text-decoration: none; } .tip .close:hover { color: #c03 !important; } #loading .close, #overlaycart .close{ display: none !important;} #RoomRates #RoomRatesContent {display:inline-block;} #RoomRates .BreakfastMessage, #RoomRates .DoublePointFullMessage { width:98%; border: 1px solid #eee; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#fdfdfd; position: relative; display:inline-block; margin-bottom:1% !important; font-size:12px; color:#999; line-height:140%;} #RoomRates .BreakfastMessage p, #RoomRates .DoublePointFullMessage p { line-height:145%; color:#999 !important; font-size:12px;} #RoomRates .BreakfastMessage p { display:inline-block; float:left; } #RoomRates .BreakfastMessage p {background: rgba(0, 0, 0, 0) url("../img/sprite-breakfast.png") no-repeat scroll 0 -10px; padding:3px 40px 3px 57px; } #RoomRates .DoublePointFullMessage { border: 1px solid #69c;} #RoomRates .DoublePointFullMessage p { margin:1% 3% !important;} #RoomRates .DoublePointFullMessage img {float:left; display:inline-block; margin:8px 10px 2px; height:40px; width:40px;} .DoublePointMessage { float:right; width:100%; position:relative;} .DPMsgAccord { background-color: rgb(79, 144, 209); text-decoration: none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; width:96%; margin:2% !important; padding:2px 5% 2px auto !important; display:inline-block; float: right; text-align:center; color: #eee; height:auto; min-height:30px; line-height:200%; } .DPMsgAccord:hover { cursor:pointer; color:#fff; background-color: rgb(79, 144, 209); background-color: rgba(51, 102, 153, .9); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .DoublePointMessage div p { margin:5% !important;} .DoublePointFullMessage p { margin:2% 3% !important;}