html,body{margin:0;padding:0}
html{height: 100%; margin-bottom: 1px} /*per la scrollbar laterale in Opera e Mozilla*/
body{padding-bottom:20px;font: 14px "Trebuchet MS",Verdana,Arial,sans-serif;
    text-align: center; background: #E6E6E6;color: #3f3f3f}
h1,h2,h3,h4{margin: 0}
h1{font-size: 300%;font-weight:bolder}
h2{font-size: 160%;margin-top:10px;color: #A3C8ED}
h3{font-size: 130%;color: #99BCD2; line-height: 1.7}
h4{font-size: 110%;color: #638FAB}
p{margin: 0;padding: 0 0 1em;line-height: 1.5}
a{color: #000000}

/*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}
*/




#container1{/* div su stessa riga */
 margin:30px auto;
 padding:0;
 background:none;
 height:7em;
 line-height:7em;
 }
 
 .sin{
 margin:0;
 padding:0;
 width:200px;
 background:transparent;
 float:left;
 }
 .sin h3{
   margin:0;
   padding:0 0 0 10px;
   font-size: 1.2em;
   color:none;
 } 
 
 .des{
 margin:0;
 padding:0;
 width:200px;
 background:transparent;
     float:right;
     text-align:center;
 }
 .des h3{
   margin:0;
   padding:0 10px 0 0;
   font-size: 1.2em;
   color:none;
   } 

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

div#container{width:600px;\width:640px;w\idth:600px;margin: 0 auto;padding:0 20px;
    background: #E6E6E6 url(fauxcolumn.jpg) repeat-y center;text-align: left}

div#header{position:relative;height:170px; padding-top:20px; background: #81A1B6; background-image: url(img/logo_penne.jpg) no-repeat top left}
div#header img#logoprint{display: block}
div#header h1{position:absolute;top: 20px;left: 0px; height:170px;
    background: url(img/logo.jpg) no-repeat -20px -100px}
div#header h1 a{display:block; width:300px;text-indent: -9000px;text-decoration: none;padding: 60px 0 0 0;
    overflow: hidden; height: 0px !important; height :60px; 
    background-image: url(img/logo_penne.jpg);background-position: -20px -100px} 
div#header h1 a:hover{background-position: -20px -300px}
div#header a#skipnav{position: absolute;left:-9000px}

div#menu{float: right;width:155px;padding-bottom: 20px}
div#menu h4{margin-top: 10px;font-size: 120%;font-weight:lighter;color: #F0F0FF}
div#menu ul{list-style-type: none;margin:0;padding:0}
div#menu li{margin:0;line-height: 1.3}
div#menu a{text-decoration:none;color: #394A5A;padding-left:12px;line-height: 1.6;
    background: url(bullet.jpg) no-repeat top left}
div#menu a:hover{color: #000;text-decoration: underline}

div#content{margin: 0 170px 10px 10px}
div#content a{text-decoration: none;padding-bottom: 1px;}
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(bodybullet.jpg) no-repeat 0 4px}

div#footer{clear: both;text-align: center;border-top: 1px solid #ccc;padding-bottom: 5px; 
    background: #D6EAFF url(footer.jpg) bottom;color: #3A4C5A;font-size: 80%}
div#footer address{font-style: normal}
div#footer p{margin: 0}

/*stili per il form di contatto*/

form,fieldset{margin-top:0;margin-left:0;padding: 0;border: 0px solid #000}
form label{float:left;width:80px;line-height:23px;margin-right:5px;text-align:right}
form input,textarea{margin-bottom:5px;border-style:solid;border-color: #8C8C8C #ABABAB #ABABAB #8C8C8C;
    border-width:2px 1px 1px 2px;background: url(inputbk.jpg) repeat-x bottom}
form br{clear:left}
input#submit{margin: 10px 0 0 90px;border: 1px solid #CCC;padding: 0 5px;
background: #E6E6E6 url(buttonbk.jpg) repeat-x center left}


/*stili per la pagina dei prodotti*/

dd,dl{margin:0;padding:0}
dl#prodlist{margin-bottom:1em}
dl#prodlist dt{clear:left;margin: 1em 0 0.3em;padding:0;font-weight:bold;font-size: 120%;color: #99BCD2}
dl#prodlist dd.image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(dropshadow.jpg) no-repeat bottom right}
dl#prodlist img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px}

/*stili per le news */

div.news{margin-top:0.4em}
div.news h3{padding-left: 16px;background: url(newsbullet.jpg) no-repeat center left}
div.news h3 span.data{color: #AAA;font-weight: lighter;font-size: 75%}