/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Trebuchet, Trebuchet MS, Arial; font-size: 11px; background-color: #333; color: white; }

h1 { float: left; width: 500px; background-color: #333; text-align: right; color: #666; font-size: 11px; margin: 0px; height: 17px; font-weight: normal; }
h2 { font-size: 20px; font-family: Trebuchet, Trebuchet MS, sans-serif; color: #5B3D23; margin: 0px; font-weight: normal; padding-bottom: 10px; text-align: left; }
p { margin: 0px; }
a { color: #A99357; text-decoration: none; }
a:hover { color: #99854F; text-decoration: underline; }


/* CONTENITORI */
#box-pagina { margin: auto; width: 900px; position: relative; min-height: 100%; height: auto !important; height: 100%; }
#box-header { width: 100%; }
#box-middle { width: 100%; }
#box-middle:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#box-footer { width: 100%; height: 60px; }


/* CONTENUTI */
#lingue { float: left; width: 400px; background-color: #333; }
	#lingue a { color: #999; padding-right: 3px; }
	#lingue a:hover { color: #fff; text-decoration: none; }
	#lingue strong { color: #fff; }

#logo { float: left; width: 900px; padding: 50px 0px 0px 0px; background-color: #333; text-align: center; }

#header { float: left; padding: 6px; height: 240px; background-color: #E8E2D2; }

#menu { width: 888px; float: left; background-color: #A99357; border-left: 6px solid #E8E2D2; border-right: 6px solid #E8E2D2; font-size: 13px; text-transform: capitalize; }
	#menu a { float: left; width: 116px; color: #fff; padding: 5px; text-align: center; background-color: #A99357; text-transform: capitalize; }
	#menu a:hover { color: #fff; background-color: #99854F; }

#sottomenu { width: 888px; float: left; height: 20px; background-color: #DBD1B9; border: 6px solid #E8E2D2; text-transform: uppercase; text-align: center; padding: 5px 0px 0px 0px; }
	#sottomenu a { color: #99854F; margin: 0px 40px; }
	#sottomenu a:hover { color: #A99357; }

#middle { width: 900px; float: left; padding-bottom: 20px; background-color: #E8E2D2; }
	#main { float: left; color: #666; line-height: 19px; text-align: justify; padding: 30px 30px 20px 30px; min-height: 220px; }

#gallery { text-align: left; }
	#gallery img { border: 1px solid #A99357; padding: 1px; margin: 7px 4px 5px 3px; }

/*#menu_basso { width: 400px; float: left; text-transform: capitalize; padding-top: 50px; }
	#menu_basso a { float: left; color: #999; padding-right: 10px; border-right: 1px solid #bbb; margin-right: 10px; }
	#menu_basso a:hover { color: #555; border-right: 1px solid #bbb; }*/

#footer { width: 900px; float: left; padding-top: 5px; }
	.footer-indirizzo { float: left; color: #666; }
		.footer-indirizzo a { color: #666; text-decoration: none; }
		.footer-indirizzo a:hover { color: #999; text-decoration: none; }
	.footer-crediti { float: right; color: #555; }
		.footer-crediti a { color: #555; text-decoration: none; }
		.footer-crediti a:hover { color: #777; text-decoration: none; }


.paginazione { float: left; width: 845px; text-align: right; padding: 0px 0px 5px 0px; margin: 5px 0px; border-bottom: 1px solid #ccc; }
		.commento { float: left; width: 845px; padding: 0px 0px 10px 0px; margin: 5px 0px; border-bottom: 1px solid #ccc; font-size: 90%; line-height: 120%; }



/* DICONO DI NOI */
#commento { float: left; width: 600px; padding: 20px 0px 0px 25px; font-size: 100%; color: #666; }
	#commento h2 { width: 600px; padding: 0px 0px 20px 0px; }
	.campoComm { width: 200px; float: left; height: 35px; }
	.campoComm p { width: 60px; float: left; }
	.campoComm input { width: 120px; float: left; font-size: 100%; font-family: Lucida Sans Unicode, Tahoma, Arial; color: #000; text-align: center; }
	
	.campoComm2 { width: 660px; float: left; margin-bottom: 15px; }
	.campoComm2 p { width: 70px; float: left; }
	.campoComm2 input { margin-left: 20px; }
	
	.campoComm3 { width: 660px; float: left; margin-bottom: 15px; }
	.campoComm3 p { width: 80px; float: left; }
	.campoComm3 input { float: left; width: 120px; margin-right: 10px; font-size: 100%; font-family: Lucida Sans Unicode, Tahoma, Arial; color: #000; text-align: center; }
	.campoComm3 textarea { width: 570px; float: left; height: 55px; font-size: 90%; font-family: Lucida Sans Unicode, Tahoma, Arial; color: #000; }
	.campoComm3 .contatore { float: left; margin: 5px 0px 0px 10px; width: 40px; color: #999; }
	
	.trattamentoComm { font-size: 80%; line-height: 130%; width: 655px; color: #888; float: left; text-align: justify; }
	.inviaComm { float: left; width: 660px; text-align: center; }
		.inviaComm input { border: 0px; }
	.obbComm { border: 2px solid #A75B33; }



/* STAR RATING */
#star ul.star { list-style: none; margin: 0; padding: 0; width: 85px; height: 20px; left: 10px; top: -5px; position: relative; float: left; background: url(img/stars.gif) repeat-x; cursor: pointer; }
#star li { padding: 0; margin: 0; float: left; display: block; width: 85px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; }
#star li.curr { background: url(img/stars.gif) left 25px; font-size: 1px; }
#star div.user { left: 15px; position: relative; float: left; font-size: 13px; font-family: Arial; color: #888; }
#starUser0 { display: none; }
		
		
/* CONTATTI */
.campo { width: 280px; float: left; height: 40px; }
.campo p { width: 80px; float: left; }
.campo input { width: 160px; float: left; font-size: 11px; font-family: Arial; color: #000; }

.campo2 { width: 840px; float: left; margin-bottom: 15px; }
.campo2 p { width: 80px; float: left; }
.campo2 input { float: left; width: 160px; margin-right: 10px; font-size: 11px; font-family: Arial; color: #000; }
.campo2 textarea { width: 720px; float: left; height: 60px; font-size: 11px; font-family: Arial; color: #000; }

.trattamento { font-size: 10px; line-height: 13px; margin-bottom: 10px; width: 810px; color: #999; float: left; }
.invia { float: left; width: 810px; text-align: center; }
.obb { border: 2px solid #99854F; }


/* PRENOTA */
h3 { float: left; width: 840px; border-bottom: 1px solid #bbb; margin: 0px; padding: 15px 0px 3px 0px; font-size: 140%; margin: 0px 0px 10px 0px; }
.campoPren { width: 280px; float: left; height: 30px; }
.campoPren p { width: 80px; float: left; }
.campoPren input { width: 160px; float: left; font-size: 11px; font-family: Arial; color: #000; text-align: center; }

.campoPren2 { float: left; height: 30px; padding-right: 50px; }
.campoPren2 p { width: 85px; float: left; }
.campoPren2 input { width: 70px; float: left; font-size: 11px; font-family: Arial; color: #000; text-align: center; }
.bambini { float: left; width: 150px; }
	.bambini p { float: left; width: 50px; }
	.bambini input { background-image: none; border: 0px; }

.campoPren3 { width: 840px; float: left; margin-top: 15px; }
.campoPren3 p { width: 80px; float: left; }
.campoPren3 input { float: left; width: 80px; margin-right: 10px; font-size: 11px; font-family: Arial; color: #000; text-align: center; }
.campoPren3 textarea { width: 720px; float: left; height: 60px; font-size: 11px; font-family: Arial; color: #000; }

.radio { float: left; width: 360px; }
	.radio p { float: left; width: 135px; }
	.radio input { margin-left: 10px; background-image: none; border: 0px; }

.trattamentoPren { font-size: 10px; line-height: 13px; margin-bottom: 10px; width: 810px; color: #999; float: left; margin-top: 15px; }
.inviaPren { float: left; width: 810px; text-align: center; }
.obbPren { border: 2px solid #99854F; }