/* foglio di stile per il layout di tipo fluido*/
html,body{margin: 0;padding:0; background-color: #000}
body{font-family: arial,sans-serif;font-size: 76%;background-color: #000}
div#container{position: relative}

/*stili generici, su header e footer*/
div#topheader{height: 56px;background-color:#000;color: #ddd;}
div#header{margin: 0 0px;height: 90px;background-color:#000;color: #ddd;}
div#tabs{margin: 0 180px 0 180px;height: 52px;background-color:#222;color: #ddd}
div#footer{text-align:center; padding: 5px 0; background-color: #000; color:silver }
h1,h2,h3{margin: 0;padding:0}



h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #FF0033;font-size: 1.5em}
h3{color: #FF0033;font-size: 1.2em}

div#footer a{color:#fc0;font-weight: bold;text-decoration: underline;background-color: #000}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 180px; left: 0;
    width: 150px;\width:160px;w\idth:150px;padding: 0 0 0 10px;background-color: #000}
div#extra{position: absolute; top: 180px; right: 0;
    width: 160px;\width:170px;w\idth:160px;padding: 1em 5px;background-color: #222222}
div#content{margin: 0 180px; border-style:solid; border-width:0 1px; border-color:#222; padding:1em 10px;background-color: #222222}
#loading { position: absolute; top:50%; left:50%; width:100px; height:100px; margin-top:-50px; margin-left:-50px; background-color:#222;}



div#bottom_screen{height: 36px;background-color:#000;color: #ff0}
div.topheader img{
display: inline;
float:left;
margin: 0px
}	
	
div.news_content{
color: #aaa;
margin: 0
}

/*stili per la navigazione
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}
*/


/* Menu orrizontali  */
.menuNavigazione {
		margin: 0;
		padding: 0,3em 0;
		}

.menuNavigazione ul{
		margin: 0;
		padding: 0,3em 0;
		border-bottom:1px solid #666; 
		}
.menuNavigazione li{
		display:inline;
		}

.menuNavigazione a{
		padding: 0,3em 15px;
		height:0;
		margin: -0,3em 0;
		text-decoration:none;
		white-space:nowrap;
		}
/*COLORS*/
.menuNavigazione {
		background:#666;
		color:#999
		}

.menuNavigazione ul{
		background:#999;
		color:#000 
		}

.menuNavigazione a{
		background:#666;
		color:#999
		}
		
.menuNavigazione .voceCorrente a{
		background:#999;
		color:#000
		}

/*Position under Menu*/
.menuNavigazione {
		position:relative;
		width:100%
		
		}

.menuNavigazione ul{
		position:absolute;
		left:0;
		top:1.9em;
		width:100%
		}
/* Rollover Effetcs*/

.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
text-decoration:underline;
}




navigation {
	width: 10em;
	border-right: 1px solid #222;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #90bade;
	color: #ddd;
	}
#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#navigation li {
		border-bottom: 1px solid #888888;
		margin: 0;
		}


#navigation li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 2px solid #FF0033;
		border-right: 2px solid #FF0033;
		background-color: #666666;
		color: #ccc;
		text-decoration: none;
		width: 90%;
		}
		
#navigation li.Anno a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 2px solid #FF0033;
		border-right: 2px solid #FF0033;
		background-color: #444444;
		color: #FF0033;
		text-decoration: none;
		width: 90%;
		}

	html>body #navigation li a {
		width: auto;
		}

	#navigation li a:hover {
		border-left: 2px solid #FF0033;
		border-right: 2px solid #FF0033;
		background-color: #888888;
		color: #222;
		}


    #navigation li.Anno a:hover {
		border-left: 2px solid #FF0033;
		border-right: 2px solid #FF0033;
		background-color: #888888;
		color: #111;
		}









/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #ddd;font-size: 1.2em}
div#extra div.newsbox p{color: #aaa;margin: 0}
div#extra div.newsbox a{color:#fc0;font-weight: bold;text-decoration: underline;background-color: #222}



/*box     ****    SX    ****    */


/*box  SX_VERT*/
div.textimageSX_VERT{

 position: relative; right:10%; left:10%; 

width: 80%;

min-height: 420px;
min-width:  400px;

margin-bottom: 10px; 
border: 1px solid #222;background-color: #aaa
}

div.textimageSX_VERT img{
float:left;
margin-bottom: 100px;
margin: 10px
}

div.textimageSX_VERT h2, div.textimageSX_VERT p{
margin:0 10px;
padding: 0;
}

div.textimageSX_VERT h2{
margin-top: 10px
}


