* {
    font-family: Helvetica, Arial, sans-serif; 
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1em; color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* FINE RESET */
.fc:after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
.fc {display: inline-block;}
* html .fc {height: 1%;}
.fc {display: block;}
/* FINE FLOAT CONTAINER */
body {font-family: Arial; font-size: 12px; color: #000000; background: url("../images/main_bg.png") repeat-x left 108px; background-color: white; line-height: 15px;}
a{text-decoration: none; color: black;}
a:hover, a.selected{color: #0c4783;}

#page {width: 1000px; margin: 0 auto; position: relative;}
#top, #middle, #bottom {width: 1000px; position: relative;}
#top {height: 354px; border-bottom: 2px solid #cccfc1;}
#middle {padding-top: 23px; background-color: #eaebe5; padding-bottom: 12px;}
#bottom {margin-top: 8px; height: 150px; background-color: #e2e2d8; border-bottom: 1px solid #eeeee8;}

#left, #center, #right {float: left;}
#left{width: 180px;}
#center{width: 510px; padding-left: 25px; padding-right: 20px;}
#right{width: 265px;}

#site, #author{position: absolute;top: 17px; color: black; font-size: 11px;}
#site{left: 18px;}#author{right: 18px;}#author a {color: black;}

#logo {left: 0px; top: 0px; position: absolute;}
#banner {left: 308px; top: 30px; position: absolute;}
#social {right: 33px; top: 33px; position: absolute;}


#menu {position: absolute; left: 0px; top: 321px; height: 34px;  background-color: #f4f4ec; width: 1000px;}
#menu ul{float: left; margin-left: 125px;}
#menu ul li {display: block; float: left; vertical-align: top; height: 34px; padding-left: 11px; padding-right: 11px;
       background: url("../images/menu_sep.png") no-repeat left 50%;}
#menu ul li:first-child {background-image: none;}
#menu ul li a{color: transparent; font-size: 0;}

.menu-label {display: block; width: 60px; height: 34px; background-position: 0 0; background-repeat: no-repeat;}
.menu-label:hover,.selected .menu-label {background-position: 0 -34px;}

#menu-associazione {width: 91px; background-image: url("../images/menu/associazione.png");}
#menu-news {width: 39px; background-image: url("../images/menu/news.png");}
#menu-eventi {width: 46px; background-image: url("../images/menu/eventi.png");}
#menu-servizi {width: 48px; background-image: url("../images/menu/servizi.png");}
#menu-associati {width: 65px; background-image: url("../images/menu/associati.png");}
#menu-adesione {width: 63px; background-image: url("../images/menu/adesione.png");}
#menu-stampa {width: 53px; background-image: url("../images/menu/stampa.png");}
#menu-progetti {width: 63px; background-image: url("../images/menu/progetti.png");}
#menu-statistiche {width: 78px; background-image: url("../images/menu/statistiche.png");}
#menu-programmi {width: 74px; background-image: url("../images/menu/programmi.png");}
#menu-foto {width: 36px; background-image: url("../images/menu/foto.png");}
#menu-contatti {width: 61px; background-image: url("../images/menu/contatti.png");}

.slideshow {position: absolute; top: 108px; left: 0px; height: 212px; width: 1000px;}

h1 {padding-bottom: 10px; font-weight: bold; text-transform: uppercase;font-family: Helvetica, Arial, sans-serif; font-size: 14px;}
h2 {font-weight: bold; font-size: 14px; color: white; background-color: #0c4783; line-height: 36px; padding-left: 0px; text-align: center;}
h3 {font-weight: bold; padding-top: 20px; padding-bottom: 10px;}
ul.submenu {padding-bottom: 5px;}
.submenu li {font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; line-height: 16px; padding-top: 8px; padding-bottom: 8px;  border-top: 1px solid #ced0c3; color: #262424; margin-left: 10px; padding-left: 1px; margin-right: 8px;}
.submenu li a{color: #262424;}
.submenu li a:hover,
.submenu li a.selected
{color: #0c4783;}
.submenu li:first-child {border-top: 0;}
#right .submenu li{background: url("../images/arrow.png") no-repeat 4px 50%; padding-left: 14px;}

.banners li {margin-bottom: 20px; width: 254px;}
.banners li img {width: 100%;}

.block {background-color: #f4f4ec; margin-bottom: 30px;}

input[type=text], 
input[type=password], 
select {background: url("../images/input_bg.png") repeat-x; width: 156px;; height: 19px; border: 1px solid #b6b9a8; color: black; font: inherit; padding-left: 6px;padding-right: 6px; margin-left: 5px;}
select {padding-right: 0;}
input[type=submit] {border: none; background: url("../images/cerca.png") no-repeat; font-size: 0; color: transparent; width: 82px; height: 23px; vertical-align: top;}
input[type=submit]:active {background-position: 0px  -23px; }

form[name=login] span {display: block; padding-left: 5px; padding-top: 5px;}
input[type=submit][name=login] {background-image: url("../images/accedi.png"); margin-left: 93px; margin-top: 20px; margin-bottom: 6px; }

ul.news.big li {display: block; height: 150px; border-bottom: 1px solid #ced0c3; padding-top: 12px;}
ul.news.big li:first-child {padding-top: 0px;}
ul.news.big li .titolo {padding-left: 1px; padding-bottom: 10px; font-weight: bold; text-transform: uppercase;font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
ul.news.big li .thumb {display: block; float: left; padding: 4px; background-color: white; border: 1px solid #a2a298; width: 158px; height: 92px; margin-right: 10px;}
ul.news.big li .thumb .cut {width: 100%; height: 100%; overflow: hidden;}
ul.news.big li .thumb img {width: 100%;}


a.leggi {display: block; float: left; width: auto; height: auto; color: #0b3a6c;  margin-top: 5px; padding-left: 10px; background: url("../images/arrow.png") no-repeat 1px 50%;}
.data {display: block; margin-bottom: 5px; color: #777777;}

ul.news.small li {height: 45px;} 
ul.news.small li .data {margin-bottom: 0;} 
ul.news.small li {background: url("../images/arrow.png") no-repeat left 3px; padding-left: 12px;} 
ul.news.small li .titolo  {padding-left: 1px; font-weight: bold; text-transform: uppercase;font-family: Helvetica, Arial, sans-serif; font-size: 12px;} 

.normal strong {font-weight: bold;}
.normal p,.normal ol, .normal ul {margin-bottom: 10px;}
.normal ol, .normal ul  {margin-top: 10px;}
.normal ul li {list-style: disc; margin-left: 14px; margin-bottom: 5px;}

.normal ol li {list-style: none; margin-left: 10px; margin-bottom: 10px; line-height: 18px; }
.normal ol > li {counter-increment: section; counter-reset: sub1;}
.normal ol > li:before {content:counter(section) ". ";}
.normal ol > li > ol > li {counter-increment: sub1; counter-reset: sub2;}
.normal ol > li > ol > li:before {content:counter(section) "." counter(sub1) " ";}

ul.dirigenti li {float: left; height: 100px; margin-bottom: 10px; margin-right: 10px; width: 245px;}
ul.dirigenti li .thumb{width: 100px; height: 90px; float: left; border: 1px solid silver; margin-right: 10px; text-align: center; overflow: hidden; background-color: white;}
ul.dirigenti li .thumb img{height: 100%; }

ul.dirigenti li .nominativo{font-weight: bold;}
ul.dirigenti li .ruolo{}
ul.dirigenti li .azienda{color: #888888; margin-top: 5px;}
ul.dirigenti li .scheda{ margin-top: 10px;}
.normal ul.servizi li {margin-bottom: 10px; list-style: none; 
            background: url("../images/arrow.png") no-repeat left 50%; padding-left: 10px; margin-left: 0;}

ul.mesi {margin-left: 6px;}
ul.mesi li {float: left; display: block; width: 50px; height: 20px; margin-right: 5px;margin-bottom: 5px;  border: 1px solid #CED0C3;}
ul.mesi li:hover, ul.mesi li.selected{border-color: #0C4783; background-color: #0C4783;}
ul.mesi li:hover a, ul.mesi li.selected a {color: white;} 
ul.mesi li a {display: block; width: 100%; height: 100%; text-align: center; line-height: 20px; }

.dettaglio .thumb {width: 320px; height: auto; margin-bottom: 10px; border: 1px solid #A2A298; padding: 4px; background-color: white;}
.dettaglio .thumb a {width: 100%; }
.dettaglio .thumb img {width: 100%; }
.dettaglio .titolo {padding-bottom: 10px; font-weight: bold; text-transform: uppercase;font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
.dettaglio .video {width: 320px; height: auto; margin-bottom: 10px; border: 1px solid #A2A298; padding: 4px; background-color: white;}
.dettaglio .video  iframe {width: 100%; height: 200px;}
.dettaglio .altre_foto {width: 520px;}
.dettaglio .altre_foto li {width: 158px; height: 92px; margin-bottom: 10px; border: 1px solid #A2A298; padding: 4px; background-color: white; float: left; margin-right: 5px; margin-bottom: 5px;}
.dettaglio .altre_foto li a {width: 100%; height: 100%; overflow: hidden; display: block;}
.dettaglio .altre_foto li img  {width: 100%; }

ul.fiere li {display: block; clear: both; border-bottom: 1px solid #ced0c3; padding-bottom: 10px;padding-top: 10px;}
ul.fiere li .titolo {float: left; width: 120px; min-height: 40px; margin-right: 10px; text-align: center; background-color: white; padding: 4px;border: 1px solid #A2A298;}
ul.fiere li .titolo span {display: block; float: left;  padding: 5px; padding-top: 10px;  text-align: center; width: 110px;}
ul.fiere li .titolo img {width: 120px; }
ul.fiere li .date {float: left; width: 150px; margin-right: 10px;}
ul.fiere li .localita {width: 150px; margin-top: 10px; }
ul.fiere li .informazioni {float: left; width: 200px;}

ul.iniziative li {display: block; clear: both; border-bottom: 1px solid #ced0c3; padding-bottom: 10px;padding-top: 10px;}
ul.iniziative li .date {float: left; width: 100px; margin-right: 10px;}
ul.iniziative li .titolo {float: left; width: 350px; min-height: 40px; margin-right: 10px; }

ul.articoli li {display: block; clear: both; border-bottom: 1px solid #ced0c3; padding-bottom: 10px;padding-top: 10px;}
ul.articoli li .date {float: right; width: 120px; margin-right: 10px; text-align: right; color:#777777;}
/* ul.articoli li .titolo {float: left; width: 370px; min-height: 20px; margin-right: 10px; } */
ul.articoli li .titolo {background: url("../images/arrow.png") no-repeat scroll left 2px transparent;float: left;margin-right: 10px;min-height: 20px;padding-left: 15px;width: 355px;}

ul.associati li {margin-bottom: 10px; padding-left: 10px; background: url("../images/arrow.png") no-repeat left 50%;}
ul.associati li a {font-weight: bold;}
h3.div {border-top: 1px solid #ced0c3; padding-top: 10px; margin-top: 10px;}

.scheda .titolo {font-size: 16px; font-weight: bold; margin-top: 15px; margin-bottom: 30px; text-align: center;}
.scheda .logo {float: right; max-width: 180px; padding: 4px; background-color: white; border: 1px solid #ced0c3; }
.scheda .logo img {width: 100%;}
.scheda .info {margin-bottom: 10px;}
.scheda .info .label {display: inline; font-weight: bold; padding-right: 5px;}
.scheda .info.note .label {display: block; font-weight: bold; padding-bottom: 5px; padding-top: 10px;}
.scheda ul.categorie {margin-top: 10px;}
.scheda ul.categorie li {margin-bottom: 10px; padding-left: 10px; background: url("../images/arrow.png") no-repeat left 50%;}

ul.rullini > li {height: 130px; margin-top: 10px; border-bottom: 1px solid silver; margin-bottom: 5px;}
ul.rullini > li .titolo {text-transform: uppercase; font-weight: bold; margin-bottom: 10px;}
ul.rullini > li .titolo span {color: #555555; padding-left: 5px;}
ul.rullino li {width: 107px; height: 80px; margin-right: 10px; float: left; padding: 4px; background: white; border: 1px solid #ced0c3;}
ul.rullino li a {width: 100%; height: 100%; display: block; overflow: hidden;}
ul.rullino li img {height: 100%; margin: 0; vertical-align: middle;}

ul.legislazioni li {display: block; clear: both; border-bottom: 1px solid #ced0c3; padding-bottom: 10px; padding-top: 10px;}
ul.legislazioni li .titolo {font-weight: bold; color: #0C4783;}
ul.legislazioni li .informazioni {margin-bottom: 5px;margin-top: 5px;}
ul.legislazioni li .allegato {}

ul.centri_vendita li {padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ced0c3;  }
ul.centri_vendita li .titolo {font-weight: bold; font-size: 14px; margin-bottom: 10px; margin-top: 10px;  color: #0C4783;}
ul.centri_vendita li .scheda {float: left; width: 300px; margin-right: 10px;}
ul.centri_vendita li .marchi .label,
ul.centri_vendita li .servizi .label
{font-weight: bold; margin-bottom: 5px; display: block;}
ul.centri_vendita li .marchi,
ul.centri_vendita li .servizi {padding-bottom: 10px; width: 200px; float: right; clear: right;}
ul.centri_vendita li .info {margin-bottom: 2px;}

.cerca .inevidenza {display: block; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; color: #0C4783; font-weight: bold;}
.cerca #risultati div  {margin-bottom: 5px;}

.mb{margin-bottom:10px;}
.mt{margin-top:10px;}