html,body{ 
background-color:#fff; 
color:#777; 
margin:0; 
padding: 0; 
height:100%; 
font:13px "Trebuchet MS",Arial,sans-serif;
}

#container{
position:relative;
display:table;
width:800px; 
margin: 0px auto;
height:100%; 	
height:auto!important; 
min-height: 100%;
}

body>div#container{height:auto;min-height:100%}

.clearfloat{clear:both}
.floatleft{float:left}
.floatright{float:right}
.border2px{border:2px solid #CCC}
.all-zero{padding:0; margin:0; border:0; list-style:none}

/* HEADING */
h1{font-size: 160%; padding:0px; margin:0px;}
h2{font-size: 140%}
h3{font-size: 120%}
h4{font-size: 110%; font-weight:bold; margin-bottom: 0px}
p{}
h2 + p {display:inline;}
acronym{cursor:help}
img{border:0px}
.hidden{ position: absolute; top: -9999px;left:-9999px}
.ferpan{color:#ED008C}
.left{float:left;}
.right{float:right;}


/* HEADER */
div#logo{
float:left}

div#nav{
background:url(../img/nav-bg.jpg) left top no-repeat;
float:left;
height:215px;
width:506px;
padding:0;
margin:0;
border:0;
}


div#nav ul{
list-style:none;
padding:0;
margin:0;
border:0;
}


div#nav li{
float:left;
display:block;
width:99px;
text-align:center;
height:215px;
}

div#nav li a{
padding-top:120px;
text-decoration:none;
color:#777;
float:left;
display:block;
width:99px;
height:95px;
}

div#nav li a:hover{
padding-top:120px;
color:#777;
display:block;
height:95px;
background:url(../img/on-focus.jpg) bottom center no-repeat;
}

div#map{
width:750px;
margin-left:26px;
border-bottom:1px dotted #ccc;
font-size:16px;
font-weight:bold;
color:#777;
}

div#map a{
color:#ED008C;
text-decoration:none;
}

div#map a:hover{
color:#ED008C;
text-decoration:underline;
}


/*CONTENT*/
div#content{
padding:0;
margin:0;
width:800px;
}

div#content p{
padding:0 50px;
}

div#content a{
color:#ED008C;
text-decoration:none;
}

div#content a:hover{
color:#ED008C;
text-decoration:underline;
}

.cat{
width:738px;
margin-left:26px;
color:#FFF;
background:#ED008C;
padding:1px;
padding-left:12px;
}


div#content ul{ 
padding-left:68px;
}

/* SCHEDA MONTAGGIO */
.scheda-montaggio-img{
float:left;
padding-left:28px;}

.scheda-montaggio-list{
float:left;
padding-left:18px;}

/* PRODOTTO */
.specifiche-prodotto{
float:right;
width:350px;
margin:10px 0 0 10px;
}

.table-spec{
margin-top:10px;
border:1px solid #ED008C;
border-collapse:collapse;
width:330px;
float:left;
}

.table-spec td, .table-spec th{
border:1px solid #ED008C;
width:40px;
height:20px;
text-align:center;
}

.img-prodotto{
float:left;
margin:10px 0 0 28px;
}

.sub-nav{
padding-top:100px;
}

/* LATTONERIE */

.specifiche-prodotto-lattonerie{
float:right;
width:370px;
margin:10px 0 0 10px;
}

.table-spec-lattonerie{
width:370px;
margin-top:10px;
font-size:11px;
border:1px solid #ED008C;
border-collapse:collapse;

}

.table-spec-lattonerie td, .table-spec-lattonerie th{
border:1px solid #ED008C;
text-align:center;
}
.table-spec-lattonerie th{
border:2px solid #ED008C;
text-align:center;
}

.table-spec-lattonerie th td{
border:1px solid #ED008C;
text-align:center;
}

.hr-lattonerie{
width:100%;
height:3px; 
font-size:1px; /* per IE*/
background:#ED008C
}

/* MONOTEC */
.mono-img-prodotto{text-align:center}
.mono-specifiche-prodotto{margin:10px 0 0 10px;}
.table-spec-monotec{width:90%; margin-top:10px; font-size:11px; border:1px solid #ED008C; border-collapse:collapse; }
.table-spec-monotec td, .table-spec-monotec th{border:1px solid #ED008C; text-align:center;}

/* CONTATTI */
#contatti{}
#contatti .box{border:1px solid #999; width:99%}
#contatti .email, #contatti .nazione{border:1px solid #999; width:97%}
#contatti .cap{border:1px solid #999; width:90%}
#contatti .form{margin:0 10px;}

/* FOOTER */
div#footer{
width:800px; 
height:62px; 
background:url(../img/footer-bg.gif) no-repeat; 
font-size:11px;
color:#777;
clear:both;
bottom: 0;
margin:0px auto;
z-index:1; 
text-align:center; 
margin-top:40px;
}

div#footer p{
padding-top:30px;
}

div#footer a{color:#777; text-decoration:none}
div#footer a:hover{ text-decoration:underline}