fhtml,body{margin: 0;padding:0}
html {font-size: 76%}

body{font-family: verdana,sans-serif;font-size: 76%
    text-align: center;   /*centra in IE 5.x */
    }

div#container{
    border:1px solid #000000; 
    width: 760px;
    position:relative; 
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left
    } 




/*stili generici, su header e footer*/
acronym{
	border:0;
	font-style:italic;}


div#aggiornamenti {
			width :100%; 
			margin-top : 0; 
			margin-bottom : 0; 
			color:#000080; 
			text-align:center;
} 

div#logo {
	border-bottom:1px solid #00004B; background-position: center; width:760px;
	position:relative;  
       height:138px; background-color:#FFFFFF; background-image:url('../imgs/head_forum_giovani.jpg'); background-repeat:no-repeat; border-left-width:1px; border-right-width:1px; border-top-width:1px  
      }
            
          


h1,h2{padding:0; margin-right:0; margin-top:0; margin-bottom:0}
h1{
	 padding-left:10px;font: bold 1.1em arial,sans-serif;display: none 
}
h2 {font-size: 1em; 
			margin-bottom: 2px;
			padding-bottom:0; 
			margin-top:3px; 
			color:#00004B; 
			text-align:left;
			width:98%; font-weight:bold; text-transform:uppercase; margin-left:3px 
			
}
h3{        
			font-size: 1em; 
			margin-bottom: 2px;
			padding-bottom:0; 
			margin-top:3px; 
			color:#00004B; 
			text-align:left;
			width:98%; font-weight:bold; text-transform:uppercase; margin-left:3px 
			
}
h4{        border:1px solid #00004B; background-position:    right center; font-size:1em; 
  height:20px; 
           width:95%; 
			padding-bottom:0; 
			font-weight:bold; color:#00004B; 
			text-align:center; 
			background-repeat:no-repeat; 
			margin-top:0px; background-color:#EECA04; margin-bottom:0px; padding-top:3px; font-variant:small-caps; margin-left:2px}




h5{        
			background-position: center; text-align:center; 
       color:#005C9D; font-size: 0.9em;

       font-weight:bold; background-repeat:repeat; background-attachment:fixed; margin-bottom:0px			
}


h6{        
			font-size: 1em; 
			margin-bottom: 2px;
			padding-bottom:0; 
			margin-top:3px; 
			color:#00004B; 
			text-align:left;
			width:98%; font-weight:bold; text-transform:uppercase; margin-left:3px 
			
}
div#notizie{
	width:439px; 
	margin-left:150px; 
	font-family:Verdana; 
	font-size:0.8em; 
	padding-left:10px;
	 padding-right:11px; 
	 padding-top:1px; 
	 padding-bottom:1em; 
	 border-left-style:solid; 
	 border-left-width:1px; 
	 border-right-style:solid; 
	 border-right-width:1px; 
	 border-top-width:1px; 
	 border-bottom-width:1px; 
	 margin-bottom:0
}


div#notizie ul{
	
list-style-type: none; list-style-image: url('../imgs/punto.gif')}

div#notizie .indice {
		background-position: 
         left center; 
		width:80%; 
		margin-top:0px ;
			margin-left:6em; 
		
		}
 div#notizie .indice a{
		background-position: 
          left center;        
		display:in line;
		width:auto; 
		font-size:1em; 
		color:#334F5E; 
		text-decoration:none; 
		text-align:left; 	
		padding-bottom:6px; 
		padding-left:5px;
		padding-right:5px; 
		background-repeat:no-repeat; 
		background-attachment:fixed; 
		border-left-style:solid; 
		border-left-width:1px; 
		border-right-width:1px; 
		border-top-width:1px; 
		border-bottom-width:1px; 
		font-weight:bold;
		margin-bottom:7px; 
		margin-top:0px; 
	
		}



div#indicesinistra{
	width:140px;
	margin-top:143px; 
	background:#fff;
	position:absolute;
	left:0;top:0; 
	margin-left:5px 
}

