@charset "UTF-8";
body{background:#fff url('../images/background.jpg') no-repeat fixed 50% 80%;}
body,h1,h2,h3,h4,h5,h6,p{margin:0px;padding:0px;font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:normal;}
ul,li{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
div{margin:0;padding:0;}
img {border:0;}

#container{
	position:relative;
	width:930px;
	margin:0 auto;
	margin-top:20px;	
}

#head{
	height:112px;
	width:100%;
	background: url('../images/head.png') no-repeat;
	behavior:url(./js/iepngfix.htc);
}


#slide{
	height:190px;
	width:890px;
	margin-left:7px;
	background: #fff;
	padding:15px;
}

#slide ul{overflow:hidden;}
#slide ul li{position:absolute;display:block;margin:0;padding:0;background-color:transparent;}
#slide ul li img{display:block;background-color:transparent;}

#main{
	width:100%;
	margin-top:10px
}

#content{
	float:left;
	/*width:660px;*/
	margin-left:7px;
	padding:15px;
	background:#fff;

}
*html #content {
		margin-left:3px;
}

#content div.background{background:#E5E5E5;padding:15px;}
#main.fixed #content{height:420px;}
#main.fixed #content div.background{height:390px;}

#content a{color:#101010;text-decoration:underline;}
#content a:hover{text-decoration:none;}


/*layout a*/
#main #content.typea{width:700px;}
#main #content.typea p{float:left;width:320px;text-align:justify;line-height:20px;color:#292929;}
#main #content.typea p span{color:#560811;}
#main #content.typea ul{float:left;margin-left:30px;/*height:376px;*/}
#main #content.typea ul li{margin-bottom:10px;}
#main #content.typea ul li img{padding:8px;background:#fff;}

#main.gallery #content h1{color:#560811;}
#main.gallery #content ul{float:none;margin-top:10px;margin-left:0;}
#main.gallery #content ul li{display:inline;margin-right:24px;}
#main.gallery #content ul li img{margin-bottom:20px;}

/*layout b*/
#main #content.typeb{width:660px;}
#main #content.typeb p{float:left;width:300px;text-align:justify;line-height:20px;/*height:387px;*/color:#292929;}
#main #content.typeb p span{color:#560811;}
#main #content.typeb p span.rosso{color:#ff6666;}
#main #content.typeb p span.giallo{color:#e5d633;}
#main #content.typeb p span.blu{color:#669acc;}
#main #content.typeb p span.arancio{color:#f2b011;}
#main #content.typeb p span.verde{color:#4db12a;}
#main #content.typeb p span.azzurro{color:#245195;}
#main #content.typeb ul{float:left;margin-left:20px;/*height:376px;*/}
#main #content.typeb ul li{margin-bottom:10px;}
#main #content.typeb ul li img{padding:8px;background:#fff;}
#main #content.typeb ul.fotocamera {width:310px;}
#main #content.typeb ul.fotocamera li{display:inline;margin-right:8px;}
#main #content.typeb ul.fotocamera li img{margin-bottom:8px;}
#main #content.typeb div.freccia{text-align:right;}
*html #main #content.typeb div.freccia{float:left;}
#main #content.typeb h1{color:#4db12a;}
#main #content.typeb h2{color:#245195;}
*html #main #content.typeb div.freccia{width:330px;}

*html #main.promo #content{width:660px;height:420px;}

#main.promo #content div.background{height:390px;}
#main.promo #content div.scheda{width:590px;margin-top:30px;border:8px solid #fff;background:#C9C9C9;padding:10px;}
#main.promo #content div.scheda p{width:450px;text-align:justify;line-height:20px;color:#292929;}
#main.promo #content div.scheda img{margin:2px 0 0 10px;padding:4px;background:#fff;}
#main.promo #content div.scheda p span{display:block;width:450px;text-align:right;}
#main.promo #content div.pag{width:624px;text-align:right;margin-top:20px;}
/**html #main.promo #content.typeb p{width:450px;height:0;text-align:justify;line-height:20px;color:#292929;}*/
*html #main.promo #content div.scheda img{margin:0 0 0 8px;}


/*layout c*/
*html #main.contatti #content{width:700px;}
#main #content.typec{width:700px;}
#main #content.typec .cl1,#main #content.typec .cl2{float:left;margin-top:40px;}
#main #content.typec .cl1{width:380px;}
#main #content.typec .cl2{width:250px;margin-left:30px;}
#main #content.typec h1{color:#560811;}
#main #content.typec p{color:#292929;}



