html{height:100%;}
body { margin: 0; background: #B4C7D8 url(/img/sf.gif) repeat-y center top; color: #36597C; font:normal 11px Tahoma, Arial, sans-serif; height:100%;}
a { text-decoration: none; color: #36597C;}
a:hover, .mappa a:hover, .box_off a:hover, #login a:hover, #footer a:hover, .vis a:hover {color: #FF6519; text-decoration: underline;}
/*
riutilizzabili
*/
.pattern { background-image: url(/img/px/diag.jpg);}
.hidd { display: none;}
.f_sx { margin: 0 5px 5px 0; padding: 0; display: block; float: left; border: 1px solid #ccc;}
.sx{ float:left; margin: 10px; position: relative; border: none;}
.clear { clear: both; display: block; height: 10px;}
.centro { text-align: center; margin: 10px 0; display: block;}
.ara {color: #FF6519;}
.giallo { background-color: #FAF3BD;}
.big { font-size: 15px; font-family: Arial, Helvetica, sans-serif;}
.small, p.small{ font-size:9px;}
/*
struttura
*/
#bg_h { background: url(/img/bg.gif) repeat-x center top;margin: 0; padding: 0; display: block; height: 132px;}
/*
header
*/
#header { background: url(/img/bgh.gif) no-repeat center top; display: block; height: 132px; padding: 0; margin: 0 auto; position: relative; width: 770px;}
#header-eu { background: url(/img/bgh1.jpg) no-repeat center top; display: block; height: 132px; padding: 0; margin: 0 auto; position: relative; width: 770px;}
#header-aff a.hdr, #header a.hdr, #header-eu a.hdr { display: block; height: 90px; text-indent: -20000px; margin: 0; padding: 0;}
#login { margin: 0; position: absolute; top: 0px; right: 4px; font-size: 10px; background: url(/img/flag/bg_log.gif) no-repeat right bottom; height: 20px; width: 182px; padding: 4px 0 0 10px; font-weight: bold; text-align: center;}
#login a { color: #075A9D; text-decoration: underline;}
#login span a { display: block; height: 16px; width: 16px; text-indent: -9999px; margin: 0px; padding: 0px; background-image: url(/img/logout.gif); position: absolute; top: 3px; right: 10px;}
#struttura { display: block; padding: 0 10px; width: 750px; margin: 0 auto;}
#p_sx { display: block; width: 220px; margin: 0 5px 0 0; padding: 0; float: left;}
#p_dx { float: left; width: 525px; display: block; padding: 0;}
/*
intestazioni
*/
h1 { padding: 0; height: 106px; width: 220px; margin: 0 0 0 30px; display: block;}
h2 { margin: 0; background: url(/img/h2-2.gif) no-repeat left top; text-transform: uppercase; height: 25px; display: block; padding: 0 0 0 20px; font:bold 12px Arial; line-height: 25px;}
h2 a { color: #36597C; text-decoration: underline;}
h2.crumb { font-size: 12px; text-transform: none; background-image: none; width: 730px; margin: 3px auto 0 auto; border: 1px solid #adcfec; display: block;}
h2.crumb a { color: #F96720;}
h2 span a{ position:absolute; top:0px; right:20px; font-weight:normal; font-size:10px; text-decoration:underline; text-transform:none; color: #36597C;}
.b1 { border: 2px solid #C2D2E1; margin: 5px 0 0 0; padding: 1px; background-color: #FFF;}
.b2 { border: 1px solid #D7E1EB; margin: 0; padding: 0; position: relative; background-color: #EFF4F8;}
.b2 p { font-size: 10px; color: #000;}
.b2 h3 { margin: 5px; padding: 0; display: block; color: #000; font:normal 10px Tahoma, Arial, sans-serif;}
.b2 h3 strong { font-size: 11px; color: #FF6519;}
/*
ricerca destinazione home
*/
.b2 form { color: #000; margin: 4px; text-align: center; padding:0;}
.b2 form label { display: block; height: 22px; text-align: left; width: auto; margin:0; padding:0;}
.b2 form span { border-bottom: 1px solid #C2D2E1; display: block; width: 130px; float: left; text-align: right; padding: 0; margin: 3px;}
.b2 form .btn, .strutt .btn, .btn, .gen .btn, .localita .btn, #prezzi a.btn { background:#FF6519 url(/img/px/ara.gif) repeat-x left top; font-weight: bold; color: #FFF; font-size: 11px; border: 1px double #FF6519;}
.b2 form img, fieldset, .box_off img , #ItalyMap img, #footer img{ border: none;}
.b2 legend, legend, .leg { color: #36597C; font-weight: bold; text-align: center;}
.b2 form span.mini { border-bottom: 1px solid #C2D2E1; display: block; width: 65px; float: left; text-align: right; padding: 0; margin: 3px 2px; font-size: 10px;}
.b2 form select.mini {font-size: 10px; color: #000; border: 1px solid #36597C; margin:0; padding:0; width: 100px; }
.b2 form input.c-txt,.b2 select.c-txt, .c-txt { font-size: 11px; color: #000; border: 1px solid #36597C;}
.b3 {border: 1px solid #D7E1EB; margin: 0; padding: 0; position: relative;}
.pag2 { border: 1px solid #D7E1EB; margin: 0; padding: 0;}
.b3 form { margin: 5px; padding: 0;}
.b3 .form-elenco { display: block; width: 250px; float: left; margin: 0 auto; text-align:center; padding: 0;}
.b3 form input, .b3 form select { font-size: 11px; color: #000;}
.b3 table form, .b3 table fieldset { margin: 0; padding: 0;}
.lente { display: block; margin: 3px; background:#FFF url(/img/lente.jpg) no-repeat left center; padding: 10px 5px 5px 80px; }
.lente span a { font:bold 12px Arial; text-decoration: underline; background-color: #f4f4f4; border: 1px solid #ddd; padding: 5px; margin: 10px 0 0 0; text-align: center; display: block; width: 100px;}
.lente strong { font-size: 11px; color: #36597C;}
.dispo { display: block; margin: 0 0 10px 0; background:#FFF url(/img/dispo.jpg) no-repeat center top; padding: 60px 5px 5px 5px; font-size: 12px; color: #4170A4; font-weight: normal;}
/*
menu principale
*/
ul.menu { margin: 0 0 0 40px; padding: 0; list-style-type: none; display: block; height: 20px; width: auto;}
ul.menu li { display: inline; margin: 0; padding: 0;}
ul.menu li a { font-size: 10px; font-weight: bold; margin: 0 2px; padding: 4px; color: #36597C; float: left; display: block; width: auto; height: 12px; background:#CEE3F4 url(/img/ft_btn.gif) repeat-x left top;}
.strutt a.bottone_mini { display: block; background: url(/img/bottoni/btn_mini.jpg) no-repeat left top; height: 26px; width: 123px; font-weight: bold; color: #FFF; text-align: center; font-size: 10px; margin: 0; padding: 8px 5px 0 5px; position: absolute; top: 30px; right: 10px; line-height: 9px;}
.strutt a.bottone_mini:hover { background: url(/img/bottoni/btn_mini.jpg) no-repeat left bottom; color: #FFF; text-decoration:none; text-align: center;}
ul.menu a:hover { color: #FF6519; text-decoration: none;}
/*
colonna sinistra home
*/
#h_sx { display: block; width: 320px; margin: 0 5px 0 0; padding: 0; float: left;}
#h_dx { float: left; width: 425px; display: block; padding: 0; margin: 0;}
/*
cambio lingua
*/
.flag { display:inline; position: absolute; height: 56px; right: 10px; top: 76px;}
.flag img{ margin:0; border:0px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.flag a img{ margin:0; border:0px; opacity:0.3; -moz-opacity:0.5; filter:alpha(opacity=50);}
.flag a:hover img{ margin:0; border:0px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
/*
offerte
*/
.box_off { margin: 10px 10px 5px 10px; background: url(/img/bg_off.jpg) no-repeat left top; display: block; height: 100px; width: 130px; padding: 11px 0 0 0; float: left; font-size: 10px; text-align: center; position: relative;}
.box_off span { display: block; width: 130px; padding: 0; text-align: center; margin: 0;}
.box_off a { display: block; color: #000; cursor: pointer; margin: 0; padding: 0;}
.box_off strong { display: block; height: 12px; text-align: left; margin: 0; padding: 4px 0 0 17px;}
/*
italia
*/
.mappa img { float: left; margin: 0 10px 0 0; position: relative;border: none;}
.mappa ul { list-style-type: none; margin:0; display:block; padding:0; float:left; position: relative; height: auto;}
.mappa { height: auto; margin: 0; padding: 0;}
.mappa li { margin: 0;}
.mappa a{ font: normal 10px Tahoma, Arial, Verdana; color: #000; background-color: #DDEAF6; display: block; margin: 1px; text-decoration: none; padding: 2px; width: 95px;}
.mappa a:hover{ background-color:#FFF; color: #FF6519;}
/*
banner homepage
*/
.banner_pro { background: url(/img/banner_new.jpg) no-repeat left top; height: 85px; width: 300px; display: block; margin: 20px auto 10px auto; color: #FFF; font:bold 14px Arial, Helvetica, sans-serif; padding: 10px 0 0 100px;}
.banner_pro span { color: #253D54; font-size: 22px; margin: 10px 0 0 0; font-weight: normal; display: block;}
.banner_pro strong { color: #F96400; font-size: 22px;}
.banner_pro:hover{ background: url(/img/banner_new.jpg) no-repeat left bottom;color: #FF6519; text-decoration: none; }
a.banner_europa { background: url(/img/hotel_europa_new.jpg) no-repeat left top; height: 45px; width: 300px; display: block; color: #253D54; font-size: 10px;margin: 0 auto 5px auto; padding: 10px 0 0 100px;}
a.banner_europa:hover{ background: url(/img/hotel_europa_new.jpg) no-repeat left bottom; color: #FF6519; text-decoration: none; }
a.banner_europa strong { display: block; font:bold 16px Arial, Helvetica, sans-serif;}
/*
tutte le destinazioni
*/
.dest{ background:url(/img/sfondo_destinazioni.gif) repeat-x -5px 25px;}
ul.h_dest{ margin: 0 auto; list-style-type: none; padding: 0; width: 738px;}
ul.h_dest ul{ list-style-type: none; margin: 0; padding: 0;}
ul.h_dest li{ display: inline; float: left; width: 123px;}
ul.h_dest li a{ color: #FFF; font-weight: bold; display: block; height: 20px; margin: 0; padding: 5px 0 0 5px; width: 110px;}
ul.h_dest li ul li a { color: #3D6FA2; background: url(/img/px/f_ara.gif) no-repeat left center; display: block; margin: 1px 0; padding: 0 0 0 12px; height: 15px; font-weight: normal;}
/*
footer
*/
#footer { margin:5px auto; text-align:center; padding:0; height:150px; width: 762px;}
#footer ul{ border:none; display: block; font:bold 10px Tahoma, Arial, Verdana; margin:0; padding:30px; list-style:none; color: #36597C; text-decoration:none; background:url(/img/ft.gif) repeat-x; width:auto; position:relative; bottom:0;}
#footer ul a:hover, .footer ul a:hover{ color:#FF6519; text-decoration:none;}
#footer li{ display: inline; padding:5px; margin:0; background:url(/img/ft_btn.gif) bottom; border:5px #ADCFEB solid; border-right:0; border-top:0;}
#footer li.last{ display: inline; padding:5px; margin:0 -5px 0 0; background:url(/img/ft_btn.gif) bottom; border:5px #ADCFEB solid; border-top:0;}
#footer ul a{ color: #36597C; text-decoration:none;}
#footer p { font-size: 10px; color: #BFBFBF; margin: 0; }
/*
zone
*/
.b2 form.zone{ margin:0; padding:0; text-align: left;}
/*
menu ricerca
*/
ul#bott1 {padding: 0;list-style-type: none;text-align: right;display: block;width:210px;margin:0;}
ul#bott1 li {display: inline;font: bold 10px Tahoma;color: #36597C;text-transform: uppercase;}
ul#bott1 li a { background: url(/img/elenco/bottone.jpg) no-repeat left top; display: block; height: 30px; margin:0 auto; color: #36597C; text-decoration: none; line-height: 30px; padding: 0 35px 0 0;}
ul#bott1 li a:hover { color:#000; background: url(/img/elenco/bottone.jpg) no-repeat left bottom;}
ul#bott1 li a.no_sel {background: url(/img/elenco/bottone.jpg) no-repeat left bottom;display: block; height: 30px;margin:0 auto;color: #000;text-decoration: none;line-height: 30px;padding: 0 35px 0 0;}
ul#opzioni,#puls { list-style-type: none; margin: 0; padding: 0;}
ul#opzioni a { display:block; color:#3d6fa2; font:bold 12px Arial, Helvetica, sans-serif; height:49px; padding:20px 0 0 90px; width: 123px;}
ul#opzioni a:hover{ text-decoration:none;}
ul#opzioni li a.op1 {background: url(/img/bottoni/dettagli.gif) no-repeat left top; }
ul#opzioni li a.op2 {background: url(/img/bottoni/disponibilita.gif) no-repeat left top; }
ul#opzioni li a.op3{background: url(/img/bottoni/mappa.gif) no-repeat left top; }
ul#opzioni li a.op4{background: url(/img/bottoni/commenti.gif) no-repeat left top; }
ul#opzioni li a.op5{background: url(/img/bottoni/altre.gif) no-repeat left top; }
ul#opzioni li a:hover.op1, ul#opzioni li a.op1sel {background: url(/img/bottoni/dettagli.gif) no-repeat left bottom; color:#fff;}
ul#opzioni li a:hover.op2, ul#opzioni li a.op2sel{background: url(/img/bottoni/disponibilita.gif) no-repeat left bottom; color:#fff;}
ul#opzioni li a:hover.op3, ul#opzioni li a.op3sel {background: url(/img/bottoni/mappa.gif) no-repeat left bottom; color:#fff;}
ul#opzioni li a:hover.op4, ul#opzioni li a.op4sel {background: url(/img/bottoni/commenti.gif) no-repeat left bottom; color:#fff;}
ul#opzioni li a:hover.op5, ul#opzioni li a.op5sel {background: url(/img/bottoni/altre.gif) no-repeat left bottom; color:#fff;}
/*
ricerca
*/
.box { margin: 2px; padding: 0; background-color: #FFF; border: 3px solid #EEE;}
.box ul { list-style-type: none; margin: 10px; padding: 0; text-align: center;}
.box ul li { font-weight: bold; color: #3D6FA2; display: block; margin: 1px; padding: 3px; border-bottom: 1px solid #ddd;}
.box a { color: #FF6519;}
.box table { font-weight: bold; padding: 0; width: 90%; margin: 0 auto 10px auto; border: none;}
.box td { border-bottom: 1px solid #E3E9EF; padding: 3px;}
/*
ultime visionate
*/
.vis { display: block; background-color: #FFF; width: 200px; border: 1px solid #CCC; padding: 0; margin: 5px auto; font-size: 10px; position: relative; height: 60px;}
.vis p { display: block; position: absolute; left: 80px; top: 5px; width: 115px; height: 50px; margin: 0; }
.vis span { padding: 5px 0; display: block; background-image: url(/img/px/diag.jpg); position: absolute; width: 70px; height: 50px; left: 0px; top: 0px; text-align: center; margin: 0; border-right: 1px solid #ccc;}
.vis img { border: none;}
.vis a { color: #3D6FA2; font-weight: bold;}
.vis a strong{ color: #FF6519; display: block;}
/*
dettaglio struttura
*/
.strutt{ padding:20px; margin: 0; font-size: 11px;}
.strutt h3, .localita h3 { font-size: 18px; font-weight: normal; border-bottom: 1px solid #B4C7D8; margin: 0; padding: 0;}
.strutt h4 { font-size: 12px; padding: 0; margin: 0 0 15px 0;}
.strutt h5 { font:bold 12px Tahoma, Arial, sans-serif; color: #FFF; margin: 10px 0; height: 21px; padding: 4px 0 0 20px; display: block; border: 1px solid #B4C7D8; clear: both; background: #4170A4 url(/img/div.gif) no-repeat left top;}
.strutt img.imgsx{position: relative; float: left; margin-right: 10px; margin-bottom: 10px; border:3px solid #dedede;}
/*
photogallery
*/
.fotogal { display: block; border: 1px solid #CCCCCC; width: 222px; height: 172px; margin: 2px; padding: 1px; text-align: center; float: left; position: relative; background-color: #EAF0F4;}
.fotogal a { background:#FFF url(/img/zoom.gif) no-repeat left top; border: 1px solid #B4C7D8; display: block; position: absolute; z-index: 1; left: 0px; height: 27px; text-align: left; padding-left: 30px; top: 0px; color: #A4BED9; width: auto;}
.strutt a { color: #ff6519;}
.strutt .fotogal img { border: 1px solid #DEDEDE; margin: 0; padding: 0;}
/*
tabella prezzi
*/
table.prezzi th { text-transform: uppercase; color: #FFF; background-color: #4170A4; padding: 4px; border-bottom:1px solid #FFF; border-left:1px solid #fff;}
table.prezzi tr.p2 th { text-transform: none; background-color: #DAE6FA; color: #4170A4; text-align: left; }
table.prezzi { background-color: #FFF; margin: 10px 0;}
table.prezzi td { background-color: #EAF0F4; padding: 0px; border-bottom:1px solid #FFF;border-left:1px solid #fff;}
table.prezzi input, #prezzi select { font-family: Tahoma, Arial, sans-serif; font-size: 11px;}
table.prezzi a img{border:none;}
table.prezzi h3{ clear:left; font:bold 12px Arial, Helvetica, sans-serif;}
table.prezzi tr.odd td{ background-color:#D8E7E7;}
a.bottone_big { background: url(/img/bottoni/btn_big.jpg) no-repeat top left; display: block; height: 44px; width: 230px; margin: 0 auto; color: #FFF; font: normal 17px Tahoma, Arial, sans-serif; text-transform: uppercase; padding: 15px 0 0 0;}
a.bottone_big:hover { background: url(/img/bottoni/btn_big.jpg) no-repeat bottom left; text-decoration: none; color: #FFF;}
table.prezzi table th{ font-size:10px;}
.prezzi-mostra { background-color: #FFF; border: 1px solid #B4C7D8; margin: 5px; padding: 5px;}
.prezzi table td { border: none; padding:0;}
.prezzi table tr.riga td{ border-bottom:1px solid #FFF;}
.prezzi p{ margin:0; padding:0;}
/*
paginazione
*/
.pag { border: 1px solid #D7E1EB; margin: 0; padding: 2px; position: relative; text-align: center;}
.pag a { background-color: #ff6519; font-size: 10px; font-weight: bold; color: #FFF; border: 1px solid #8BA8C2; padding: 3px;}
.pag a:hover { background-color: #B4C7D8; color: #FFF; text-decoration: none;}
.pag a.evi { background-color: #4D7293;}
/*
richiedi disponibilita
*/
table#dispo { border: 1px solid #ccc; margin: 10px 0;}
table#dispo td { background-color: #EAF0F4;}
table#dispo a img { border: none;}
table#dispo th { font-weight: bold; background-color: #DAE6FA; color: #4170A4;}
.strutt table.generica td { background-color: #EAF0F4;}
.strutt table.generica table td{ background-color:#FFF; font-size:11px;}
.strutt table.generica { border: 1px solid #ccc; margin: 10px 0;}
.strutt table.generica th { font-weight: bold; background-color: #DAE6FA; color: #4170A4;}
/**/
.box .txt_sx { text-align: left;}
.txt_sx em { font-style: normal; font-weight: normal; color: #FF6519;}
.calendar { background: url(/img/px/cal.gif) no-repeat left top; display: block; height: 15px; width: 16px; border: none; margin: 0; padding: 0; position: absolute; left: 240px; top: 0px;}
.relative { position: relative;}
ul.risultati {list-style-type: none;margin: 0;padding: 0;}
ul.risultati li { background-color: #f0f0f0; margin: 10px; height: 40px; padding: 10px 0 0 10px; border-bottom: 1px solid #CCC; font:bold 12px Arial, Helvetica, sans-serif;}
ul.risultati strong { color: #FF6643;}
ul.risultati li span { font-size: 10px; font-weight: normal; display: block; width: 200px; float: left; height: 20px;}
p.legend { color: #36597C; font-weight: bold; text-align: center; margin:6px 0; }
/*istant booking*/
.strutt form.ibook { border: 2px solid #B4C7D8; background-color: #DAE6FA; padding: 3px; margin: 10px 0; font-size: 10px;}
a.more { color: #36597C; display:block; background:url(/img/more.gif) no-repeat top right; padding-right:30px; padding-bottom:10px;}
a.more:hover { background:url(/img/more2.gif) no-repeat top right; }
.strutt .ibook label { font-weight: bold;}
.strutt .ibook a img { border:none;}
/*box di alert, errore e comunicazioni*/
.errore { border: 2px solid #D61212; margin: 5px; color: #000; background: #FFFF99 url(/img/errore.gif) no-repeat 5px 5px; padding: 10px 10px 10px 50px; font-weight: bold;}
.errore strong, .errore a { color: #D61212;}
/*
punti di interesse
*/
ul.pdi {
list-style-type: none;
margin: 5px 5px 5px 10px;
padding: 0;
font-weight: bold;
text-transform: uppercase;
}
ul.pdi ul{
padding: 3px 0;
list-style-type: none;
margin: 0 0 0 10px;
font-weight: normal;
text-transform: none;
}
ul.pdi li a { font-weight: bold; color: #36597C;}
ul.pdi li { margin: 1px;}
ul.pdi ul li a { font-size: 10px;}
.b2 .pdi p { color: #36597C; font-size: 11px; margin: 0; padding: 10px;}
ul.pdi ul li.ck-a, ul.pdi ul li.ck-a a {
}
ul.pdi ul li.ck-b, ul.pdi ul li.ck-b a { color: #FF6519;}.alert {
background-color: #FFFFCC;
border: 1px solid #C8B879;
margin: 10px;
padding: 10px;
text-align: center;
color: #333333;
font-size: 14px;
}
.alert p {
font-family: Arial, Helvetica, sans-serif;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}