/**** reset *****/
html, body, p, ul, li, ol, h1, h2, h3, h4, h5, h6, form{margin: 0px;padding: 0px;}
ul, dl, li, dd, dt{
	list-style-type: none;
}
a[href$='.pdf'] {padding: 5px 20px 5px 0;background: transparent url(icons/icon_pdf.gif) no-repeat center right;}
body{background-color: #A3A38B;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;background: url(immagini/background.jpg) repeat-x;}
a{outline:none;white-space: nowrap;}
img{margin:4px auto auto;border: 1px solid #333333;display: block;}
img.sx{float: left;margin-right: 5px;border: 1px solid #333;display: inherit;}
img.dx{float: right;margin-left: 5px;border: 1px solid #333;}

h3{text-align: center;color: #696856;font:bold 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;padding: 0px;margin: 20px 0 0 0;}
/* regole per i messaggi su richiesta */
.help-message {
	display: block !important;
	display: none;
	position: absolute;
	width: 16px;
	height: 16px;
	margin-top: 3px;
	left: 270px;
	top: -3px;
	background-color: #EEECED;
	background-image: url(immagini/info.png);
}

.help-message em {
	position:absolute;
	left: -9999px;
	min-width: 12em;
	padding: 7px;
	border: 1px solid #444;
	color: #222;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.3;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	background-image: url(immagini/trasp.png);
}
.help-message:hover em{
	left: -240px;
	top: -62px;
	width: 300px;
}
.help-message#info-prenota {
	left: 0px;
	top: 274px;
	z-index: 100;
}
.help-message#info-prenota:hover em{
	left: -70px;
	top: -92px;
	width: 350px;
}
.help-message#offer {
	left: 52px;
	top: 87px;
	z-index: 100;
}
.help-message#offer em { background-color:#c5c5b4; background-image:none;}
.help-message#offer:hover em{
	left: -40px;
	top: -80px;
	width: 250px;
}
.help-message#info-tariffe {left:834px;top:548px;z-index:100;background-image: url(immagini/info2.png);}
.help-message#info-tariffe:hover em{left: -140px;top:18px;width: 180px;}
/****** layout ******/
div#wrapper{
	position: relative;
	height: 720px;
	width: 919px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(immagini/wrapper.png);
	margin-top: 0px;
	background-repeat: no-repeat;
}
div#container{
	position: relative;
	height: 700px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
}
div#logo{
	position: absolute;
	height: 80px;
	width: 332px;
	top: 0px;
	left: 0px;
	z-index: 4;
	background-color: #D5D5CB;
}
div#logo h1{
	font-size: 10px;
	background-image: url(immagini/logo.png);
	height: 100%;
	width: 72%;
	padding-left: 90px;
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #E9E9E2;
	background-position: 13px;
}
div#navbar{
	height: 49px;
	width: 899px;
	background-image: url(immagini/navbar.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: right;
	background-color: #333331;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D5D5CB;
	z-index: 0;
	text-shadow: 1px 1px 1px #000;
}
div#navbar ul{
	position: relative;
	left: 339px;
	list-style-type: none;
	width: 567px;
}
div#navbar ul li{
	float: left;
	list-style-type: none;
	width: 90px;
	text-align: center;
	height: 30px;
	background-image: url(immagini/sep_menu.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
div#navbar a{
	color: #CCC;
	text-decoration: none;
	display: block;
	height: 30px;
	line-height: 2.3em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#navbar a:hover{
	color: #FFCC00;
	background-image: url(immagini/active.png);
	background-position: center top;
	background-repeat: no-repeat;
}
div#navbar a.active{
	background-image: url(immagini/hover.png);
	background-position: center top;
	background-repeat: no-repeat;
	cursor: default;
}
div#slideshow{
	height: 279px;
	width: 900px;
	background-image: url(immagini/slider.jpg);
	background-repeat: no-repeat;
	background-color: #D5D5CB;
}
div#slideshow img {
	margin-top: 0px;
}

