/* Grazie a CSSPlay per la soluzione max-width per ie6 www.cssplay.co.uk/boxes/maxwidth.html */
/* Grazie a Carlo Poggi per tutto il resto www.csslab.it :-) */

body {font: 0.9em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; background: #DCDDDE url('/img/sfondo1x600.png') repeat-x 0 0;margin:0;padding:0} 
#testa {max-width: 960px; min-width: 770px; margin: 20px auto 0;height: 150px; color: #000;background: transparent url('/img/edera_piccola.png') no-repeat top right;}
#page-wrap {max-width:960px; min-width:770px; margin:0 auto; position:relative;padding:10px 0 0 0;height:auto !important;background: transparent}
#contenuto   {background: #ccc; margin:0px 105px 141px 170px; padding: 2px 50px 10px 30px;-moz-box-shadow:3px 3px 15px #555;-webkit-box-shadow:3px 3px 15px #555;min-height:300px;height:auto !important; height:300px;}
#colsx   {position: absolute; left: 0; top: 0; width: 150px; padding: 15px auto;}           

#piede   {max-width: 960px; min-width: 770px; margin: 0 auto; padding:0;clear:both;text-align:left;position:relative;background: transparent !important;}
#piede div  {max-width: 960px; min-width: 770px; background: transparent url('/img/edera_grande.png') no-repeat 100% 100%; position: absolute; right:0%; bottom:0%; height:350px;}
#piede div p {padding-top:210px;padding-left:170px;margin-right:450px;font-size:0.8em;line-height:1.5em;}

h1 img {padding-left:180px}
h2 {text-shadow:3px 3px 3px #999;letter-spacing:2px;}

/* max-width per IE6 */
.sxpad {float:left;height:10px;width:50%;margin-right:-500px;}
.dxpad {float:right;height:10px;width:50%;margin-left:-500px;}
.contenitore {margin:0;padding:0 0 10px 0;position:relative; /* overflow:hidden; */}
* html .contenitore {float:left;position:relative;}
* html .inner {overflow:hidden; width:100%;}
/* FINE max-width per IE6 */


ul#menu {width:150px; margin:0; list-style: none;padding:15px 0;text-align:left;position:absolute;top:20px;left:0;z-index:1;}
ul#menu li {margin:0; position:relative; /* overflow:hidden;*/}

ul#menu li a {display:block; width:100%; height:100%; text-decoration:none; color:#fff; background: url(/img/menu_completo2.png) no-repeat;cursor:pointer;cursor:hand;}

ul#menu li a span, .invisibile {position: absolute;left: -9999px;}

ul#menu li#bio a {width:140px; height:63px; background-position: 0px 0px;} 
ul#menu li#expo a {width:150px; height:66px; margin-top:2px; background-position: 0px -67px;}
ul#menu li#lavori a {width:90px; height:45px; margin-top:5px; background-position: 0px -133px;}
ul#menu li#contatti a {width:110px; height:38px; margin-top:25px; background-position: 0px -270px;}

ul#menu li#bio a:hover, ul#menu li#bio a.attiva {width:140px; height:63px; background-position: -158px 0px;} 
ul#menu li#expo a:hover, ul#menu li#expo a.attiva {width:150px; height:66px; background-position: -158px -67px;} 
ul#menu li#lavori a:hover, ul#menu li#lavori a.attiva {width:90px; height:45px; background-position: -157px -133px;} 
ul#menu li#contatti a:hover, ul#menu li#contatti a.attiva {width:110px; height:38px; background-position: -158px -269px;} 
a.attiva:hover {cursor:default !important}

ul.lifloat {list-style-type: none;margin:0 0 0 0px;padding:0;background: transparent;height:1%;}
ul.lifloat li {float:left;/* width:114px; */ margin: 0px 10px 0px 0px;background: transparent}
ul.lifloat li img {display: block;/* width: 114px; */ height: 100px;margin:10px 0px;border: 0px;-moz-box-shadow:3px 3px 15px #555;-webkit-box-shadow:3px 3px 15px #555;}
.clear {clear: both; font-size:110%;}
.nodimwidth {width: auto !important}
a img {border:none}