/* Grazie a CSS Tricks per il layout base www.css-tricks.com/layout-packs/ */
/* 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.3em "Trebuchet MS", Arial, Helvetica, sans-serif; background: #e2e2e2;margin:0;padding:0}

/* 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 {padding:0px;border:0px solid #000;position:relative;/* overflow:hidden; */}
* html .contenitore {float:left;}
* html .inner {overflow:hidden; width:100%;}
/*  FINE max-width per IE6 */

h1,h2,h3 {font-family: Georgia, "Times New Roman", Times, serif;}
h2 {color:#063;font-size: 1.2em;font-weight: bold;padding-top: 5px;padding-left:10px;margin-top: 15px;vertical-align:middle;text-shadow:2px 2px 2px #ccc;}
h3.desc {margin:0px;padding:0px;font-size:1.0em}

#page-wrap {max-width:960px; min-width:770px; margin:0 auto; position:relative;background:#f2f2f2;padding:15px 0;height:auto !important; height:550px;min-height: 550px;}
#testa {max-width: 960px; min-width: 770px; margin: 0px auto 0;height: 100px; color: #FFF;background: #33CC66 url(/img/logosx2009.gif);background-repeat: no-repeat; background-position: 10px top;}
#testa #logo {background: url(/img/logodx2009.gif) no-repeat right top;width:500px;height:100px;display: block;float: right;margin-right:10px}
#contenuto   {padding: 0 250px 0 20px;}
#coldx   {position: absolute; right: 0; top: 0; width: 220px; bottom: 0%;/*background: #eee;*/ padding: 15px auto;}           
#coldx p  {text-align:center;}

#piede   {max-width: 960px; min-width: 770px; margin: auto; padding:10px 0;background: #3c6;border-top: 1px solid #063; font-weight:bold; font-size:0.9em; clear:both;line-height:0.9em;text-align:center;}
#piede p  {margin:0;padding:0}

#testa h1, #testa h2, #testa #logo img, .invisibile {position: absolute;left: -9999px;}

#coldx span, .ricette_img {float:left;background: url('/img/ombraalpha.png') no-repeat bottom right !important; background: url('/img/ombra.gif') no-repeat bottom right;/*margin: 20px 30px 10px 30px;*/ margin:20px auto; padding: 0px;}
#coldx span img, .ricette_img img {background: #fff; border: 1px solid #999; display: block; margin: -5px 5px 5px -5px; padding: 4px; position: relative;}

#menu {max-width:960px;min-width:770px;width:100%;margin: 0 auto;overflow:hidden;position:relative;color: #fff;background: #063;text-align:center;}
#menu ul {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;border: 1px solid #063;background: #063;}
#menu ul li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;}
#menu ul li a {display:block;margin:0 0 0 0px;padding:7px 9px;background: #063;color: #fff;text-decoration:none;line-height:1.0em;white-space:nowrap;}
#menu ul li a:hover {background:#cfc;color: #063;}
#menu ul li a.attiva, #menu ul li a.attiva:hover {background:#cfc;color: #063;}

#contenuto ul {margin:0px;padding:0px;list-style:none;position: relative;}
#contenuto ul li {padding-left: 2em;padding-bottom: 0.7em;background: transparent url(/img/zucca_trasparente_20x15.gif) no-repeat 0 0;margin:0px;}

.notop {margin-top: 0px;}
.pulisci {clear:both;}
.box {margin: 20px auto;padding: 5px;background: #fff;border: 1px solid #333;}
.ricette_img {margin: 10px 0px 0px 5px;padding: 3px 0 0 3px}
.ricette_txt {padding:3px;margin-left:200px;/*float:right;width:60%;*/}

dl {position: relative;padding:1px 0 5px}
dt, dd {margin:0;padding:5px;background-color: #fff;}
dt {border: solid 1px #333; border-bottom:none; margin-top:15px;font-weight: bold;}
dd {border: solid 1px #333; border-top:none;}
dd div {font-size: 0.9em;text-align: right;margin-top: 1em;}
dd.gb {background: #fff url(/img/zucca_trasparente_20x15.gif) no-repeat 15px 10px;padding-left:50px;border-top:none;margin-top:-1px;}

#immagini {clear: both;margin: 0 auto 20px;line-height: 1.2em;padding: 0px 20px;/*font-size: 0.9em;*/}
ul#album {width: 100%;margin: 0;padding: 1em 0;list-style: none;text-align:center;}
ul#album li {float: left;width: 140px;margin: 0 20px 15px 20px;background: #cfc no-repeat top left;color: #006633;border: 1px solid #063;}
ul#album li img {display: block;border: 1px solid #a9a9a9;margin:5px auto 0;/*width: 100%;*/}
ul#album li p {padding: 0px 10px 5px 10px;margin: 0;text-align:center;}
ul#album li p.count {font-size:0.8em;}
ul#album li p.desc {font-style: italic;}

.album_tn {float: left;background: url('/img/ombraalpha.png') no-repeat bottom right !important; background: url('/img/ombra.gif') no-repeat bottom right;margin: 5px 6px 5px 6px;padding: 0px;}
.album_contenitore {text-align:center; width: 20%; margin: 0px auto;padding-top:50px;}
.album_link {/*background: url('/img/ombraalpha.png') no-repeat bottom right !important; background: url('/img/ombra.gif') no-repeat bottom right;*/ margin: 5px 6px 5px 6px;padding: 0px;}
.album_tn img, .album_link p {background: #fff; border: 1px solid #a9a9a9;display: block;margin: -5px 5px 5px -5px;padding: 4px;position: relative;}
.album_link p {background: #cfc;margin-top:0;float:right;}
.album_link a {text-decoration:none; color:#063;font-weight:bold;}
.album_link a:hover {text-decoration:none; background:#063 ;color: #cfc;font-weight:bold}

p#fb  {background:url(/img/facebook_24x24.png) no-repeat 0 100%;height:24px; padding-left:27px}
p#sv  {background:url(/img/streetview_33x39.png) no-repeat 0 100%;height:39px; padding-left:36px}
input:focus, textarea:focus {background:#cfc;border: 1px solid #063}