div#contenuto{
	background-image: url(immagini/content2.jpg);
	height: 334px;
	width: 572px;
	float: right;
	background-color: #D5D5CB;
}

div#contenuto h1{
	font-size: 12px;
	margin-top: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #929083;
	width: 539px;
	margin-left: 10px;
	padding-bottom: 1px;
	text-align: center;
	color: #663333;
}
div#contenuto h2{
	margin-left: 22px;
	font-size: 12px;
	color: #663333;
	margin-top: 20px;
	width: 300px;
}
div#contenuto h3{
	margin-left: 22px;
	font-size: 12px;
	color: #003366;
	margin-top: 20px;
	width: 300px;
	text-align: left;
	text-shadow: 1px 1px 2px #555;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 2px;
}
div#contenuto ul{
	position: relative;
	list-style-type: none;
	width: 280px;
	float: left;
	left: 22px;
}
div#contenuto ul li{
	height: 16px;
	position: relative;
	margin-bottom: 2px;
	width: 280px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A3A38B;
	padding-bottom: 1px;

}
div#contenuto ul.tariffe{
	position: relative;
	list-style-type: none;
	width: 300px;
	left: 130px;
	top: 22px;
	float: none;
}
div#contenuto ul.tariffe li{
	height: 20px;
	position: relative;
	margin-bottom: 2px;
	width: 300px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A3A38B;
	padding-bottom: 1px;
	line-height: 20px;

}
div#contenuto p{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 520px;
	margin-left: 22px;
	text-align: justify;
	margin-top: 7px;
	line-height: 1.7em;
	color: #333333;
}
div#contenuto p.tariffe{
	text-align: center;
	padding-top: 16px;
}
div#contenuto  img.ev {
	float: left;
	position: relative;
	left: 169px;
	top: 20px;
	margin-right: 20px;
}
div#contenuto p.contatti{
	font-size: 13px;
	width: 442px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4px;
	background-color: #D6D1D2;
	border: 1px solid #FFFFFF;
	padding-right: 6px;
	padding-left: 6px;
}
div#contenuto strong{color: #444;}
div#contenuto iframe{
	position: relative;
	left: 12px;
	top: 2px;
}
div#contenuto table{
	position: relative;
	left: 32px;
	top: 40px;
	text-align: center;
	width: 500px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-left-style: dotted;
	border-top-color: #999;
	border-left-color: #999;
	background-color: #E6E3E4;
	margin-bottom: 50px;
 }
div#contenuto table td{
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}
div#contenuto table tr.scuro{background-color: #C6C1C2;height: 24px;padding: 0px;}
div#contenuto table tr.chiaro{background-color: #DDD9DA;height: 26px;padding: 0px;}
div#contenuto table tr.chiaro td.camere{
	text-align: left;
	padding-left: 10px;
}
div#contenuto table tr.chiaro:hover{
	background-color: #D7D2D3;
	color: #660000;
}
div#contenuto table tr.periodo{
	font-size: 10px;
	color: #7A7A7A;
}
div#contenuto table tr.periodo:hover{color: #333;}
div#contenuto table tr.appartamento td{
	padding-top: 6px;
	padding-bottom: 6px;
}
div#galleria{
	width: 542px;
	position: relative;
	height: 254px;
	left: 10px;
	top: 24px;
	padding-left: 6px;
}
div#galleria img{
	background-image: url(immagini/cornice-gallery.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	margin-bottom: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inherit;
}
div#categorie{
	width: 270px;
	height: 250px;
}
div#categorie img{
	border: 1px solid #444;
	height: 80px;
	width: 120px;
	display: inherit;
}
div#categorie img:hover{border-style: dotted; border-color: #000;}
div#categorie em{
	position: relative;
	height: 16px;
	width: 120px;
	background-image: url(immagini/descrizione.png);
	background-repeat: no-repeat;
	display: block;
	left: 1px;
	top: -17px;
	color: #FFFFFF;
	font-style: normal;
	text-align: left;
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 6px;
}
div#categorie ul{
	width: 100%;
}
div#categorie ul li{
	float: left;
	height: 80px;
	width: 120px;
	margin-right: 14px;
	margin-top: 14px;
}
div#categorie a{}

