body, div, form, p, ul, ol, li, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
body {
	font: 11px Arial, sans-serif;
	color: #615e51;
	background: url("../img/pattern.jpg") top left;
	}

#contenitoreTotale{
	margin: 0px;
	padding: 0px;	
	background: url("../img/patt.jpg") top left repeat-x;
 }

table, input, select, textarea {
	font: 13px Arial, sans-serif;
	border: 1px solid #bbbbbb;
	color: #939082;
	padding: 4px 0px 4px 5px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 11px;
	font-weight: bold;
}

a {
	text-decoration: none;
	outline: 0px;
}

a:hover {
	outline: 0px;
}

a.borderedLink {
	border: 1px solid #bbbbbb;
	font-size: 11px;
	font-weight: bold;
	color: #a7212d;
	padding: 5px;
	text-transform: uppercase;
}

a.borderedLink:hover {
	color: #000;
}

a.borderedLink span {
	font-size: 21px;
	vertical-align: -2px;
}

img {
	border: 0;
}

.clear {
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	clear: both;
	overflow: hidden;
}

.line {
	height: 1px;
	clear: both;
	background: #c1af79;
	margin: 5px 0px 4px 0px;
	overflow: hidden;
}

#siteIn {
	background: url("../img/site_bg_middle.gif") repeat-y;
	width: 992px;
	margin: 0px auto;
	padding: 0px;
}

#chiusura{
	min-height: 600px;
	height: auto !important;
	height: 600px;
	}
	
.img01{
	background: url("../img/sfondo-footer.jpg") bottom center no-repeat;
	padding-bottom: 20px;
	}
	
.img02{
	background: url("../img/sfondo-footer-2.jpg") bottom center no-repeat;
	padding-bottom: 12px;
	}

#sfondoSfumato{
	background: url("../img/sfumato_bkg.jpg") top left no-repeat;
	width: 992px;
}

#testata{
	width: 924px;
	padding: 0px 10px 0px 20px;
}
	
#testata h1{
	font-family: arial;
	color: #FFFFFF;
	float: left;
	font-size: 13px;
	width: 845px;
	font-weight: normal;
	margin-top: 12px;
}
	
.bandieraIt{
	display: block;
	float: left;
	margin: 10px 8px 0px 0px;
	width: 34px;
	height: 22px;
	background: url("../img/ita_flag.jpg") top left no-repeat;
	}

.bandieraIt:hover{
	background: url("../img/ita_flagOn.jpg") top left no-repeat;
	}
	
.bandieraItOn{
	display: block;
	float: left;
	margin: 10px 8px 0px 0px;
	width: 34px;
	height: 22px;
	background: url("../img/ita_flagOn.jpg") top left no-repeat;
	}
	
.bandieraItOn:hover{
	background: url("../img/ita_flag.jpg") top left no-repeat;
	}
	


.bandieraEn{
	display: block;
	float: left;
	margin: 10px 0px 0px 0px;
	width: 34px;
	height: 22px;
	background: url("../img/en_flag.jpg") top left no-repeat;
}
	
.bandieraEn:hover{
	background: url("../img/en_flagOn.jpg") top left no-repeat;
}

.bandieraEnOn{
	display: block;
	float: left;
	margin: 10px 8px 0px 0px;
	width: 34px;
	height: 22px;
	background: url("../img/en_flagOn.jpg") top left no-repeat;
}


.bandieraEnOn:hover{
	background: url("../img/en_flag.jpg") top left no-repeat;
}


#site {
	width: 924px;
	padding: 0px 34px 0 24px;
}


#leftPanel {
	width: 285px;
	padding: 0px 19px 0px 5px;
	float: left;
}

#logo a {
	margin: 30px 0px 0px 6px;
	width: 278px;
	height: 80px;
	display: block;
	overflow: hidden;
	padding: 0px;
}

#menu {
	margin: 24px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	font-family: "times new roman";
}
	
#menu a {
	margin: 0px;
	padding: 0px;
	color: #9f2314;
	font-size: 14px;
	font-weight: bold;
}

#menu a:hover {
		color: #000;
	}

#menu ul{
		list-style: none;
		padding: 5px 0px;
}
			
#menu ul li{
    	margin: 0px 0px 5px 0px;
}
				
#menu ul a {
		margin: 0px 0px 0px 10px;
		padding: 1px;
		color: #53530d;
		font-family: arial, verdana;
		font-size: 11px;
		text-transform: none;
		font-weight: normal;
		line-height: 150%;
}
				
#menu ul a.selected, #menu ul a.selected:hover {
		color: #FFFFFF;
		background: #53530d;
}

