@CHARSET "UTF-8";

/*
    arancione:  #FF7C00
    violetto:   #ca88fe
*/

html,body{margin:0;padding:0}
html{height: 100%; margin-bottom: 1px} /*per la scrollbar laterale in Opera e Mozilla*/
body{padding-bottom: 20px; font: 15px Verdana, Arial, Helvetica, sans-serif;;
    text-align: center; background: #002211; color: #FFF}	/* color: #3f3f3f */
h1,h2,h3,h4{margin: 0}
h1{font-size: 300%; font-weight:bolder; color: #003366}
h2{font-size: 160%; margin-top:10px; color: #FF7C00; letter-spacing: .4em}
h3{font-size: 130%; color: #ca88fe; letter-spacing: .2em}
h4{font-size: 130%; }
h5{font: 18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
	color: #3366CC;	line-height:24px; letter-spacing: .2em}
h6{font-size: 100%; color: #003366; font-weight:bold; letter-spacing: .1.5em}
h7{font-size: 150%; font-weight: bolder; color: #003366}
p{margin: 0; padding: 0 0 1em; line-height: 1.5}
a{color: #3366CC; font-weight:bold }
a:hover {color: #FF6600;}
a:visited {color: #3355CC}

img { border: 0px; }	
	
/* CLASSI GENERICHE */
div.center{text-align: center}

.smallTitle {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;	line-height:16px; letter-spacing: .2em}

td {font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;	}
.pari td{font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #CEF; }	/* #E8FDFF */
.dispari td{font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #CFE; }	/* #DDFFCC */
		
#justifyM p,ul,li {
	font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight: 500;
	text-align: justify;
	}

/* LAYOUT E SEZIONI INVARIANTI */

#container {margin: 0 auto; padding: 0; width: 1000px; background-color: #002211 }

#header {background: #002211; width: 100%; margin: 0;}
			/* url(../_img/erba.jpg) repeat top left; width: 100%; float: left; clear:both}  height: 150px; position: fixed; z-index: 9} */
#header img#logo {margin: 0; width: 10%; float: left}
#header img#titolo {margin: 5px; width: 60%}
#header img#logo2 {margin: 30px; width: 10%; float: right}

#topbar {height: 15px; background: #FF6; width: 100%; float: left; margin: 0}
		/* vertical-align: bottom; height: 17px; position: fixed; top: 132px; z-index: 10} */
#topbar div#adtopbar {width: 50%; float: left; } 
#topbar div#dataora {color: #040; font: 11px Verdana, Arial, Helvetica, sans-serif; vertical-align: bottom; 
			float: right; padding: 0px 5px; margin: 0px; } /* white-space: nowrap;} */

#wrapper {float: left; width: 100%; background-color: #002211 }

#menu {background: #002211; float: left; width:160px; margin: 0 }
			/* display: inline; padding-bottom: 20px; position: fixed; top: 152px; height: 2000px} */
#menu ul{list-style-type: none; margin: 20px 0px 0px 0px; padding: 0}
#menu li {border-bottom: 2px solid #C0DFFD; margin: 0 }	
#menu li a { font: 15px Verdana, Arial, Helvetica, sans-serif;
			color: #FFF; line-height:10px; letter-spacing:.1em;
			text-decoration: none; display:block; padding:8px 6px 10px 26px; }	
#menu li a:hover {	background: #ffffff url(../_img/arrow.gif) 14px 45% no-repeat; color:#FF6600; }
/*
div#menu h4{margin-top: 10px; font-size: 120%; font-weight:lighter; color: #00A}
div#menu ul{list-style-type: none;margin:0;padding:0}
div#menu li{margin:0;line-height: 1.3}
div#menu a{text-decoration:none;color: #394A5A;padding-left:12px;line-height: 1.6;
    background: url(bullet.jpg) no-repeat top left}
div#menu a:hover{color: #000;text-decoration: underline}
*/

/* combinazioni:
	- menu + content (main + sidebar)
	- sinistra + main + destra [170 + (10) + 640 + 180 = 1000px]
*/

/* da usare solo con menu */
#content{min-height: 480px; width: 830px; float: left; padding: 0; margin: 20px 0px 10px 10px; border: 0px solid }

/* da usare senza menu */
#sinistra {float: left; width: 170px; margin: 0 }

#destra {float: right; width: 180px; margin: 0 }

#main{width: 630px; float: left; padding: 0 10px; margin: 0; border: 0px solid; min-height: 400px }

#sidebar {background: #002211; float: right; width: 180px; 
			font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
				padding: 0; margin: 0; display: inline; border: 0px solid}
#sidebar div#sidelink img{width: 110px; height: 110px; margin: 5px; border: 0}

#footer{clear: both; text-align: center; border-top: 1px solid #ccc; 
    background: #002211 url(footer.jpg) bottom; color: #FFF; font-size: 90%;
    padding: 10px }
#footer div#counter {float: left; width: 31%; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; margin: 0px }
#footer div#signature {float: none; font: 12px Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; margin: 0px }
#footer div#pdg {float: right; width: 31%; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; margin: 0 10px }

/* news */
/*
div.news{margin:15px 0;padding: 0 5px;border:1px solid #eee;background: url(newsbk.jpg) repeat-x top}
*/
div.news h1 {font: 20px Verdana, Arial, Helvetica, sans-serif;
			color: #00CC33; line-height:24px; letter-spacing: .2em; line-height:50px;}
div.news .titolo{ font: 15px Verdana, Arial, Helvetica, sans-serif;
			color: #3366CC;	}
div.news .sottotitolo{ font: 15px Verdana, Arial, Helvetica, sans-serif;
			color: #3366CC; }
div.news .ora{ font: 12px Verdana, Arial, Helvetica, sans-serif; color: #003366; }
div.news .testo{ font: 15px Verdana, Arial, Helvetica, sans-serif; color: #FFF; }


.bodyText {	font:15px Verdana, Arial, Helvetica, sans-serif;
			color:#003366; line-height:20px; margin-top:0px;}
	
.pageName{font: 18px Verdana, Arial, Helvetica, sans-serif;
			color: #3366CC;	line-height:24px; letter-spacing: .2em}
	
.subHeader {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;	line-height:16px; letter-spacing: .2em}

.quote {font: 20px Verdana, Arial, Helvetica, sans-serif;
		color: #759DA1;	line-height:30px}
	
.smallText {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #003366}
	
.navText {font: 15px Verdana, Arial, Helvetica, sans-serif;
			color: #003366;	line-height:16px; letter-spacing: .1em;	
			text-decoration: none }
			
.testoA1 {font: 17px Verdana, Arial, Helvetica, sans-serif}
.testoA2 {font: 17px Verdana, Arial, Helvetica, sans-serif;
			color: #003366;	letter-spacing: .2em}
.testoA3 {font: 12px Verdana, Arial, Helvetica, sans-serif;
			color: #003366;	font-size: 14px; font-weight: bold;
			letter-spacing: .2em; line-height:16px}
.testoB1 {font: 18px Verdana, Arial, Helvetica, sans-serif;
			color: #3366CC;	line-height:30px}
.testoB2 {font: 17px Verdana, Arial, Helvetica, sans-serif;
			color: #3366CC;	line-height:30px; letter-spacing: .2em}
.testoB3 {font: 16px Verdana, Arial, Helvetica, sans-serif;
			color: #3366CC;	line-height:16px; letter-spacing: .2em}
.testoC1 {font-size: 16px; color: #OOCC33; font-weight: bold}
.testoC2 {font: 20px Verdana, Arial, Helvetica, sans-serif;
			color: #OOCC33;	font-size: 14px; font-weight: bold; letter-spacing: .2em}
.testoC3 {font: 20px Verdana, Arial, Helvetica, sans-serif;
			color: #00CC33; line-height:24px; letter-spacing: .2em }
.testoD1 {font: 17px Verdana, Arial, Helvetica, sans-serif; 
			color: #FF7C00; font-weight: bold }

			

/* creasito */	
div#creasito div#sinistra, div#creasito div#destra { width: 250px; padding: 20px 10px; }
div#creasito div#main { width: 440px}	
div#creasito div#sinistra img, div#creasito div#destra img { width: 250px; margin: 20px 0px}			
			
/* datisito */

div#datisito {min-height: 2900px}	
div#datisito div#sinistra, div#datisito div#destra { width: 160px; padding: 20px 0px; }
div#datisito div#main { width: 660px}			
			
/* Validazione Email */
	
#formEmail p.controls{
  border-top:1px solid #6CA0F6;
  padding:1.5em;
  text-align:center;
}

#formError{
	color: #F00;
	font-weight: bold;
}

#foto{
	position:fixed;
	left:150px;
}


#passwordgestione form{
    width:800px;
    margin: 20px auto 0px auto;
    height: 530px;
    background-color:#002211; /*#dfd;*/
    padding:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}
#passwordgestione p{
	font: 15px Verdana, Arial, Helvetica, sans-serif;
    clear: both;
    margin: 0;
    color: white;
    padding: 7px 0 7px 0;
    font-style: italic;
}
#passwordgestione fieldset {
    width:280px;
    padding:5px;
    border-top:1px solid #F5F5F5;
    display: inline;
    margin: 10px;
    background-color:#fff;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
#passwordgestione legend
{
	background: #002211;
	border: 1pt solid #FFF;
    color: #abda0f;
    padding:2px 8px;
    margin-left: 14px;
    font-weight:bold;
    font-size: 14px;
    font-weight:100;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
#passwordgestione label{
	font: 15px Arial, Helvetica, Verdana, sans-serif;
    color:#444;
    width:115px;
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px; 
    cursor: pointer;   
}
#passwordgestione input{
    width: 120px;
    color: #505050;
}

#passwordgestione button
{
    background: #abda0f ;
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    cursor: pointer;
    font-size:18px;
    margin:10px 4px;
}