div#boxes{
	height: 334px;
	width: 328px;
	background-color: #D5D5CB;
	padding-left: 22px;
}
/*div#box-sup{
	height: 117px;
	width: 271px;
	background-image: url(immagini/box-sup.jpg);
}
div#box-mid{
	background-image: url(immagini/box-mid.jpg);
	height: 104px;
	width: 271px;
	margin-top: -4px;
}
div#box-inf{
	background-image: url(immagini/box-inf.jpg);
	height: 113px;
	width: 271px;
}*/
ul.tab{
	list-style-type: none;
	width: 52%;
	float: left;
	border-right:dotted 1px #8A8A8A;
}
ul.tab#intro{
	width: 40%;
	margin-right: 18px;
}
ul.tab li{margin-bottom: 3px;}
ul.tab a{
	display: block;
}
ul.tab a:hover{
	color: #990000;
	text-decoration: none;
	background-color: #DFDFDF;
}
ul.tab a.active{
	color: #336600;
	text-decoration: none;
	background-color: #DFDFDF;
	padding-left: 8px;
	background-image: url(immagini/freccetta.png);
	background-repeat: no-repeat;
	background-position: -2px 7px;
}

dl.tab{margin-top: 12px;}
dl.tab dt{
	font-weight: bold;
	color: #7F2C0A;
	font-size: 12px;
}
dl.tab dd{
	margin-left: 0px;
	margin-bottom: 6px;
	font-size: 11px;
}
dl.tab strong{color: #555;}
h4.tab{
	color: #336600;
	font-variant: small-caps;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 12px;
}
h5.tab{
	position: absolute;
	top: 200px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #AEAEAE;
	width: 90%;
	padding-top: 8px;
	left: 14px;
}
div#footer{
	height: 44px;
	width: 900px;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #27271F;
}
div#footer strong{
	color: #FFFFFF;
}
div#footer a{
	color: #CC9900;
	text-decoration: none;
	font-weight: bold;
}
div#footer a:hover{
	text-decoration: underline;
	color: #78A4D6;
}
div#footer p{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #64644F;
	padding-bottom: 6px;
	width: 543px;
	position: relative;
	left: 337px;
	text-align: center;
	color: #D3CEC2;
}
div#xhtml, div#css, div#tbless {
	position: absolute;
	height: 17px;
	width: 40px;
	top: 700px;
	text-align: center;
}
div#tbless{
	width: 70px;
}
div#mg{
	position: absolute;
	height: 30px;
	width: 30px;
	top: 680px;
	right: -40px;
	z-index: 0;
}
div#mg span{
	background-image: url(immagini/mini-loghetto.png);
	background-position: center center;
	display: block;
	position: absolute;
	z-index: 10;
	background-attachment: scroll;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
div#xhtml {
	left: 22px;
	z-index: 0;
}
div#css {
	left: 66px;
	z-index: 0;
}
div#tbless {
	left: 110px;
	z-index: 0;
}
div#xhtml a, div#css a, div#tbless a, div#mg a {
	display: block;
	height: 100%;
	width: 100%;
	color: #464030;
	text-decoration: none;
}
div#xhtml span{
	background-image: url(immagini/xhtml.png);
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	opacity: 0.5;
}
div#css span{
	background-image: url(immagini/css.png);
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	opacity: 0.5;
}
div#tbless span{
	background-image: url(immagini/tbless.png);
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	opacity: 0.5;
}
div#xhtml span:hover, div#css span:hover, div#tbless span:hover{
	background-position: 0px 0px;
	opacity: 1;
	
}
div#partners {
	position: absolute;
	left: 808px;
	top: 292px;
	height: 27px;
	width: 96px;
	background-image: url(immagini/partners.png);
}
div#partners a{color: #FF9900;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 19px;
	width: 89px;
	text-align: center;
	line-height: 19px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#partners a:hover{color: #FF9900; color: #FFCC00; }
