/* elementi base */

html,body{margin:0; padding: 0; text-align: center;
			font-family: verdana,sans-serif; font-size: 9pt;
			background-color: #9EADA9; background-image: url('../images/background_principale.jpg'); 
            background-repeat: repeat-x; background-position: left top }
table {font-family: verdana,sans-serif; font-size: 9pt; border-collapse: collapse;}
#scheda{ text-align:center;
border-collapse: collapse }


a      { color: #000080; text-decoration: none }
a:hover{ color: #3366FF; text-decoration: none }

a.info    { color: #667368; text-decoration: none }
a:hover.info{ color: #3366FF; text-decoration: none }

h1,h2,h3,h4,h5{font-size: 9pt; color: black; margin:0; padding:0;}

h6 {font-size: 9pt; color:#667368; font-weight:400; text-decoration:none ; margin:0; padding:0;}
h5 {font-size: 8pt; color:#1E1E1E; font-weight:400; text-decoration:none ; margin:0;}

 /* impaginazione */

div#container{width: 800px; margin: 0 auto; padding:0; text-align: left;
    }
   
div#header  { padding:0; height: 60px; background-image:url('../images/intestazione.jpg'); background-repeat:no-repeat; background-position-y:top }


div#navigation{  height: 192px; background-image: 
               url('../images/background_navigazione.jpg'); 
               background-repeat: repeat-x; background-position: left top }
               
div#homenavigation{  height: 192px;}

div#content{   width: 800px;  border-bottom: 5px solid #9EADA9; background-color: #B5BDBC;
}
div#homecontent{  width: 800px; background-color: #A4AEA6 }


div#footer{  width: 800px; padding-top:5px; padding-bottom:5px; background-color: #B5BDBC; text-align: center
}


 /* form */

.t1 {font-family: verdana, sans-serif;
 font-size:8pt;
	font-style: normal;
	background-color: #B5BDBC;
}
.t2 {font-family: verdana, sans-serif;
     font-size:8pt;
	font-style: normal;
	background-color: #9BA6A5;
	
}

 /* trasparenza immagini */

.filtro {alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; -khtml-opacity: 0.65; }

a.opacity img {
filter:alpha(opacity=40); 
-moz-opacity: 0.4; 
opacity: 0.4;
} 
a:hover.opacity img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
} 


a.trasparenza img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
} 
a:hover.trasparenza img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
} 


 /* rollover menu principale */

#tasto1{
text-align:center;
height:22px;
width:124px;
background:url("../images/home.jpg") center center no-repeat;
margin-left:4px;
margin-top:34px;
}
.rollover{ width:124px; height:22px;}
.rollover img { border:none;}
.rollover a { display:block; }
.rollover a:hover img {display:none; }
.rollover a:hover{ width:124px; height:22px; background:url("../images/home1.jpg") center center no-repeat;}

#tasto2{
text-align:center;
height:21px;
width:123px;
background:url("images/azienda.jpg") center center no-repeat;
margin-top:4px;
margin-left:4px;
}

#tasto2A{
text-align:center;
height:21px;
width:123px;
background:url("images/qualita.jpg") center center no-repeat;
margin-top:4px;
margin-left:4px;
}

#tasto2B{
text-align:center;
height:21px;
width:123px;
background:url("images/realizzazioni.jpg") center center no-repeat;
margin-top:4px;
margin-left:4px;
}


#tasto3{
text-align:center;
height:21px;
width:123px;
background:url("images/prodotti.jpg") center center no-repeat;
margin-top:4px;
margin-left:4px;
}

#tasto4{
text-align:center;
height:21px;
width:123px;
background:url("images/contatti.jpg") center center no-repeat;
margin-top:4px;
margin-left:4px;
}

#tasto4A{
text-align:center;
height:21px;
width:123px;
background:url("images/mappa.jpg") center center no-repeat;
margin-top:4px;
margin-left:4px;
}


#tasto5{
text-align:center;
height:21px;
width:123px;
background:url("images/novita.jpg") center center no-repeat;
margin-top:4px;
margin-left:4px;
}

#tasto6{
text-align:center;
height:38px;
width:123px;
background:url("images/condizioni.jpg") center center no-repeat;
margin-top:4px;
margin-left:4px;
}




div.roll2 a:hover{ width:123px; height:21px; background:url("images/azienda1.jpg") center center no-repeat;}
div.roll2A a:hover{ width:123px; height:21px; background:url("images/qualita1.jpg") center center no-repeat;}
div.roll2B a:hover{ width:123px; height:21px; background:url("images/realizzazioni1.jpg") center center no-repeat;}

div.roll3 a:hover{ width:123px; height:21px; background:url("images/prodotti1.jpg") center center no-repeat;}
div.roll4 a:hover{ width:123px; height:21px; background:url("images/contatti1.jpg") center center no-repeat;}
div.roll4A a:hover{ width:123px; height:21px; background:url("images/mappa1.jpg") center center no-repeat;}
div.roll5 a:hover{ width:123px; height:21px; background:url("images/novita1.jpg") center center no-repeat;}
div.roll6 a:hover{ width:123px; height:38px; background:url("images/condizioni1.jpg") center center no-repeat;}

 /* end rollover menu principale*/
 
 
 
.thumbs	
			{
			margin-right: 4px;
			margin-top: 10px;

			background-color: #E6E6E6;
			border: 0;
			width: 126px;
			height: 82px;			
		
				}
						
/*menu secondario*/

div#menucontestuale{
margin-left:4px; margin-right:4px; margin-top:4px; 
margin-bottom:4px;
float:left;

}

div#menucontestuale ul{
list-style-type: none;
margin: 0;
padding:0;
}

div#menucontestuale li{
border:1px solid #808080; padding:0; margin-left: 0 ; margin-right:0px; margin-top:0px; 
margin-bottom:1px;

}

div#menucontestuale a{
display: block;
width: 180px;
height:25px;
line-height: 25px;
text-decoration:none;
text-indent: 8px;
background: url('../images/grey_link.gif') top left;
alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; 
color: #1E1E1E;
font-weight:normal

}

div#menucontestuale a:hover{
background: url("../images/green_hover.gif") repeat top left;
color:#3366FF;
}

div#menucontestuale li#active{
display: block;
width: 180px;
height:25px;
line-height: 25px;
text-decoration:none;
text-indent: 8px;
background: url('../images/green_hover.gif') repeat top left;
color: #1E1E1E;
font-weight:bold

}

/*fine menu secondario*/

div#scheda
{

margin-left:0px; margin-right:4px; margin-top:4px; 
margin-bottom:4px;
background-color: #CCCCCC;
border:1px solid #808080;
width: 585px;
color: #1E1E1E;
font-weight:normal; text-align:left

}

div#commento
{
margin-left:0px; margin-right:4px; margin-top:4px; 
margin-bottom:4px;

border:0;
width: 585px;
color: #1E1E1E;
font-weight:normal;
text-align:left

}