#menu ul a.immobiliare {
		color: #307aa1;
}

#menu ul a:hover {
		color: #53530d;
		text-decoration: underline;
}


/*************************CORPO HOMEPAGE *************************************/

#notes {
	width: 930px;
	padding: 5px 0px 0px 0px;
	clear: both;
}


 #notes .verde{
 	background:url("../img/verde_bkg.jpg") no-repeat;
	border: 1px solid silver;
	width: 922px;
	height: 273px;
	margin-left: 0px;
 }
 
 .blockContent{
 float: left;
 width: 304px;
 margin-top: 15px;
 font-size: 12px;
	color: #FFFFFF;
 }
 

 
 .titoloHomepage{
 	padding: 0px 0px 0px 15px;
 }
 
  
 .titoloHomepage2{
 	padding: 0px 0px 0px 15px;
 }

.blockContent .immagine {
	padding: 5px 0px 0px 8px;
}
 
.blockContent .immagine2 {
	padding-left: 15px;
}

.blockContent .immagine3 {
	padding: 3px 0px 0px 18px;
} 

.blockContent .continua{
	font-size: 14px;
	color: #feeaa1;
	text-align: right;
	float: right;
	padding-right: 15px;
}
.blockContent a:hover {
	color: #FFFFFF;
}
		
.blockContent p {
	padding: 8px 0px 0px 15px;
	margin: 0px;
	width: 275px;
}
		
.blockContent p.p2{
	padding: 8px 0px 5px 10px;
	margin: 0px auto;
	width: 275px;
		}	
			
.blockContent p.p3{
	padding: 8px 0px 5px 15px;
	margin: 0px auto;
	width: 275px;
	}	
  
/************************************* ELEMENTI DELLE PAGINE ********************/		
	
	
#elementoVerdeSx{
	width: 283px;
	height: 273px;
	border: 1px solid silver;
	background: url("../img/elementoVerdeSx.jpg") top left no-repeat;
	margin-top: 15px;
}
		
div.blockContent2 {
	width: 283px;
	margin: 0px;
	float: left;
	padding-top: 15px;
	font-size: 12px;
	color: #FFFFFF;
}

div.blockContent2 .titolo{
	padding-left: 8px;
}

div.blockContent2 .foto{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

		
.blockContent2 .continua {
	font-size: 14px;
	color: #feeaa1;
	text-align: right;
	float: right;
	padding-right: 10px;
}

.blockContent2 a:hover {
	color: #FFFFFF;
}

.blockContent2 p {
	padding: 8px 3px 5px 2px;
	margin: 0px auto;
	width: 267px;
	text-align: justify;
	line-height: 17px;
}
		
		
#rightPanel {
	width: 614px;
	float: left;
	padding: 18px 0px 0px 0px;
}
	
#rightPanel #fadeEffect2 {
	height: 99px;
}



#rightPanel #fadeEffect ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
#rightPanel img.topImage {
	width: 614px;
	height: 274px;
}

#rightPanel img.topImage1 {
	width: 614px;
	height: 99px;
}
		
#colonnaDx{
	width: 610px;
	float: left;
	padding: 0px;
}
/*************  BRICIOLE **************************/
#brc {
	padding: 4px 0 0 0;
	border: px solid red;
	color: #b9ac7c;
}

#brc a.brcItem {
	background: url('images/brc_arrow.gif') no-repeat right 5px;
	color: #b9ac7c;
	padding: 0 11px 0 4px;
	text-decoration: underline;
}
		
#brc a.brcItem:hover {
	color: #000;
}

#brc span.brcItemLast {
	color: #b9ac7c;
	font-weight: bold;
	padding: 0 0 0 7px;
		}

#mainContent {
	padding: 0 8px 0px 4px;
	min-height: 365px;
	height: auto !important;
	height: 365px;
	font-size: 12px;
	line-height: 24px;
}

#mainContent .titolo{
	padding-bottom: 10px;
}

#mainContent h1, #mainContent h2, #mainContent h3 {
	letter-spacing: 1px;
	font-weight: normal;
}
	
	
#mainContent .title01{
	color: #62630f;
	font-size: 25px;
	font-family: georgia, "times new roman";
	margin: 15px 0px 8px 0px;
}	
		
#mainContent h1 {
	font-size:30px;
	padding: 20px 0 5px 0;
	font-family: Georgia, "Times new roman";
	color: #b62110;
}
		
#mainContent .titolini{
	font-size: 16px;
	margin: 0px 8px 8px 0px;
	font-family:"Times new roman";
	color: #b62110;
}
		
