@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

html{
font-size:85%;
}

body{
background:url(../img/body_bg.gif) top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

/*  -------------------------------------  BOX  STRUTTURALI ---  */

.top{
background:url(../img/top_bg.png) no-repeat top left;
margin:0 auto;
width:960px;
height:30px;
position:relative;
}

#maincontainer{
width:900px;
margin:0 auto;
background:url(../img/maincontainer_bg.png) repeat-y top left;
padding:0px 30px; 
}

#box-flash{
width:900px;
}

#container{
width:900px;
padding-top:10px;
clear:both;
}

#sx-column{
display:inline;
float:left;
width:180px;
margin-right:20px;
}

#content{
float:left;
width:500px;
margin-right:20px;
}

#content2{
float:left;
width:500px;
margin-right:20px;
}

#dx-column{
display:inline;
float:left;
width:180px;
}

#footer{
clear:both;
width:900px;
background:#d30228 url(../img/footer_bg.gif) repeat-x top left;;
padding-top:5px;
height:25px;
text-align:center;
margin-top:150px;
font-size:9px;

}

.bottom{
background:url(../img/bottom_bg.png) no-repeat top left;
margin:0 auto;
width:960px;
height:30px;
}

/*  -------------------------------------  BOXES ---  */

#searchbox{
width:200px;

margin:10px 0px 5px 0px;
float:right;
text-align:right;
}

.box-rubriche{
height:295px;
}

.box-links{
text-align:center;
}

#box-news{
width:650px;
border:1px solid #cecece;
padding:2px;
margin:10px 0px 5px 0px;
float:left;
}

#copertina{
margin-bottom:25px;
}

#copertina img.fl{
margin-right:15px;
}

.biblioteca{
margin-bottom:50px;
clear:both;
}

#sommario{
margin-top:25px;

}

.articolo{
float:left;
width:180px;
margin-right:70px;
padding-bottom:25px;
}

.articololast{
float:left;
width:150px;
margin-right:0;
padding-bottom:25px;
}


.evento{
border-bottom:1px dashed #cecece;
margin-bottom:15px;
padding-bottom:10px;
}

.articolo p, .articololast p{
width:150px;
margin-top:3px;
}

.box{
padding:8px;
border:1px solid #e4e4e4;
height:120px;
clear:both;
margin-bottom:15px;
background:#f6f6f6;
position:relative;
}

.box-eventi{
padding:8px;
border:1px solid #e4e4e4;
height:60px;
clear:both;
margin-bottom:15px;
background:#f6f6f6;
position:relative;
}

.box img{
float:left;
margin-right:20px;

}

.box h2, .box-eventi h2{
margin-bottom:2px;
font-size:16px;
color:#d30228;
display:block;
}

a.box-link:link, a.box-link:visited{
background:url(../img/arrow_link.gif) no-repeat top left;
color:#d30228;
text-decoration:none;
padding-left:18px;
position:absolute;
bottom:5px;
right:10px;
}

a.box-link:hover{
text-decoration:underline;
}

.box-evento{
padding:8px;
border:1px solid #e4e4e4;
clear:both;
margin-bottom:15px;
background:#f6f6f6;
position:relative;
}

.box-evento img{
float:left;
margin-right:20px;
}

.box-evento img.th{
float:left;
margin-right:6px;
margin-top:6px;
}

.box-evento p.data, .box p.data, .box-eventi p.data{
color:#d30228;
font-size:12px;
}

.evento a.archivio:link, .evento a.archivio:visited, a.archivio:link, a.archivio:visited{
background:url(../img/arrow_link.gif) no-repeat top left;
color:#d30228;
text-decoration:none;
padding-left:18px;
margin-left:0px;
}

.evento a.archivio:hover, a.archivio:hover{
text-decoration:underline;
}

/*  -------------------------------------  STILI E CLASSI ---  */

a:link, a:visited{
color:#d30228;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

input.search{
width:133px;
height:12px;
font-size:11px;
color:#666;
padding-top:3px;
padding-bottom:1px;
border:1px solid #ccc;
}

input.searchbutton{
background:url(../img/cerca.gif) no-repeat top left;
width:41px;
height:18px;
border:none;
cursor:pointer;
}

h1{
font-size:18px;
color:#d30228;
display:block;
padding-bottom:4px;
border-bottom:2px solid #d30228;
margin-bottom:10px;
}

h1.copertina, h1.sommario, h1.abbonamento{
font-size:18px;
color:#d30228;
display:block;
padding-bottom:4px;
border-bottom:2px solid #d30228;
margin-bottom:10px;
}

p{
line-height:18px;
}



#footer p{
color:#fff;
}

