body {margin:0; padding : 0;
         background-color: #000;
       	 height: 100%;
		 color : #eee;	}

#frame  {height: 100%;
                 padding: 0;
				 text-align : center;
				 margin-left:125px;}

#barrasx  { float:left;
            margin-top:35px;
			margin-left:0px;
            height:450px;
		 	width : 125px;
			overflow : auto;
			position : fixed; }
			
/***************************************800bar*****************************/
#face {background: url(800bar/navmenu2.jpg) top left no-repeat;
       height:350px;
  	   width:120px ;
	   font : normal 10px;}

#face a {  width: 100%;	 display: block; }

#email, #emailselect { margin-top: 15px; margin-left: 5px; height:34px; width:100px;  }

/*Controllo della posizione della pulsantiera sopra lo sfondo*/

#posiz  {margin-top:0px; margin-left:0px; padding-top: 3px; width : 110px;}
				
#reafan, #reafanselect{margin: 0px auto 0px auto;   height:33px;   width:100px;  background-repeat: no-repeat; }

#illu,  #illuselect,  #fume,  #fumeselect, #video, #videoselect,
#grafica,  #graficaselect,  #foto,  #fotoselect, #profilo, #profiloselect 
 {margin: 3px auto 0px auto;   height:33px;   width:100px;  background-repeat: no-repeat; }


#home, #homeselect {margin: 3px auto 0px 5px;   height:33px;   width:100px;  background-repeat: no-repeat;   }

#email { background:url(800bar/800email1.jpg) top left no-repeat; }

/* Accensione al passaggio del mouse */
					
div#reafan a { height:33px; width:100px; }
div#reafan a:hover, div#reafan a:active 
{background: url(800bar/realismo.jpg) top left no-repeat;}

div#illu a { height:33px; width: 100px; }
div#illu a:hover, div#illu a:active 
{background: url(800bar/illust.jpg) top left no-repeat;}

div#fume a {height:33px; width: 100px;}
div#fume a:hover, div#fume a:active 
{background: url(800bar/fumetti.jpg) top left no-repeat;}

div#grafica a {height:33px; width: 100px;}
div#grafica a:hover, div#grafica a:active 
{background: url(800bar/grafica.jpg) top left no-repeat;}

div#foto a {height:33px; width: 100px;}
div#foto a:hover, div#foto a:active 
{background: url(800bar/foto.jpg) top left no-repeat;}

div#video a {height:33px; width: 100px;}
div#video a:hover, div#video a:active 
{background: url(800bar/video.jpg) top left no-repeat;}

div#profilo a {height:33px; width: 100px;}
div#profilo a:hover, div#profilo a:active
{background: url(800bar/profilo.jpg) top left no-repeat;}

div#home a {height:33px; width: 100px;}
div#home a:hover, div#home a:active 
{background: url(800bar/home.jpg) top left no-repeat;}

div#email a { display:block; height:34px; width:100px;  }
div#email a:hover, div#email a:active 
{background: url(800bar/800email2.jpg) top left no-repeat; }

/*Tasti Premuti*/

#reafanselect  { background-image: url(800bar/realismosel.jpg); }

#illuselect { background-image: url(800bar/illustsel.jpg); }

#fumeselect { background-image: url(800bar/fumettisel.jpg); }

#graficaselect {  background-image: url(800bar/graficasel.jpg);  }

#fotoselect { background-image: url(800bar/fotosel.jpg);  }

#videoselect { background-image: url(800bar/videosel.jpg); }

#profiloselect { background-image: url(800bar/profilosel.jpg); }

#homeselect { background-image: url(800bar/homesel.jpg);  }

#emailselect { background-image: url(800bar/800email3.jpg);  }

/***************************************fine 800bar*****************************/
			   
					   
					   

p { font: normal 11px/1.3 Verdana, Arial, Helvetica, sans-serif; }
h2{ font: bold 16px/1.3  Arial, Helvetica, sans-serif;}
h3 { font: bold 12px/1  Arial, Helvetica, sans-serif;}
h5 { font: bold 12px/1.1 Arial, Helvetica, sans-serif; }
h6 { font: normal 9px/1.3em Arial, Helvetica, sans-serif;  color : #eee;  }

span { display: none; }

#gfcom  {background: url(imgs/finamorecom.jpg) top left no-repeat ;
                  width: 124px; height : 54px;
				  margin-top : 10px;  }
				  



