html, body, form, input, img, ul, li, a, div, h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; border:0; }

body { background-color:#d4d4d4; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#222; padding-bottom:30px; }


/* ________________________________________________________________________________ Layout */
#header { width:920px; margin:8px auto; background:url(../img/bg-header.jpg) repeat-x top left; height:74px; }
#logo { width:220px; height:45px; margin:15px 257px 0 20px; }
#wrapper { width:880px; margin:0 auto; background:#fff url(../img/top.gif) no-repeat top center; padding:20px; line-height:18px; }
.sx-big { width:580px; }
.dx { width:270px; margin-left:20px; }
#menu-secondario { height:163px; background:url(../img/bg-menu.gif) no-repeat top left; padding-top:15px; }
.sx-colonna { width:280px; }
#area-clienti-home { background:url(../img/bg-login-home.gif) no-repeat top left; width:240px; height:176px; padding:15px; }
#area-clienti { background:url(../img/bg-login.gif) no-repeat top left; width:397px; height:101px; padding:10px 15px; }
#newsletter { background:url(../img/bg-newsletter.gif) no-repeat top left; width:396px; height:101px; padding:10px 15px; }
.box-small { background:url(../img/bg-box-small.gif) no-repeat top left; width:240px; height:135px; padding:15px; }
.sx-sottomenu { width:240px; }
#content-big { width:610px; }
#content-prodotti{ width:320px; }
#content-totale { width:870px; }

/* ________________________________________________________________________________ Contents */
a.thumb { width:60px; height:60px; display:block; float:left; margin:0px 5px 5px 0px; }
.pdf { display:block; padding:6px 5px 10px 38px; margin-top:20px; background:#eb7823 url(../img/pdf.gif) no-repeat 3px 3px; font-size:12px; font-weight:bold; }
ul#faq { list-style-type:none;  }
ul#faq li { margin-bottom:15px; display:block; }
ul#faq a { padding:4px; display:block;}
ul#faq a:hover { background-color:#eee; }
/* ________________________________________________________________________________ Bottom */
#bottom { background-color:#eee; clear:both; width:880px; margin:0 auto; padding:20px; } 

/* ________________________________________________________________________________ Footer */
#footer { width:880px; margin:0 auto; background:#ed7703 url(../img/bottom.gif) no-repeat bottom center; color:#fff; padding:20px; position:relative; }
#advcom { width:123px; height:31px; position:absolute; top:26px; right:30px; }

/* ________________________________________________________________________________ Menu */

ul#menu{ width:420px; height:43px; padding:0; margin:0 auto; margin-top:16px; list-style-type:none; text-align:center; font-size:16px; }
ul#menu li { float:left; display:inline-block; height:43px; margin-right:1px; }

#home a:link, #home a:visited { width:90px; height:43px; display:block; background:url(../img/mn-home.gif) no-repeat left top; }
#home a:hover { background-position:0 -43px; }
#home-attivo a:link, #home-attivo a:visited, #home-attivo a:hover { width:90px; height:43px; display:block; background:url(../img/mn-home.gif) no-repeat 0 -43px; }

#azienda a:link, #azienda a:visited { width:105px; height:43px; display:block; background:url(../img/mn-azienda.gif) no-repeat left top; }
#azienda a:hover { background-position:0 -43px; }
#azienda-attivo a:link, #azienda-attivo a:visited, #azienda-attivo a:hover { width:105px; height:43px; display:block; background:url(../img/mn-azienda.gif) no-repeat 0 -43px; }

#prodotti a:link, #prodotti a:visited { width:107px; height:43px; display:block; background:url(../img/mn-prodotti.gif) no-repeat left top; }
#prodotti a:hover { background-position:0 -43px; }
#prodotti-attivo a:link, #prodotti-attivo a:visited, #prodotti-attivo a:hover { width:107px; height:43px; display:block; background:url(../img/mn-prodotti.gif) no-repeat 0 -43px; }

#servizi a:link, #servizi a:visited { width:97px; height:43px; display:block; background:url(../img/mn-servizi.gif) no-repeat left top; }
#servizi a:hover { background-position:0 -43px; }
#servizi-attivo a:link, #servizi-attivo a:visited, #servizi-attivo a:hover { width:97px; height:43px; display:block; background:url(../img/mn-servizi.gif) no-repeat 0 -43px; }

/* ________________________________________________________________________________ Menu Secondario */
ul#secondario { padding:0; margin:0 auto; list-style-type:none; font-size:14px; width:240px; margin:0 auto; }
ul#secondario li { display:block; margin-bottom:11px; }
ul#secondario li a:link, ul#secondario li a:visited { color:#012643; display:block; width:202px; height:23px; padding:5px 0 0 38px; background:url(../img/arrow.gif) no-repeat 16px 10px; }
ul#secondario li a:hover { color:#fff; background:#012643 url(../img/arrow-blu.gif) no-repeat 16px 10px; }

ul#secondario ul a.attivo:link, ul#secondario a.attivo:visited, ul#secondario a.attivo:hover { color:#fff; background:#012643 url(../img/arrow-blu.gif) no-repeat 16px 10px;  }

/* ________________________________________________________________________________ Sottomenu */

a:focus { outline:none; }
ul#prjcats { margin:0 0 20px 0; }
ul#prjcats li { list-style-type:none; }
ul#prjcats li a { font-size:13px; color:#012643; padding:3px 8px 3px 16px; width:200px; display:block; background:url(../img/arrow.gif) no-repeat 3px 8px; }
ul#prjcats li a.current, ul#prjcats li li a:hover, ul#prjcats li a:hover { color:#ef7506; background:#e7e7e7 url(../img/arrow-on-grey.gif) no-repeat 3px 8px; }
ul#prjcats li li a { font-size:11px; color:#012643; padding:3px 8px 3px 16px; margin-left:10px; width:190px; display:block; background:url(../img/arrow.gif) no-repeat 3px 8px; }
ul#prjcats li li a:hover { color:#ef7506; background:#e7e7e7 url(../img/arrow-on-grey.gif) no-repeat 3px 8px; }

ul#pr { margin:0 0 20px 0; }
ul#pr li { list-style-type:none; }
ul#pr li a { font-size:13px; color:#012643; padding:3px 8px 3px 16px; width:200px; display:block; background:url(../img/arrow.gif) no-repeat 3px 8px; }
ul#pr li a:hover { color:#ef7506; background:#e7e7e7 url(../img/arrow-on-grey.gif) no-repeat 3px 8px; }

/* ________________________________________________________________________________ Stili link */
a:link, a:visited { text-decoration:none; color:#ed7703; }
a:hover { text-decoration:none; color:#bd4c00; }

a.white:link, a.white:visited, .white { color:#fff; }
a.white:hover { color:#fddbba; }

a.orange:link, a.orange:visited { color:#fab829; }
a.orange:hover { color:#ecc45f; }

a.blu:link, a.blu:visited, .blu { color:#004175; }
a.blu:hover { color:#002644; }

a.arrow:link, a.arrow:visited { width:100px; margin:10px 0 0 150px; background:url(../img/arrow-orange.gif) no-repeat 0 5px; display:block; padding-left:12px; }
a.arrow:hover { color:#bd4c00; }


/* ________________________________________________________________________________ Form */
.input { height:12px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px; background-color:#d4d4d4; border:1px solid #8a8a8a; margin:3px 0 4px 0; }
#iscriviti { width:120px; height:26px; background:url(../img/butt-iscriviti.gif) no-repeat top left; cursor:pointer; margin:2px 0px 0px 118px; padding:0; }
#iscriviti:hover { width:120px; height:26px; background:url(../img/butt-iscriviti.gif) no-repeat 0 -26px; cursor:pointer; }
#entra { width:99px; height:26px; background:url(../img/butt-entra.gif) no-repeat top left; cursor:pointer; margin:2px 0px 0px 138px; padding:0; }
#entra:hover { width:99px; height:26px; background:url(../img/butt-entra.gif) no-repeat 0 -26px; cursor:pointer; }
#invia { width:91px; height:26px; background:url(../img/butt-invia.gif) no-repeat top left; cursor:pointer; margin:2px 0px 0px 20px; padding:0; }
#invia:hover { width:91px; height:26px; background:url(../img/butt-invia.gif) no-repeat 0 -26px; cursor:pointer; }


/* ________________________________________________________________________________ Varie */
.fl { float:left; }
.fr { float:right; }
.inline { display:inline; }

.clear { clear:left; }

.margin-top { margin-top:20px; }
.margin-left { margin-left:20px; }
.margin-right { margin-right:20px; }
.margin-bottom { margin-bottom:20px; }

img { border:0px; }
.img-border { border:6px solid #dbc090; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.space { letter-spacing:1px; }
.justify { text-align:justify; }

.small { font-size:10px; }
.big { font-size:13px; }

.grey { color:#777 }
.brown { color:#64361c; }
.yellow { color:#ffd669; }
.red { color:#f00; }

.medium { margin-right:11px; margin-bottom:7px; }
.last { margin-right:0; }

h1 { }
h2 { font-weight:bold; font-size:14px; margin:0px 0px 8px 0px; color:#002644; }
h3 { font-weight:bold; font-size:13px; margin:0px 0px 8px 0px; color:#ed7703; }
h4 {  }
h5 {  }
h6 {  }


.ul { list-style-type:none; margin-top:8px; }
.ul li { margin:0px 0px 8px 16px; background:#f1e4b0 url(../img/dot.gif) no-repeat 6px 10px; padding:2px 5px 2px 20px; }

.le { line-height:18px; }
.tit { display:block; margin-bottom:10px; }

.img-orange { border:1px solid #ed7703; }
.img { border:1px solid #d4d4d4; }

#google-map { width:320px; height:300px; display:block; }
#advcom { margin-left:160px; display:block; }
a span, h1 span { display:none; }