/*pulsanti colorati*/
#pulsanti{float:left;width:40px;margin-top:5px;}
/*per le camere*/
#pulsanti ul.btncamere li a{display:block;width:40px;height:0;background:url('../images/menu-camere.gif') no-repeat;padding-top:109px;overflow:hidden;}
#pulsanti ul.btncamere li a.rossa{background-position:-45px 0;}
#pulsanti ul.btncamere li a.gialla{background-position:-45px -109px;}
#pulsanti ul.btncamere li a.blu{background-position:-45px -217px;}
#pulsanti ul.btncamere li a.arancio{background-position:-45px -326px;}

#pulsanti ul.btncamere li a.rossa:hover{background-position:0 0;}
#pulsanti ul.btncamere li a.gialla:hover{background-position:0 -109px;}
#pulsanti ul.btncamere li a.blu:hover{background-position:0 -217px;}
#pulsanti ul.btncamere li a.arancio:hover{background-position:0 -326px;}

#pulsanti ul.btncamere li.current a.rossa{background-position:0 0;}
#pulsanti ul.btncamere li.current a.gialla{background-position:0 -109px;}
#pulsanti ul.btncamere li.current a.blu{background-position:0 -217px;}
#pulsanti ul.btncamere li.current a.arancio{background-position:0 -326px;}
/*per le promozioni*/
#pulsanti ul.btnpromo li a{display:block;width:40px;height:0;background:url('../images/menu-promo.gif') no-repeat;padding-top:218px;overflow:hidden;}

#pulsanti ul.btnpromo li a.promozioni{background-position:-45px 0;}
#pulsanti ul.btnpromo li a.offerte{background-position:-45px -218px;}

#pulsanti ul.btnpromo li a.promozioni:hover{background-position:0 0;}
#pulsanti ul.btnpromo li a.offerte:hover{background-position:0 -218px;}

#pulsanti ul.btnpromo li.current a.promozioni{background-position:0 0;}
#pulsanti ul.btnpromo li.current a.offerte{background-position:0 -218px;}

#menu{
	float:right;
	width:175px;
	/*height:452px;*/
	margin-top:35px;
}


#menu ul li a{display:block;width:171px;height:0;background:url('../images/menu.jpg') no-repeat;padding-top:50px;overflow:hidden;}
#menu ul li a.home{background-position:0 0;}
#menu ul li a.servizi{background-position:0 -50px;}
#menu ul li a.camere{background-position:0 -100px;}
#menu ul li a.promo{background-position:0 -150px;}
#menu ul li a.gallery{background-position:0 -200px;}
#menu ul li a.map{background-position:0 -250px;}
#menu ul li a.contatti{background-position:0 -300px;padding-top:60px;}

#menu ul li a.home:hover{background-position:-171px 0;}
#menu ul li a.servizi:hover{background-position:-171px -50px;}
#menu ul li a.camere:hover{background-position:-171px -100px;}
#menu ul li a.promo:hover{background-position:-171px -150px;}
#menu ul li a.gallery:hover{background-position:-171px -200px;}
#menu ul li a.map:hover{background-position:-171px -250px;}
#menu ul li a.contatti:hover{background-position:-171px -300px;}

#menu ul li.current a.home{background-position:-171px 0;}
#menu ul li.current a.servizi{background-position:-171px -50px;}
#menu ul li.current a.camere{background-position:-171px -100px;}
#menu ul li.current a.promo{background-position:-171px -150px;}
#menu ul li.current a.gallery{background-position:-171px -200px;}
#menu ul li.current a.map{background-position:-171px -250px;}
#menu ul li.current a.contatti{background-position:-171px -300px;}

#footer{
	color:#fff;
	text-align:center;
	height:30px;
	margin-top:5px;
}

#footer a{color:#fff;}

#map{
	width:400px;
	height:300px;
	color:#000;
	font-size:12px;
}
#map h1{
	text-transform: uppercase;
	color:#000;
	font-size:12px;
	margin:0; padding:0;
}

#map a{
	color:#000;
}
#map a:hover{
	text-decoration:none;
		color:#000;
}
#map span{font-size:9px;}

.clear{clear:both;}