/* CSS Document */

/* =0 Reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
@import url('reset.css');    

/* =1 Global 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
/*
1.1em = 11px
1.2em = 12px
1.3em = 13px
1.4em = 14px
1.5em = 15px
1.6em = 16px
1.7em = 17px
1.8em = 18px
*/
body {background:#333 url(../Img/bg_dorato.jpg) repeat; font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;/*Georgia*/; text-align:center; font-size:62.5%;} /* 10px */
h1 {color:#CCCCCC; font-size:1em; padding:3px 0 3px 5px; background:#F7F4EE;}
#container {width:950px; border:0px solid #FFFFFF; margin:0 auto; overflow:hidden;}

/* =2 Links 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#header .top .language li a {color:#AEA177; text-decoration:none;}
#header .top .language li a:hover, #header .top .language li.lang_on a {color:#FFFFFF;}
/* menu */
#menu .list_menu li a {color:#191919; font-variant:small-caps; text-transform:capitalize; font-size:1.25em; text-decoration:none; /*font-family:"Times New Roman", Times, serif;*/ letter-spacing:0px; padding: 0; display: block;}


#menu .list_menu li.active a {color:#DED8CA; background: url(../Img/bg_menu_hover_active.jpg) repeat-x;}
#menu .list_menu li.active a span.voce_menu{background:url(../Img/separa_menu_sel_active.gif) top right no-repeat;}

#menu .list_menu li.activemulti a {color:#DED8CA; background: url(../Img/bg_menu_hover_active.jpg) repeat-x;}
#menu .list_menu li.activemulti a span.voce_menu{background:url(../Img/separa_menu_sel_active.gif) top right no-repeat;}


#menu .list_menu li a span {padding: 0 10px;}
#menu .list_menu li a.lastitem span {border-right: 0;}
#menu .list_menu li a.firstitem span {border-left: 0;}

#menu .list_menu li {line-height:12px; padding-top:0px; padding-bottom:10px;}
#menu .list_menu li a span.voce_menu {background:none; display:block; height:60px; padding-top:20px;margin-right:0px;}
#menu .list_menu li a:hover span.voce_menu{background:url(../Img/separa_menu_sel.gif) no-repeat;}
#menu .list_menu li a {border:0px solid red; background:url(../Img/separa_menu.gif) no-repeat; height:60px;}
#menu .list_menu li a:hover {background:url(../Img/bg_btn_a.gif) right no-repeat;}

/* list menu footer */
#footer .menu_footer li a {color:#E2DECF; font-size:11px; text-decoration:none;}
#footer .menu_footer li a:hover {color:#E2DECF; font-size:11px; text-decoration:underline;}
/* menu list hotels */
.elenco_ht .hotel a {color:#AEA177; text-decoration:none;}
.elenco_ht .hotel a:hover, .elenco_ht .active a {color:#FFFFFF; text-decoration:none;}
/* menu current hotel */
.list_menu_hotel {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.4em;
}
.list_menu_hotel li {
	/*font-family:"Times New Roman", Times, serif;*/
	padding-bottom: 5px;
	font-variant:small-caps;
	letter-spacing:0.5px;
	text-transform:capitalize;
}
.list_menu_hotel li a {color:#AEA177; text-decoration:none;}
.list_menu_hotel li a:hover, .list_menu_hotel li.active a {color:#FFFFFF; text-decoration:none;}
/* booking form */
.btn:hover {color:#333333;}
.btn_cancel:hover {color:#DED8C6;}
	
/* =3 Headings 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

/* =4 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#header {}
#header .top {width:100%; border:0px solid #00CC99; float:left; padding-top:20px; margin-bottom:5px;}
#header .top .h1 {float:left; border:0px #FF0000; padding-left:5px;}
#header .top .h1 li {display:inline;}
#header .top .h1 li h1, h2, h3 {background:none; color:#E2DECF; float:left; padding:0 5px 0 0; font-size:0.9em;}
#header .top .language {float:right; border:0px #FF0000; width:330px; text-align:right; padding-right:5px;}
#header .top .language li {display:inline; padding:0 2px; color:#AEA177;}
#menu {width:100%; height:60px; background:url(../Img/bg_menu.jpg) no-repeat; clear:both; }
#menu .logo {float:left; width:93px; height:39px; background:url(../Img/logo.gif) no-repeat; border:0px solid; margin-top:10px; margin-left:10px;}
#menu .list_menu {border:0px solid #FF0000; float:right; text-align:right; line-height:60px; height:60px; margin: 0;}


#menu .list_menu li {display:inline; float:left; border:0px solid; text-align:center; padding:0; margin: 0; margin-right: -1px;}

/*per voci con 3 parole*/
#menu li.multi {line-height:12px; padding-top:0px; padding-bottom:10px; border:0px solid red}
#menu li.multi a span.voce_menu {background:none; display:block; height:60px; padding-top:20px;}
#menu li.multi a {border:0px solid red; background:url(../Img/separa_menu.gif) no-repeat; height:60px;}
#menu li.multi a:hover {background:url(../Img/bg_btn_a.gif) right no-repeat;}


#flash {width:100%; height:280px; margin-top:5px; margin-bottom:5px; position:relative;}
#flash .list_hotels {
	position:absolute;
	left:0;
	top:0;
	width:220px; 
	height:280px; 
	float:left;
	background-color: #333;  	/* the background          */
   	filter:alpha(opacity=90);   /* Internet Explorer       */
   	-moz-opacity:0.90;          /* Mozilla 1.6 and below   */
   	opacity: 0.90;              /* newer Mozilla and CSS-3 */
}
#flash .elenco_ht {
	position:absolute;
	left:20px;
	top:0;
	padding:20px 0 0 0;
	/*font-family:"Times New Roman", Times, serif;*/
	text-transform: uppercase;
}
#flash .elenco_ht span {display:block; padding:0; margin:0; width:195px; text-align:left; padding-left:5px; color:#AEA177;  padding-top:20px;}
#flash .elenco_ht span:first-letter {font-weight:bold; font-size:2em;}
.elenco_ht .hotel {padding:3px 0 3px 15px; color:#AEA177; text-align:left; border:0px solid; font-size:1.8em; font-variant:small-caps; text-transform:capitalize; letter-spacing:0.5px;}


#flash #flashcontent, #flash .staticimage {width:730px; height:280px; float:right; margin-bottom:0px; padding:0px; border:0px solid #FFFFFF}

/* =5 Navigation 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#content .column_sx {width:220px; float:left; }
#content .content {width:528px; float:left; margin:0 1px;}

#content .content_large {width:728px; float:left; margin:0 1px;}
#content .bookingform {width:200px; float:right;}
/* map */
#content .content_page * {/*font-family:Georgia, "Times New Roman", Times, serif*/}
#content .content_page .sottotitolo {font-style:italic;}
#content .content_page .corpo {padding-top:10px;}
#content .content_page .corpo  li { list-style-type:disc; list-style-position: inside;}
/* =6 BookingForm 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

/* =7 Form 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
	#bf {border:0px solid #FF0000; }
	.title {display:none;}
	label {/*font-family:Georgia, "Times New Roman", Times, serif;*/ display:block; font-size:1.2em; color:#AEA177; text-align:left; }
	select, option, input {font-size:10px; padding:0; text-align:left;}
	#bf .mis  {float:left; padding-left:0px; }
	.mis label {padding-left:10px; padding-top:10px; padding-bottom:5px; font-size:1em;}
	.bf_content {float:left; padding-top:10px;}
	.newbf_content {float:left; padding-top:17px;}
	.bf_content label { padding-bottom:5px; font-size:1em;}
	.newbf_content label { padding-bottom:5px; font-size:1em;}
	.clear {clear:both;}
	.small {width:64px;}
	#bf_btn {float:left; margin-left:10px; padding-top:15px; width:180px;}
	#newbf_btn { float:left; margin-left:10px; padding-top:15px; width:50px;}
	#bf_btn div {float:left; text-align:left;}
	#newbf_btn div { text-align:left;}
	#txtoptions {padding-top:3px; display:block; float:left; border:0px solid; text-decoration:none; font-variant:small-caps; text-transform:capitalize; }
	#newtxtoptions {padding-top:3px; display:block; border:0px solid; text-decoration:none; font-variant:small-caps; text-transform:capitalize;padding-left:4px}
	.btn_cancel {border:0; background:none; font-size:1em; color:#AEA177; font-variant:small-caps; text-transform:capitalize; cursor:pointer;}
	.btn {border:2px outset #e6dcb1; padding-right:0; width:125px; padding-left:1em; font-variant:small-caps; text-transform:capitalize; background:#d1c8a1; font-size:1.6em; font-weight:bold; /*font-family:'Times New Roman', Times, serif; text-align:left;*/ padding-right:0; cursor:pointer; margin-left:10px;}
	#txtsubmit { padding-top:2px; }
	/* links */
	.listlinks {padding-top:15px; font-size:10px; }
	.column_links {float:left; border:0px solid; width:245px;}
	.TitleLink {float:left; }
	.TitleLink a {font-size:1em; float:left; border:0px solid}
	.descriptionlinks {float:left; border:0px solid; padding-bottom:4px;}
	.descriptionlinks a {font-size:12px; text-decoration:none; }
/* =8 Extra 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
.separa {width:100%; height:15px; background:url(../Img/separa.gif) center center no-repeat; padding:10px 0;}
.ClearAll {clear: both;}
/* immagine trasparente */
img.spacer {width:0px; height:0px;}

.offerta {float: left; width:470px; padding:10px 10px; /*font-family:"Times New Roman", Times, serif;*/ margin-left:0; padding-left:10px; border-bottom:1px solid;}
.offerta .item {float:left;}
.offerta .item a img {border:1px solid #5E573D}
.offerta .item a:hover img {border:1px solid #AEA177}
.offerta h3 {float: none; padding: 0 0 10px 0;}
.offerta h3, .offerta h3 a {letter-spacing: 0.5px; line-height:15px; font-size:1em; text-decoration: none; color: #AEA177; width:230px;}
.offerta p {line-height:15px; font-size:1em; color: #fff; clear: both;}


/*OFFERTE DI GRUPPO*/
.offerta_grp {float: left; width:240px; height:240px; padding:0; /*font-family:"Times New Roman", Times, serif;*/ border-right: 1px dotted #5E573D;}
.offerta_grp .cont_off {width:220px; height:200px; padding:10px 10px; overflow:hidden; clear:both;}
.offerta_grp .moreinfo {width:200px; padding-right:20px; height:19px; background-color:#1c1c1c; clear:both; margin-left:10px; border-bottom: 1px dotted #5E573D;}
.offerta_grp .moreinfo p {float:right; line-height:18px;}
.offerta_grp .item {clear:both; width:147px; padding: 3px 36px; }
.offerta_grp .item a img {border:1px solid #5E573D}
.offerta_grp .item a:hover img {border:1px solid #AEA177}
.offerta_grp h3 {float: none; padding:5px 0px;}
.offerta_grp h3, .offerta h3 a {letter-spacing: 0.5px; line-height:15px; font-size:1em; text-decoration: none; color: #AEA177; width:220px;}


.button {float: left; background-color: #AEA177; border-bottom: 1px solid gray; border-right: 1px solid gray; color: #000; width: 100px; text-align: center;}

.professional table td {padding: 5px;}
.professional input.text, .professional textarea {width: 150px;}

.apply table {border-collapse: collapse; border: 1px solid #DED8C6;}
.apply table td {padding: 5px;}
.apply input.text, .professional textarea {width: 150px;}
.apply tr.section {background-color: #DED8C6;}
.apply tr.section td {color: #5E573D;}

#gallery ul {margin:5px 5px 5px 20px; border:0px solid; overflow:hidden;}
#gallery ul li {float:left; margin:5px 10px; width:100px; height:70px;}
#gallery ul li img {widows:100px; height:70px; border:1px solid #AEA177;}
#gallery ul li a {border:0;}

/* mappa */
.map_image {width:120px; height:80px; border:1px solid #ccc; float:right; margin-left:10px; margin-bottom:10px;}
.image-unit {
	width:125px;
	margin-left:10px; margin-bottom:10px;
}

.image-unit .image {
	display:block;
	height:80px;
	width:120px;
	text-decoration:none;
	border:1px solid #ccc; 
}

.image-unit a.caption {
   	filter:alpha(opacity=70);   /* Internet Explorer       */
   	-moz-opacity:0.70;          /* Mozilla 1.6 and below   */
   	opacity: 0.70;              /* newer Mozilla and CSS-3 */
	background:#6F6F6F;
	color:#fff;
	margin-top: -30px;
	padding: 5px 0;
	position:absolute;
	width: 121px;
	text-align: center;
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
} 

.image-unit a.caption:hover {
	background-color:#fff;
	color:#000;
}

.faq {text-align: left; margin-left: 10px;}
.faq img {display: inline; float: left;}
.faq span {float: left; margin: 0; padding: 0;}
.faq a {display: inline;font-size: 0.8em; margin: 0;text-decoration:none;}
.faq .risposta {width: 90%; margin:10px 0; border:solid 1px #CCC; margin-left:10px; padding:3px;color:#CCC; display: none;font-size:13px;}
.faq .attiva {display: block;}

/* =9 Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {width:100%; height:25px; border:0px solid #FF0000; line-height:20px;}
#footer .copy {float:left; font-size:11px; color:#E2DECF; padding-left:5px;}
#footer .menu_footer {float:right; display:inline; padding-right:5px;}
#footer .menu_footer li {padding:0 3px; float:left;}

#arrow {float:left; border:0px solid red; padding-top:10px; }
#paging {float:left; border:0px solid #FFF; width:450px; padding-top:10px; text-align:center;}

.professional .selector {width:50px;}