/*stile per a href  di textimage */
div#content div.textimageSX_VERT a{color:#000;font-weight: bold;}
div#content div.textimageSX_VERT a:hover{color:#FF6600;font-weight: bold;}

/*stile per a href  di textimage H2 a */
div#content div.textimageSX_VERT h2 a{color:#FF0033;font-weight: bold;}
div#content div.textimageSX_VERT h2 a:hover{color:#ddd;font-weight: bold;}


/*box  SX_HORR*/
div.textimageSX_HORR{

 position: relative; right:10%; left:10%; 

width: 80%;

min-height: 300px;
min-width:  400px;

margin-bottom: 10px; 
border: 1px solid #222;background-color: #aaa
}

div.textimageSX_HORR img{
float:left;
margin-bottom: 100px;
margin: 10px
}

div.textimageSX_HORR h2, div.textimageSX_HORR p{
margin:0 10px;
padding: 0;
}

div.textimageSX_HORR h2{
margin-top: 10px
}


/*stile per a href  di textimage */
div#content div.textimageSX_HORR a{color:#000;font-weight: bold;}
div#content div.textimageSX_HORR a:hover{color:#FF6600;font-weight: bold;}

/*stile per a href  di textimage H2 a */
div#content div.textimageSX_HORR h2 a{color:#FF0033;font-weight: bold;}
div#content div.textimageSX_HORR h2 a:hover{color:#ddd;font-weight: bold;}



/*box     ****    DX    ****    */


/*box DX_VERT*/
div.textimageDX_VERT{
 position: relative; right:10%; left:10%;

width: 80%;

min-height: 420px;
min-width:  400px;

margin-bottom: 10px;      
border: 1px solid #222;background-color: #aaa
}

div.textimageDX_VERT img{
float:right;
margin-bottom: 100px;
margin: 10px
}

div.textimageDX_VERT h2, div.textimageDX_VERT p{
margin:0 10px;
padding: 0

}

div.textimageDX_VERT h2{
margin-top: 10px
}

/*stile per a href  di textimage2 */
div#content div.textimageDX_VERT a{color:#000;font-weight: bold;}
div#content div.textimageDX_VERT a:hover{color:#FF6600;font-weight: bold;}
/*stile per a href  di textimage2 H2 a */
div#content div.textimageDX_VERT h2 a{color:#FF0033;font-weight: bold;}
div#content div.textimageDX_VERT h2 a:hover{color:#ddd;font-weight: bold;}


/*box DX_HORR*/
div.textimageDX_HORR{
 position: relative; right:10%; left:10%;

width: 80%;

min-height: 300px;
min-width:  400px;

margin-bottom: 10px;      
border: 1px solid #222;background-color: #aaa
}

div.textimageDX_HORR img{
float:right;
margin-bottom: 100px;
margin: 10px
}

div.textimageDX_HORR h2, div.textimageDX_HORR p{
margin:0 10px;
padding: 0

}

div.textimageDX_HORR h2{
margin-top: 10px
}

/*stile per a href  di textimage2 */
div#content div.textimageDX_HORR a{color:#000;font-weight: bold;}
div#content div.textimageDX_HORR a:hover{color:#FF6600;font-weight: bold;}
/*stile per a href  di textimage2 H2 a */
div#content div.textimageDX_HORR h2 a{color:#FF0033;font-weight: bold;}
div#content div.textimageDX_HORR h2 a:hover{color:#ddd;font-weight: bold;}














/*box dettaglio sx*/
div.textimage_sx{


min-height: 300px;


    
background-color: #aaa
}

div.textimage_sx img{

float:left;
margin: 10px
}

div.textimage_sx h2, div.textimage_sx p{

margin:0 10px;
padding: 0
}

div.textimage_sx h2{
margin-top: 10px
}
/*stile per a href  di textimage_sx */
div#content div.textimage_sx a{color:#000;font-weight: bold;}
div#content div.textimage_sx a:hover{color:#FF6600;font-weight: bold;}
/*stile per a href  di textimage H2 a */
div#content div.textimage_sx h2 a{color:#FF0033;font-weight: bold;}
div#content div.textimage_sx h2 a:hover{color:#ddd;font-weight: bold;}



/*box dettaglio dx*/
div.textimage_dx{


min-height: 300px;


     
background-color: #aaa
}

div.textimage_dx img{
float:right;
margin: 10px
}

div.textimage_dx h2, div.textimage_dx p{
margin:0 10px;
padding: 0
}

