html,body{margin:0;padding:0}
html{height: 100%; margin-bottom: 1px}
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: 150%}
h2{font-size: 110%;margin-top:10px;color: #5a6156}
h3{
	font-size: 100%;
	color: #0068cc;
}
h4{font-size: 80%;color: #5a6156}
p{margin: 0;padding: 0 0 1em;line-height: 1.5}
a{color: #0068cc}

/*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:760px;margin: 0 auto;padding:0 20px;
    background: #E6E6E6 url(gif/colonna.jpg) repeat-y center;text-align: left}

div#header{position:relative;height:120px;background: #f5e4ee url(gif/intestazione.jpg) no-repeat top left}
div#header h1{position:absolute;top:90px;left:140px;width:760px;height:60px}

div#menu{float: right;width:155px;padding-bottom: 20px}
div#menu h4{margin-top: 10px;font-size:120%;font-weight:lighter}
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(gif/bullet.jpg) no-repeat top left}
div#menu a:hover{color: #000;text-decoration: underline}

div#content{margin: 0 170px 0 10px}
div#content a{text-decoration: none;padding-bottom: 1px;border-bottom: 1px solid #333}
div#content a:hover{border-bottom: 1px dotted #999}
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(gif/bodybullet.jpg) no-repeat 0 4px}

div#footer{clear: both;border-top: 1px solid #ccc;padding-bottom: 5px;background: #faf0e6 bottom;color: #3A4C5A;font-size: 90%;}
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(gif/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(gif/buttonbk.jpg) repeat-x center left}


/*stili per la pagina delle foto e del consiglio*/

dd,dl{margin:0;padding:0}
dl#foto{margin-bottom:1em}
dl#foto dt{clear:left;margin: 1em 0 0.3em;padding:0;font-weight:lighter;font-size: 120%;color: #5a6156}
dl#foto dd.image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(gif/dropshadow.jpg) no-repeat bottom right}
dl#foto 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(gif/newsbullet.jpg) no-repeat center left}
div.news h3 span.data{color: #AAA;font-weight: lighter;font-size: 75%}
