html,body { margin:0; padding:0; color:#5A5A5A; background-color:#FFF; font-family:Verdana,sans-serif; font-size:12px; }
p,td,th,li,dt,dd,input,textarea,select,option { font-family:Verdana,serif; }
input,textarea,select,option { font-size:12px; }
body { position:relative; }
img { border:none; padding:0; margin:0; position:relative; }
header,footer,section,aside,nav,article,hgroup { display:block; margin:0; padding:0; }
a { color:#5A5A5A; text-decoration:none; }
a:hover,a:active { text-decoration:underline; }
form { margin:0; padding:0; }
abbr { text-decoration:none; border:none; font-variant:normal; cursor:help; }
h1 { margin:0; padding:0; font-weight:normal; font-size:18px; }
h2 { margin:1em 0 0.5em 0; padding:0; font-size:16px; }
h3 { margin:1em 0 0.5em 0; padding:0; font-size:14px; }
h4 { margin:1em 0 0.5em 0; padding:0; font-size:12px; }
h5 { margin:1em 0 0.5em 0; padding:0; font-size:11px; }
h6 { margin:1em 0 0.5em 0; padding:0; font-size:10px; }
p { margin:0.5em 0; padding:0; }
ul { margin:0.3em 0 0.3em 1.5em; padding:0; }
li { margin:0; padding:0; }
dl { margin:0.5em 0; padding:0; }
dt { margin:0; padding:0; font-weight:bold; }
dd { margin:0 0 0.5em 1em; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
.clear { clear:both; }
.clearright { clear:right; }
br.clear,br.clearright { line-height:1px; height:1px; font-size:1px; }
.nascosto { width:1px; height:1px; position:absolute; visibility:hidden; top:0; }
.errore { color:#F00; }
h4.errore { margin:0; padding:0; }
img.foto { display:block; }

header { position:relative; height:100px; color:#5A5A5A; background-color:#F0F0F0; }
header h1 { width:970px; height:70px; margin:0 auto; padding:30px 0 0 0; }
header h1 img { display:block; padding-top:15px; }
#s-nav1 { height:30px; margin-top:-100px; color:#FFF; background-color:#5A5A5A; }
#s-nav1 a { color:#FFF; font-weight:bold; }
#s-nav1 ul { display:block; width:970px; margin:0 auto; padding:0; line-height:30px; text-align:right; }
#s-nav1 li { display:inline; margin:0; padding:0 1em; font-size:10px; list-style-type:none; }
#s-nav1 li img { position:relative; top:0.4em; }
#s-nav2 { height:70px; background:#F0F0F0 url("img-stile/nav2-sfondo.png") center top repeat-y; }
#s-nav2 a { display:block; height:50px; color:#5A5A5A; border-bottom:10px solid #F0F0F0; font-size:15px; }
#s-nav2 a:hover,#s-nav2 a.sel { border-bottom:10px solid #5A5A5A; text-decoration:none; }
#s-nav2 #s-cat1 a:hover,#s-nav2 #s-cat1 a.sel { border-color:#F00; }
#s-nav2 #s-cat2 a:hover,#s-nav2 #s-cat2 a.sel { border-color:#B95F00; }
#s-nav2 #s-cat3 a:hover,#s-nav2 #s-cat3 a.sel { border-color:#006EE6; }
#s-nav2 #s-cat4 a:hover,#s-nav2 #s-cat4 a.sel { border-color:#009100; }
#s-nav2 ul { display:block; width:970px; margin:0 auto; padding:10px 0 0 0; line-height:50px; text-align:right; }
#s-nav2 li { display:block; float:right; white-space:nowrap; margin:0; padding:0 1em; list-style-type:none; }
* html #s-nav2 li { width:50px; }
#s-nav2 li.primo { padding-right:0; }

#s-traccia { clear:both; width:970px; margin:0 auto; padding:1em 0 2em 0; text-align:right; }
#s-traccia a { color:#5A5A5A; }
#s-traccia strong { color:#5A5A5A; }
.categoria-1 #s-traccia strong { color:#F00; }
.categoria-2 #s-traccia strong { color:#B95F00; }
.categoria-3 #s-traccia strong { color:#006EE6; }
.categoria-4 #s-traccia strong { color:#009100; }

#s-contenuto { clear:both; width:970px; margin:0 auto; text-align:left; }
#s-contenuto a { color:#5A5A5A; text-decoration:underline; }
#s-contenuto a:hover,#s-contenuto a:active { text-decoration:underline; }

footer { clear:both; width:970px; margin:1em auto; padding:1em 0; border-top:1px solid #5A5A5A; color:#5A5A5A; text-align:center; }
footer a { color:#5A5A5A; }
footer a.sel { font-weight:bold; }
footer ul { display:block; margin:0; padding:0; }
footer li { display:inline; margin:0; padding:0 1em; border-left:1px solid #5A5A5A; list-style-type:none; font-size:11px; }
footer li.primo { border-left:none; }
footer p { margin:1.5em 0; font-size:9px; letter-spacing:-0.5px; }

/* Home page */
#s-banner-home h1 { position:relative; margin:1.5em 0 0.5em 0; width:970px; height:310px; }
#s-banner-home h1 img { position:absolute; display:block; left:0; top:0; }
#s-notizia-home { line-height:25px; margin:0.5em 0; background-color:#F0F0F0; }
#s-notizia-home h1 { float:left; margin:0; padding:0 2em; color:#FFF; background-color:#5A5A5A; font-size:12px; font-weight:normal; }
#s-notizia-home p { margin:0; font-size:12px; }
#s-notizia-home p a { padding:0 2em; color:#5A5A5A; text-decoration:none; }

#s-indice-categorie ul { display:block; margin:1em 0; padding:0; }
#s-indice-categorie li { display:block; float:left; width:233px; margin:0 12px 0 0; padding:0; border-bottom:10px solid #5A5A5A; font-size:12px; list-style-type:none; }
#s-indice-categorie a { display:block; height:24px; margin:0; padding:124px 0 0 0; background:transparent left top no-repeat; border:1px solid #5A5A5A; text-decoration:none; }
#s-indice-categorie a:hover { text-decoration:none; }
#s-indice-categorie span { display:block; height:24px; line-height:24px; margin:0; padding:0 8px; color:#FFF; background-color:#5A5A5A; opacity:0.5; filter:alpha(opacity=50); }
#s-indice-categorie a:hover span { opacity:1; filter:alpha(opacity=100); }
#s-indice-categorie #s-indice-categoria1 { border-color:#F00; }
#s-indice-categorie #s-indice-categoria2 { border-color:#B95F00; }
#s-indice-categorie #s-indice-categoria3 { border-color:#006EE6; }
#s-indice-categorie #s-indice-categoria4 { margin:0; border-color:#009100; }
#s-indice-categorie #s-indice-categoria1 a { background-image:url("img-stile/home-casalinghi.jpg"); }
#s-indice-categorie #s-indice-categoria2 a { background-image:url("img-stile/home-giardinaggio.jpg"); }
#s-indice-categorie #s-indice-categoria3 a { background-image:url("img-stile/home-tempolibero.jpg"); }
#s-indice-categorie #s-indice-categoria4 a { background-image:url("img-stile/home-industriaagricoltura.jpg"); }

/* Indice prodotti */
#s-indice-prodotti table { margin:0; padding:0; }
#s-indice-prodotti td { vertical-align:top; padding:0 7px; background-color:#F0F0F0; border-bottom:24px solid #FFF; text-align:center; font-size:11px; list-style-type:none; }
#s-indice-prodotti td.primo { padding-left:12px; }
#s-indice-prodotti td.ultimo { padding-right:12px; }
#s-indice-prodotti a { position:relative; top:-10px; display:block; max-width:146px; color:#5A5A5A; padding:12px 0 0 0; border-top:10px solid #FFF; text-decoration:none; }
#s-indice-prodotti a:hover { color:#5A5A5A; border-color:#5A5A5A; text-decoration:none; }
.categoria-1 #s-indice-prodotti a:hover { color:#F00; border-color:#F00; }
.categoria-2 #s-indice-prodotti a:hover { color:#B95F00; border-color:#B95F00; }
.categoria-3 #s-indice-prodotti a:hover { color:#006EE6; border-color:#006EE6; }
.categoria-4 #s-indice-prodotti a:hover { color:#009100; border-color:#009100; }
#s-indice-prodotti img { display:block; margin:0 0 12px 0; border:1px solid #B4B4B4; opacity:0.5; filter:alpha(opacity=50); }
#s-indice-prodotti a:hover img { border-color:#5A5A5A; opacity:1; filter:alpha(opacity=100); }

/* Scheda prodotto */
#s-prodotto h1 { margin:0; font-weight:normal; }
.categoria-1 #s-prodotto h1 { color:#F00; }
.categoria-2 #s-prodotto h1 { color:#B95F00; }
.categoria-3 #s-prodotto h1 { color:#006EE6; }
.categoria-4 #s-prodotto h1 { color:#009100; }
#s-foto1 { display:block; float:left; padding:0 0 2em 0; }
#s-coldx { margin:0 0 0 625px; }
#s-colori-riquadri { height:20px; margin:1em 0; }
#s-colori-riquadri span { display:block; float:left; width:20px; height:20px; margin-right:5px; }
#s-articoli { clear:both; margin:1em 0; padding:24px 50px 22px 83px; background:#F0F0F0 url("img-stile/muletto-articoli.png") 27px 14px no-repeat; }
#s-articoli h2 { margin:0 0 2em 0; font-size:14px; }
.categoria-1 #s-articoli h2 { color:#F00; }
.categoria-2 #s-articoli h2 { color:#B95F00; }
.categoria-3 #s-articoli h2 { color:#006EE6; }
.categoria-4 #s-articoli h2 { color:#009100; }
#s-articoli th { padding:50px 1em 1em 1em; text-align:center; font-size:11px; }
#s-articoli td { padding:0.3em 1em; background-color:#FFF; border:1px solid #B1B1B1; text-align:center; font-size:11px; }
#s-articoli td.n-a { background-color:#F0F0F0; border:none; font-weight:bold; }
#s-articoli #s-articoli-capacita { background:transparent url("img-stile/articoli-capacita.png") center 9px no-repeat; }
#s-articoli #s-articoli-codice { background:transparent url("img-stile/articoli-codice.png") center 11px no-repeat; }
#s-articoli #s-articoli-esterno { background:transparent url("img-stile/articoli-esterno.png") center 7px no-repeat; }
#s-articoli #s-articoli-interno { background:transparent url("img-stile/articoli-interno.png") center 10px no-repeat; }
#s-articoli #s-articoli-ppe { background:transparent url("img-stile/articoli-ppe.png") center top no-repeat; }
#s-articoli #s-articoli-ppi-legacci { background:transparent url("img-stile/articoli-ppi-legacci.png") center top no-repeat; }
#s-articoli #s-articoli-ppi-sacchetto { background:transparent url("img-stile/articoli-ppi-sacchetto.png") center top no-repeat; }
#s-articoli #s-articoli-ppi-scatola { background:transparent url("img-stile/articoli-ppi-scatola.png") center 4px no-repeat; }
#s-articoli #s-articoli-ppm { background:transparent url("img-stile/articoli-ppm.png") center top no-repeat; }
#s-articoli #s-articoli-sottovaso { background:transparent url("img-stile/articoli-sottovaso.png") center 15px no-repeat; }
#s-articoli td a { text-decoration:none; }
#s-articoli tbody tr:hover td { background-color:#AAA; cursor:pointer; }
#s-articoli tbody tr:hover td.n-a { background-color:#F0F0F0; cursor:default; }

/*.articolo-varianti { position:fixed; top:0; left:0; clear:both; width:692px; margin:0 auto; padding:24px; background-color:#F0F0F0; }*/
.articolo-varianti { position:absolute; top:0; left:0; width:692px; padding:24px; background-color:#F0F0F0; z-index:2; }
.articolo-varianti h2 { margin:0 0 2em 0; font-size:14px; }
.categoria-1 .articolo-varianti h2 { color:#F00; }
.categoria-2 .articolo-varianti h2 { color:#B95F00; }
.categoria-3 .articolo-varianti h2 { color:#006EE6; }
.categoria-4 .articolo-varianti h2 { color:#009100; }
.articolo-varianti table { width:692px; }
.articolo-varianti th { padding:50px 1em 1em 1em; text-align:center; font-size:11px; }
.articolo-varianti td { padding:0.3em 1em; background-color:#FFF; border:1px solid #B1B1B1; text-align:center; font-size:11px; }
.articolo-varianti .varianti-barcode { background:transparent url("img-stile/articoli-barcode.png") center 9px no-repeat; }
.articolo-varianti .varianti-codice { background:transparent url("img-stile/articoli-codice.png") center 11px no-repeat; }
.articolo-varianti .varianti-imballo { min-width:109px; background:transparent url("img-stile/articoli-imballo.png") center top no-repeat; }
* html .articolo-varianti .varianti-imballo { width:109px; }
.articolo-varianti .varianti-materiale { background:transparent url("img-stile/articoli-materiale.png") center 5px no-repeat; }
.articolo-varianti .varianti-peralimenti { min-width:31px; background:transparent url("img-stile/articoli-peralimenti.png") center 7px no-repeat; }
* html .articolo-varianti .varianti-peralimenti { width:31px; }
.articolo-varianti .varianti-pezzi { background:transparent url("img-stile/muletto-articoli.png") center 6px no-repeat; }
.articolo-varianti td input { text-align:center; }
.articolo-varianti .totale th { padding:0.3em 0; background-color:#F0F0F0; border:none; text-align:left; }
.articolo-varianti .totale td { color:#FFF; background-color:#5A5A5A; font-weight:bold; }
.articolo-varianti p { height:34px; line-height:34px; text-align:right; }
.articolo-varianti p span { padding:0 130px 0 0; background:transparent url("img-stile/camion.png") left center no-repeat; font-size:34px; }
#s-varianti-sfondo { position:absolute; top:0; left:0; background-color:#000; z-index:1; opacity:0.5; filter:alpha(opacity=50); }

/* Carico */
#s-tab-carrello { width:100%; margin:2em 0 0 0; }
#s-tab-carrello th { padding:0.3em 1em; background-color:#F0F0F0; border:1px solid #B1B1B1; text-align:center; }
#s-tab-carrello td { padding:0.3em 1em; border:1px solid #B1B1B1; text-align:center; }
#s-tab-carrello .totale th { background-color:#FFF; border:none; text-align:left; }
#s-tab-carrello .totale td { color:#FFF; background-color:#5A5A5A; font-weight:bold; }
#s-tab-carrello input { text-align:center; }
#s-agg-carrello { text-align:right; }

#s-form-articoli,#s-form-acquista { margin:0; padding:0; border:none; }
#s-form-articoli legend,#s-form-acquista legend { display:none; }
#s-form-acquista label { display:block; font-weight:bold; }
#s-form-acquista input[type="text"] { width:40em; }
#s-form-acquista textarea { width:40em; height:10em; }

/* Notizie */
.notizia { clear:both; margin:0 0 1em 0; }
.notizia h1 { margin:0 0 0.5em 0; padding:0 0 0.3em 0; border-bottom:1px solid #5A5A5A; font-weight:normal; }
.notizia h2 { margin:0 0 1em 0; font-size:14px; font-weight:normal; }
.notizia .notizia-foto { display:block; float:left; margin:0 2em 1em 0; }

/* Azienda */
#s-azienda h2 { clear:both; margin:0 0 0.5em 0; padding:0 0 0.3em 0; border-bottom:1px solid #5A5A5A; font-weight:normal; }
#s-azienda img { display:block; float:left; margin:0 2em 1em 0; }

/* Contatti */
#s-mappa-google { width:800px; margin:0 auto 1em auto; padding:1em 0; border-top:1px solid #5A5A5A; border-bottom:1px solid #5A5A5A; }
#s-mappa-google iframe { border:none; }
#s-contatti { width:760px; height:90px; margin:0 auto; padding:20px; background-color:#F0F0F0; }
#s-contatti h1 { width:125px; float:left; margin:0; padding:14px 0 0 0; text-align:center; }
#s-contatti section { width:130px; padding:0 0 0 20px; float:left; }
#s-contatti h2 { margin:0; font-size:11px; }
#s-contatti p { margin:0; font-size:11px; }


/* Amministrazione */
.admin header { position:relative; height:70px; color:#5A5A5A; background-color:#F0F0F0; }
.admin header h1 { width:970px; height:70px; margin:0 auto; padding:0; }
.admin header h1 img { display:block; padding-top:15px; }
#s-navadmin { height:70px; margin:-70px 0 2em 0; padding:0; background:#F0F0F0 url("img-stile/nav2-sfondo.png") center top repeat-y; }
#s-navadmin a { display:block; height:50px; color:#5A5A5A; border-bottom:10px solid #F0F0F0; font-size:15px; }
#s-navadmin a:hover,#s-navadmin a.sel { border-bottom:10px solid #5A5A5A; text-decoration:none; }
#s-navadmin ul { display:block; width:970px; margin:0 auto; padding:10px 0 0 0; line-height:50px; text-align:right; }
#s-navadmin li { display:block; float:right; white-space:nowrap; margin:0; padding:0 1em; list-style-type:none; }
* html #s-navadmin li { width:50px; }
#s-navadmin li.primo { padding-right:0; }
.admin #s-contenuto h1 { margin-top:1em; }