div#indicedestra{	
	width:140px;
	margin-top:143px; 
	background:#FFFFFF;
	text-align:left;
	position:absolute;
	right:0;
	top:0; 
	
	 
}

div#footer-navigazione
{  
    width: 760px;
    position:relative; 
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left

 }
	
div#footer-navigazione ul
{  
	width:440px; 
	margin-left:150px; 
	font-family:Verdana; 
	font-size:0.8em; 
	padding-left:10px;
	 padding-right:10px; 
	 padding-top:1px; 
	 padding-bottom:10px; 
	 border-left-style:solid; 
	 border-left-width:1px; 
	 border-right-style:solid; 
	 border-right-width:1px; 
	 border-top-width:1px; 
	 border-bottom-width:1px; 
	 margin-bottom:0; 
	 list-style-type:none
	margin-top:0px; 
	margin-bottom:0px; 
	margin-top:0px 
	}
	

div#footer-navigazione li1
{
	width:130px;
	position:absolute;
	margin-left:50px; 
	list-style-type:none; 
	padding-left:5px; 
	padding-right:20px; 
	text-decoration:none; 
	margin-top:0px; 
	margin-bottom:0px; 
}


 div#footer-navigazione li2
{ 
	width:130px;
	margin-left:100px; 
	position:absolute;
	list-style-type:none; 
	padding-left:5px; 
	padding-right:20px; 
	text-decoration:none; 
	margin-top:0px; 
	margin-bottom:0px; 
}
 
 div#footer-navigazione li3
{  width:130px;
	position:absolute;
	list-style-type:none; 
	padding-left:5px; 
	padding-left:5px; 
	padding-right:20px; 
	margin-left:260px;
	text-decoration:none; 
	margin-top:0px; 
	margin-bottom:0px; 
}

div#footer-navigazione a
{  
color: #000000; 
border-left-style:solid; 
border-left-width:1px; 
border-right-width:1px; 
border-top-width:1px; 
padding-left:5px; 
text-decoration:none; 
margin-left:50px; 
margin-top:0px; 
margin-bottom:0px; 
}


div#footer{
	width:760px;
	margin:0 auto; 
	text-align:center; 
	position:relative; 
	border-left-width:1px; 
	border-right-width:1px; 
	border-top-style:solid; 
	border-top-width:1px; 
	border-bottom-width:1px; font-size:90%; background-color:#D2DBEE 
}
div#indietro{
	width:760px;
	margin:0 auto; 
	text-align:left; 
	position:relative; 
	border-left-width:1px; 
	border-right-width:1px; 
	border-top-style:solid; 
	border-top-width:1px; 
	border-bottom-width:1px; color:#000000 
}
div#indietro a
{  
color: #000000; 
padding-left:5px; 
text-decoration:none; 
margin-top:0px; 
margin-bottom:0px; text-align:left; font-size:0.8em;  
}

div#footer a{color:#FFFFFF;font-weight: bold;}


/*stili per la sezione indice destra*/
div#indicedestra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#indicedestra div.newsbox h2{color: #999;font-size: 1.2em}
div#indicedestra div.newsbox p{margin: 0}



/*stili per la sezione indice destra*/
div#indicedestra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#indicedestra div.newsbox h2{color: #999;font-size: 1.2em}
div#indicedestra div.newsbox p{margin: 0}


/*stili per la sezione indicesinistra*/
div#indicesinistra   ul{margin:0; padding:0; list-style-type: none}
div#indicesinistra li{
	background-position: 
                left center; width:90%;
	display: block;
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	line-height:1.4em; 
	font-family: Verdana; 
	color:#000000; 
	font-size:90%; 
	text-decoration:none;  }
