/* CSS Lenzotti.it, realizzato da Guaitoli.it, 
grazie (e grazie e' poco..) a Gianluca Troiani http://www.constile.org per il supporto! */

body { margin: 0 1px 0 0; padding: 0; font: .80em verdana, sans-serif; text-align: center; background : #99cc00; }
h1   {font-size: 1.6em; }
h2   {font-size: 1.2em; }
h3   {font-size: 1.1em; }
h4   {font-size: 1.0em; }

acronym { cursor: help; border-width: 0 0 1px 0; border-style: dotted; border-color: #006600; }
.nascosto {display: none; }


#corpo { text-align:left; width:95%; margin:auto; 	background-color: #FFFFFF; border-left:1px solid #000; border-right:1px solid #000; }
/*  [text-align:left] annulla l'effetto di text-align: center nel BODY*/
/* [margin:auto] QUESTO è il *giusto* modo di allineare al centro un box, 
Mozilla non accetta il metodo text-align: center, essendo un browser eccellente*/

#colonna-sx {	float: left; width: 20%; }
#colonna-dx {   float: left; width: 20%; margin-right:-1px; }
/*il [margin-right:-1px] serve a compensare lo sfasamento di IE*/

#principale {   float: left; width: 60%; height: 100%; }
#datiazienda, #webby { clear: left; }

#header 	{ background: url(panoheada.jpg) repeat-x; color: #FFFFFF; height: 90px; padding-left: 10px; }
#header h1 	{ display: inline; background: transparent url(mezzoblu.gif) repeat scroll; padding: 0.1em 0.4em 0.1em 0.4em; }
 
#colonna-sx, #colonna-dx { height: 100%; }
#principale { background: #FFF; color: #000;}
#principale {
min-height: 2300px;
height: auto !important;
height: 2300px;
}
#datiazienda { background: #669537; color: #FFF; padding-left: 5px; text-align: center; font-variant: small-caps;  }
#webby { background: #A2C4B0; color: #000; padding-left: 5px; }
#colonna-sx .box, #colonna-dx .box {	padding: 2px; background-color: #99CC99; height: 99%; }		
/* da togliere ???? perche' non sono piu' usati, vedi elenchi */
#principale .box { border-style: none solid solid solid; border-color: #FFF; border-width: 1px; padding: 10px; display: block;  margin: 2px; }
#principale .specialeo { padding: 5px; float: right; background-color: #FEFFCE; font-size: 90%; font-variant: small-caps; border: 1px solid #003300; width: 30%; margin: 2px; }
#principale .specialee { padding: 5px; float: right; background-color: #F7EFB2; font-size: 90%; font-variant: small-caps; border: 1px solid #003300; width: 30%; margin: 2px; }
#principale .specialeu { padding: 5px; float: right; background-color: #CED5FF; font-size: 90%; font-variant: small-caps; border: 1px solid #003300; width: 30%; margin: 2px; }
#principale .contienispeciali { width: 100%; text-align: center; }
#principale .boxnewsletter { padding: 5px; float: right; background-color: #C0DBB5; font-size: 80%; border: 1px solid #003300; width: 30%; margin: 2px; }
#principale .boxulteve { padding: 5px; float: right; background-color: orange; font-size: 80%; border: 1px solid #003300; width: 30%; margin: 2px; }
#principale .boxultart { padding: 5px; float: right; background-color: yellow; font-size: 80%; border: 1px solid #003300; width: 30%; margin: 2px; }
#principale .messaggio { border-style: none solid solid solid; border-color: #fff; border-width: 1px; padding: 10px; display: block;  margin: 2px; text-align: center;  border: 1px solid #fff; background: #fff/*e9ffc1*/;  }
; }

#menufisso { border-top: 2px #fff;text-align: center;border-bottom: 2px #fff;}
#menufisso .box { text-align: center; color : #000066; text-decoration : none;
	border-top: 2px solid #fff; border-right: 1px none #000000; 
	border-bottom: 2px solid #fff; border-left: 1px none #000000; background-color: #fff/*A2C4B0*/; }

#menufisso a { color : #000066; text-decoration : none; }
#menufisso a:hover { background: #FFFF99; color : #006633; text-decoration : none; }

#ultagg    {/*da sistemare*/ 
	height : 12px; width : 100%;  font : 60% Verdana, Arial, Helvetica, sans-serif; color : #000066;  text-decoration : none; text-align : right;  } 

#footer { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 2px 10px; }
/* questa serve per dividere le sezioni, per i browser senza i CSS */
hr { display: none }
/* questa serve per dividere le sezioni, per i browser senza i CSS */
img { border: none; }
/*il border none glielo do coi css perche' da come viene fuori dal class.thumbnail non sarebbe valido, poi vedro' bene perche' */

/* altre robe */
.bacheca, .elencone, .staff {	font-size: 95%; width: 95%; border: 1px solid #003300; padding: 2px; }
.eventi {font-size: 95%; width: 95%; padding: 2px; margin-bottom: 2em; }
.staff h3 {font-weight: bold; font-size: 100%; }
.staff h4 {font-weight: bold; font-size: 70%; }
.bacheca hr, .staff hr {display: block; color: #336633; } 
.elenchi {	background-color: #99CC99; width: 100%; text-align: center; }
.elenchi a:link, .elenchi a:visited, .eventi a:link, .eventi a:visited { color : #000066; text-decoration : none; display : block; width : 100%; border: 1px solid #FFFF99; }
.elenchi a:hover, .elenchi a:active,  .eventi a:hover, .eventi a:active {background: #FFFF99; color : #006633; text-decoration : none; border: 1px solid #003300; }
.galleria { display: inline; }
.galleria a {text-decoration: none; }
.crediti {font-size: 80%; }
.evidenziatore {background: yellow; font-weight: bold; }
/*
.elenchi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;

}
/* alla fine li sistemero' ..*/
.imgsx { float: left; margin: 6px; padding: 6px; }
.imgdx { float: right; margin: 6px; padding: 6px; }
.ripristinafloat { clear: both; }
.centrato {text-align: center;  }