/* CSS Document */
body{
color:#A8A8A8;
background-color:#1e1e1e;
text-align:center;
margin: 20px auto;
font-family:Verdana;
}

#header{
text-align:left;
background-color:#000000;
height:130px;
margin-bottom:5px;
}

#top{
background-color:#1e1e1e;
bottom:0;
height:11px;
}
#menu{
background-color:#000000;
text-align:center;
color:#222222;
margin:0px 0px 3px 0px;
height:40px;
font-size:14px;
padding-left:25px;
}
#benvenuti{
background-color:#000000;
text-align:center;}
div#container{
position:relative;/*molto imporatnte se vogliamo che i posizionamenti assoluti siano dentro gli altri div!!!!*/
width:785px;
margin:0 auto;
background-color:#000000;


/*border:3px solid#0000;
nessuna cosa particolare*/
}

#extra{
text-align:left;
 float:right; 
 width: 260px; 
 margin:10px 20px 10px 5px;
 padding:3px 3px 3px 10px;
 border-left:1px solid#666666;
 background-color:#000000;
 vertical-align:top;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}
#extra a:link { color:#aaaaaa;}
#extra a:visited {color:#aaaaaa}
#extra a:hover{color:#FF0000}
#extra a:active{color:#aaaaaa}

 #content{
 float:right;
 margin:15px 0px 0px 0px;/*da usare per le due colonne solo*/
 /*margin:0 180px; da usare per le tre colonne solo*/
 background-color:#000000;
 text-align:center;
 vertical-align:top;
 }
 
 #content_unico{
margin:15px 5px 5px 5px;/*da usare per le due colonne solo*/
 /*margin:0 180px; da usare per le tre colonne solo*/
 background-color:#000000;
 text-align:left;
 vertical-align:top;
 }
 
 #content_unico a:link { color:#aaaaaa;}
#content_unico a:visited {color:#aaaaaa}
#content_unico a:hover{color:#FF0000}
#content_unico a:active{color:#aaaaaa}

 .sondaggi {
 float:left;
 }
 .sondaggi_img {
 padding:5px;
 margin:5px 10px 5px 5px;
 float:left;
 }
 
 .sondaggi_clear {
 clear:left;
 height:1px;
 }
#content a:link { color:#aaaaaa;}
#content a:visited {color:#aaaaaa}
#content a:hover{color:#FF0000}
#content a:active{color:#aaaaaa}
 
#footer{
background-color:#000000;
margin:20px 0px 0px 0px;
clear:right;
 }
 #footer a:link { color:#aaaaaa;}
#footer a:visited {color:#aaaaaa}
#footer a:hover{color:#FF0000}
#footer a:active{color:#aaaaaa}
 
 #footer p{
 font-size:10px;
 }
 
 #bottom{
 background-color:#1e1e1e;
 height:11px;
 }

#sin{
margin:10px 0px 0px 0px;
padding-left:10px;
width:200px;
height:100px;
background:transparent;
float:left;
}
#sin p{
vertical-align:bottom;
font-family:Verdana;
font-size:10px;
margin-left:10px;
/*margin-top:1px;*/
}
#sin a:link { color:#aaaaaa;}
#sin a:visited {color:#aaaaaa}
#sin a:hover{color:#FF0000}
#sin a:active{color:#aaaaaa}
#des{
margin:10px 0px 0px 0px ;
padding:0;
background:transparent;
float:right;
text-align:right;
}

a.mini1{background:url();}/*immagine per i lenk.. home..pagina2..3..4..*/

a.galleria span {
display:block; 
position:absolute;
width:1px; 
height:1px; 
top: 5px; 
left: 5px;
overflow:hidden; 
background:#ffffff;
}

/*creo link ale miniature*/
a.galleria, a.galleria:visited {/*dove si vedono le miniature*/
display:block;
padding-top:2px;
color:#bbbbbb;
font-size:12px;
font-weight:100;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border:2px solid #000000;
width:115px; 
height:18px; 
float:left;
margin:3px 3px 15px 3px;
z-index:100;
}
/*stato hover delle miniature*/
a.galleria:hover {
border-bottom:2px solid #3366cc;
}

a.galleria:hover img {
position:relative; 
z-index:100;
}

/*a.galleria:active img, a.galleria:focus img {
border:1px solid #ddd; 
position:relative; 
z-index:50;
}*/

a.galleria:hover span{
font-family:Monaco;
color:#bbbbbb;	
font-size:9px;
display:block;
position:absolute;
width:453px;
height:101px;
top:21px;
left:332px;
padding-bottom:25px;
background:transparent;
z-index:100;
}
.image{
display:block;
position:absolute;
width:400px;
height:250px;
top:175px;
left:10px;
padding:0;
}
div.articolo{
width:440px;
margin:5px 0px 0px 15px;
background-color:#000000;
text-align:justify;
}
div.video{
width:440px;
margin:0px 0px 0px 15px;
padding:5px 5px 5px 5px;
background-color:#000000;
text-align:justify;
}

/*div.articolo p{
margin:0 10px;
padding:0px;
font-size:12px;
color:#bbbbbb;
}
div.articolo h3{
margin:0 10px;
padding:0px;
font-size:14px;
color:#eeeeee;
}*/
div.articolo img{
float:left;
margin:10px;
}
div.clear{
clear:left;
}

div.news{
width:260px;
margin-bottom:10px;
text-align:left;
}
/*div.news p{
margin:0 10px;
padding:0px;
font-size:9px;
}*/
div.news img{
float:right;
margin:10px;
}
div.versioni{
width:auto;
text-align:left;}



h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#eeeeee;
font-weight:normal;
}
p{
font-size:10px;
color:#aaaaaa;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tabella{
font-size:12px;
color:#aaaaaa;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:2px;
}

h1{
color:#bbbbbb;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:300;
font-size:14px;
}
img.destra {
float:right;
margin-right:8px;
}

.pagina_aperta{color:#0000FF;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;}
.rosso{
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000FF;
}
.titolorosso{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:500;
color:#eeeeee;
}

#titolo{margin-right:30px;}
#content_video{
 margin:10px 0px 0px 0px;/*da usare per le due colonne solo*/
 /*margin:0 180px; da usare per le tre colonne solo*/
 background-color:#000000;
 text-align:center;
 vertical-align:top;
 }
 
 #content_video a:link { color:#aaaaaa;}
#content_video a:visited {color:#aaaaaa}
#content_video a:hover{color:#FF0000}
#content_video a:active{color:#aaaaaa}

#servizi a:link { color:#ffffff;}
#servizi  a:visited{ color:#ffffff;}
#servizi a:hover{ color:#ff0000;}
#servizi a:active{ color:#ffffff;}