html,body {height:100%;margin:0px;padding:0px}
html {background:url(../img/bg_html.gif) repeat-x top left #e7e8e9}
body {font:10pt Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#333}

/* struttura */
#bg_body {height:100%;background:url(../img/bg_body.jpg) repeat-x bottom left}
body>#bg_body {height: auto;min-height: 100%}
div#container{margin: 0 auto;padding-top:10px;width:980px;text-align:left}

div#ColLeft{width:185px;float:left;margin:0px;padding:0px}
div#ColMiddle{width:582px;float:left;margin:0px;padding:0px}
div#ColRight{width:202px;float:right;margin:0px 0px 0px 8px;padding:0px}

div#footer{color:#666;font-size:0.8em;text-align:center;text-decoration:none;padding:5px 0px}

.hat{height:25px;margin:0px;padding:0px}
.bot{height:35px;margin:0px;padding:0px}
.botMiddle{min-height:35px;	margin:0px;padding:0px;background:url(../img/botColMiddleB.png) no-repeat bottom left}

div#logo{text-align:center;padding:auto;height:150px;margin:auto}
div#logo img{border:0;padding:15px 0px 0px 5px}

div#banner{width:570px;height:150px}
div#banner.approccio {background:url(../img/banner_approccio.jpg) no-repeat top left}
div#banner.buono {background:url(../img/banner_buono.jpg) no-repeat top left}
div#banner.contatti {background:url(../img/banner_contatti.jpg) no-repeat top left}
div#banner.dove {background:url(../img/banner_dove.jpg) no-repeat top left}
div#banner.home {background:url(../img/banner_home.jpg) no-repeat top left}
div#banner.metodologia {background:url(../img/banner_metodologia.jpg) no-repeat top left}
div#banner.panel {background:url(../img/banner_panel.jpg) no-repeat top left}
div#banner.sociale {background:url(../img/banner_sociale.jpg) no-repeat top left}
div#banner.volto {background:url(../img/banner_volto.jpg) no-repeat top left}

div.rightShadow{background:url(../img/rightShadow.png) repeat-y top right;margin:0px;padding:0px}

div#extra{width:182px;background:#c5c9ca;text-align:right;margin:0px;padding: 130px 8px 6px 0px;font-size:0.9em;color:#666}
div#contenuto{padding:5px 20px;background:#fff;width:530px;font-size:0.9em;text-align:left;min-height:340px}

/* elementi */
#RightTitle {font-size:1.8em;font-weight:bold;padding:3px 20px;margin:-37px -20px 15px -20px;color:#fff;background:url(../img/RightTitleBlack.png) repeat-x top left}
h2 {font-size:1.06em;color:#999;padding:2px 0px;margin:0px}
h3 {font-size:1em;color:#fc761d;padding:0px;margin:0px}
p {padding:0px;margin:8px 0px}
.contenutoImg {float:right;padding-left:10px}
a {color: #666;text-decoration:underline}
a:hover {color:#fc761d}
img {border:0px;padding:0px}
.ClearAll{clear:both}

div#LeftMenu{margin: 8px 20px 0px 0px;padding:0px}
div#LeftMenu ul {padding:0px;margin:0px;list-style-type:none;text-align:right}
div#LeftMenu li {padding: 6px 0px 6px 0px;height:20px}
div#LeftMenu li a {color: #333;text-decoration:none}
div#LeftMenu li a:hover {color:#fc761d}
div#LeftMenu li a.leftactive {color: #fc761d;text-decoration:none}
div#LeftMenu li a.leftactive:hover {color:#333}

div#RightMenu{margin-right:12px;padding-top:8px;background:#f4f4f4;min-height:342px}
div#RightMenu ul {padding: 0px 5px 10px 10px;margin:0px;list-style-type: none;font-size:0.8em;text-align: right}
div#RightMenu li {padding: 6px 10px 8px 0px;margin:0px;font-weight: normal;color: #333;background: url(../img/img_menuR.gif) no-repeat right}
div#RightMenu li a {color: #666;text-decoration: none}
div#RightMenu li a:hover {text-decoration: underline}

div#contenuto h3 {font-size:1em;color:#fc761d;padding:0px;margin-top:8px}
div#contenuto h2 {font-size:1.06em;color:#999;padding:0px 0px 2px 0px;margin:0px}
div#contenuto ul {padding:0px;margin:5px 0px 5px 10px;list-style-type: none}
div#contenuto li {padding:0px 0px 5px 12px;margin:0px;background: url(../img/img_li.gif) no-repeat left}
div#contenuto ol {padding:0px;margin:5px 0px 5px 30px}
div#contenuto ol li {padding:0px 0px 5px 0px;margin:0px;background: none}
div#contenuto ol li.esomar{background:#eee;padding:10px;margin-bottom:10px;}
div#contenuto div.esomar{border-right:2px dashed #eee;border-bottom:2px dashed #eee;border-left:2px dashed #eee;padding:10px;margin:-10px 0px 10px 0px}

div#BottomMenu {padding:0px 20px;background:#fff;width:530px;margin:0px}
div#arrowLeft {padding:0px;float:left;text-align:right;width:40%}
div#arrowRight {padding:0px;float:right;text-align:left;width:40%}
div#contatore {padding:10px;float:left;margin-left:25px}
div#partner {float:right;font-size:0.7em;text-align:center;color:#666}
div#partner img {padding-top:3px}