/* REGOLE GENERALI */
body {
font:100% Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align:center;
background: #18618f url(img/bgtestata.jpg) center top repeat-x;
color: #000;
}
img {
border: none;
}
p.ferma {
clear: both;
margin: 0;
padding: 0;
text-align: left;
}


/* TESTATA */
#testata{
width: 960px;
height: 340px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#logo {
float: left;
display: inline;
width: 320px;
height: 100px;
margin: 0;
padding: 0;
background: url(img/logo.jpg) left top no-repeat;
}
#logo h1 {
font-size: 1px;
margin: 0;
padding: 0;
overflow: hidden;
color: #81bbca;
}
#slideflash {
float: right;
display: inline;
width: 640px;
height: 340px;
margin: 0;
padding: 0;
background: url(img/bgslideflash.jpg) left top no-repeat;
}
#slide {
margin: 46px 0 0 40px;
padding: 0;
}
#menuNav {
float: left;
display:inline;
font-size:76%;
width: 300px;
height: 168px;
margin: 25px 0 0 15px;
padding: 0;
text-align: center;
}
#menuNav ul {
margin: 0;
padding: 0;
display: block;
list-style: none;
}
#menuNav ul li{
display:inline;
margin: 0;
padding: 0;
}
#menuNav ul a{
font-size:1px;
padding-left: 300px;
overflow: hidden;
display: block;
text-decoration: none;
text-align: left;
color: #FFF;
text-indent: -500em;
}
#menuNav ul li#home a, #menuNav ul li#home a:active{background: url(img/menu/home.gif) 0 50% no-repeat;height: 28px;}
#menuNav ul li#home a:hover, #menuNav ul li#home a:focus{background: url(img/menu/home.gif) -300px 50% no-repeat;}
#menuNav ul li.active#home a{background: url(img/menu/home.gif) -300px 50% no-repeat;}
#menuNav ul li#chisiamo a, #menuNav ul li#chisiamo a:active{background: url(img/menu/chisiamo.gif) 0 50% no-repeat;height: 28px;}
#menuNav ul li#chisiamo a:hover, #menuNav ul li#chisiamo a:focus{background: url(img/menu/chisiamo.gif) -300px 50% no-repeat;}
#menuNav ul li.active#chisiamo a{background: url(img/menu/chisiamo.gif) -300px 50% no-repeat;}
#menuNav ul li#materieprime a, #menuNav ul li#materieprime a:active{background: url(img/menu/materieprime.gif) 0 50% no-repeat;height: 28px;}
#menuNav ul li#materieprime a:hover, #menuNav ul li#materieprime a:focus{background: url(img/menu/materieprime.gif) -300px 50% no-repeat;}
#menuNav ul li.active#materieprime a{background: url(img/menu/materieprime.gif) -300px 50% no-repeat;}
#menuNav ul li#lavorazioni a, #menuNav ul li#lavorazioni a:active{background: url(img/menu/lavorazioni.gif) 0 50% no-repeat;height: 28px;}
#menuNav ul li#lavorazioni a:hover, #menuNav ul li#lavorazioni a:focus{background: url(img/menu/lavorazioni.gif) -300px 50% no-repeat;}
#menuNav ul li.active#lavorazioni a{background: url(img/menu/lavorazioni.gif) -300px 50% no-repeat;}
#menuNav ul li#dovesiamo a, #menuNav ul li#dovesiamo a:active{background: url(img/menu/dovesiamo.gif) 0 50% no-repeat;height: 28px;}
#menuNav ul li#dovesiamo a:hover, #menuNav ul li#dovesiamo a:focus{background: url(img/menu/dovesiamo.gif) -300px 50% no-repeat;}
#menuNav ul li.active#dovesiamo a{background: url(img/menu/dovesiamo.gif) -300px 50% no-repeat;}
#menuNav ul li#contatti a, #menuNav ul li#contatti a:active{background: url(img/menu/contatti.gif) 0 50% no-repeat;height: 28px;}
#menuNav ul li#contatti a:hover, #menuNav ul li#contatti a:focus{ background: url(img/menu/contatti.gif) -300px 50% no-repeat;}
#menuNav ul li.active#contatti a{ background: url(img/menu/contatti.gif) -300px 50% no-repeat;}


