body {margin:5px 0; padding:0; font-family:Verdana,sans-serif; font-size:76%; text-align:center; background-color:#D40000;}
a, a:visited {text-decoration:none; color:#00c;}
a:hover, a:focus {text-decoration:underline; color:#000;}
h1.title {text-align:right; background:url(images/title-fade.gif) 100% 0 repeat-y; padding:2px 10px; color:white;}

.ak{text-decoration:underline;}

#container {margin:0 auto; width:785px; text-align:left; }
#shadow {width:745px; text-align:left;background:#D40000 url(images/shadow.gif) 50% repeat-y; padding:0 20px; }

#head {width:785px; height:136px; position:relative; display:block; font-size:14px;}
#head ul {list-style:none; margin:0; padding:0;}
#head ul li {list-style:none; margin:0; padding:0;}
#head li a {display:block; height:21px; top:109px; position:absolute; text-align:center; font-weight:bold;}
#bhome,#bcucina,#bsala,#besterno,#bgrasparia,#bbar,#bgrappa,#bblog{padding:4px 0 3px 0; color:white;}
#head a:hover,#head a:focus {color:black; background-color:white; text-decoration:none;}

#bhome {left:20px; padding-left:55px; width:80px;}
#bhome:hover,#bhome:focus {background:white url(images/homeover.gif) 17px 0 no-repeat;}
#bcucina {left:155px; width:81px;}
#bsala {left:235px; width:81px;}
#besterno {left:315px; width:83px;}
#bgrasparia {left:397px; width:92px;}
#bbar {left:490px; width:93px;}
#bgrappa {left:582px; width:94px;}
#bblog {left:677px; width:88px; color:orange;}
#bblog:hover,#bblog:focus {background:url(images/blogover.gif) 0 1px no-repeat;}

#headbar {margin:0; padding:3px 5px; list-style:none; font-size:10px; display:block; width:735px; height:1.3em; background-color:#5E5E5E; border-top:1px solid white; color:white;}
#headbar li {list-style:none; display:inline;}
#headbar li.sep {list-style:none; background:#5E5E5E url(images/rombo.gif) 0 2px no-repeat; padding-left:13px; margin-left:5px;}
#headbar .l {float:right;}
#headbar a {color:orange;}
#headbar a:hover, #headbar a:focus {background-color:black; color:yellow; text-decoration:none;}
#bcontatti {font-weight:bold;}

#body {background-color:#fff; width:725px; padding:5px 10px;}

#foot {width:785px; height:48px; background:url(images/foot.gif) 50% 0 no-repeat; position:relative; margin:0; padding:0;}
#foot a {color:#fff;}
#foot div {color:#fff; font-size:x-small; position:absolute; left:30px; top:7px;}
#foot a:hover,#foot a:focus {color:#ff0; text-decoration:none;}

p.text {text-align:justify;}
p.text img {margin:5px;}

.novita {border:1px solid #c00; margin:1em 0 2em 40px; width:360px;}
.novita h2{margin:0.3em 0 1em 0;}

.joined .part{float:left;width:47%;text-align:center;}
.joined .end{float:none; clear:both;}
.note{font-style:italic;font-size:11px;}

#calendar{margin:5px auto;width:185px;height:158px;}

#calendar,#calendar *{font-size:10px;}
#calendar .dline,#calendar .line{background-color:#bbb; height:16px; width:169px; display:block; position:relative; padding:0 8px; margin:2px 0; line-height:16px;}
#calendar .cell,#calendar .day{float:left; width:23px; height:16px; line-height:16px; text-align:center; padding:0; margin:0;}
#calendar .day{font-weight:bold;}
#calendar .line{background-color:#eee; color:#000;}
#calendar .rcap,#calendar .lcap{height:16px; width:8px; position:absolute; top:0; left:0; background:url(images/circle.gif) 0 0 no-repeat;}
#calendar .rcap{background-position:-8px 0; left:177px;}
#calendar .today{color:red; font-weight:bold;}
#calendar .event{text-decoration:underline;font-weight:bold;cursor:pointer;}
#calendar .circle{background:url(images/redcircle.gif) 0 0 no-repeat; z-index:1000; position:absolute; top:-4px; display:block; width:24px; height:24px;}
#calendar .chgp,#calendar .chgm{width:8px; height:16px; background:url(images/circle.gif) -32px 0 no-repeat; float:left; margin:5px 1px 0 11px; display:block; padding:0;}
#calendar .chgp{background-position:-40px 0; margin-left:1px; border-left:3px solid #bbb;}
#calendar .chgm{border-right:3px solid #bbb;}
#calendar .chgm:hover{background-position:-16px 0;}
#calendar .chgp:hover{background-position:-24px 0;}
#calendar .ret{width:16px; height:16px; background:url(images/circle.gif) -32px 0 no-repeat; float:left; margin:5px 0 0 11px;}
#calendar .ret:hover{background-position:-16px 0;}
#calendar #curm,#calendar #cury{height:16px; float:left; display:block; background-color:#bbb; margin-top:5px; line-height:16px; padding:0 3px; width:3em; text-align:center; font-weight:bold;}
.calover{position:absolute;background-color:#ff9;border:1px solid black;font-size:.8em;display:block;z-index:2000;}
.calover .date{display:block;}
.calover h2{font-weight:bold;font-size:1.2em;margin:.5em 1em;}
.calover h2 a{color:black;text-decoration:none;}
.calover h2 a:hover{text-decoration:underline;}
.calover .evt{padding-bottom:.5em;margin-bottom:.5em;border-top:1px solid #ccc;}
.calover .evt.first{border-top:0;}

#calevents{list-style:none;text-align:center;margin:0;padding:0;}
#calevents li{list-style:none;margin:0;padding:0;}
#calevents h4{margin-top:0.2em;}