@charset "utf-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFFFFF;
	background-image:url(../immagini/sfondo.jpg);
	background-repeat:repeat-x;
	font: 75%/160% Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:normal;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

div#contenitore {
	margin:auto;
	width:955px;
	min-width:955px;
	background:url(../immagini/sfondo_2col.gif) 80% 0 repeat-y;
	margin-bottom:20px;
}

div#contenitoreinterno {
  background:url(../immagini/sfondo_3col.gif) 19% 0 repeat-y
}

div#logo {
  width:100%;
  text-align: left;
  background-color:#ecedef;
}
	
div#contenutologo {
  padding:5px 0 0 20px;
}

div#contenutologo .floatdx {float: right;}
div#contenutologo .margindx { margin-right:20px;}


div#testata {
	width:100%;
	text-align: center;
	background-color:#999999;
}

div#contenutoprincipale {
  float:left;
  width:80%;
}

/*----------------------------- NAVIGAZIONE ORIZZONTALE -----------------------------*/
div#navigazione_orizzontale {
  background-color:#ecedef;
  height:25px;
  text-align: right;
  width: 100%;
}
div#navigazione_orizzontale ul {list-style-type: none; padding: 0 40px 0 20px;}
div#navigazione_orizzontale li {display: inline;} /* nota display: inline */
div#navigazione_orizzontale a {color: #000000; text-decoration: none;}
div#navigazione_orizzontale a:hover {color: #000000; text-decoration: underline;}
div#navigazione_orizzontale a#activelink {color: #FF0000; text-decoration: underline; font-weight: bold;}
div#navigazione_orizzontale .barraspazio {color: #FF0000; margin:0 25px 0 25px;}

/*------------------------------------ CONTENUTO ------------------------------------*/
div#contenuto {
  float:right;
  width:575px;
}

div#contenuto_pagina {padding: 20px 15px 40px 15px;}

div#contenuto h1{font-size:20px; color:#ff2313;}
div#contenuto h2{font-size:20px; color:#ff2313;}

div#contenuto h3{font-size:15px; color: #333333; font-weight:normal;}
div#contenuto .grassettorosso{font-size:15px; color: #FF0000; font-weight: bold;}
div#contenuto .titolo_evidenziato {background-color: #CCCCCC; padding:5px; line-height:20px; margin-right: 5px;}
div#contenuto .titolo_sezione {font-weight: bold;}
div#contenuto p {text-align: justify;}
div#contenuto .bandierasx {text-align: left;}
div#contenuto a {color: #FF0000; text-decoration: none;}
div#contenuto a:hover {color: #FF0000; text-decoration: underline;}
div#contenuto .linea {color: #e5e5e5;}
div#contenuto strong{color: #333333;}
div#contenuto .foto { border: #CCCCCC 1px solid; background-color: #FFFFFF; padding:2px;}
div#contenuto .didascalia {font-size: 10px; font-style: italic;}

div#contenuto .div_rollover {margin-right: 5px;}
div#contenuto .div_rollover a {color:#666666; display: block; bacground-color: #FFFFFF; padding:10px 10px 5px 10px;}
div#contenuto .div_rollover a:hover {color:#666666; text-decoration:none;  background-color: #e5e5e5; padding:10px 10px 5px 10px;}

div#contenuto #camposemplice_hp {border-left:#d8d7d9 1px solid; padding-left:18px;}

div#contenuto .floatdx {float: right;}
div#contenuto .marginsx {margin: 0 0 5px 20px;}
div#contenuto .floatsx {float: left;}
div#contenuto .margindx {margin: 0 20px 5px 0;}
div#contenuto .clear {clear: both;}
div#contenuto .aligncenter {text-align: center;}

/*--------------------- Form ---------------------*/
div#contenutoForm {text-align: center;}
fieldset {width: 95%; padding: 0 0 10px 0; border: 1px solid #e5e5e5;text-align: center;}
fieldset legend {color: #9fb72f; padding:10px;}
fieldset div {clear: left; text-align: left;}
fieldset label {float: left; width: 20%; padding: 3px 15px; margin: 0 0 5px 0; text-align: right;}
fieldset .inputText {width: 350px; padding: 1px 3px;  margin: 0 0 10px 0;}
fieldset .inputRadio {margin: 0 0 0 50px;}
#bottoni {width: 95%; padding-top: 20px; text-align: right;}
#bottoni .bottone {width: 120px; margin-left: 30px;}

/*---------------- Elenco a Galleria ----------------*/
div#contenuto #thumbs {margin:15px 0 30px 0;}

#thumbs .thumbsContenitore { 
  	width:146px; /*WIDTH THUMBS + padding e bordo di imgCornice*/
	height:125px; /*HEIGHT THUMBS + 35px per far stare 2 righe di testo*/
	float:left;
	margin:0 15px 20px 15px;
	text-align: center;
	overflow:hidden;
}
#thumbs .imgCorniceConTesto { 
  	width:140px; /*WIDTH THUMBS*/
	height:105px; /*HEIGHT THUMBS*/
	border:1px #CCCCCC solid;
	background-color: #F8F8F8;
	padding: 2px;
}

#thumbs .imgCorniceSenzaTesto { 
  	width:140px; /*WIDTH THUMBS*/
	height:105px; /*HEIGHT THUMBS*/
	border:1px #CCCCCC solid;
	background-color: #F8F8F8;
	padding: 2px;
	float:left;
	margin:0 15px 20px 15px;
}
#thumbs .imgContenitore {width:140px;/*WIDTH THUMBS*/ height:105px; /*HEIGHT THUMBS*/ overflow:hidden; cursor: pointer;}
#thumbs img {width: 140px; /*WIDTH THUMBS*/}

/*------------------------------ NAVIGAZIONE VERTICALE ------------------------------*/
div#navigazione_verticale {
  float:left;
  width:24%;
  background-color:#5f5f5f;
  text-align:center;
  margin-bottom:40px;
}
div#navigazione_verticale ul {padding-top: 20px; list-style-type: none; text-align:center;}
div#navigazione_verticale li {margin:7px 0 7px 0; width:100%; line-height:28px; height:30px;}
div#navigazione_verticale a {color: #ffffff; text-decoration: none; display: block; background-color:#373737; height:30px;}
div#navigazione_verticale a:hover {color: #ffffff; text-decoration: underline; background-color:#7e7e7e;}
div#navigazione_verticale a#activelink {color: #ffffff; text-decoration: none; background-color: #FF0000;}
div#navigazione_verticale #banner { margin-top:80px; width:100%;}
div#navigazione_verticale .testo {color: #ffffff; }



/*----------------------------- SPALLA DESTRA - GALLERY -----------------------------*/
div#risorse {
  float:right;
  width:20%;
  text-align:left;
  background-color:#9ea3ad;
  margin-bottom:20px;
}

div#risorse .titolo { background-color:#72767c; border-top:#FFFFFF solid 1px; border-bottom: #FFFFFF solid 1px;padding:10px; color:#FFFFFF;}
div#risorse .testo {padding:10px; color: #333333;}
div#risorse h1{font-size:12px; font-weight:normal;}


/*---------------------------------- PIEDE - FOOTER ---------------------------------*/
div#piede {
  clear:both;
  width:100%;
  color:#7e7e7e;
}
div#piede div#piede_interno {width:80%; background-color:#4f4f4f;}
div#piede_interno div#contenutop {padding: 10px; text-align: left;}
div#piede h2 {font-size:11px; color:#7e7e7e;}
div#piede .anagrafica {font-size:11px;}
div#piede a{ color:#CCCCCC; font-size:10px;}
