/* INIZIO formattazione html */
body {font: .7em Verdana, sans-serif; background-color: #fff; color: #000;}
body, img, fieldset, form, input, h1, h2, h3, h4, h5, p, ul, ol, li, strong, table, td, tr, th {padding: 0; margin: 0;}
img {border: none; vertical-align: middle;}
select, input {font-size: .9em; margin: .4em 0; vertical-align: middle;}
.clearBr {clear: both;}
a {background-image: url(../img/white.gif); color: #0066dd;}
.spacer-gif {display: none;}
/* FINE formattazione html */

/*vari float*/
#header, .headSx, #cont, #contIn, #menu, #centro, #centroIn, #centroCompleto, #centroNews, #destra, .cx1, .cx2, .cSx, .cDx, #footer {float: left;}
.headSwf, #destraIn {float: right;}

/*div principali*/
#header, #footer {width: 100%;}
#header fieldset {border: none;}
#cont {background: url(../img/grigio2px.gif) repeat-y top center;}
#cont, #contIn {width: 100%; height: 1%;}
#cont, #contIn {margin: .5em 0 .2em 0; padding-bottom: .5em;}
#cont img, .border {border: .1em solid #ccc;}
#destraIn img{border: none;}
#menu {width: 25%;}
#destra {width: 25%;}
* html #destra {width: 24.9%;}
#destraIn {width: 24%; padding: 0 .5%;}
* html #destraIn {width: 23.9%;}
#colRight {background: #fff url(../img/righe.gif) top left; padding: .5em;}

/*box fine news*/
.box {width: 100%; float: left; display: block;}
.continua {float: left; margin-left: .7em;}
.archivio {float: right; margin-right: .7em;}

/*header*/
#header {background: url(../img/headerImg.gif) repeat-y center;}
.headSx {width: 50%;}
.headLogo, .headSearch {width: auto;}
.headSearch {text-align: right; margin-top: 2.3em;}
.headSearch form {margin-right: 3em;}
.headSwf {width: 49.8%; height: 192px;}
.headLogo {margin-left: 3em;}
.headLogo img {margin-top: 3em;}

/*menu*/
h1 {font-size: 1.1em; background: #ccc url(../img/bianco.gif) repeat-y right; color: #000; padding: .4em 1em .5em 1.2em;}
.fH1 {padding-top: .5em;}
#menu ul {width: 100%; list-style: none;}
#menu span {padding-left: 1.4em; display: block;}
#menu .subOff {background: url(../img/listaOff.gif) no-repeat left top;}
#menu li a {background: url(../img/menu.gif) no-repeat bottom right; padding: .2em 1em .5em 0; display: block; color: #000; text-decoration: none;}
* html li a {height: 1%;}
#menu li a:hover {background-color: #0066dd; color: #fff; font-weight: normal;}
#menu .on {padding: .2em 1em .5em 1.4em; background: url(../img/menu.gif) no-repeat bottom right; display: block; background-color: #0066dd; color: #fff; font-weight: bold;}
#menu .subOn {padding: .2em 1em .5em 0em; background: url(../img/menu.gif) no-repeat bottom right; display: block; background-color: #0066dd; color: #fff; font-weight: bold;}
#menu .subOn span {background: url(../img/listaOn.gif) no-repeat left top;}
* html #menu .on, * html #menu .subOn {height: 1%;}
/*sub menu*/
#menu .sub li a {padding-left: 2.5em; background: url(../img/menu.gif) no-repeat bottom right; display: block; background-color: #fff; color: #000; text-decoration: none; font-weight: bold;}
#menu .sub li a:hover {background-color: #6699FF; color: #fff; font-weight: bold;}
#menu .sub .on {padding: .2em 1em .5em 2.5em; background: url(../img/menu.gif) no-repeat bottom right; display: block; background-color: #6699FF; color: #fff; font-weight: bold;}
* html #menu .sub .on {height: 1%;}

/*contenuto*/
h2 {font-size: 1.6em; padding: .1em .5em; background-image: url(../img/white.gif); color: #0067de;}
.cx2 h2 {margin-bottom: .6em;}
.cx2 h2, .servizi h2 {border-top: .2em solid #fff;}
h2, .cx1, .news {border-bottom: .2em solid #fff;}
h3 {font-size: .9em; text-transform: uppercase; font-weight: normal;}
#cont h3 {padding: 0 0 .5em .7em;}
.servizi h4 {margin-bottom: .5em;}
h4 {background-image: url(../img/white.gif); color: #0067de; font-size: 1.2em; padding: 0 .5em 0 .7em;}
h4 a {text-decoration: none;}
h4 a:hover {text-decoration: underline;}
h5 {background-image: url(../img/white.gif); color: #e74543; font-size: 1.2em; font-style: italic;}
.servizi h5 {background-image: url(../img/white.gif); color: #0066dd; margin-left: .7em; padding-top: .5em; clear: both;}

#centroIn h2, #centroCompleto h2 {margin-bottom: .5em; padding: 0;}
#centroIn h3, #centroCompleto h3  {text-transform: none; padding: 0; font-weight: bold; background-image: url(../img/white.gif); color: #e74543; font-size: 1.2em;}
#centroIn h4, #centroCompleto h4  {padding: 0; font-weight: bold; background-image: url(../img/white.gif); color: #000; font-size: 1em;}
#centroIn h6, #centroCompleto h6  {padding: 0; margin: .5em 0; font-weight: normal; font-style: italic; background-image: url(../img/white.gif); color: #000; font-size: 1em;}

#centro {width: auto;}
#centro, .cSx, .cDx {width: 50%;}
 * html .cDx {width: auto;}
#centroIn, #centroNews {width: 49%; padding: 0 .5%;}
#centroCompleto {width: 70%; padding: 0 .5%;}
.cx1, .cx2 {width: 100%;}
.cx1 p, .cx2 p, .news p, .servizi p {padding: 0em .7em;}
.cx1 img, .servizi img {float: left; margin: 0 .5em .5em .7em;}
.cx2 img {float: left; margin: 0 .5em .5em 0;}
#destra {background: url(../img/fondo.gif) repeat-x bottom left;}
.cSx h2 {background: url(../img/bianco1px.gif) repeat-y top right;}
.cDx h2 {background: url(../img/bianco1px.gif) repeat-y top left;}
.news h2, .servizi h2 {background: url(../img/bianco.gif) repeat-y top left; padding-left: .6em;}
.titoloD {padding-top: .9em;}
.titoloU h2 {background-color: #0066dd; color: #fff;}
.titoloD h2 {background-color: #f44534; color: #fff;}
.cSx .titoloD {background: url(../img/titoloAd.gif) repeat-x top right;}
.cDx .titoloD {background: url(../img/titoloAs.gif) repeat-x top left;}
.servizi .titoloD {background: #fff url(../img/titoloA2px.gif) repeat-x top left; padding-bottom: .4em;}
.servizi .titoloD h2 {display: none;}
.news {background: #fff url(../img/grigio2px.gif) repeat-y top left; color: #000;}
.news, .servizi {width: 100%;}
.news p {padding: 0 .7em .5em .7em; font-weight: bold;}
#destra h3, #destra h4 {padding: 0 .7em;}
#destra .logoConi {border: none; margin: .7em 0 0 .7em; float: none;}

.cDx ul {padding-left: 2.3em;  list-style-image: url(../img/link_interno.gif);}
.servizi ul {padding: 0 0 1em 2.3em;  list-style-image: url(../img/link_esterno.gif); margin-top: .5em;}
.cDx li {padding-bottom: .5em;}
.servizi li {padding-bottom: .2em;}

.cx1, .news {min-height: 23em; height: auto !important; height: 23em;}

/*footer */
#footer {padding-bottom: .5em;}
#footer img {padding: .3em;}
.menuFooter, .w3 {float: left; margin-top: .4em;}
.w3 {width: 25%; text-align: center;}
.menuFooter {width: 74%; text-align: right; padding-top: .3em; background-color: #fff; color: #336699;}
.menuFooter ul {float: right; list-style: none;}
.menuFooter li {display: inline;}
.menuFooter li:before {content: "| ";}
.menuFooter li:first-child:before {content: "";}
* html .menuFooter li {border-left: 1px solid #336699; padding: 0 .3em 0 .5em; margin: 0 .4em 0 -.3em;}
* html .menuFooter ul {margin-right: -1em;}
* html .menuFooter ul li:first-child {border-left: 0;}
#footer .on {font-weight: bold;}

/*parte grafica bordo con interruzioni in percentuale */
#barraU, #barraD {clear: both; float: left; width: 100%;}
#barraU {background-color: #0066dd; color: #000;}
#barraD {background-color: #ccc; color: #000;}
.sxG, .cxG, .dxG {font-size: 1%; height: 6px; float: left;}
.sxG, .cxG, .dxG {background-image: url(../img/bianco.gif); background-repeat: no-repeat;}
.sxG {width: 25%;}
.dxG {width: 20%;}
.cxG {width: 50%; background-position: center;}
.sxG {background-position: right;}
.dxG {background-position: left;}

#briciola {margin-bottom: .5em;}
#briciola a {background-color: #fff; color: #000; font-weight: bold;}
#briciola span {background-color: #fff; color: #666; font-weight: bold;}


#centroIn ul, #centroIn ol {padding-left: 1.8em;}
#colRight ul, #colRight ol {margin-left: 1em;}
#destraIn ul, #destraIn ol {padding-left: 1em;}
#centroIn ul li, #centroIn ol li {padding-bottom: .6em;}
#destraIn ul li, #destraIn ol li {padding-bottom: .3em;}
#centroIn ul, #destraIn ul {list-style-image: url(../img/link_interno.gif);}
#centroIn ol, #destraIn ol {list-style-image: url(../img/link_esterno.gif);}

table, th, tr, td {border: .1em solid #ccc;}
.club {margin: .3em 0; text-align: left;width: auto;}
.club th {padding: .5em .3em; background-color: #0066dd; color: #fff;}
.club td {padding: .3em;}
.club .center {text-align: center;}
.row {background: #fff url(../img/righe.gif); color: #000;}

.cap {clear: both;}
.scheda{float: left; margin: .8em 0; width: 100%; width: 60%; padding: .3em; background: #fff url(../img/righe.gif); color: #000;}
.scheda ol {float: left; width: 50%;}
.scheda img {border: .1em solid #ccc;}
.scheda img, .scheda p {float: left;}
.scheda p {padding: .3em .5em; width: 50%;}
.scheda strong {padding-top: .3em;}
