@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;
}

div#contenitoreinterno {
  background:url(../immagini/sfondo_3col.gif) 19% 0 repeat-y
}
	
div#testata {
	width:100%;
	text-align: center;
	background-image:url(../immagini/sfondo.jpg);
	background-repeat:repeat-x;
}

div#contenutoprincipale {
  float:left;
  width:80%;
  text-align:justify;
}

/*----------------------------- NAVIGAZIONE ORIZZONTALE -----------------------------*/
div#navigazione_orizzontale {
  background-color:#ffffff;
  height:45px; border-right: 1px solid #d6d6d6;
}
div#navigazione_orizzontale ul {list-style-type: none; padding:0 0 0 20px;}
div#navigazione_orizzontale li {display: inline;} /* nota display: inline */
div#navigazione_orizzontale a {color: #000000; text-decoration: none;margin:0 45px 0 45px;}
div#navigazione_orizzontale a:hover {color: #000000; text-decoration: underline;}
div#navigazione_orizzontale a#activelink {color: #377fe3; text-decoration: none; font-weight: bold;}
div#navigazione_orizzontale .barraspazio {color: #377fe3; }

/*------------------------------------ CONTENUTO ------------------------------------*/
div#contenuto {
  float:right;
  width:76%;
}

div#contenuto_pagina {padding: 5px 20px 40px 30px;}

div#contenuto h1{font-size:20px; color:#377fe3; text-align:left;}
div#contenuto .titolo_evidenziato {background-color: #CCCCCC; padding:3px; line-height:20px; padding-left:8px; margin-right:5px;}
div#contenuto .titolo_sezione {font-weight: bold; color:#424242;}
div#contenuto p {}
div#contenuto a {color: #377fe3; text-decoration: none;}
div#contenuto a:hover {color: #003399; text-decoration: underline;}
div#contenuto .linea {color: #CCCCCC;}
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_rolloverNoLink {margin-right: 5px;padding:10px 10px 5px 10px;}
div#contenuto .div_rollover a {color:#666666; display: block; background-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 10px 30px;}
div#contenuto .floatsx {float: left;}
div#contenuto .margindx {margin: 0 30px 10px 0;}
div#contenuto .clear {clear: both;}
div#contenuto .aligncenter {text-align: center;}

div#contenuto #loader {display: none; margin-right: 10px;}
div#contenuto #messages {color:#377fe3; font-weight: bold;}
/*--------------------- Form ---------------------*/
div#contenutoForm {text-align: center;}
fieldset {width: 100%; padding: 0 0 10px 0; border: 1px solid #e5e5e5;text-align: left;}
fieldset legend {color: #1743a7; padding:10px;}
fieldset .newfield {clear: left; text-align: left;}
fieldset label {float: left; width: 25%; padding: 3px 15px; margin: 0 0 5px 0; text-align: right;}
fieldset .captchaField {float: left; text-align: right; padding: 3px 15px 3px 0; margin: 0 0 5px 0;}
fieldset .inputText {width: 330px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .inputTextSmall {width: 135px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .inputRadio {margin: 0 0 0 50px;}
#bottoni {width: 100%; padding-top: 20px; text-align: right;}
#bottoni .bottone {width: 120px; margin-left: 30px;}
#messaggiForm {width: 100%; padding-top: 20px; text-align: left;}
div#contenutoForm #messages {color: #1743a7; font-weight: bold;}
div#contenutoForm #requiredFields {color: #c60000; font-weight: bold;}
div#contenutoForm #wrongFields {color: #ff6d11; font-weight: bold;}

.display-none {display: none;}
.visibility-hidden{visibility: hidden;}
/*---------------- Elenco a Galleria ----------------*/
div#contenuto #thumbs {margin:15px 0 30px 0;}

#thumbs .thumbsContenitore { 
  	width:146px; /*WIDTH THUMBS + padding e bordo di imgCornice*/
	height:140px; /*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:23.9%;
  text-align:center;
  background-color: #acaeb0;
  margin-bottom:40px;
}
div#navigazione_verticale ul {padding-top: 20px; list-style-type: none; text-align:center;}
div#navigazione_verticale li {margin:10px 0 7px 0; width:100%;  height: auto; }
div#navigazione_verticale a {color: #ffffff; text-decoration: none; display: block; background-color:#686a6b; padding:10px; font-weight:bold; }
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:#377fe3;}
div#navigazione_verticale #banner { margin-top:130px; width:100%;}

/*----------------------------- SPALLA DESTRA - GALLERY -----------------------------*/
div#risorse {
  float:right;
  width:19.9%;
}

div#risorse ul#gallery {
  list-style-type: none; 
  margin:0 0 0 10px;
  padding: 25px 0 3px 0;
  background-color: #acaeb0;
  text-align: center;  padding-bottom:60px;

}

ul#gallery li {margin-bottom: 16px; padding:15px 0 0 0 }
ul#gallery img {border: 1px solid #FFFFFF;}

/*---------------------------------- 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;}
div#piede h2 {font-size:11px; color:#7e7e7e;}
div#piede .anagrafica {font-size:11px;}


.freccia ul{ list-style-type: none; text-align: left;}
.freccia li{ list-style-image: url(../immagini/spunta.jpg); margin:10px 0 10px 10px; }