.evento p.data{
color:#d30228;
}

.evento a:link, .evento a:visited{
position:relative;
margin-left:130px;
color:#d30228;
text-decoration:none;
top:5px;
}

.evento a:hover{
text-decoration:underline;
}

img{
border:none;
}

img.mappa{
float:left;
margin-right:10px;
margin-bottom:3px;
}

.centered{
display:block;
margin:0 auto;
}

fl{
float:left;
}

img.fl{
display:inline;
float:left;
}

.clear{
clear:both;
}

h2.rubriche{
width:180px;
height:23px;
background:url(../img/rubriche.gif) no-repeat top left;
margin-bottom:5px;
}

h2.shop{
width:180px;
height:23px;
background:url(../img/shop.gif) no-repeat top left;
margin-bottom:5px;
}

h2.links{
width:180px;
height:23px;
background:url(../img/links.gif) no-repeat top left;
margin-bottom:5px;
}

h2.rubriche span, h2.eventi span, h2.archivio span, h2.arretrati span, h2.shop span, h2.links span{
display:none;
}

h2.eventi{
width:180px;
height:23px;
margin-bottom:5px;
background:url(../img/eventi.gif) no-repeat top left;
}

h2.archivio{
width:180px;
height:23px;
margin-bottom:5px;
background:url(../img/archivio.gif) no-repeat top left;
}

h2.arretrati{
width:180px;
height:23px;
margin-bottom:5px;
background:url(../img/arretrati.gif) no-repeat top left;
}

ul.abbonamento li{
padding-bottom:6px;
margin-bottom:10px;
}

ul.abbonamento li.spaced{
height:30px;
}

label.abb{
width:100px;
display:inline-block;
/*margin-bottom:10px;*/
}

label.ck{
display:inline-block;
margin-bottom:10px;
width:120px;
}

input.ck{
margin-right:25px;
}

label.qta{
display:inline-block;
margin:0px 30px;

}

input.qta{
width:40px;
border:1px solid #ccc;
}

input.abb{
border:1px solid #ccc;
margin-right:25px;
}

textarea.abb{
width:350px;
border:1px solid #ccc;
}

input.invia{
width:80px;
height:23px;
background:url(../img/submit.jpg) no-repeat top left;
display:block;
margin:0 auto;
cursor:pointer;
border:none;
}

ul.elenco-vini{

}

ul.elenco-vini li{
border-bottom:1px dashed #ededed;
padding:8px 20px;
background:url(../img/elencovini_bg.gif) no-repeat 0px 7px;
}

ul.elenco-vini li a{
font-weight:bold;
}

/*  -------------------------------------  LANGUAGEMENU ---  */
#language{
position:absolute;
left:883px;
top:30px;
}

#language ul.languagemenu li{
display:inline;
}

#language ul.languagemenu li a{
display:inline-block;
width:22px;
height:24px;
}


#language ul.languagemenu li a span{
display:none;
}


#language ul.languagemenu li#italiano a:link, #language ul.languagemenu li#italiano a:visited{
background:url(../img/ita_flag.gif) no-repeat top left;

}

#language ul.languagemenu li#tedesco a:link, #language ul.languagemenu li#tedesco a:visited{
background:url(../img/ger_flag.gif) no-repeat top left;

}

/*  -------------------------------------  TOPMENU ---  */

ul#topmenu{
list-style-type:none;
float:right;
margin:35px 5px 0px 0px;
}

ul#topmenu li{
float:left;
margin:0px 0px 0px 15px;
}

ul#topmenu a:link, ul#topmenu a:visited{
font-family:Verdana;
font-size:11px;
font-weight:bold;
color:#666;
text-decoration:none;
}

ul#topmenu a:hover, ul#topmenu a.active{
color:#d30228;
}

/*  -------------------------------------  RUBRICHE-MENU ---  */

ul{
list-style-type:none;
}

ul#rubriche-menu{
list-style-type:none;
}

ul#rubriche-menu li ul{
height:90px;
}

ul#rubriche-menu li ul li{
border:none;
}

ul#rubriche-menu li{
background:url(../img/red-arrow.gif) no-repeat 0px 6px;
padding-left:20px;
border-bottom:1px dashed #cecece;
}

ul#rubriche-menu li a{
display:block;
height:15px;
padding-top:5px;
padding-bottom:1px;
}

ul#rubriche-menu a:link, ul#rubriche-menu a:visited{
font-family:Verdana;
font-size:11px;
color:#666;
text-decoration:none;
font-weight:bold;
}

ul#rubriche-menu a:hover, ul#rubriche-menu a.active{
color:#d30228;
}