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

/* GENERALE */
#big {
width: 100%;
margin: 10px 0 0;
padding: 0;
background: #FFFFFF url(img/bggrigio.gif) left top repeat-x;
}

/* BOX CENTRATO */
#centrato {
width: 960px;
margin: 0 auto;
padding: 0;
text-align: left;
background: url(img/bgsfumato.gif) center top repeat-y;
}
#pagina {
width: 930px;
margin: 0;
padding: 0 15px;
text-align: left;
background: url(img/bggrigiosfumato.gif) center top no-repeat;
}

/* TESTATA UP */
#testataup {
margin: 0;
padding: 0;
text-align: left;
}
#logo {
float: left;
width: 280px;
height: 125px;
margin: 0;
padding: 0;
background: url(img/logo.gif) left top no-repeat;
}
#logo h1 {
font-size: 1px;
margin: 0;
padding: 0;
overflow: hidden;
color: #FFFFFF;
}
img.logoprint { display: none; }
#slogan {
float: left;
width: 243px;
height: 125px;
margin: 0 0 0 12px;
padding: 0;
text-align: left;
background: url(img/brillantaturasfere.gif) left bottom no-repeat;
}
#slogan h2 {
font-size: 1px;
margin: 0;
padding: 0;
overflow: hidden;
color: #FFFFFF;
}
ul.tastini {
float: right;
margin: 0;
padding: 25px 3px 0 0;
display: block;
list-style: none;
}
ul.tastini li{
float:left;
margin: 0;
padding: 0;
}
ul.tastini li a{
width: 55px;
height: 30px;
margin: 0;
padding: 0;
}
ul.tastini a{
display: block;
font-size: 1px;
margin: 0;
padding: 0;
overflow: hidden;
color: #FFFFFF;
text-indent: -500em;
}
ul.tastini li#backhome a, ul.tastini li#backhome a:active{ background: url(img/tastini/home.gif) 0 0 no-repeat;}
ul.tastini li#backhome a:hover, ul.tastini li#backhome a:focus{ background: url(img/tastini/home.gif) 0 -30px no-repeat; }
ul.tastini li#posta a, ul.tastini li#posta a:active{ background: url(img/tastini/posta.gif) 0 0 no-repeat;}
ul.tastini li#posta a:hover, ul.tastini li#posta a:focus{ background: url(img/tastini/posta.gif) 0 -30px no-repeat; }
ul.tastini li#stampa a, ul.tastini li#stampa a:active{ background: url(img/tastini/stampa.gif) 0 0 no-repeat;}
ul.tastini li#stampa a:hover, ul.tastini li#stampa a:focus{ background: url(img/tastini/stampa.gif) 0 -30px no-repeat; }


