html, body {height: 100%;}
body {margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, div, form, ul {margin: 0; padding: 0;} 
input {font-size: 80%; padding: 0;}

/* Generiche */
/* body {font-family:  Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif; font-size: 12px; color: #ffffff; background: url(img/sfondone.jpg) repeat-x #000000;} */
body {font-family:  Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif; font-size: 12px; color: #000000; background: url(img/sfondo_bianco.jpg) no-repeat top center #ffffff;}

.clear {clear: both; height: 1px;}

a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

/* Principali */
div#contenitore {width: 990px; margin: 5px auto 0 auto; padding: 0 10px 0 10px; background: #ffffff url(../immagini/sfondo_1.jpg) no-repeat bottom left; border: 1px solid #000000;}

/* Testata */
div#testata {width: 990px; margin: 0 auto 25px auto; padding: 0;}
div#menu {width: 100%; line-height: 25px; margin: 55px auto 0 auto; padding: 3px; background: #F17500; z-index: 1; text-align: right;}
div#menu ul {list-style-type: none; margin: 0; padding: 0;}
div#menu ul li {display: inline; padding: 0 25px 0 25px; border-left: 1px solid #ffffff;}
div#menu ul li.inizio {display: inline; padding: 0 20px 0 20px; border-left: none;}
div#menu ul li a {color: #ffffff; text-decoration: none;}
div#menu ul li a:hover {color: #ffffff; text-decoration: underline;}
div#bandiere {width: 200px; position: absolute; margin: -62px 0 0 790px; z-index: 10; text-align: right;}
div#bandiere img {border: none;}
div#tinte {width: 200px; position: absolute; margin: -62px 0 0 200px; z-index: 10; text-align: right; color: #000000;}
div#tinte img {border: none; margin: 10px 0 0 0;}

/* Logo */
div#logo {width: 300px; height: 75px; border: 1px solid #F17500; color: #ffffff; position: absolute; background: #F17500; margin: -55px 0 0 0; z-index: 2;}
div#logo img {margin: 25px 0 0 31px; border: none;}
div#logo #payoff {font-size: 10px; text-align: right; width: 239px; margin: -5px auto 0 auto;}
div#fiocco {position: absolute; z-index: 3; margin: -3px 0 0 0;}


/* Corpo */

div#corpo {width: 990px; margin: 0 auto 0 auto; padding: 0;}

/* Sinistra */
div#corpo #sinistra {width: 300px; float: left; min-height: 200px;}
div#corpo #sinistra #categorie {width: 300px; margin: 25px auto 0 auto; border: 1px solid #F17500; background: #ffffff; min-height: 250px;}
div#corpo #sinistra #categorie h1 {width: 260px; margin: 10px auto 0 auto; font-size: 18px; color: #000000; border-bottom: 1px dashed #F17500; padding: 5px 0 10px 0;}
div#corpo #sinistra #categorie ul {list-style-type: none; width: 260px; margin: 0 auto 10px auto;}
div#corpo #sinistra #categorie ul li {background: url(../immagini/pallino2.gif) no-repeat center left; border-top: 1px dashed #F17500;}
div#corpo #sinistra #categorie ul li.inizio {border-top: none;}
div#corpo #sinistra #categorie ul li a {color: #000000; text-decoration: none; display: block; padding: 9px 0 9px 20px;}
div#corpo #sinistra #categorie ul li a:hover {color: #ffffff; text-decoration: none; display: block; padding: 9px 0 9px 20px; background: url(../immagini/pallino.gif) no-repeat center left #000000;}
div#corpo #sinistra #totaleprodotti {width: 300px; margin: 15px auto 0 auto; text-align: center;}
div#corpo #sinistra #coll {width: 300px; margin: 15px auto 0 auto; text-align: center;}
div#corpo #sinistra #coll img {border: 1px solid #ffffff;}

/* Newsletter */
div#corpo #sinistra #newsletter {width: 300px; margin: 25px auto 0 auto; border: 1px solid #F17500; background: #ffffff;}
div#corpo #sinistra #newsletter h1 {width: 260px; margin: 5px auto 0 auto; font-size: 18px; color: #F17500; border-bottom: 1px dashed #F17500; padding: 5px 0 5px 0;}
div#corpo #sinistra #newsletter #nl {width: 260px; margin: 5px auto 10px auto; font-size: 11px; color: #F17500; background: url(../immagini/freccina.png) no-repeat center right}
div#corpo #sinistra #newsletter #nl a {2idth: 260px; display: block; text-decoration: none; color: #F17500;}
div#corpo #sinistra #newsletter #nl a:hover {2idth: 260px; display: block; text-decoration: none; color: #ffffff;}

/* Ricerca */
div#corpo #sinistra #ricerca {width: 300px; margin: 25px auto 0 auto; border: 1px solid #F17500; background: #ffffff;}
div#corpo #sinistra #ricerca h1 {width: 260px; margin: 5px auto 0 auto; font-size: 18px; color: #000000; border-bottom: 1px dashed #F17500; padding: 5px 0 5px 0;}
div#corpo #sinistra #ricerca #search {width: 260px; margin: 5px auto 10px auto; font-size: 11px; color: #000000;}
div#corpo #sinistra #ricerca #search input {padding: 1px; color: #000000; font-size: 12px; font-family: Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif; border: none;}
div#corpo #sinistra #ricerca #search select {padding: 1px; color: #000000; font-size: 12px; font-family: Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif; border: none;}


/* Destra */
div#corpo #destra {width: 670px; float: right; min-height: 200px;}
div#corpo #destra #ramo {width: 650px; margin: 0 auto 0 auto; border-bottom: 1px dashed #F17500; line-height: 25px; text-align: right; font-size: 12px;}
div#corpo #destra #ramo a {font-weight: bold; text-decoration: underline;}
div#corpo #destra #ramo a:hover {font-weight: bold; text-decoration: none;}

/* Box Prodotto */
div#corpo #destra .mf {width: 320px; border: 1px solid #F17500; min-height: 180px; background: #ffffff; margin: 10px 0 0 10px; float: left;}
div#corpo #destra .mf h1 {width: 300px; margin: 5px auto 0 auto; font-size: 14px; color: #F17500; padding: 5px 0 5px 0;}
div#corpo #destra .mf .img {width: 300px; height: 70px; margin: 5px auto 0 auto;}
div#corpo #destra .mf .sf {width: 300px; margin: 5px auto 0 auto; color: #F17500;}

/* Catalogo */
div#catalogo {width: 100%; margin: 10px 0 0 0;}
div#catalogo div#total {width: 100%; margin: 5px 0 5px 0; padding: 0 0 0 10px;}
div#catalogo h1 {font-size: 18px; padding: 0 0 0 10px;}
div#catalogo #imgcover {width: 670px; margin: 3px auto 3px auto; border: 1px solid #7F7F7F;}
div#catalogo #sf {background: #ffffff; padding: 5px 20px 5px 20px; color: #F17500; font-size: 14px; margin: 5px 0 0 0;}
div#titolofamiglia {color: #F17500; text-align: right; font-size: 14px; font-weight: bold; padding: 15px 20px 5px 0;}
div.prodotto {color: #F17500; font-size: 11px; border-bottom: 1px dashed #F17500;}
div.prodotto .articolo {width: 56%; float: left; padding: 7px 0 7px 25px;}
div.prodotto .peso {width: 15%; float: left; padding: 7px 0 7px 0;}
div.prodotto .sl {width: 12%; float: left; padding: 7px 0 7px 0;}
div.prodotto .cp {width: 12%; float: left; padding: 7px 0 7px 0;}
div#ind_1 {width: 150px; height: 150px; border: 4px solid #dddddd; background: url(img/ind_white.jpg) no-repeat; margin: 0 auto 0 auto;}
div#ind_2 {width: 150px; height: 150px; border: 4px solid #dddddd; background: url(img/ind_eng_white.jpg) no-repeat; margin: 0 auto 0 auto;}

/* Scheda prodotto */
div#schedaprodotto {width: 650px; margin: 10px auto 0 auto; border: 1px solid #dddddd; min-height: 250px; padding: 10px;}
div#schedaprodotto h1 {font-size: 14px;}
div#schedaprodotto #sxprodotto {float: left; width: 59%; margin: 10px 0 0 0; line-height: 25px;}
div#schedaprodotto #dxprodotto {float: right; width: 40%; margin: 10px 0 0 0;}
div#schedaprodotto #dxprodotto #immagineprodotto {width: 180px; border: 4px solid #dddddd;}

/* Coda */
div#coda {width: 990px; margin: 20px auto 20px auto; background: #dddddd; padding: 10px 0 10px 0; text-align: center; color: #595959; font-size: 12px;}
div#coda .verde {color: #0EC300;}
div#coda .bianco {color: #000000;}
div#coda .bianco2 {color: #ffffff;}
div#coda .rosso {color: #D70000;}

/* Login */
div#boxlogin {margin: 20px auto 200px auto; width: 250px; border: 1px solid #FF0000; min-height: 100px; padding: 10px;}
div#boxlogin .etichettasx {float: left; margin: 10px 0 0 10px; width: 60px; padding: 2px 0 0 0;}
div#boxlogin .etichettadx {float: right; margin: 10px 0 0 10px; width: 170px;}

/* Saluto */
div#saluto {color: #ffffff; text-align: right; margin: 5px 0 0 0;}

/*FINESTRA MODALE*/

a.open {background: #ffffff; color: #FF0000; padding: 3px; display: block; text-decoration: none;}
a.open:hover {background: #000000; color: #ffffff; padding: 3px; display: block; text-decoration: none;}

/* Edit */
div#nuovacategoria {width: 90%; margin: 0 auto 0 auto; display: none; border: 1px solid #ffffff; padding: 5px;}

/* Dettaglio */
div#dettaglio {width: 650px; margin: 10px auto 0 auto; border: 1px solid #F17500; padding: 10px; background: #ffffff;}
div#dettaglio h1 {font-size: 16px;}
div#dettaglio ul {list-style-type: square; margin: 0 0 0 20px;}
div#dettaglio ul li {padding: 0 0 0 0; color: #000000;}

/* Post-it */
div.postit {width: 550px; min-height: 100px; background: url(../immagini/open.png) no-repeat 460px 10px #EBFCDB; margin: 5px auto 0 auto; border: 1px solid #dddddd;}
div.postit h3 {width: 95%; margin: 10px auto 0 auto; color: #905724; font-size: 18px;}
div.postit .testo {width: 95%; margin: 5px auto 0 auto; color: #905724; font-size: 14px; font-weight: bold;}
div.postit .info {width: 95%; margin: 5px auto 0 auto; color: #A1A1A1; font-size: 14px; font-weight: normal;}
div.postit .info a {color: #905724; text-decoration: none;}
div.postit .info a:hover {color: #905724; text-decoration: underline;}
div.postitoff {width: 550px; min-height: 100px; background: url(../immagini/close.png) no-repeat 460px 10px #DFCBA0; margin: 5px auto 0 auto; border: 1px solid #dddddd;}
div.postitoff h3 {width: 95%; margin: 10px auto 0 auto; color: #905724; font-size: 18px;}
div.postitoff .testo {width: 95%; margin: 5px auto 0 auto; color: #905724; font-size: 14px; font-weight: bold;}
div.postitoff .info {width: 95%; margin: 5px auto 0 auto; color: #A1A1A1; font-size: 14px; font-weight: normal;}
div.postitoff .info a {color: #905724; text-decoration: none;}
div.postitoff .info a:hover {color: #905724; text-decoration: underline;}
div.postitcs {width: 550px; min-height: 100px; background: url(../immagini/comingsoon.png) no-repeat 460px 10px #E5ECF4; margin: 5px auto 0 auto; border: 1px solid #dddddd;}
div.postitcs h3 {width: 95%; margin: 10px auto 0 auto; color: #905724; font-size: 18px;}
div.postitcs .testo {width: 95%; margin: 5px auto 0 auto; color: #905724; font-size: 14px; font-weight: bold;}
div.postitcs .info {width: 95%; margin: 5px auto 0 auto; color: #A1A1A1; font-size: 14px; font-weight: normal;}
div.postitcs .info a {color: #905724; text-decoration: none;}
div.postitcs .info a:hover {color: #905724; text-decoration: underline;}

div.flag {width: 80px; float: left; margin: 10px 0 0 10px;}
div.ev {width: 450px; float: right; margin: 10px 0 0 0;}

/* slide */

#inizio {width: 670px; background: #ffffff; margin: 10px 0 0 0;}
#inizio .slideshow {width: 670px; height: 156px; overflow: hidden; position: relative; background: #ffffff url(img/ajaxloader.gif) no-repeat center center; }
a.title {position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 50px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFF; }
a.title span.sfondo {position: absolute; z-index: 4; height: 100%; display: block; width: 100%; background: #000; opacity: 0.5; cursor: pointer;}
a.title span.text { position: relative; bottom: -15px; z-index: 5; left: 20px; padding: 10px 0;}
a.title:hover span.sfondo { opacity: 0.6; cursor: pointer; }
a.title:hover span.text { color: #fff }
#slide-testata div.slide-testata-inner {height: 156px; display: none;}
#slide-testata div.slide-testata-inner a {border: none;}
#slide-testata div.slide-testata-inner a:hover {border: none;}

<!--[if IE 7]>
#nav { filter: alpha(opacity = 0); }
.slideshow #nav a { background: #000;  }
.slideshow a.title { zoom: 1; }
a.title span.sfondo {filter: alpha(opacity = 50); zoom: 1; }
a.title span.text {zoom: 1; bottom: -10px !important; padding: 7px 0; zoom: 1; }
a.title:hover span.sfondo { filter: alpha(opacity = 60); zoom: 1; text-decoration: none;}
<![endif]-->

<!--[if IE 8]>
a.title span.sfondo { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
a.title:hover span.sfondo { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
<![endif]-->

/* Finestra Modale */
div#nyroModalFull {color: #777;}
div#nyroModalLoading {border: 8px solid #d7d7d7; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../immagini/ajaxLoader.gif) no-repeat center;}
div#nyroModalLoading.error {border: 8px solid #d7d7d7; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}
div#nyroModalWrapper {background: #fff; border: 8px solid #d7d7d7;}
a#closeBut {position: absolute; display: block; top: -20px; right: -23px; width: 20px; height: 20px; text-indent: -9999em; background: url(../immagini/close.gif) no-repeat;	outline: 0;}
h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -30px; left: 5px; color: #fff; font-size: 150%;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative; overflow: hidden; text-align: center; }
div.wrapperImg div#nyroModalContent h2 {font-size: 100%; color: #4AC010;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0; filter: alpha(opacity=0); }
div.wrapperImg div#nyroModalContent div:hover {opacity: 0; filter: alpha(opacity=0); cursor: help;}
a.nyroModalPrev, a.nyroModalNext {z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background: url(../immagini/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(../immagini/next.gif) right 20% no-repeat;}

a.zoom {float: left; margin: 10px 0 0 10px;}