#mainContent .fotoPag{
	width: 284px;
	height: 214px;
	padding-right: 10px;
}
		
#mainContent h1.notizie {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 4px 0;
}
		
#mainContent h2.date {
	color: #6e6a5b;
	font-size: 11px;
	padding: 20px 0 10px 0;
}

#mainContent .notiziePic {
	float: left;
	margin: 0 11px 11px 0;
}
		
#mainContent .notozieBottomLink {
	float: right;
	margin: 40px 0 15px 0;
}
		
#mainContent p {
	padding-left: 4px;
	text-align: justify;
	color: #32322b;
}

#articolo{
	margin-right: 8px;
}

#mainContent a:hover{
	text-decoration: underline;
}
	
#mainContent .separatore{
	background: url("../img/patt-separatore.gif") center left repeat-x #FFFFFF;
	margin-left: 5px;
	padding: 14px 0px;
}
		
#fondoPagina{
	width: 618px;
	height: 161px;
	margin: 30px 0px 0px 3px;
	background: url("../img/fondoPag_img.jpg") no-repeat;
	position:relative;
}
			
.spaziatura{
	padding-left: 8px;
}
			
#linkFondoPagina{
	margin: 43px 0px 0px 25px;
	display: block;
	position: absolute;
	font-size: 16px;
	color: #FFFFFF;
}
			
#linkFondoPagina:hover{
	text-decoration: underline;
}
			
#contenitoreIframe{
	width: 595px;
	height: 370px;
	background: #F0f0f0;
	margin-left: 4px;
}
		
		
/*************************************************** GALLERY **************************************/

.contenitoreGallery{
	margin-left: 5px;
	margin-bottom: 5px;
}	
.contenitoreGallery h3{
	float: left;
}
.contenitoreGallery .frecciaSx{
	background: url("../img/gallery_frecciaSx.gif") top left no-repeat;
	float: left;
	width: 7px;
	height: 14px;
	display: block;
	margin-top: 4px;
}

.contenitoreGallery .frecciaSx:hover{
	background: url("../img/gallery_frecciaSxOn.gif") top left no-repeat;
}

.contenitoreGallery .frecciaDx{
	background: url("../img/gallery_frecciaDx.gif") top left no-repeat;
	float: left;
	width: 7px;
	height: 14px;
	display: block;
	margin: 4px 0px 0px 8px;
}

.contenitoreGallery .frecciaDx:hover{
	background: url("../img/gallery_frecciaDxOn.gif") top left no-repeat;
}

.gallscroller{
	width: 600px;
}

.gallscroller ul {
	float: left;
	width: 580px;
}

.gallscroller ul li{
	width:  90px;
	height: 90px;
	display: block;
	float: left;
	margin-right: 8px;
}

.gallscroller ul .photoGalImage{
	float: left;
	display: block;
	width:  90px;
	height: 90px;
}


.sezioneElenchi{
    margin-left: 5px;
	margin-bottom: 5px;
}

.sezioneElenchi ul{
 	list-style: none;
}


.sezioneElenchi li{
    font-size: 12px;
	margin: 5px 0px;
	color: #857a74;
}

.sezioneElenchi a{
	color: #858814;
}

.sezioneElenchi a:hover{
	text-decoration: underline;
}


/**************************** Le specialità *****************************/

.riga01{
	padding: 6px 0px;
}

.fotoMenu{
	float: left;
	background: url("../img/fotoMenu_bkg.gif") top left no-repeat;
	margin: 0px;
	padding: 9px 20px 13px 9px;
	width: 177px;
	height: 114px;
	display: block;
}

.riga01 p{
	display: inline;
	padding: 0px 0px 0px 5px;
	line-height: 24px;
}

.riga01 h3{
	font-size: 16px;
	font-family: arial, verdana;
	padding: 5px 0px 0px 5px;
	float: left;
	/*width: 385px;*/
	color: #b62110;
	margin: 0px;
	line-height: 16px;
	}
/************************************* CANTINA ******************************/

h2.cantina_title{
	font-falily: arial, verdana;
	font-size: 22px;
	color: #717211;
	margin: 25px 0px 0px 2px;
}


h3.cantina_title02{
	font-falily: arial, verdana;
	font-size: 14px;
	color: #b62110;
	margin: 10px 0px 0px 3px;
}

.cantinaTesto{
	padding: 0px 0px 0px 5px;
}

.cantinaTesto a{
	color: #717211;
}

.cantinaTesto a:hover{
	text-decoration: underline;
}


/************************** ALBERGO ******************************************/

