/* reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } /* typography.css -------------------------------------------------------------- */ html { font-size:100.01%; } body { font-size: 12px; color: #333; background: #fff; /*font-family:Verdana, Arial, Helvetica, sans-serif;*/ /*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }*/ font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; color:#0066CC; } h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; font-family:Georgia, "Times New Roman", Times, serif; } h2 { font-size: 1.8em; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;} /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.2em; } p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } a:focus, a:hover { color: #999; } a { color:#333; text-decoration: underline; } blockquote { margin: 1.5em; color: #666; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; font-style: italic; } del { color:#666; } pre { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* Lists -------------------------------------------------------------- */ li ul, li ol { margin: 0; } ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; width:100%; } th { font-weight: bold; } thead th { background: #c3d9ff; } th,td,caption { padding: 4px 10px 4px 5px; } tr.even td { background: #e5ecf9; } tfoot { font-style: italic; } caption { background: #eee; } /* Success, notice and error boxes -------------------------------------------------------------- */ .error,.notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /* Personalizzioni Globali -------------------------------------------------------------- */ .testo img{ padding:7px; border:1px solid #5F93B8; background-color:#FFF;} .testo .left{float:left; margin-left:10px;} .testo .right{float:right; margin-right:10px;} #BoxGmap{ width:720px; height:570px;} .terrebasse h1{ border-bottom:2px solid #8AB839;} /* Personalizzioni sito -------------------------------------------------------------- */ html,body{ height:100%;} body{ background:url(../img/bk-page.jpg) repeat-x;} #container{ width:960px; height:100%; position:relative; padding:0 10px 0 10px; margin:0 auto -125px; background:url(../img/bk-ombra.jpg) no-repeat scroll 0 145px;} #header{ padding-top:5px;} #header .boxLogo{ width:770px; height:130px; overflow:hidden;} #header .boxLogo a{text-decoration:none;} #header .boxLogo img,#header .boxLogo .txtLogo{ float:left; display:inline; } #header .boxLogo .txtLogo{ color:#7D3C24; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; margin:10px; font-weight:normal; } #header .testoLogo{ float:left; width:500px; margin:0 10px; font-size:16px;} #header .menuHeader{ position:absolute; top:0; right:10px; background:url(../img/bk-menu-top-dx.gif) no-repeat right; height:30px; padding-right:10px;} #header .menuHeader ul{float:left; margin:0; padding:0; list-style:none; padding-left:10px; background:url(../img/bk-menu-top-sx.gif) no-repeat left; height:30px;} #header .menuHeader li{float:left; padding:6px 0;} #header .menuHeader li a{display:block; padding:0 5px 0 4px; color:#FFF; border-right:1px solid #FFF; text-decoration:none; font-size: 13px;} #header .menuHeader li.last a{border:none; padding:0 5px;} #header .menuHeader li a:hover, #header .menuHeader li a.active{ text-decoration:underline;} #header .boxHeader{ clear:both; width:100%; margin:0; float:left;} #header .boxmenu{float:left; width:192px; overflow:hidden;} #header .boxmenu .galleryHead{ width:190px; height:127px; overflow:hidden;} #header .boxmenu .menu{border-left:2px solid #8AB839; height:110px;} #header .boxmenu .menuEnogastronomia{border-color:#BE8638;} #header .boxmenu .menuIniziativa{border-color:#FF6600;} #header .boxmenu .menuStoria{border-color:#BF4A35;} #header .boxmenu .menuCosaFare{border-color:#BF4A35;} #header .boxmenu .menu ul{ margin:0; padding:3px 0 0 8px; list-style:none; } #header .boxmenu .menu li{ padding:3px 0; padding-left:6px; background:url(../img/freccia-grigia.gif) no-repeat scroll 0 10px;} #header .boxmenu .menu li a{text-decoration:none; padding:0 3px; font-size:11px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif} #header .boxmenu .menu li a:hover{ text-decoration:underline; color:#8AB839;} #header .boxmenu .menu li a.active{background-color:#8AB839; color:#FFF;} #header .boxmenu .menuEnogastronomia li a:hover {color:#BE8638;} #header .boxmenu .menuEnogastronomia li a.active { background-color:#BE8638; color:#FFF;} #header .boxmenu .menuIniziativa li a:hover {color:#FF6600;} #header .boxmenu .menuIniziativa li a.active { background-color:#FF6600; color:#FFF;} #header .boxmenu .menuStoria li a:hover {color:#BF4A35;} #header .boxmenu .menuStoria li a.active { background-color:#BF4A35; color:#FFF;} #content{clear:both; float:left; margin-bottom:50px; margin-top:20px;} #Sx{ width:690px; float:left; overflow:hidden; padding:0 40px 0 0;} #Sx .lista .boxCategoria{ float:left; clear:both; width:700px; padding:15px 0;} #Sx .lista .boxCategoria h2{ border-bottom:1px dotted #000;} #Sx .enogastronomia .boxCategoria h2{ border-color:#BE8638} #Sx .storia .boxCategoria h2{ border-color:#BF4A35;} #Sx .enogastronomia .text1{clear:both;} #Sx .enogastronomia .text2{padding:10px; background-color:#EFE2CF; margin-bottom:10px;} #Sx .detail .doc{width:60px; float:left; display:inline; border-right:1px solid #5F93B8; margin-right:10px; clear:both; } #Sx .datail .doc a{ display:block; background:url(../img/ico-pdf.gif) no-repeat; height:50px;} #Sx .datail .doc a:hover{ background-image:url(../img/ico-pdf-hover.gif); } #Sx .datail .doc a span{display:none;} #Sx .lista .item{ float:left; width:172px; height:160px; overflow:hidden;} #Sx .lista .item.first{padding-top:0; } #Sx .lista .item.last{ border:none;} #Sx .lista .item .img,#Sx .lista2 .item .img{ float:left; background:url(../img/bk-ant-home.jpg) no-repeat; width:151px; height:108px; padding:6px 10px 6px 6px; } #Sx .lista .item .img a,#Sx .lista2 .item .img a{display:block; padding:3px; } #Sx .lista .item .img a:hover, #Sx .lista2 .item .img a:hover{ background-color:#BF4A35;} #Sx .terrebasse .item .img a:hover{ background-color:#8AB839;} #Sx .enogastronomia .item .img a:hover{ background-color:#BE8638;} #Sx .lista2 .item{ float:left; clear:both; width:700px; overflow:hidden; border-bottom:1px dotted #8AB839; padding:15px 0;} #Sx .lista2 .item .nome { margin-bottom:0.5em;} #Sx .lista2 .item .nome a{ font-weight: bold; color:#0066CC; text-decoration:none; font-size:12px; padding-left:5px; display:block; font-family:Arial,"Times New Roman";} #Sx .lista .item .nome a{ font-weight: bold; color:#0066CC; text-decoration:none; font-size:12px; padding-left:5px; display:block; width:150px; font-family:Arial,"Times New Roman";} #Sx .lista .item .nome a:hover,#Sx .lista2 .item .nome a:hover { color:#0066CC; text-decoration:underline; } #Sx .gallery{ width:480px; overflow:hidden; float:left;} #Sx .gallery .bigFoto{ position:relative; width:460px; height:325px; overflow:hidden; background:url(../img/bk-foto-grande.jpg) no-repeat; padding:10px; } #Sx .gallery .bigFoto .titoloImg{ position:absolute; right:10px; bottom:30px; padding:3px 5px; background:#FFF;} #Sx .gallery .antFoto a{ float:left; margin:2px; background:url(../img/bk-ant-piccole.jpg) no-repeat; padding:3px; border:1px solid #FFF;} #Sx .gallery .antFoto a:hover{border-color:#8AB839;} #Sx .enogastronomia .gallery .antFoto a:hover{border-color:#BE8638;} #Sx .indietro{clear:both; float:right; } #Sx .indietro a{display:block;background-color:#BE8638; color:#FFF; padding:2px 5px; text-decoration:none;} #Sx .indietro a:hover{ background-color:#EFE2CF; color:#333;} #Sx .terrebasse .indietro a{display:block;background-color:#8AB839; color:#FFF; padding:2px 5px; text-decoration:none;} #Sx .terrebasse .indietro a:hover{ background-color:#D0E3B0; color:#333;} #Sx .storia .indietro a{display:block;background-color:#BF4A35; color:#FFF; padding:2px 5px; text-decoration:none;} #Sx .storia .indietro a:hover{ background-color:#E5B7AE; color:#333;} #Dx{ width:220px; float:left; overflow:hidden; padding:0 0 0 10px;} #Dx a{ font-size:11px;} #Dx .titleMenu{border-bottom:1px dotted #333; padding-bottom:1px; } #Dx .titleMenu span{ display:block; background-color:#D0E3B0; padding:2px 5px; font-size:14px;} #Dx .comuniCoinvolti ul{ margin:0; padding:0;} #Dx .comuniCoinvolti ul li{ list-style:none; padding:4px 5px 4px 12px; background:url(../img/freccia-verde.gif) no-repeat scroll 5px 10px;} #Dx .comuniCoinvolti ul li a{ display:block; padding:1px 5px; text-decoration:none; } #Dx .comuniCoinvolti ul li a:hover{ text-decoration:underline; color:#000; background-color:#8AB839;} #Dx .comuniCoinvolti ul li.selected a{background-color:#8AB839; color:#FFF;} #Dx .menuTree ul{padding:0; margin:0; list-style:none;} #Dx .menuTree ul li{ list-style:none} #Dx .menuTree ul li div{border-bottom:1px dotted #333; padding-bottom:1px; } #Dx .menuTree ul li div span{display:block; background-color:#EFE2CF; padding:2px 5px; font-size:14px;} #Dx .menuStoria ul li div span{display:block; background-color:#E5B7AE; padding:2px 5px; font-size:12px;} #Dx .menuTree ul li ul{padding-bottom:10px;} #Dx .menuTree ul li ul li{ padding:3px 10px 3px 8px; background:url(../img/freccia-marrone.gif) no-repeat scroll 4px 9px;} #Dx .menuStoria ul li ul li{ padding:3px 0px 3px 8px; background:url(../img/freccia-arancio.gif) no-repeat scroll 4px 9px;} #Dx .menuTree ul li ul li a{ display:block; padding:1px 5px; text-decoration:none; } #Dx .menuTree ul li ul li a:hover{ text-decoration:underline; color:#BE8638;} #Dx .menuStoria ul li ul li a:hover{ text-decoration:underline; color:#BF4A35;} #Dx .menuTree ul li ul li.selected a{background-color:#BE8638; color:#FFF;} #Dx .menuStoria ul li ul li.selected a{background-color:#BF4A35; color:#FFF;} #Dx .menuFeste .titleMenu span{background-color:#EFE2CF;} #Dx .menuFeste ul{ margin:0; padding:0;} #Dx .menuFeste ul li{ list-style:none; padding:3px 10px 3px 22px; background:url(../img/freccia-verde.gif) no-repeat scroll 15px 10px;} #Dx .menuFeste ul li a{ display:block; padding:1px 5px; text-decoration:none; } #Dx .menuFeste ul li a:hover{ text-decoration:underline; color:#BE8638;} #Dx .menuFeste ul li.selected a,#Dx .menuFeste ul li a.active{background-color:#BE8638; color:#FFF;} #pushfooter{height:125px; clear:both; z-index:-1; } #footer{ overflow:hidden; position:relative; clear:both; background:url(../img/bk_footer.gif) repeat-x bottom; height:125px; overflow:hidden;} #footer .box{ width:976px; margin:0 auto;} #footer .menuLinkComuni{width:100%; float:left; padding-bottom:15px;} #footer .menuLinkComuni ul{margin:0; margin-left:173px; padding:0; list-style:none; float:left; display:inline;} #footer .menuLinkComuni ul li{ list-style:none; float:left; display:inline;} #footer .menuLinkComuni ul li a{ display:block; height:88px; width:80px; overflow:hidden; margin:0 5px;} #footer .menuLinkComuni ul li a span{display:none} #footer .testoFooter{width:976px;float:left; margin:5px 3px; font-size:9px; } #footer .menuSponsor{ float:right;} #footer .menuSponsor ul{ float:left; margin:0; padding:0; list-style:none;} #footer .menuSponsor ul li{ float:left; list-style:none;} #footer .menuSponsor ul li a{display:block; text-decoration:none; margin:18px;} #footer .menuSponsor ul li a span{display:none;} #footer #footerBottom{ width:100%; clear:both;} #footer .datiFooter{ width:680px; float:left; margin:10px 0 0 0; font-family:Arial,Tahoma,Verdana,sans-serif;font-size:11px;} #footer .datiFooter .text1 a { text-decoration:underline;} #footer .datiFooter .text1 a:hover {color:#fff; text-decoration:underline} #footer .menuCredits{float:right;margin:2px; font-family:Arial,Tahoma,Verdana,sans-serif;font-size:11px;} #footer .menuCredits ul{float:left; margin:0; padding:0; list-style:none;} #footer .menuCredits ul li{float:left; list-style:none; } #footer .menuCredits ul li a{display:block; text-decoration:none; color:#003300; margin:5px 0; padding:0 5px; border-right:1px solid #003300;} #footer .menuCredits ul li a:hover{display:block; text-decoration:underline; color:#fff; margin:5px 0; padding:0 5px; border-right:1px solid #003300;} #footer .menuCredits ul li.last a{border:none;} .formInfo{ width:700px; overflow:hidden; margin-top:20px; } form.info fieldset{ padding:10px 0;} form.info .legend{ border-bottom:2px solid #8AB839; margin-bottom:10px; line-height:22px; font-weight:bold;} form.info label, form.info input, form.info textarea{ float:left; display:inline; width:185px; margin:0 0 10px 15px;} form.info input, form.info textarea{ border:1px solid #8AB839;} form.info textarea{ width:670px;} form.info textarea#Normativa{ height:50px;} form.info label{ line-height:22px; width:125px;} form.info label#AcconsentoPost{ width:400px; } form.info label span{ color:#F00;} form.info .aCapo{ clear:both;} form.info .hidden{ display:none;} form.info #Acconsento{ border:none; width:15px; margin-top:5px;} form.info button{ padding:0; border:none; background:none; margin-right:10px; float:right; color:#186EA4; font-weight:bold; background-color:#8AB839; color:#FFF; padding:2px;} #Dx ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #Dx ul li { border-bottom:1px dotted #999999;} #top-adv { width:959px; height:25px; background-color:#0066CC;} #top-adv .box-adv { padding-left:10px; padding-top:3px;} .boxCerca { position:absolute; top:100px; right:10px; width:220px;} .boxCerca #key { width:150px;}