div#indicesinistra a{
	background-position: left center; 
	width:100%;
	display: block;
	padding-top:3px; 
	padding-bottom:3px;
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	line-height:1.4em; 
	font-family: Arial; 
	color:#CC9900; 
	font-size:90%; 
	text-decoration:none; 
	margin-top:3px; 
	background-color:#FFCC00; 
	padding-left:7px; 
	text-transform:uppercase; font-weight:bold }
	
div#indicesinistra a:hover{
	background-position: 
      left center; width:100%;
     	font-family: arial-bold; 

	display: block;
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	line-height:1.4em; 
	font-family: Arial; 
	color:#FFFFFF; 
	font-size:90%; 
	text-decoration:none; 
	margin-top:3px; padding-left:7px;
	background-color:#CC9900; text-transform:uppercase; font-weight:bold}




div#indicesinistra a.categoria {background-position: left center; color: #F9DD6A;text-decoration:underline;width:100%;display: block;padding-top:3px; padding-bottom:3px; background-color:#4E58A1; background-repeat:no-repeat; background-attachment:fixed; font-weight:bold; font-variant:small-caps; margin-top:0; margin-bottom:0}
div#indicesinistra a:hover.categoria{color: #005C9D;text-decoration: underline;width:100%;display: block;background-color: #4E58A1;padding-bottom:3px; padding-left:0%; padding-right:0%; padding-top:3px; margin-top:0; margin-bottom:0}
div#indicesinistra p{font-size: 90%}


div#indicesinistra .selezionato {
	background-position: 
    left center; width:100%;
    font-family: arial-bold; 

	display: block;
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	line-height:1.4em; 
	font-family: Arial; 
	color:#FFFFFF; 
	font-size:90%; 
	text-decoration:none; 
	margin-top:3px; padding-left:7px;
	background-color:#CC9900; text-transform:uppercase; font-weight:bold}


/*stili per la sezione notizie*/     
			
div.banner{width:96%;
			margin:3px; 
			font-size: 1em; 
			border-style:groove; 
			border-width:1px; 
			background-image:url('../imgs/macchina.gif'); 
			color:#FFFFFF; 
			font-variant:small-caps; 
			text-align:center; 
			font-weight:bold; padding-left:10px }
	
div.banner h2{
			 font-size: 1.8em; 
			 color: #00EA00; 
			 font-variant: small-caps; 
			 font-weight: bold; 
               text-align: center; 
               margin-top: 8px}
div.banner a{
			 font-size: 1.8em; 
			 color: #FFFFFF; 
			 font-variant: small-caps; 
			 font-weight: bold; 
               text-align: center; 
               margin-top: 8px; 
               text-decoration:none}
div.banner a:hover{
			 font-size: 1.8em; color: #FFFFFF; font-variant: small-caps; font-weight: bold; 
               text-align: center; margin-top: 8px; text-decoration:none}
div.traspare { display: none;
				}
/*stili per la sezione indicedestra*/
div#indicedestra ul{margin: 0;padding: 0; list-style-type: none}
div#indicedestra li{margin:3px 0; padding:0; font-family:Verdana; font-variant:uppercase; font-size:0.9em}
div#indicedestra a{
	border:1px solid #EECA04; background-position: 
    left center; width:88%;
	display: block;
	padding-top:3px; 
	padding-bottom:3px;
	padding-left:3px;
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	line-height:1.4em; 
	font-family: Verdana; 
	color:#000000; 
	padding-left:5px; 
	font-size:0.9em;
	text-decoration:none; 
	margin-top:3px; 
	margin-left:5px;
	text-align:center; 
	margin-bottom:3px 
 }
div#indicedestra a:hover{
	border-left: 6px solid #FFCC00;
	width:121px; 
	padding-left:1px; color:#CC9900; font-weight:bold

	 }



div#indicedestra a#activelink{color: #033;text-decoration: none}
div#indicedestra a.categoria {
	background-position: left center; 
	color: #F9DD6A;
	text-decoration:underline;
	font-weight:bold; 
	font-variant:small-caps;
	width:80%;
	display: block;
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	padding-bottom:3px; 
	padding-top:3px; 
	background-color:#4E58A1; 
	margin-top:0; 
	margin-bottom:0}