/****** form prenotazioni ******/
form.pren{
	width: 450px;
	min-width:300px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-size: 14px;
	top: 14px;
}

fieldset.pren{border:0px solid;margin:0;padding:0}

/*titolo form*/
legend.pren{
	color: #660000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3;
	font-weight: bold;
	font-variant: small-caps;
	position: relative;
	width: 450px;
	margin-bottom: 8px;
}

/*questo regola i rettangoli che contengono i vari campi*/
form.pren div{
	color: #524B4E;
	height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D5D5CA;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
form.pren div:hover{
	color: #000000;
}

/*questo regola il nome dei campi*/
form.pren label{
	float: left;
	width: 33%;
	line-height: 18px;
	padding-right: 2%;
	text-align:right;
	font-size: 12px;
}
/*questo regola aspetto e formattazione dei campi di testo e dell'area di testo*/
fieldset.pren input{
	width:51%;
	background-color: #E7E4E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #D0CCCF;
	height: 16px;
	font-size: 12px;
	padding-left: 2px;
	line-height: 16px;
	font-weight: normal;
}
fieldset.cont textarea{height: 80px;}
fieldset.pren input:focus{
	border: 1px solid #336600;
	background-color: #fffffe;
	color: #003366;
	font-weight: normal;
}

/*questo regola aspetto e formattazione del pulsante Invia dati*/
form.pren div.form-button {
	border: 1px none #EEECED;


}
form.pren div.form-button input{
	color: #D5D5CB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	width: 54px;
	position: relative;
	left: 240px;
	top: -2px;
	text-align: center;
	line-height: 20px;
	background-image: url(immagini/send.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
form.pren div.form-button input:hover{
	color: #FFF;
	background-position: 0px -21px;
}
/*fine form prenotazioni*/

/****** form contatti ******/
form.cont{
	width: 450px;
	min-width:300px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-size: 14px;
	top: 0px;
}

fieldset.cont{border:0px solid;margin:0;padding:0}

/*titolo form*/
legend.cont{
	color: #990000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3;
	font-weight: bold;
	font-variant: small-caps;
	position: relative;
	width: 450px;
	margin-bottom: 4px;
}

/*questo regola i rettangoli che contengono i vari campi*/
form.cont div{
	padding: 10px 0;
	color: #524B4E;
	height: 14px;
}
form.cont div:hover{
	color: #000000;
}

/*questo regola il nome dei campi*/
form.cont label{
	float: left;
	width: 33%;
	line-height: 17px;
	padding-right: 2%;
	text-align:right;
	font-size: 12px;
}
/*questo regola aspetto e formattazione dei campi di testo e dell'area di testo*/
fieldset.cont input, textarea{
	width:51%;
	background-color: #E7E4E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #D0CCCF;
	height: 12px;
	font-size: 12px;
	padding-top: 1px;
	padding-left: 2px;
}
fieldset.cont textarea{height: 80px;}
fieldset.cont input:focus{
	border: 1px solid #009900;
	background-color: #fffffe;
	color: #000000;
}
textarea.cont{
	font-size: 11px;
	height: 80px;
}

textarea:focus{
	border: 1px solid #336600;
	background-color: #fffffe;
	color: #000000;
}

/*questo regola aspetto e formattazione del pulsante Invia dati*/
form.cont div.form-button {
	border: 1px none #EEECED;
}
form.cont div.form-button input{
	color: #D5D5CB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	width: 54px;
	position: relative;
	left: 240px;
	top: 62px;
	text-align: center;
	line-height: 20px;
	background-image: url(immagini/send.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	;
}
form.cont div.form-button input:hover{
	color: #FFF;
	background-position: 0px -21px;
}
/*fine form contatti*/