.rigaAlbergo{
	padding: 6px 0px;
}

.fotoAlbergo{
	float: left;
	background: url("../img/fotoMenu_bkg.gif") top left no-repeat;
	margin: 0px;
	padding: 9px 11px 13px 9px;
	width: 177px;
	height: 114px;
	display: block;
}

#paragrafoAlbergo{
	float: left;
	padding: 0px 0px 0px 10px;
	display: block;
	width: 390px;
	margin: 0px;
}


.vediFoto{
	width: 115px;
	height: 26px;
	display: block;
	background: url("../img/vedi-le-foto_btn.gif") top left;
	margin:5px 0px 0px 4px;
}

.vediFoto:hover{
    background: url("../img/vedi-le-foto_btnOn.gif") top left;
}

.vediCamere{
	width: 145px;
	height: 26px;
	display: block;
	background: url("../img/vedi-le-camere_btn.gif") top left;
	margin-top: 10px;
	float: right;
}

.vediCamere:hover{
    background: url("../img/vedi-le-camere_btnOn.gif") top left;
}

/*********************************Camere ************************************/

.vediTariffe{
	width: 137px;
	height: 26px;
	display: block;
	background: url("../img/vedi-le-tariffe_btn.gif") top left;
	margin:5px 0px 0px 4px;
	float: left;
}	

.vediTariffe:hover{
	background: url("../img/vedi-le-tariffe_btnOn.gif") top left;
}

.vediFoto2{
	width: 115px;
	height: 26px;
	display: block;
	background: url("../img/vedi-le-foto_btn.gif") top left;
	margin:5px 0px 0px 4px;
	float: left;
}

.vediFoto2:hover{
    background: url("../img/vedi-le-foto_btnOn.gif") top left;
}


/*********************************** new ed eventi *****************/
.titoloEventi{
	font-size: 16px;
	font-family: arial, verdana;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	color: #b62110;
	margin: 0px;
	/*line-height: 10px;*/
}


/************************************ TARIFFE ***********************************/



.rigaTariffe{
	padding: 6px 0px;
	
}

.rigaTariffe p{
	font-size: 13px;
	line-height: 19px;
}

.fotoTariffe{
	background: url("../img/fotoMenu_bkg.gif") top left no-repeat;
	margin: 0px;
	padding: 9px 11px 13px 9px;
	width: 177px;
	height: 114px;
	display: block;
}

.rigaTariffe .divFlottante{
	float: left;
	font-size: 16px;
	margin-right: 40px;
	display: block;
}

.rigaTariffe .divFlottante .prezzo{
	font-size: 18px;
	color: #b62110;
	padding: 5px 0px 0px 4px;
}

.contenitoreBottoni{
	width: 250px;
	margin: 0px;
	padding: 0px;
}

.prenota_btn{
	display: block;
	background: url("../img/prenota_btn.gif") top left;
	width: 76px;
	height: 26px;
	margin: 5px 0px 0px 4px;
}

.prenota_btn:hover{
	background: url("../img/prenota_btnOn.gif") top left;
}

.info_btn{
	display: block;
	background: url("../img/info_btn.gif") top left;
	width: 76px;
	height: 26px;
	margin: 10px 0px 0px 4px;
}

.info_btn:hover{
    background: url("../img/info_btnOn.gif") top left;
}


/************************ escursioni ***************************/


.rigaEscursioni{
	padding: 6px 0px;
}

.rigaEscursioni h3{
	font-size: 16px;
	font-family: arial, verdana;
	padding: 5px 0px 0px 5px;
	margin: 0px;
	/*float: left;*/
	color: #b62110;
	}
	
.rigaEscursioni p{
	/*float: left;*/
	line-height: 20px;
	padding: 0px 0px 0px 5px;
	display: block;
	/*width: 390px;*/
}
#minuti{
	font-size: 13px;
}

.link{
color: #62630f;
}


#mappa{
	font-size: 11px;
	color: #858814;
}

/****************************************** FORM *****************************/

.obbligatori{
	text-align: right;
	float: right;
	font-size: 11px;
}

form{
	padding:0px;
	margin: 5px 0px 0px 0px; 
	display: block;
	border: 0px solid red;
	width: 600px;
}

form fieldset{
	border: 0px;
	margin-bottom: 16px;
}

form .flottante{
	float: left;
	margin-bottom: 5px;
}

form fieldset h2{
	color: #b62110;
	font-size: 15px;
	letter-spacing: 0px;
	margin-bottom: 8px;
}

form label{
	color: #4d4f15;
	text-transform: uppercase;
	font-size: 11px;
	margin-left: 15px;
}