div#indicedestra a:hover.categoria{color: #F9DD6A;text-decoration: underline;width:80%;display: block;background-color: #4E58A1;padding-bottom:3px; padding-left:0%; padding-right:0%; padding-top:3px; margin-top:0; margin-bottom:0}
div#indicedestra .selezionato {
	background-position:  
               left center; 
	color: #CE0000;
	width:87%;
	display: block;
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	font-weight:bold; 
	font-variant:small-caps; 
	margin-top:3px; 
	margin-bottom:3px; 
	font-family:Verdana; 
	text-align:center; 
	line-height:1.4em; 
	padding-left:4px; 
	padding-right:4px; 
	padding-top:2px;
	padding-bottom:2px; margin-left:7px
}

/*stili per la sezione newsbox*/
div.newsbox1{   
    border-style:solid; 
    border-width:0px; 
    font-size: 100%;
    padding-left:5em; 
    padding-right:4em; 
    margin-left:0em;
     margin-right:2em;
     margin-top: 1em; text-align:justify}
 div.newsbox1 .news3{ 
	width:40%; 
	margin-top:7px; 
	margin-bottom:7px; 
	background-color:#EEEEEE; 

	border: 1px solid #D3D3D3; 
	margin-right:7px;
	margin-left:1em; 
}
div.newsbox1 a{
	font-size: 90%;
	font-size: 90%;
	font-size:1em; 
	font-variant:normal; 
	line-height:1.4em; 
	font-family: Verdana; 
	margin-top:0; 
	margin-bottom:0; 
	color:#005C9D; 
	text-decoration:none}
