html,body{margin:0;padding:0}
html{height: 100%; margin-bottom: 1px} /*per la scrollbar laterale in Opera e Mozilla*/

body{padding-bottom:0px;font: 13px Verdana,Helvetica,sans-serif;
    text-align: center; background: #fff;color: #666}




h1,h2,h3,h4{margin: 0}
h1{font-size: 300%}
h2{font-size: 160%}
h3{font-size: 130%;margin-top:10px;font-weight:light}/*titoli*/
h4{font-size: 110%}
p{margin: 0;padding: 0 0 1em;line-height: 1.3}
a{color: #FF6633}


/*classi generiche*/
div.center{text-align:center}
/*
div.news{margin:15px 0;padding: 0 5px;border:1px solid #eee;background: url(newsbk.jpg) repeat-x top}
*/


/*stili per il layout e le sezioni invarianti*/

div#container{width:780px;\width:780px;w\idth:760px;margin: 0 auto;padding:0 10px;background: #fff url(fondo3c.gif) repeat-y center;text-align: left}




div#header{position:relative;height:124px;background: #c2c1c1 url(fondo8.gif) repeat}
div#header img{float:right;margin: 0px}



div#menu{float:right;width:155px;padding-bottom: 20px;font-size: 85%;color:#bcb3a8}

div#menu ul{list-style-type: none;margin:0;padding:0px}

div#menu li{margin:0;padding:0}

li {width:155px;display:inline}

div#menu a{display:block;text-decoration:none;color: #948d85;padding-left:18px;padding-bottom:2px;padding-top:1px;background: url(freccia1.gif) no-repeat top left}
div#menu a:hover{color: #666;text-decoration: none;background: url(freccia2b.gif) no-repeat top left}



li#categorie a{padding:2px;display:block;font-size: 80%;text-decoration:none;color: #948d85;padding-left:26px;background: url(freccia3.gif) no-repeat top left}
li#categorie a:hover{text-decoration: none;background: url(freccia4.gif) no-repeat top left}


li#sottocategorie a{padding-bottom:2px;display:block;font-size: 80%;text-decoration:none;color: #948d85;padding-left:34px;background: url(freccia5.gif) no-repeat bottom left}
li#sottocategorie a:hover{text-decoration: none;background: url(freccia6.gif) no-repeat bottom left}

li#sottocategorie {width:155px;display:inline}



div#content{margin: 0 165px 0 10px}
div#content a{text-decoration: none}
div#content a:hover{text-decoration: underline}
div#content ul{margin:0 0 1em;padding:0;list-style-type: none}
div#content ul li{margin:0;padding-left:16px;line-height:1.4;background: url(.jpg) no-repeat 0 4px}


div#content image{float:left;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(.jpg) no-repeat bottom right}/*immagine*/






div#footer{clear: both;text-align: right;padding:2px 0px 2px;
    background: #f3f3f3 url(fondo7.gif) repeat-x top;color: #333;font-size: 80%}
div#footer p{margin: 0}
div#footer a{text-decoration: none; color:#333}
div#footer a:hover{text-decoration: none; color:#000}



/*stili per il form*/


input{border:1px solid #cccccc;}
select{color:#666}
input#radio{border:0;width:20px;}
input.radio{border:0;}
input#button{border:1px solid #cccccc;width:100px;background-color:#FF6633;color:white;}
input#mutuo{border:1px solid #cccccc;width:100px;}


/*stili per la pagina dei prodotti*/

dd,dl{margin:0;padding:0}
dl#prodlist{margin-bottom:1em;font-size: 85%;}
dl#prodlist dt{clear:left;margin: 1em 0 0.3em;padding:0;font-weight:normal;color: #ff6633}/*codice*/

dl#prodlist dd.image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(.jpg) no-repeat bottom right}/*immagine*/

dl#prodlist dd.image2{float:left;clear:left;margin: 0px 0 0 5px;padding:0 6px 6px 0;
    background: url(.jpg) no-repeat bottom right}/*immagine*/

dl#prodlist img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #999 #999 #ccc; padding: 5px}/*cornice immagine*/

dl#prodlist dd.descr{clear:left;font-weight:lighter;padding-bottom:10px;}/*testo descrizione*/

dl#prodlist dd.descr1{font-weight:normal}/*descrizioni*/
dl#prodlist dd.descr5{font-weight:bolder;text-align:left}/*info*/

dl#prodlist dd.descr2{clear:left;display: block;font-weight:normal;text-align:right;padding-bottom:2px;padding-right:10px;border-bottom:1px solid #ccc; }/*scheda*/

/*stili per la home */

div#box1{width:560px;margin:5px;border:1px solid #f3f1e3;border-color: #f3f1e3 #bcb3a8 #bcb3a8 #f3f1e3; padding: 5px; background-color:#f3f3f3;font-size:85%;font-weight:lighter}




div#box1 image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(.jpg) no-repeat bottom right}/*immagine*/

div#box1 img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #999 #999 #ccc; padding: 5px}/*cornice immagine*/


div#box2{width:350px;margin:5px;font-weight:lighter;font-size:85%;border:1px solid #f3f1e3;border-color: #f3f1e3 #bcb3a8 #bcb3a8 #f3f1e3; padding: 5px; background-color:#f3f3f3;}

div#box2 image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(.jpg) no-repeat bottom right}/*immagine*/

div#box2 img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #999 #999 #ccc; padding: 5px}/*cornice immagine*/


div#box3{width:350px;margin:5px; clear:left;font-weight:lighter;font-size:85%;border:1px solid #f3f1e3;border-color: #f3f1e3 #bcb3a8 #bcb3a8 #f3f1e3; padding: 5px; background-color:#f3f3f3;}

div#box3 image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(.jpg) no-repeat bottom right}/*immagine*/

div#box3 img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #999 #999 #ccc; padding: 5px}/*cornice immagine*/


div#box4{float:right;width:190px;margin:0px 4px 0px 0px; clear:left;font-weight:lighter;font-size:85%;border:1px solid #f3f1e3;border-color: #f3f1e3 #bcb3a8 #bcb3a8 #f3f1e3; padding: 5px; background-color:#f3f3f3;}

div#box4 image{float:left;margin: 13px 0px 0 8px;padding:0 20px 6px 0;
    background: url(.jpg) no-repeat bottom right}/*immagine*/

div#box4 img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #999 #999 #ccc; padding: 5px}/*cornice immagine*/