/* TESTATA DOWN */
#testatadown {
clear: left;
margin: 0;
padding: 0;
text-align: left;
}
#menuNav {
float: left;
display:inline;
font-size:76%;
width: 270px;
height: 235px;
margin: 10px 0 0 10px;
padding: 0;
text-align: center;
background: #417ec9 url(img/bgmenu.gif) left top repeat-y;
}
#menuNav ul.menu {
margin: 0;
padding: 0;
display: block;
list-style: none;
}
#menuNav ul.menu li{
display:inline;
margin: 0;
padding: 0;
}
#menuNav ul.menu a{
font-size:1px;
padding-left: 270px;
overflow: hidden;
display: block;
text-decoration: none;
text-align: left;
color: #7bc5f4;
text-indent: -500em;
}
#menuNav ul.menu li#home a, #menuNav ul.menu li#home a:active{background: url(img/menu/home.gif) 0 50% no-repeat;height: 47px;}
#menuNav ul.menu li#home a:hover, #menuNav ul.menu li#home a:focus{background: url(img/menu/home.gif) -270px 50% no-repeat;}
#menuNav ul.menu li.active#home a{background: url(img/menu/home.gif) -540px 50% no-repeat;}
#menuNav ul.menu li#azienda a, #menuNav ul.menu li#azienda a:active{background: url(img/menu/azienda.gif) 0 50% no-repeat;height: 47px;}
#menuNav ul.menu li#azienda a:hover, #menuNav ul.menu li#azienda a:focus{background: url(img/menu/azienda.gif) -270px 50% no-repeat;}
#menuNav ul.menu li.active#azienda a{background: url(img/menu/azienda.gif) -540px 50% no-repeat;}
#menuNav ul.menu li#brillantatura a, #menuNav ul.menu li#brillantatura a:active{background: url(img/menu/brillantatura.gif) 0 50% no-repeat;height: 47px;}
#menuNav ul.menu li#brillantatura a:hover, #menuNav ul.menu li#brillantatura a:focus{background: url(img/menu/brillantatura.gif) -270px 50% no-repeat;}
#menuNav ul.menu li.active#brillantatura a{background: url(img/menu/brillantatura.gif) -540px 50% no-repeat;}
#menuNav ul.menu li#verniciatura a, #menuNav ul.menu li#verniciatura a:active{background: url(img/menu/verniciatura.gif) 0 50% no-repeat;height: 47px;}
#menuNav ul.menu li#verniciatura a:hover, #menuNav ul.menu li#verniciatura a:focus{background: url(img/menu/verniciatura.gif) -270px 50% no-repeat;}
#menuNav ul.menu li.active#verniciatura a{background: url(img/menu/verniciatura.gif) -540px 50% no-repeat;}
#menuNav ul.menu li#dovesiamo a, #menuNav ul.menu li#dovesiamo a:active{background: url(img/menu/dovesiamo.gif) 0 50% no-repeat;height: 47px;}
#menuNav ul.menu li#dovesiamo a:hover, #menuNav ul.menu li#dovesiamo a:focus{background: url(img/menu/dovesiamo.gif) -270px 50% no-repeat;}
#menuNav ul.menu li.active#dovesiamo a{background: url(img/menu/dovesiamo.gif) -540px 50% no-repeat;}
#menuNav ul.menu li#contatti a, #menuNav ul.menu li#contatti a:active{background: url(img/menu/contatti.gif) 0 50% no-repeat;height: 47px;}
#menuNav ul.menu li#contatti a:hover, #menuNav ul.menu li#contatti a:focus{ background: url(img/menu/contatti.gif) -270px 50% no-repeat;}
#menuNav ul.menu li.active#contatti a{ background: url(img/menu/contatti.gif) -540px 50% no-repeat;}
#slideflash {
display: inline;
float:left;
width: 618px;
height: 225px;
margin: 10px 0 0 12px;
padding: 4px;
background: #FFF;
border: 1px solid #c6c6c6;
}

/* CONTENUTI */
#corpo {
clear: both;
width: 930px;
margin: 0;
padding: 0;
text-align: left;
}
#contenuti{
float:left;
width: 910px;
margin: 12px 0 0;
padding: 0 10px;
}

/* COLONNA SX */
#colsx {
float: left;
width: 270px;
margin: 0;
padding: 32px 0 10px;
background: url(img/colsxsfumato.jpg) left top no-repeat;
}
#colsx ul.gallery {
margin: 0;
padding: 0;
display: block;
list-style: none;
}
#colsx ul.gallery li{
display: inline;
float: left;
width: 130px;
height: 100px;
margin: 10px 0 0 0;
padding: 0;
}
#colsx ul.gallery li.sx{
margin: 10px 10px 0 0;
}

/* COLONNA DX */
#coldx {
float: right;
width: 628px;
margin: 0;
padding: 0;
}
#coldx h3 {
height: 32px;
margin: 0 0 10px;
padding: 5px 5px 0 0;
text-align: right;
font-size: 1px;
overflow: hidden;
color: #417ec9;
}
#coldx h3.home { background: url(img/titoli/home.gif) left top no-repeat;}
#coldx h3.azienda { background: url(img/titoli/azienda.gif) left top no-repeat;}
#coldx h3.brillantatura { background: url(img/titoli/brillantatura.gif) left top no-repeat;}
#coldx h3.verniciatura { background: url(img/titoli/verniciatura.gif) left top no-repeat;}
#coldx h3.dovesiamo { background: url(img/titoli/dovesiamo.gif) left top no-repeat;}
#coldx h3.contatti { background: url(img/titoli/contatti.gif) left top no-repeat;}

/* HOME */
#testohome {
font-size:76%;
margin: 0 12px;
padding: 0;
}
#testohome p {
line-height: 1.8;
margin: 0 0 1em;
padding: 0;
color: #333333;
text-align:justify;
}

/* BRILLANTATURA */
#testobrillantatura {
font-size:76%;
margin: 0 12px;
padding: 0;
}
#testobrillantatura p {
line-height: 1.8;
margin: 0 0 1em;
padding: 0;
color: #333333;
text-align:justify;
}