div.newsbox1  a:hover{color: #000080;text-decoration:none}
div.newsbox1 a#activelink{color: #033;text-decoration: none}

 div.newsbox1 .news3 img{padding:5px; text-align:center}

div.newsbox{   
    border-style:solid; 
    border-width:0px; 
    font-size: 100%;
    padding-left:2em; 
    padding-right:2em; 
    margin-left:4em;
     margin-right:4em;
     margin-top: 1em}
div.newsbox h3{font-size: ; }

div.newsbox p{margin: 0}  
div.newsbox ul{margin: 0} 
div.newsbox li{margin: 0} 			
div.newsbox a{
	font-size: 90%;
	font-size: 90%;
	text-decoration: underline; font-size:1em;
	font-variant:normal; line-height:1.4em; 
	font-family: Verdana, arial, sans serif; ; 
	margin-top:0; margin-bottom:0}
div.newsbox  a:hover{color: #033;text-decoration: underline}
div.newsbox a#activelink{color: #033;text-decoration: none}
div.newsbox img	{
			float:left; }



/*stili per la sezione news*/
.news{ float:left; width:47%; margin-top:7px; margin-bottom:7px; background-color:#EEEEEE; padding:2px; border: 1px solid #D3D3D3; margin-right:7px}
.news a{float:none;}
.news img{float:left;width:7.06em;height:4.35em;padding-right:5px ;padding: 0px; w\idth:6.34em; height:3.62em; margin:5px;}
.news2{
	border:1px solid #D3D3D3; width:97%;
	text-align:left; 
	color:#000000; background-color:#EEEEEE; padding-left:5px; margin-left:8px; margin-right:3px; margin-top:3px; margin-bottom:6px }
.news2 h2{
	 margin-top: 6px; margin-bottom: 2px}
	
	
.news2 img{float:left;width:76;height:70;padding-right:5px ;padding: 0px;

.news2 a{ text-decoration: none; color:#FFFFFF; font-size:1em}
.news2 a:hover{text-decoration: none}

.h-news{width:100%;float:none;}
.h-news .photo{float:left;margin-right:0.72em;width:15.94em;height:9.42em;}


/*stili per la sezione traspare*/
div.traspare { display: none; text-align:left}
div.traspare a { display: none;}
div.traspare a:hover { display: none;}





/*stili per la sezione textimage*/
.textimage{margin:10px 0; 
	background-position: 0% 0%; 	
	border:1px solid #BA9607; 
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	text-align:left; 
	padding-left:5px;
	padding-right:5px; 
	padding-top:5px; padding-bottom:5px }
.textimage img{ 
	border:1px solid #BA9607; 
	width:150px;
	padding:5px; 
	margin:0; 
	background-position: left top; 
	background-attachment:fixed; 
	text-align:left}


div.newsboxbanner{margin:2em; border:1px solid #000000; font-size: 90%;padding-left:2em; padding-right:2em; }
div.newsboxbanner img{float:left;padding-right:5px ;padding: 0px;  margin:5px;}
              
/*stili per la sezione indicebasso*/
div.indicebasso { 
		border-style:solid; 
		border-width:0px; 
		padding:0px; 
		margin-bottom:0px; 
		text-align: center; 
		vertical-align: text-bottom;  }
div.indicebasso ul {   
		margin-bottom: 0px; padding-bottom: 6px}
div.indicebasso li {  
		 margin:0px; 
	float:left;
		font-size: 100%; 
		 padding-right:40px;  
		 list-style-type:none; 
		 vertical-align:text-bottom; 
		 padding-top:0px; 
		 padding-bottom:5px; 
		 text-align:right; 
		 line-height:100%;
		 padding-left:5px; 
		 border-left-style:solid; 
		 border-left-width:1px;
		 border-right-width:1px; 
		 border-top-width:1px;
		 border-bottom-width:1px  }
div.indicebasso a {  text-align: right; text-decoration:none}

div.evidenza {
			font-size: 90%;
            font-size: 90%;
            font-size:1em; 
            font-variant:normal; 
            line-height:1.4em; 
            font-family: Verdana; ; 
            margin-top:0; 
            margin-bottom:0; font-weight:bold; color:#000080}
            
div#footer-navigazione
{  
    width: 760px;
    position:relative; 
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left

 }
	
div#footer-navigazione ul
{  
	width:440px; 
	margin-left:150px; 
	font-family:Verdana; 
	font-size:0.8em; 
	padding-left:10px;
	 padding-right:10px; 
	 padding-top:1px; 
	 padding-bottom:10px; 
	 border-left-style:solid; 
	 border-left-width:1px; 
	 border-right-style:solid; 
	 border-right-width:1px; 
	 border-top-width:1px; 
	 border-bottom-width:1px; 
	 margin-bottom:0; 
	 list-style-type:none
	margin-top:0px; 
	margin-bottom:0px; 
	margin-top:0px 
	}
	

div#footer-navigazione li1
{
	width:130px;
	position:absolute;
	margin-left:50px; 
	list-style-type:none; 
	padding-left:5px; 
	padding-right:20px; 
	text-decoration:none; 
	margin-top:0px; 
	margin-bottom:0px; 
}


 div#footer-navigazione li2
{ 
	width:130px;
	margin-left:100px; 
	position:absolute;
	list-style-type:none; 
	padding-left:5px; 
	padding-right:20px; 
	text-decoration:none; 
	margin-top:0px; 
	margin-bottom:0px; 
}
 
 div#footer-navigazione li3
{  width:130px;
	position:absolute;
	list-style-type:none; 
	padding-left:5px; 
	padding-left:5px; 
	padding-right:20px; 
	margin-left:260px;
	text-decoration:none; 
	margin-top:0px; 
	margin-bottom:0px; 
}

div#footer-navigazione a
{  
color: #000000; 
border-left-style:solid; 
border-left-width:1px; 
border-right-width:1px; 
border-top-width:1px; 
padding-left:5px; 
text-decoration:none; 
margin-left:50px; 
margin-top:0px; 
margin-bottom:0px; 
}