/* CONTENUTI */
#corpo {
clear: both;
width: 100%;
margin: 0;
padding: 0 0 25px;
text-align: center;
background: #FFF;
}
#contenuti {
width: 960px;
margin: 0 auto;
padding: 0;
text-align:left;
background: url(img/bgrigamezzo.gif) left top repeat-y;
}
#up { margin: 0; padding: 20px 0 0; background: url(img/bgrigaup.gif) left top no-repeat; }
#down { margin: 0; padding: 0 0 30px; background: url(img/bgrigadown.gif) left bottom no-repeat; }

/* COLONNA SX */
#colsx {
display: inline;
float: left;
width: 630px;
margin: 0;
padding: 0;
}
#colsx h2 {
height: 55px;
margin: 0;
padding: 0;
text-align: left;
font-size: 1px;
overflow: hidden;
color: #FFF;
}
#colsx h2.home { background: url(img/titoli/home.gif) left top no-repeat;}
#colsx h2.chisiamo { background: url(img/titoli/chisiamo.gif) left top no-repeat;}
#colsx h2.materieprime { background: url(img/titoli/materieprime.gif) left top no-repeat;}
#colsx h2.lavorazioni { background: url(img/titoli/lavorazioni.gif) left top no-repeat;}
#colsx h2.dovesiamo { background: url(img/titoli/dovesiamo.gif) left top no-repeat;}
#colsx h2.contatti { background: url(img/titoli/contatti.gif) left top no-repeat;}
#testo {
width: 600px;
margin: 0;
padding: 10px 0 0 20px;
text-align: left;
}
#testo p {
font-size:76%;
line-height: 1.6;
margin: 0 0 1.6em;
padding: 0;
color: #373737;
text-align:justify;
}
#testohome {
width: 628px;
height: 100px;
margin: 10px 0 0;
padding: 0;
text-align: left;
background: url(img/fraseiniziale.gif) left top no-repeat;
}
#testohome p {
font-size: 1px;
margin: 0;
padding: 0;
overflow: hidden;
color: #FFF;
}

/* COLONNA DX */
#coldx {
display: inline;
float: right;
width: 260px;
margin: 10px 20px 0 0;
padding: 0;
}
div.foto {
float: left;
margin: 0 0 18px;
padding: 0;
text-align: left;
border: 1px solid #cbcccd;
}
div.foto img{
float: left;
margin: 0;
padding: 0;
border: 3px solid #FFF;
}
div.foto a{
float: left;
margin: 0;
padding: 0;
}
div.foto p{
float: left;
width: 246px;
font-size: 65%;
margin: 0;
padding: 4px 6px;
text-align: left;
text-transform: uppercase;
color: #FFF;
background: #cd7700 url(img/bgdida.gif) left center repeat-x;
}
#madeinitaly {
width: 252px;
height: 160px;
margin: 0;
padding: 0;
text-align: left;
background: url(img/madeinitaly.jpg) left top no-repeat;
}
#madeinitaly p {
font-size: 1px;
margin: 0;
padding: 0;
overflow: hidden;
color: #FFF;
}

/* GOOGLEMAP */
#googlemap {
font:100% Verdana, Arial, Helvetica, sans-serif;
width: 560px;
height: 246px;
margin: 0;
padding: 0;
border: none;
background: url(img/loadmap.gif) center center no-repeat;
}
#googlemap p {
font-size:76%;
height: 35px;
margin: 0;
padding: 0;
line-height: normal;
text-align: left;
}
#googlemap img {
margin: 0 10px 0 0;
}

