/* Comune di Mombaroccio - website by www.websolute.it
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {margin:0; padding:0; background:url(img/bg_body.gif) repeat-y center #f4ecde; color:#4c4c4c; font:70% Arial, Helvetica, sans-serif;}
.clear {clear:both;}
* html ul li {height: 1%;}
* html ul li a {height:1%;}


/* container
- - - - - - - - - - - - - - - - - - - - */
#container {margin:0 auto; width:770px;}


/* sito
- - - - - - - - - - - - - - - - - - - - */
#sito {width:740px; padding:0 15px; background:url(img/bg_sito.gif) repeat-y}


/* barra_nav
- - - - - - - - - - - - - - - - - - - - */
#barra_nav {border-top:5px solid #fff; border-bottom:2px solid #fff; background:#918862; padding:1px 0;}
#barra_nav_int {background:#e6e3da; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:4px 3px;}
#data {font-size:90%; color:#5a5236; float:left; padding-left:2px;}
#barra_link {float:right;}
ul#link_nav {float:left; margin:0; padding:0; list-style:none;}
ul#link_nav li {margin:0; padding:0; float:left; margin-right:12px;}
ul#link_nav li a {text-decoration:none; color:#5a5236; background:url(img/bg_barra_nav.gif) no-repeat left center; padding-left:8px;}
ul#link_nav li a:hover {text-decoration:underline;}
ul#link_nav li.lingue {margin-right:0;}
html > body ul#link_nav li.lingue {margin-top:2px;}
ul#link_nav li.lingue a.italiano {width:16px; height:10px; display:block; background:url(img/italiano.gif) no-repeat center; text-indent:-9999px;}
ul#link_nav li.lingue a.inglese {width:16px; height:10px; display:block; background:url(img/inglese.gif) no-repeat center; text-indent:-9999px;}


/* header
- - - - - - - - - - - - - - - - - - - - */
#header {background:#fff; margin-bottom:6px;}
#logo {float:left; text-indent:-9999px; background:url(img/logo_mombaroccio.jpg) no-repeat;}
#logo h1 {margin:0; padding:0; font-size:1%;}
#logo a {width:217px; height:173px; display:block; margin:0; padding:0; text-decoration:none;}
#animazione {float:right; width:522px; height:173px;}


/* menu 
- - - - - - - - - - - - - - - - - - - - */
#menu_sx {width:217px; float:left;}
#menu_sx ul {background:#fff; list-style:none; margin:0; padding:0 0 2px 0;}
#menu_sx ul li {background:#fff; border:1px solid #cec9b5; padding:1px; width:213px; margin:0 0 3px 0;}
#menu_sx ul li a {background:#ddd9ce; display:block; text-decoration:none; border-left:11px solid #ccc6b5; padding:3px 7px; font-size:110%; color:#5a5236; margin:0;}
#menu_sx ul li:hover a {background:#ccc6b5; border-left:11px solid #ddd9ce; color:#9c1409;}
#menu_sx ul li ul {background:#fff; padding:0; margin:0;}
#menu_sx ul li ul li {background:#fff; border:none; padding:1px; width:auto; margin:3px;}
#menu_sx ul li ul li a {background:#f6f4ef; display:block; text-decoration:none; border-left:none; padding:3px 3px 3px 14px; font-size:110%; color:#3a3420; margin:0;}
#menu_sx ul li:hover ul li a {background:#f6f4ef; display:block; text-decoration:none; border-left:none; padding:3px 3px 3px 14px; font-size:110%; color:#3a3420; margin:0;}
#menu_sx ul li:hover ul li:hover a {color:#9c1409; background:#e5e2db;}
#menu_sx ul li a.on1 {background:#ccc6b5; border-left:11px solid #ddd9ce; color:#9c1409;} 
#menu_sx ul li ul li a.on2 {color:#9c1409; background:#e5e2db;}


