/* CSS Document */

body { background-color:#2d3642; bgproperties:fixed; color:#FFFFFF; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
body.white { background-color:#FFFFFF}
a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
img { border:none}
table.home { background-image: url(immagini/sfondo_home_alt.jpg)}
table.dove { background-image: url(immagini/sfondo_post_prod.jpg)}
table.prod { background-image: url(immagini/sfondo_produz.jpg)}
table.serv { background-image: url(immagini/sfondo_servizi.jpg)}
.cont { text-align:left; padding:20px}
.produz { text-align:left; padding:30px}
.dovesiamo { text-align:left; padding-left:80px; padding-right:80px; padding-top:40px; padding-bottom:40px}
.title { font-size: 14px}
.titleyell { font-size: 14px; color: #FFFF00}
.image { text-align:center; vertical-align:middle}
.Stile1 {color: #FFCC00}
.Stile2 {
	color: #FFCC00;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}


#dropmenudiv{
position: absolute;
border: none;
border-bottom-width: 0;
line-height: 18px;
z-index: 100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: none;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
color: #FFD800;
background-color: #000000;
}


     div#css,div#htm{
        float: left;
        width: 450px;
        padding: 5px;
        font-size: 11px;
        color: White;
    }
    
     div#css{
        background: #666;
    }
    
     div#htm{
        background: #141c21;
    }
    
    div#header{
        position: relative;
        height: 140px;
    }
    
    div#nav,img#logo{
	position: absolute;
	width: 609px;
	left: -608px;
	
	
    }
    
    div#nav{
        top: 89px;
    }
	
	div#logo{
	position: relative;
	width: 900px;
	left: 0px;
	top: -15px;
	height: 110px;
    }
    

    
    /* Barra di Navigazione */
    div#nav ul{
        height: 22px;
        overflow: hidden;
        list-style-type: none;
        margin: 0;
        margin-bottom: 0px;
        padding: 0;
        background: url(matrix-menubar.gif) no-repeat;
    }
    
    div#nav li{
        margin: 0;
        padding: 0;
    }
    
    div#nav li,div#nav a{
        float: left;
        margin-top: -1px;
        width: 100px;
        height: 22px;
    }
    
    div#nav a{
        text-indent: -9000px;
        text-decoration: none;
        padding: 23px 0 0 0;
        overflow: hidden;
        height: 22px; /**/
        background: url(matrix-menubar.gif);
    }
    
    /* homepage */
    li#homepage a{
        background-position: 0px 2px;
    }
    
    li#homepage a:hover{
        background-position: 0 -21px;
    }
    
    /* products */
    li#dove a{
        background-position: -100px 2px;
    }
    
    li#dove a:hover{
        background-position: -100px -21px;
    }
    
    /* where*/
    li#pro a{
        background-position: -200px 2px;
    }
    
    li#pro a:hover{
        background-position: -200px -21px;
    }
    
    /* information*/
    li#post a{
        background-position: -300px 2px;
    }
    
    li#post a:hover{
        background-position: -300px -21px;
    }
	li#ser a{
        background-position: -400px 2px;
    }
    
    li#ser a:hover{
        background-position: -400px -21px;
    }
	li#con a{
        background-position: -500px 2px;
    }
    
    li#con a:hover{
        background-position: -500px -21px;
    }