/* CONTATTI DX */
#boxcontatti {
margin: 0;
padding: 0;
text-align:left;
}
#boxcontatti h3{
font-size: 82%;
margin: 0;
padding: 0;
color: #20527b;
text-transform:uppercase;
}
#boxcontatti p{
color: #333;
font-size: 76%;
margin: 0 0 0.5em;
padding: 0;
}
#boxcontatti a:link, #boxcontatti a:visited {
font-weight: bold;
color: #333;
text-decoration: none;
white-space: nowrap;
}
#boxcontatti a:hover, #boxcontatti a:focus, #boxcontatti a:active {
color: #FF6600;
}
#boxcontatti p.obbligatorio {
margin: 1em 0;
padding: 1em 0;
text-align: left;
border-top: 1px dashed #015D7C;
border-bottom: 1px dashed #015D7C;
color: #FF6600;
}
#boxcontatti p.privacy {
font-size: 76%;
margin: 0 0 0.2em;
padding: 0;
color: #20527b;
text-transform: uppercase;
}
#boxcontatti p.trattamento {
font-size: 66%;
}

/* CONTATTI SX */
#testocontatti {
width: 600px;
margin: 0;
padding: 10px 0 0 20px;
text-align: left;
font-size:76%;
}
label{
color: #24599a;
text-align: left;
font-weight: bold;
}
fieldset {
padding: 10px 0 0;
margin: 0 0 5px 0;
border: none;
text-align: left;
}
fieldset label {
float:left;
width: 290px;
margin: 0 20px 10px 0;
padding: 0;
text-align:left;
}
fieldset label.dx {
float:left;
width: 290px;
margin: 0 0 10px 0;
padding: 0;
text-align:left;
}
fieldset label.note {
float:left;
width: 600px;
margin: 0 0 10px;
padding: 0;
text-align:left;
}
fieldset label.ragione {
float:left;
width: 600px;
margin: 0 0 10px;
padding: 0;
text-align:left;
}
fieldset input{
display:block;
width: 282px;
padding: 3px;
margin: 5px 0 0;
border: 1px dotted #7b7b7b;
}
fieldset input.ragione{
display:block;
width: 592px;
padding: 3px;
margin: 5px 0 0;
border: 1px dotted #7b7b7b;
}
fieldset label.note {
clear: both;
float:left;
width: 600px;
margin: 0 0 10px;
padding: 0;
text-align:left;
}
fieldset textarea{
display:block;
width: 592px;
padding: 3px;
margin: 5px 0 0;
border: 1px dotted #7b7b7b;
}
input.tasti {
width: auto;
font-weight: bold;
margin: 5px 0 0;
padding: 2px 5px;
text-align: center;
border: 1px solid #FF3300;
color: #FFF;
background: #FF9900;
}
p.compila {
margin: 0 0 10px;
padding: 0 0 0.5em;
text-align:left;
font-weight: bold;
border-bottom: 1px dotted #7b7b7b;
color: #20527b;
}
.error {
border: 1px solid #FF9900 !important;
}
p.errore {
clear: both;
margin: 0 0 10px;
padding: 0;
text-align:left;
font-weight: bold;
color: #FF6600;
}
p.ok {
clear: both;
margin: 0 0 1em;
padding: 0;
text-align:center;
font-weight: bold;
color: #20527b;
}
fieldset label.pulisci {
float:left;
width: 292px;
height: 5px;
margin: 0 !important;
padding: 0;
text-align:left;
}


/* FOOTER */
#bgfooter {
clear:both;
width: 100%;
height: 75px;
margin: 0;
padding: 0;
text-align: center;
color: #39829a;
background: #18628a url(img/bgfooter.gif) center top repeat-x;
border-bottom: 1px solid #197eaf;
}
#footer {
width: 518px;
font-size:70%;
margin: 0 auto;
padding: 0;
background: url(img/bgcredits.gif) center top no-repeat;
line-height: 39px;
}
#footer p {
margin: 0;
padding: 0;
}
#footer a:link, #footer a:visited {
font-weight: bold;
color: #39829a;
text-decoration: none;
white-space: nowrap;
}
#footer a:hover, #footer a:focus, #footer a:active {
color: #FF6600;
}