@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #003366 url(../img/bg.jpg) repeat-y center;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 780px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
    background: #ccc url(../img/bg.png) repeat-y top;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #FFFFFF;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}
.oneColFixCtrHdr #mainContent {
	font-size: 14px;
	padding: 0 20px 5px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	line-height: 18px;
}
.oneColFixCtrHdr #mainContent h1{
	color: #339933;
	font: bold 28px Constantia, Georgia, "Palatino Linotype", Palatino, serif;
	padding-top: 10px;
	margin: 0;
	border-bottom: solid 1px #339933;
}
.oneColFixCtrHdr #mainContent h2{
	color: #3366cc;
	font: bold 20px Constantia, Georgia, "Palatino Linotype", Palatino, serif;
}
.oneColFixCtrHdr #mainContent p{
	margin: 5px 0;
	text-align: justify;
}
.oneColFixCtrHdr #mainContent ul{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.oneColFixCtrHdr #mainContent ul li{
	margin-left: 10px;
	padding-left: 15px;
	background: url(../img/bullet.png) no-repeat 0 center;
}

.oneColFixCtrHdr #mainContent a{
	font-weight: bold;
	color: #393;
	text-decoration: none;	
}

.oneColFixCtrHdr #mainContent a:hover{
	color: #0066CC;
}




.oneColFixCtrHdr #footer {
	padding: 5px 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#006600 url(../img/ft.jpg) repeat-x top;
	height: 20px;
}

.oneColFixCtrHdr #footer #left{
	float: left;
}

.oneColFixCtrHdr #footer p {
	text-align: left;
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	font-size: 9px;
	color: #FFFFFF;
}
.oneColFixCtrHdr #footer a {
	text-decoration: none;
}
.oneColFixCtrHdr #footer a:hover {
	color: #6699FF;
}
.oneColFixCtrHdr #footer a img{
	border: none;
	vertical-align: top;
}







/* Menu */
.solidblockmenu{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	background: black url(../img/blockdefault.gif) center center repeat-x;
	border-top: 1px solid #FFFFFF;
	border-right: 0 solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0 solid #FFFFFF;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(../img/blockactive.gif) center center repeat-x;
}

.solidblockmenu #flags{
	float: right;
	padding: 2px 10px 0 0;
}
.solidblockmenu #flags img{
	border: none;
}
.solidblockmenu #flags a{
	display: block;
	float: left;
	padding: 0px;
	margin: 2px;
	border: solid 1px #339933;
}
.solidblockmenu #flags a.selected{
	border: solid 1px #ffffff;
}


.solidblockmenu #flags a:hover{
	border: solid 1px #FF3300;
}

.solidblockmenu #flags form{
	margin: 0;
	padding: 0;
}



.fltlt{
	float: left;
	margin-right: 10px;
}




#thumbs{
	clear: both;
	height: 140px;
	padding: 0 20px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */

}

#thumbs img{
	margin-top: 2px;
	border: 1px solid #393;
}



.oneColFixCtrHdr #mainContent #escursioni a{
	display: block;
	float: left;
	width: 230px;
	margin: 10px 5px;
	padding: 2px;
	border: solid 1px #393;
	text-decoration: none;
	font: bold 16px Constantia, Georgia, "Palatino Linotype", Palatino, serif;
    background: #fff url(../img/gradient.png) repeat-x top;
}

.oneColFixCtrHdr #mainContent #escursioni a:hover{
	background: #D9ECFF url(../img/spigolo.png) no-repeat right bottom;
	border: solid 1px #36c;
}

.oneColFixCtrHdr #mainContent #escursioni a:hover p{
	color: #36c;
}

.oneColFixCtrHdr #mainContent #escursioni a:hover img{
	border: solid 1px #36c;
}

.oneColFixCtrHdr #mainContent #escursioni a p{
	margin: 0;
	padding-top: 10px;
	color: #393;
}


.oneColFixCtrHdr #mainContent #escursioni img{
	border: solid 1px #393;
	padding: 2px;
	margin-right: 10px;
	float: left;
}






.oneColFixCtrHdr #mainContent #Pompei{
	display: none;
}
.oneColFixCtrHdr #mainContent #Ercolano{
	display: none;
}
.oneColFixCtrHdr #mainContent #CostieraAmalfitana{
	display: none;
}
.oneColFixCtrHdr #mainContent #Vesuvio{
	display: none;
}
.oneColFixCtrHdr #mainContent #Paestum{
	display: none;
}
.oneColFixCtrHdr #mainContent #ReggiaCaserta{
	display: none;
}
.oneColFixCtrHdr #mainContent #Cuma{
	display: none;
}
.oneColFixCtrHdr #mainContent #Solfatara{
	display: none;
}
.oneColFixCtrHdr #mainContent #Sorrento{
	display: none;
}



/* FORM */
#contacts{
	width: 450px;
	float: right;
	padding:5px 0;
	margin:10px;
	}
#contacts fieldset{
	float:left;
	width:450px;
    margin: 1em 0;
	padding: 0;
	border: none;
	border-top: 1px solid #6c6;
    background: #ccc url(../img/gradient.png) repeat-x top;
	}
#contacts legend{
	font-size: 14px;
	font-weight:bold;
	color: #333;
	background:#FFF;
	border: 1px solid #6c6;
	padding: 0 3px;
}
#contacts form b{color:#F00}
#contacts form p{margin:0.5em 10px}
#contacts fieldset div{float:left;width:100%;
    padding: 10px 0 12px;
    background: url(../img/line.png) repeat-x bottom}

#contacts input{
	border: 1px solid #6c6;
}

#contacts textarea{
	border: 1px solid #6c6;
	margin-left: 60px;
}

#contacts label{
	font-size: 12px;
	float:left;
	width:120px;
	display: inline;
	margin-left: 10px;
	line-height:23px;
}

.button{
    background: #6c6 url(../img/gradient.png) repeat-x center;
	color: #363;
}

#infocontacts{
	float: left;
	width: 250px;
	margin-top: 10px;
	line-height: 20px;
	text-align: justify;
	padding: 0px 2px;
}

#infocontacts #h24{
	padding-bottom: 20px;
}

#infocontacts #h24 h2{
	color: #3366cc;
	font: bold 20px Constantia, Georgia, "Palatino Linotype", Palatino, serif;
	border-bottom: 1px solid #36c;
}

#infocontacts #society{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #336633;
}






#blockleft{
	width: 350px;
	float: left;
	padding-left: 10px;
	line-height: 24px;
}

#blockright{
	width: 350px;
	float: right;
	line-height: 24px;
}

#descleft{
	width: 450px;
	float: left;
	padding-left: 10px;
	line-height: 24px;
}

#thumbright{
	width: 250px;
	float: right;
	line-height: 24px;
}

#thumbright img{
	border: 1px solid #393;
	margin-top: 2px;
}



.special{
    background: #fff url(../img/gradient.png) repeat-x top;
	border-top: dashed 1px #393;
	border-bottom: dashed 1px #393;
}