form input{
	background: url("../img/form_patt.gif") bottom left repeat-x #FFFFFF;
	color: #616779;
	font-size: 12px;
	margin-left: 15px;
	margin-top: 3px;
}


.nome{
	width: 556px;
	border: 2px solid #c1af79;
	padding: 2px;

}

.recapito{
	width: 170px;
	border: 2px solid #c1af79;
	padding: 2px;
}

#mail{
    width: 168px;
}

.viaPiazza{
	width: 200px;
	border: 2px solid #c1af79;
	padding: 2px;
}


.num{
	width:28px;
	border: 2px solid #c1af79;
	padding: 2px;
}

.city{
	width: 180px;
	border: 2px solid #c1af79;
	padding: 2px;
}

.numCap{
	width: 76px;
	border: 2px solid #c1af79;
	padding: 2px;
}

.prov{
	width: 266px;
	border: 2px solid #c1af79;
	padding: 2px;
}

.naz{
	width: 266px;
	border: 2px solid #c1af79;
	padding: 2px;
}


form textarea{
	background: url("../img/form_patt.gif") bottom left repeat-x #FFFFFF;
	padding: 2px;
	color: #616779;
	font-size: 12px;
	border: 2px solid #c1af79;
	margin: 3px 0px 5px 15px;
	width: 556px;
	height: 80px;
}


#checkbox{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	border: 0px;
}

.personali{
	text-transform: uppercase;
	color: #515216;
	font-size: 11px;
}

#privacy{
	display: block;
	float: left;
	color: #515216;
	font-weight: bold;
}

#privacy:hover{
	text-decoration: underline;
}

form .flottante3{
	width: 436px;
	float: left;
}

.riga{
	width: 583px;
	margin-bottom: 8px;
}

.bottoneInvio{
	display: block;
	width: 143px;
	height: 49px;
	float: right;
	background: url("../img/invio_btn.gif") top left no-repeat;
}

.bottoneInvio:hover{
    background: url("../img/invio_btnOn.gif") top left no-repeat;
}

.attenzione{
	text-transform: uppercase;
	font-size: 11px;
	color: red;
	margin: 3px 0px 5px 15px;
	font-weight: bold;
	display: none;
}

.contenitoreMess{
	width: 570px;
	margin: 10px 0px 5px 15px;
	text-align: center;
}


#ringraziamento{
	width: 580px;
	background: url("../img/patt_grazie.gif") top left;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
}

/******************** ERRORE *************************/

.mexerr{
	font-size: 14px;
	text-transform: uppercase;
	color: red;
	letter-spacing: 1px;
}

.mexok{
	font-size: 14px;
	text-transform: uppercase;
	color: green;
	letter-spacing: 1px;
	display: none;
}

.errore{
	color: red;
}

.errore label{
	color: red;
}	

.errore input{
	border: 2px solid red;
	color: #616779;
}

.errore .attenzione{
	display: block;
}

.errore span{
	color: red;
}

.errore #checkbox{
	border: 0px;
	}

.errore textarea{
	border: 2px solid red;
}


/************************************* FOOTER ********************************************/

#footer {
	width:960px;
	padding: 2px 29px 18px 18px;
	background: url("../img/pattern.jpg") top left;
}


#contenitoreLista{
	width: 960px;
	margin: 0px;
	padding: 0px;
}

.flottante{
	float: left;
}


.flottante2{
	float: left;
	margin-left: 50px;
}


#contenitoreLista ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#contenitoreLista li{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	border: 0px solid red;
	display: block;
	
}

.titolo{
	color: #9f2314;
	font-size: 15px;
	font-family: "times new roman";
	padding: 0px 0px 6px 0px;
	margin: 0px;
	display: block;
}

#contenitoreLista li a{
	color: #5d200d;
	font-size: 11px;
	font-family: arial, verdana;
	padding: 0px 0px 0px 1px;
	margin: 0px;
}


#contenitoreLista li a:hover{
	color: #000000;
}

#footer .dati{
	margin-top: 15px;
	width: 934px;
}


#footer .dati p{
	width: 826px;
	color: #5d200d;
	font-size: 11px;
	float: left;

}

#footer .dati span{
	color: #5d200d;
	font-size: 12px;
}

#footer .dati span a{
	color: #5d200d;
	text-decoration: underline;
}

#footer .dati span a:hover{
	color: #000000;
}





/******************** TUTTO QUELLO CHE C'ERA IN PIù (stili per i vari javascript) è STATO MESSO NEL FILE "altro.css" *************************/