html, body {
 margin:2ex auto;
 font-family:Arial, Verdana, sans-serif;
 background-color:#CACFD3;
 color:#576672;
}

a, a:hover, a:active, a:link {color:#434f58;}
a:hover {text-decoration:none;color:#af2a1d;}

img {border:none;}

.clear {clear:both;}
br.clear {height:1px;line-height:1px;}

#tutto {
 text-align:center;
 position:relative;
}

#contenuto {
 text-align:left;
 position:relative;
 width:780px;
 background:url(img/pattern.png);
 margin:0 auto;
 border:2px solid #FFF;
}

#navtesta {
 position:relative;
 margin:0;
 padding:0;
 display:block;
 height:30px;
 width:780px;
 color:#FFF;
 border-bottom:2px solid #FFF;
 list-style-type:none;
}

#navtesta li {
 position:relative;
 display:block;
 float:right;
 margin:0;
 padding:7px 2px;
}

#navtesta li.ultimo { padding-right:10px; }

#testa {
 position:relative;
 margin:0;
 padding:0;
 background:#576672;
 color:#FFF;
 border-bottom:2px solid #FFF;
}

#testa h1 {
 position:relative;
 background:#AF2A1D url("img/bg_logo.png");
 color:#FFF;
 padding:0;
 margin:0;
 width:251px;
 height:136px;
 border-right:2px solid #FFF;
}

#testa h1 a {
 position:relative;
 display:block;
 margin:0;
 padding:0;
 width:251px;
 height:136px;
}
#testa h1 a img { margin:50px 7px; }

#testata {
 position:absolute;
 top:0;
 right:0;
 width:527px;
 height:115px;
 margin:0;
 padding:0;
/* background-image:url("img/testatasfondo.jpg");
 background-position:0 0;
 background-repeat:no-repeat;*/
 border-bottom:2px solid #FFF;
}

#nav1 {
 font-family: Helvetica;
 position:absolute;
 top:117px;
 /*bottom:0;*/
 right:0;
 display:block;
 margin:0;
 padding:0;
 color:#FFF;
 width:527px;
 list-style-type:none;
}

#nav1 li {
 position:relative;
 display:block;
 float:left;
 margin:0;
 padding:0;
 height:19px;
 list-style-type:none;
 font-family:Helvetica;
 font-size:11px;
 font-weight:bold;
 line-height:19px;
 letter-spacing:-0.2px;
 text-transform:uppercase;
 border-right:2px solid #FFF;
}

#nav1 li.ultimo { border-right:none; }

#nav1 li a , #nav1 li a:active, #nav1 li a:link {
 color:#FFF;
 display:block;
 position: relative;
 margin:0;
 padding:0;
 background:#576672;
 text-align:center;
 text-decoration:none;
}
#nav1 li a:hover {
 color:#FFF;
 background:#AF2A1D;
}
#nav1 li strong {
 color:#FFF;
 display:block;
 position: relative;
 margin:0;
 padding:0;
 background:#af2a1d;
 text-align:center;
}

#nav1 li a.azienda, #nav1 li strong.azienda { width:68px; }
#nav1 li a.dovesiamo, #nav1 li strong.dovesiamo { width:79px; }
#nav1 li a.tabtec, #nav1 li strong.tabtec { width:115px; }
#nav1 li a.qualita, #nav1 li strong.qualita { width:98px; }
#nav1 li a.offerte, #nav1 li strong.offerte { width:107px; }
#nav1 li a.servizi, #nav1 li strong.servizi { width:50px; }

#corpo {
 z-index:2;
 position:relative;
 width:780px;
 margin:0;
 padding:0;
 background:#576672;
}

#navprod {
 z-index:2;
 font-family: Helvetica;
 position:absolute;
 top:0;
 left:0;
 z-index:2;
 margin:0;
 padding:0;
 width:251px;
}

#navprod h4 {
 position:relative;
 color:#FFF;
 font-size:11px;
 font-weight:bold;
 margin:7px 4px;
 padding:0;
 text-align:right;
 letter-spacing:-0.2px;
 text-transform:uppercase;
}

#navprod ul {
 position:relative;
 display:block;
 margin:0;
 padding:0;
 color:#576672;
 width:251px;
 list-style-type:none;
}

#navprod li {
 position:relative;
 display:block;
 margin:0 1px 1px -1em;
 padding:0;
 height:44px;
 list-style-type:none;
 text-align:right;
 font-size:14px;
 font-weight:bold;
 line-height:14px;
 letter-spacing:-0.2px;
 text-transform:uppercase;
 background:#FFF url("img/bg_button.png") left top repeat-x;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 margin:0 1px 1px 0;
}
html>body #navprod li { margin:0 1px 5px 0; } /* Recupera Opera */

#navprod li a, #navprod li a:active, #navprod li a:link,#navprod li strong {
 display:block;
 position:relative;
 margin:0;
 color:#576672;
 padding:15px 12px 15px 0;
 text-decoration:none;
}
#navprod li a:hover,#navprod li strong,#navprod li a.sel { color:#af2a1d; }