div.textimage_dx h2{
margin-top: 10px
}
/*stile per a href  di textimage_dx */
div#content div.textimage_dx a{color:#000;font-weight: bold;}
div#content div.textimage_dx a:hover{color:#FF6600;font-weight: bold;}
/*stile per a href  di textimage_dx H2 a */
div#content div.textimage_dx h2 a{color:#FF0033;font-weight: bold;}
div#content div.textimage_dx h2 a:hover{color:#ddd;font-weight: bold;}






/*HEADER*/

div.textimageheader{
width: 990px;  
border: 0px solid #222;background-color: #aaa
}

div.textimageheader img{
float:left;
margin: 0px
}

div.textimageheader h2, div.textimageheader p{
margin:0 10px;
padding: 0
}

div.textimageheader h2{
margin-top: 0px
}


/* tabs navigator*/
#tabs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#tabs ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	border: 1px solid #222;
	list-style: none;
	display: inline;
	}
	
		
#tabs ul li.here {
	border-bottom: 1px solid #222;
	list-style: none;
	display: inline;
	}


#tabs td {
    margin-bottom: -20px;
	text-align:center;
	}
















/*stili specifici per il layout*/
div#menunav{position: absolute; top: 540px; left: 0;
    width: 150px;\width:150px;w\idth:150px;padding: 1em 0 0 10px}
	

	

#menunavigazione {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 140px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f9f9f9
}
#vocenavigazione {
	MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../images/bglivello3.gif); LIST-STYLE-IMAGE: url(../images/freccia_livello3.gif); WIDTH: 150px; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Tahoma; HEIGHT: 24px
}
#vocenavigazione_box {
	MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(../images/freccia_livello3.gif); WIDTH: 140px; FONT-FAMILY: Tahoma
}
#vocenavigazione_popup {
	MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 11px; WIDTH: 140px; FONT-FAMILY: Tahoma
}
#vocenavigazione_box1 {
	MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 11px; WIDTH: 140px; FONT-FAMILY: Tahoma
}
#vocenavigazione_box2 {
	MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../images/box1.gif); WIDTH: 142px; FONT-FAMILY: Tahoma
}
#vocenavigazione_box3 {
	MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(../images/freccia_livello3.gif); WIDTH: 107px; FONT-FAMILY: Tahoma
}
#topiview {
	BACKGROUND-IMAGE: url(../images/bgiview.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}
#box {
	BACKGROUND-IMAGE: url(../images/box.gif); WIDTH: 170px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}
#box1 {
	BACKGROUND-IMAGE: url(../images/box1.gif); WIDTH: 178px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}
#box2 {
	BACKGROUND-IMAGE: url(../images/box1.gif); WIDTH: 170px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}
#corpobox {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 158px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Tahoma
}
#corpobox1 {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 150px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Tahoma
}
#corpoiview {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 508px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Tahoma
}
.linkbox {
	FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(../images/icoLink.gif); COLOR: #666666; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.linkbox:hover {
	FONT-SIZE: 11px; COLOR: red; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.linknav {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.linknav:hover {
	FONT-SIZE: 11px; COLOR: red; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}

#testoiview {
	MARGIN-TOP: 6px; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-LEFT: 10px; COLOR: #666666; FONT-FAMILY: Tahoma
}
#testoiview1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN-LEFT: 5px; COLOR: #666666; FONT-FAMILY: Tahoma
}
#fontiview {
	FONT-SIZE: 11px; MARGIN: 5px; COLOR: #666666; FONT-FAMILY: Tahoma
}
#fontiview1 {
	FONT-SIZE: 11px; MARGIN: 5px; FONT-FAMILY: Tahoma
}
#go{
COLOR: #80cc00;
BACKGROUND-COLOR: #80cc00;
background-image:url(sfondo.gif)}

div#menunav{position: absolute; top: 540px; left: 0;
    width: 150px;\width:150px;w\idth:150px;padding: 1em 0 0 10px}


#corpo_stato { position: absolute; top: 10px; left: 0;width : 250px; font-family : Arial, sans-serif; font-size : 13px; padding-left : 0px;padding-top : 4px; }
#corpo_autore { position: absolute; top: 10px; left: 250; width : 250px; font-family : Arial, sans-serif; font-size : 13px; padding-left : 0px;padding-top : 4px; }
#corpo_anno { position: absolute; top: 10px; left: 500; width : 250px; font-family : Arial, sans-serif; font-size : 13px; padding-left : 0px;padding-top : 4px; }


#anno { color : #EFF75B; padding-left : 100px;width : 150px;}
#autore { color : #222; padding-left : 100px;width : 150px;}


div#filtri{
visibility: hidden;

	}
filtri {
visibility: hidden;
	
	}