#entra {clear:both;
                margin: 0 auto 0 auto;
                background: url(imgs/entra.jpg) top no-repeat;
				height:84px;   width:135px; }

#entra a {height:84px;  width:135px;
				   display: block;
				   text-align: center;	}
					
#entra a:hover, #entra a:active { background: url(imgs/entra2.jpg) top no-repeat ; }

#back {clear:both;
                margin: 20px auto 0 auto;
                background: url(imgs/back1.jpg)  top no-repeat;
				height:84px;   width:135px; }

#back a {height:84px;  width:135px; display: block; text-align: center; }
					
#back a:hover, #back a:active {
        background-image: url(imgs/back2.jpg);
		background-position: top center;
        background-repeat:no-repeat;
        }		

#golgo  {
	background-image : url(imgs/golgo800.jpg);
	background-position : top center;
	background-repeat : no-repeat;
	width : 409 px;
	height : 85 px;
	padding: 40px 0 40px 0;
    margin-top: 40px;
	margin-bottom : 20px;
}

.corbianca  {border: 2px solid #ffffff;
					    margin:10px auto 5px auto;
				  }
				 
.spacer { clear: both;  height : 0; margin : 0; }

#ind {
	text-align : center;
	margin: 10px 50px 0px 50px;
	font-family : sans-serif;
	font-size : 12px;
	font-weight : bold;
	line-height : 4px;
}

#ind  h3, #ind h6{	margin : 4px auto 0 auto; }

#ind  a {text-decoration : none; color : #A9A9A9;}

#ind  a:hover {	text-decoration : none;	color : #fff;}

#titsez  {height:60px;
				width: 186px;
				margin:30px auto 40px 0;  }
						 
#corpo1 {background-position: 100% 50px;
				  background-repeat: no-repeat;
                  width: 90%;
				  margin: 0 auto 0 auto;
				   }
					 
.float { border: 1px solid #999999;
             float: left;
             padding: 0 auto 0 auto;
		     margin:10px 25px 10px 0px;
		     width : 130px;
             }

.float h6 {text-align: center;  padding: 0px auto 5px auto; }

.container{padding : 0;
        	         margin : 0 auto 0 auto;
        	         width : 100%;
                     }

#linea {background: url(imgs/line.jpg) top right no-repeat; margin-left:40px; margin-top:0; height:18px; }

#linea a {text-decoration: none; padding-bottom: 1px;}		 

.sx {font: bold 11px Arial, Helvetica, sans-serif; color: #ccc; }

.sx a {font: bold 11px Arial, Helvetica, sans-serif; color: #708468;}

.dx a{ font: bold 11px Arial, Helvetica, sans-serif; color: #333;  padding-bottom : 1px;     }

#tabs {padding: 10px 10px 2px 10px; margin-bottom:3px; 
       font: bold 0.8em Verdana, sans-serif; border-width: 0 0 1px 0; z-index: 1;}
			 
#tabs ul {margin-bottom: 0; padding-bottom: 0; margin-left: 0; padding-left:0;  }
#tabs a { color: #ccc; }
#tabs ul li {	margin: 0 5px 0 0; padding: 2px 15px 5px;	border: 1px solid #6699cc; list-style: none;
		          display: inline; background: url(imgs/ibot1.jpg) top no-repeat;	color: #ccc;	}
		
#tabs ul li.sel {background: url(imgs/ibot2.jpg) top no-repeat; list-style: none; display: inline; color: black;} 

#colright {background: url('imgs/800right.jpg') top right no-repeat;
        padding: 0; text-align: right; }
				

#corpohome {background: url('imgs/800left.jpg') top left no-repeat;
            margin: 0px 20px 10px 20px;
            padding:0;
						text-align: center;
						border:solid black; border-width: 1px 0 0 0; /*bug del box model di MSIexplorer*/}	
						
#newstitle { background:url(imgs/800eyenews.jpg) 10% 0 no-repeat;
             
             
						 width: 100%;
						 padding:0px; 
						 margin:0 25px 15px 25px;
	height: 410px;
	padding:10px;
	border:3px solid #448833;}	
#bordoblu { border: solid #6699cc; border-width:1px; padding:20px ;}

.bordo {border: solid #6699cc; border-width:1px 0 0 0; background-color: #484458; }