#navprod li a.tubi,#navprod li strong.tubi {background:url("img/bg_tubi.png") left top no-repeat;}
#navprod li a.travi,#navprod li strong.travi {background:left top url(img/bg_travi.png) no-repeat;}
#navprod li a.lamiere,#navprod li strong.lamiere {background:left top url(img/bg_lamiere.png) no-repeat;}
#navprod li a.laminati,#navprod li strong.laminati {background:left top url(img/bg_laminati.png) no-repeat;}
#navprod li a.profili,#navprod li strong.profili {background:left top url(img/bg_profili.png) no-repeat;}
#navprod li a.reti,#navprod li strong.reti {background:left top url(img/bg_reti.png) no-repeat;}
#navprod li a.rotaie,#navprod li strong.rotaie {background:left top url(img/bg_rotaie.png) no-repeat;}


#navprod .submenu {
 position:absolute;
 top:0;
 left:251px;
 z-index:2;
 visibility:hidden;
 background:#576672;
 color:#576672;
 text-align:left;
 margin:0;
 padding:1px 0 0 0;
}

#navprod .submenu ul {
 z-index:2;
 position:relative;
 display:block;
 margin:0;
 padding:0;
 width:270px;
 list-style-type:none;
 text-align:left;
}

#navprod .submenu ul li {
 position:relative;
 z-index:2;
 display:block;
 margin:0 1px 1px -1.3em;
 padding:0;
 height:15px;
 list-style-type:none;
 text-align:left;
 font-size:12px;
 font-weight:bold;
 text-transform:none;
 letter-spacing:normal;
 background:#e8e9ea;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 margin:0 1px 1px 0;
}
html>body #navprod .submenu ul li { margin:0 1px 1px 0; } /* Recupera Opera */

#navprod .submenu ul li.primo {
 margin-top:1px;
}

#navprod .submenu ul li a, #navprod .submenu ul li a:active, #navprod .submenu ul li a:link, #navprod .submenu ul li strong {
 display:block;
 position:relative;
 margin:0 4px;
 color:#576672;
 padding:0;
 height:15px;
 text-decoration:none;
}

#navprod .submenu ul li a:hover,#navprod .submenu li strong,#navprod .submenu li a.sel { color:#af2a1d; }

#navprod .submenu h2 {
 position:relative;
/* color:#FFF;*/
 font-size:12px;
 font-weight:bold;
 margin:0 1px 1px -1.3em;
 padding:0 5px 0 4px;
 text-transform:none;
 width:260px;
 background:#e8e9ea;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 margin:0 1px 1px 0;
}
html>body #navprod .submenu h2 { margin:0 1px 1px 0; } /* Recupera Opera */

#centro {
 position:relative;
 margin:0 0 0 251px;
 border-left:2px solid #FFF;
 color:#576672;
 background:#FFF;
}

#testo {
 position:relative;
 margin:0;
 padding:40px 20px;
 border:1px solid #a5a9ac;
 border-right:none;
 color:#434f58;
 font-size:12px;
 /*background:#e5e5e6 left top url("img/bg_testo.png") repeat-x;*/
 background:#FFF;
 height:390px;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 height:300px;
}
html>body #testo { height:auto; min-height:300px; } /* Recupera Opera */

#testo h1 {
 color:#af2a1d;
 text-align:right;
 font-size:14px;
 font-weight:bold;
 text-transform:uppercase;
 margin:0 0 25px 0;
 padding:0;
 border-bottom:1px solid #576672;
}

#testo h2 {
 font-size:12px;
 font-weight:bold;
 margin:0;
 padding:0;
}

#testo table {
 border-collapse:collapse;
 font-size:11px;
 color:#434f58;
}

#testo table td {
 padding:2px;
 border:1px solid #576672;
 vertical-align:top;
}

#testo table.noborder td {
 border:none;
}

#testo table td p {
 padding:0;
 margin:0;
}

#testo table td table td {
 padding:2px;
 border:none;
}

#testo a, #testo a:hover, #testo a:active, #testo a:link {color:#434f58;}
#testo a:hover {text-decoration:none;color:#af2a1d;}

/* Prodotti */

.elencoprod {
 list-style:none;
 margin:0;
 padding:0;
}

#testo .elencoprod li a, #testo .elencoprod li a:link, #testo .elencoprod li a:hover, #testo .elencoprod li a:visited {
 font-weight:bold;
 color:#434f58;
 text-decoration:none;
}
 #testo .elencoprod li a:hover {color:#af2a1d;}
.giallochiaro {background:#ff5;}
.gialloscuro {background:#fd0;}
.aranciochiaro {background:#fb3;}
.arancioscuro {background:#f70;}
.rosso {background:#f00;}
.grigio {background:#c0c0c0;}

/* Offerte */

.notizia {
 border-top:1px solid #576672;
}

.notizia img {
 float:right;
}

.prima {
 border:none;
}

/* Piede */

#piede {
 position:relative;
 margin:0;
 z-index:1;
 padding:5px 0;
 width:780px;
 color:#FFF;
 line-height:15px;
 text-align:center;
 font-size:11px;
 font-style:normal;
 border-top:2px solid #FFF;
}
#piede a , #piede a:active, #piede a:link {color:#FFF;font-weight:bold;}
a:hover {text-decoration:none; color:#FFF;}