/* contenuti
- - - - - - - - - - - - - - - - - - - - */
#contenuti {width:518px; float:right;}
#contenuti a {text-decoration:underline; color:#9c1409;}
#contenuti h2 {color:#9c1409; font-weight:normal; background:#fff; border-top:1px solid #cec9b5; border-bottom:1px solid #cec9b5; margin:0 0 2px 0; padding:1px 0; font-size:110%;}
#contenuti h3 {font-size:110%; color:#9c1409; font-weight:normal; margin:12px 0 3px 0;}
#contenuti h2 span {background:#f6f4ef; padding:3px 4px; display:block;}
#contenuti .rosso {color:#9c1409;}
#contenuti input.text {width:202px; border:1px solid #525252; margin:3px 0 8px 0;}
#contenuti input.butt {background:#ddd9ce; border:1px solid #fff; color:#4c4c4c; margin:1px; padding:0 5px;}
#testi {padding:5px;}
/*#testi img {float:left; margin:7px 15px 10px 0;}*/
#testi .doc_img_1, #testi .doc_img_2, #testi .doc_img_3 {clear:left; float:left; margin:7px 15px 10px 0; padding:4px; border:1px solid #ccc7b2; background:#f8f7f5;}
#testi p {margin:10px 0;}


/* showreel
- - - - - - - - - - - - - - - - - - - - */
#showreel {width:256px; float:left; margin-bottom:10px;}


/* centro storico
- - - - - - - - - - - - - - - - - - - - */
#centro_storico {width:256px; float:right; margin-bottom:10px;}
#centro_storico div {background:#f6f4ef;}
#centro_storico div img {margin:2px 0 0 2px;}
#centro_storico div p {padding:15px 9px 22px 9px; margin:0;}
html>body #centro_storico div p {padding:15px 9px 37px 9px;}
#centro_storico div p a {background:url(img/bg_link.gif) no-repeat left center; padding:0 0 0 5px;}
#centro_storico img {border:none;}


/* newsletter
- - - - - - - - - - - - - - - - - - - - */
#newsletter {width:256px; float:left; margin-bottom:10px;}
#newsletter div {padding:5px 9px 7px 9px;}
#newsletter form {margin:20px 0 0 0;}
#newsletter img {border:none; margin-top:20px;}
#newsletter img a {text-decoration:none;}


/* meteo
- - - - - - - - - - - - - - - - - - - - */
#meteo {width:256px; float:right; margin-bottom:10px;}
#meteo div {background:#f6f4ef;}
#meteo div img {margin:2px 0 0 2px;}
#meteo div p {padding:5px 9px 7px 9px; margin:0;}
html > body #meteo div p {padding:5px 9px 10px 9px;}
#meteo div p a {background:url(img/bg_link.gif) no-repeat left center; padding:0 0 0 5px;}



/* primo piano
- - - - - - - - - - - - - - - - - - - - */
#primo_piano {margin-bottom:10px;}
div.news {margin:8px 0; padding:0 3px;}
div.news img {float:left; border:1px solid #cec9b5; background:#fff; padding:1px; margin-right:8px;}
span.titolo_news {color:#9c1409; font-size:105%; padding-bottom:8px;}
span.testo_news {font-size:105%;}
/**/
dl {margin:5px 0 10px 0; padding:0;}
dt {margin:0; padding:0;}
dt img {float:left; border:1px solid #cec9b5; background:#fff; padding:1px; margin-right:8px;}
dt a {color:#9c1409; font-size:105%; padding-bottom:8px;}
dd {font-size:105%; margin:0; padding:0;}
div.taglio {border-top:1px dashed #cec9b5; margin:8px 0;}


/* eventi
- - - - - - - - - - - - - - - - - - - - */
#eventi {margin-bottom:10px;}


/* banner
- - - - - - - - - - - - - - - - - - - - */
#banner {padding-top:202px;}
#banner ul {list-style:none; margin:0 0 0 20px; padding:0; text-align:right;}
#banner ul li {padding:10px 0;}

/* footer
- - - - - - - - - - - - - - - - - - - - */
#footer {background:#918862; margin:5px 0 0 0; border-top:5px solid #fff; border-bottom:1px solid #fff; padding:1px 0; color:#5a5236;}
#footer div {background:#e6e3da; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:3px 5px; text-align: center;}
#footer div img {margin:0 2px; border:none; vertical-align:bottom;}
#footer a {color:#403922; text-decoration:underline;}
#footer .firma_ws a {text-decoration:none;}


/* supah */