/* VERNICIATURA */
#testoverniciatura {
font-size:76%;
margin: 0 12px;
padding: 0;
}
#testoverniciatura p {
line-height: 1.8;
margin: 0 0 1em;
padding: 0;
color: #333333;
text-align:justify;
}
#testoverniciatura p.mever {
float: left;
margin: 0 10px 0 0;
padding: 0;
text-align: left;
line-height: normal;
}
#testoverniciatura p.mever img {
float: left;
margin: 0;
padding: 2px;
border: 1px solid #CCC;
line-height: normal;
}

/* DOVE SIAMO */
#testodovesiamo {
font-size:76%;
margin: 0 12px;
padding: 0;
}
#testodovesiamo p {
line-height: 1.8;
margin: 0 0 1em;
padding: 0;
color: #333333;
text-align:justify;
}


/* GOOGLEMAP */
#googlemap {
font:100% Verdana, Arial, Helvetica, sans-serif;
width: 618px;
height: 225px;
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 SX */
#boxcontatti {
margin: 0;
padding: 10px 0 0;
text-align:right;
}
#boxcontatti h3{
font-size: 82%;
margin: 0;
padding: 0;
color: #417ec9;
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: #417ec9;
}
#boxcontatti p.obbligatorio {
margin: 1em 0;
padding: 1em 0;
text-align: right;
border-top: 1px dashed #015D7C;
border-bottom: 1px dashed #015D7C;
color: #900;
}
#boxcontatti p.privacy {
font-size: 76%;
margin: 0 0 0.2em;
padding: 0;
color: #073d7e;
text-transform: uppercase;
}
#boxcontatti p.trattamento {
font-size: 66%;
}

/* CONTATTI DX */
#testocontatti {
font-size:76%;
margin: 0 12px;
padding: 0 0 10px;
line-height: 1.5;
color: #003B4F;
}
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: 292px;
margin: 0 20px 10px 0;
padding: 0;
text-align:left;
}
fieldset label.dx {
float:left;
width: 292px;
margin: 0 0 10px 0;
padding: 0;
text-align:left;
}
fieldset label.note {
float:left;
width: 604px;
margin: 0 0 10px;
padding: 0;
text-align:left;
}
fieldset label.ragione {
float:left;
width: 604px;
margin: 0 0 10px;
padding: 0;
text-align:left;
}
fieldset input{
display:block;
width: 284px;
padding: 3px;
margin: 5px 0 0;
border: 1px solid #2D95B8;
}
fieldset input.ragione{
display:block;
width: 596px;
padding: 3px;
margin: 5px 0 0;
border: 1px solid #2D95B8;
}
fieldset label.note {
clear: both;
float:left;
width: 604px;
margin: 0 0 10px;
padding: 0;
text-align:left;
}
fieldset textarea{
display:block;
width: 596px;
padding: 3px;
margin: 5px 0 0;
border: 1px solid #2D95B8;
}
input.tasti {
width: auto;
font-weight: bold;
margin: 5px 0 0;
padding: 2px 5px;
text-align: center;
border: 1px solid #24599a;
color: #FFF;
background: #417ec9;
}
p.compila {
margin: 0 0 10px;
padding: 0 0 0.5em;
text-align:left;
font-weight: bold;
border-bottom: 1px dashed #999;
color: #073d7e;
}
.error {
border: 1px solid #900 !important;
}
p.errore {
clear: both;
margin: 0 0 10px;
padding: 0;
text-align:left;
font-weight: bold;
color: #900;
}
p.ok {
clear: both;
margin: 0 0 1em;
padding: 0;
text-align:center;
font-weight: bold;
}
fieldset label.pulisci {
float:left;
width: 292px;
height: 5px;
margin: 0 !important;
padding: 0;
text-align:left;
}


/* FOOTER */
#footer {
clear:both;
width: 100%;
margin: 0;
padding: 0;
background: url(img/bgfooter.gif) left top repeat-x;
text-align: center;
color: #FFFFFF;
}
#footer p {
font-size:70%;
margin: 0;
padding: 1.3em 1em 0;
background: url(img/footerup.gif) left top no-repeat;
}
#footer p.credits {
font-size:70%;
margin: 0;
padding: 0.5em 1em 0.5em;
background: none;
color: #cae0fc;
}
#footer a:link, #footer a:visited {
font-weight: bold;
color: #cae0fc;
text-decoration: none;
white-space: nowrap;
}
#footer a:hover, #footer a:focus, #footer a:active {
color: #FFFFFF;
}
