body {
	background-color:  #FFFFFF;
	font-size: 12px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
	color: #36424a; margin: 0px auto;
	}

h1 {
	color: #6a8012; text-align:left;
	padding: 5px 15px; margin: 0px 0px;
	font-size: 15px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

h2 {
	color: #6a8012; text-align:left;
	padding: 2px 15px; margin: 0px 0px;
	font-size: 12px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

h3 {
	color: #6a8012; text-align:left;
	padding: 0px 15px; margin: 0px 0px;
	font-size: 13px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

h4, h5, h6 {
	color: #6a8012; text-align:left;
	padding: 5px 15px; margin: 0px 0px;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

p {
	text-align: justify;
	padding: 5px 15px; margin: 0px 0px;
	color: #36424a;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: normal;
}

ol, ul {
	text-align: justify;
	padding: 0px 0px; margin: 5px 35px;
	color: #36424a;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: normal;
}

a {
	color: #0065a2;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

a:hover {
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
	background-color:#0065a2;
}

hr {
	width: 99%; height: 1px; text-align: center;
	border:none; border-bottom:1px solid #6a8012;
	clear: both;
}

#menu-dx hr {
	width: 99%; height: 1px; text-align: center;
	border:none; border-bottom:1px solid #fff;
	clear: both;
}

#corpo {
	width: 900px; height: auto; clear: both; margin: auto auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/sfondo.jpg); background-position: center;
	background-repeat: repeat-y;
}

#corpo-staff {
	width: 900px; height: auto; clear: both; margin: auto auto;
	padding: 0px; background-image: url(../images/sfondo.jpg);
}

#corpo-staff a {
	color: #000;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

#corpo-staff h1 {
	color: #000; text-align:left;
	padding: 5px 15px; margin: 0px 0px;
	font-size: 15px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

#corpo-staff h2 {
	color: #000; text-align:left;
	padding: 5px 15px; margin: 0px 0px;
	font-size: 13px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

#corpo-staff h3 {
	color: #000; text-align:left;
	padding: 5px 15px; margin: 0px 0px;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}


#corpo-staff select {
	border: 2px groove #0065a2;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	color: #000;
}

#corpo-staff input,#corpo-staff textarea {
	border: 2px groove #6a8012;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	color: #000;
}

#corpo-staff legend {
	color: #000;
}

#banner {
	width: 900px; height: 266px; clear: both; margin: auto auto;
	background-image: url(../images/banner.jpg); background-position: right top;
	background-repeat: no-repeat; padding-top: 30px;
}

#banner-stampa {
	width: 900px; height: 202px; clear: both; margin: auto auto;
	background-image: url(../images/logo_cde.png); background-position: left;
	background-repeat: no-repeat; display: none;
}

#logo-box {
	width: 243px; height: 202px; float: left;
	padding-top: 25px; padding-left: 85px;
}

#logo-img {
	width: 158px; height: 177px; border: 0px;
}


#barra {
	width: 610px; height: 32px; float: right;
	margin-right: -40px;
}

#tasto-barra-1 {
	width: 122px; height: 32px; float: left;
	z-index: 1; position: relative; top: 0px; left: 0px;
	background-image: url(../images/tasto_nero.png);
	background-position: top left;
	background-repeat:no-repeat;
}

#tasto-barra-2 {
	width: 122px; height: 32px; float: left;
	z-index: 2; position: relative; top: 0px; left: -10px;
	background-image: url(../images/tasto_nero.png);
	background-position: center;
	background-repeat:no-repeat;
}

#tasto-barra-3 {
	width: 122px; height: 32px; float: left;
	z-index: 3; position: relative; top: 0px; left: -20px;
	background-image: url(../images/tasto_nero.png);
	background-position: center;
	background-repeat:no-repeat;
}

#tasto-barra-4 {
	width: 122px; height: 32px; float: left;
	z-index: 4; position: relative; top: 0px; left: -30px;
	background-image: url(../images/tasto_nero.png);
	background-position: center;
	background-repeat:no-repeat;
}

#tasto-barra-5 {
	width: 122px; height: 32px; float: right;
	z-index: 5; position: relative; top: 0px; left: -40px;
	background-image: url(../images/tasto_nero.png);
	background-position: center;
	background-repeat:no-repeat;
}

ul.lista-barra {
	width: auto;
	height: 46px;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	text-align: center;

}

ul.lista-barra li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:13px 0px; /* lascia spazio far il bordo del barra e il testo del link */
height:14px;line-height:14px; /* altezza del link: height e line-height devono avere il medesimo valore */
font-size: 11px;
font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
font-weight: bold;

}

ul.lista-barra li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.lista-barra li a:link, ul.lista-barra li a:visited {
color: #FFFFFF;
} /* colori per il link */

ul.lista-barra li a:hover, ul.lista-barra li a:active {
color:#58585a;
background-image: url(../images/tasto_bianco.png);
background-position: top center;
background-repeat:no-repeat;
background-color: transparent;
} /* colori per l'effetto roll-over */


#centrale {
	width: 900px; min-height: 701px; clear: both;
	background-image: url(../images/sfumatura_centro_finale.jpg);
	background-repeat: repeat-y;
}


#centrale-interno {
	width: 900px; min-height: 601px;
	background-image: url(../images/sfumatura_centrale.jpg);
	background-repeat: no-repeat; background-position: top; margin: 0px;
	padding-top: 20px;
}

#menu-sx {
	width: 280px; min-height: 200px; padding: 10px 5px 0px 50px;
	float: left;
}

#menu-sx h1, #menu-sx h1 a {
	padding: 2px 0px; margin: 0px 0px;
	font-size: 15px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold; color: #FFFFFF;
	text-decoration: none;
}

#menu-sx h1 a:hover {
	text-decoration: underline;
	background-color: transparent;
}

#menu-sx-gadgets {
	width: 440px; min-height: 200px; padding: 5px 5px 0px 0px;
	float: left;
}

ul.lista-menu-sx-bordo {
	border-bottom: 1px solid #87a243;

}

ul.lista-menu-sx {
	width: auto;
	height: auto;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:5px 5px 5px 10px; /* elimino i rientri delle liste */
	text-align: left;
}

ul.lista-menu-sx li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:2px 10px; /* lascia spazio far il bordo del menu-sx e il testo del link */
height:13px;line-height:13px; /* altezza del link: height e line-height devono avere il medesimo valore */
font-size: 11px;
font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
font-weight: bold;

}

ul.lista-menu-sx li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.lista-menu-sx li a:link, ul.lista-menu-sx li a:visited {
color: #58585a;
} /* colori per il link */

ul.lista-menu-sx li a:hover, ul.lista-menu-sx li a:active {
color:#6a8012;
text-decoration: underline;
background-color: transparent;
} /* colori per l'effetto roll-over */

#contenuti {
	width: 330px; min-height: 270px; padding: 10px;
	float: left;
}

#contenuti-gen {
	width: 520px; min-height: 270px; padding: 10px;
	float: left;
}

#contenuti-gadgets {
	width: 420px; min-height: 270px; padding: 10px;
	float: left; text-align: center;
}


.img-decorativa-sx {
		width: 150px; height: auto; float: left;
		padding: 0px 5px 5px 0px; 
}


.piccolo {
	text-align: justify;
	padding: 5px 15px; margin: 0px 0px;
	color: #36424a;
	font-size: 8px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: normal;
}



#menu-dx {
	width: 200px; min-height: 100px; padding: 10px 0px 0px 5px; text-align: center;
	float: right; background-image: url(../images/sfondo_dx.jpg); background-repeat: repeat-y; background-position: 0px 5px;
}

#menu-dx a:hover {
	background-color: transparent;
}

#menu-dx h1 {
	color: #fff; text-align: right;
	padding: 0px 15px; margin: 0px 0px;
	font-size: 15px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
}

ul.lista-menu-dx {
	width: 195px;
	height: auto;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	text-align: left;
	float: left;
	padding-left: 5px;
}

ul.lista-menu-dx li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:5px 0px 5px 5px; /* lascia spazio far il bordo del barra e il testo del link */
height:20px;line-height:20px; /* altezza del link: height e line-height devono avere il medesimo valore */
font-size: 15px;
font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
font-weight: bold;
}

ul.lista-menu-dx li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.lista-menu-dx li a:link, ul.lista-menu-dx li a:visited {
color: #58585a;
} /* colori per il link */

ul.lista-menu-dx li a:hover, ul.lista-menu-dx li a:active {
color:#6a8012;
background-color: transparent;
} /* colori per l'effetto roll-over */

ul.lista-menu-dx-bordo li a {
border-bottom: 1px solid #87a243;
}

ul.lista-foto {
	width: auto;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	text-align:center;

}


#coda {
	width: 850px; height: 170px; clear: both;
	background-image: url(../images/coda.jpg);
	background-repeat: no-repeat; background-position: left;
	text-align: left; padding: 30px 0px 0px 50px;

}
#coda-sx {
	width: 450px; height: auto; float: left;
	text-align: right; padding: 0px 0px 0px 0px;
}

#coda-dx {
	width: 220px; height: 127px; float: right;
	text-align: right; padding: 20px 20px 0px 0px;
}

#informativa {
		font: bold x-small normal Verdana, Arial, Helvetica, sans-serif; text-align: center;
}

#elenco_informativa {
		font: normal x-small normal Verdana, Arial, Helvetica, sans-serif; text-align: left;
}

#coda-stampa {
	width: 850px; height: 173px; clear: both;
	background-image: url(../images/coda.jpg);
	background-repeat: no-repeat; background-position: left;
	text-align: left; padding: 30px 0px 0px 50px; display: none;

}

.div-loghi {
	width: 198px; height: auto; text-align:center; clear:both;
	margin:auto auto; padding: 5px 0px;
}

#coda p, #coda a {
		margin-top: 0px; padding: 0px; text-align: center;
		font-size: 10px; text-align: left;
}

#gms {
		width: auto; height: auto;
		color: #0065a2; text-align: center;
}

#marchi {
		width: 240px; height: 35px; margin: auto auto; float: left; text-align: center; padding-top: 10px;
}

.cella-marchi {
		width: 80px; height: 22px; float: left; text-align: center;
}

.img-marchi {
		width: 70px; height: 20px; border: 0px;
}

.vuoto {
	width: 100%; height: 1px; clear: both;
}

/* formattazione del form-newsletter */

fieldset {
	border: 1px solid #6a8012
}


#menu-dx fieldset{
	border: 1px solid #fff; width: 110px;
}

legend {
	color: #6a8012
}

#menu-dx legend {
	color: #fff
}

.riga-form-nl {
		width: 100%; clear:both; text-align: center; padding: 2px 0px; height: auto;
}

.riga-form-nl p{
	text-align: center;
	padding: 2px 2px; margin: 0px 0px;
	color: #36424a;
	font-size: 10px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;

}


.cella-sx-form-nl {
		width:50%; float:left; text-align:right;
}

.cella-sx-form-nl p{
	text-align: right;
	padding: 2px 5px 5px 5px; margin: 0px 0px;
	color: #36424a;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;

}

.cella-dx-form-nl {
	width:50%; float: right; text-align:left;
	color: #36424a;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: normal;
}

.cella-dx-form-nl p{
	text-align: left;
	padding: 2px 5px 5px 5px; margin: 0px 0px;
	color: #36424a;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: normal;

}

.cella-sx-form-cal-home {
		width:15px; float:left; text-align:right;
}

.cella-dx-form-cal-home {
	width:95px; float: right; text-align:left;
	color: #36424a;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: normal;
}

.cella-dx-form-cal-home p{
	text-align: left;
	padding: 2px; margin: 0px 0px;
	color: #36424a;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;

}

button{
	width: 80px; height: 25px;
    border: 0;cursor: pointer;text-align:center;
	font-size: 1.0em;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	font-weight: bold;
    background: #6a8012 url(../images/submit.jpg) no-repeat 0 0;
	color:#FFFFFF; padding-bottom: 2px;
}

button:hover{
	background: #6a8012 url(../images/submit_down.jpg) no-repeat 0 0;
	color: #CCCCCC; padding-bottom: 4px;
}

button:active{
	background: #6a8012 url(../images/submit_down.jpg) no-repeat 0 0;
	color:#CCCCCC; padding-bottom: 4px;
}

input,textarea {
	border: 2px groove #6a8012;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	color: #999999;
}

select {
	border: 2px groove #6a8012;
	font-size: 11px;
	font-family: Verdana, 'AvantGarde Bk BT', Arial, serif;
	color: #999999;
}

.menu-nav {
	width: 100%; padding: 2px 0px 5px 15px; clear: both;
	font-size: 11px; font-weight: bold;
}

.menu-nav p {
	font-size: 10px; font-weight: bold;
}

.menu-nav2 {
	width: 50%; padding: 20px 0px 0px 60px; float: left;

}

/* BOOKMARK */
ul.bookmark{
	width: auto;
	height: 28px;
	float: left;
	margin: 0;
	padding: 0px;
	position: relative;
	list-style:none;
	text-align: center;
}

ul.bookmark li ul li{
	list-style:none;
	margin:0;
}

ul.bookmark li{
	float:left;
	margin: 0;
	color: #fff;
	display:inline /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/;
	width: 126px;
	text-align: center;
	height:20px;line-height:20px; /* altezza del link: height e line-height devono avere il medesimo valore */	
}

ul.bookmark a:link,
ul.bookmark a:visited{
	display: block;
	color: #FFF !important;
	text-decoration: none;
	height: 18px; padding-top: 2px;
	background-image: url(http://www.cittadellessere.it/images/icone/bookmark.jpg);
	background-repeat: no-repeat; background-position: center;
}

ul.bookmark a:hover,
ul.bookmark a:focus,
ul.bookmark a:active{
	text-decoration: underline;
}

ul.bookmark li ul{
	display: none;
	text-align: left;

}

ul.bookmark li:hover ul{
	display: block;
	position: absolute;
	top: 0px; left: 126px;
	z-index:10000;
	width:125px;
	padding: 0px;
	margin: 0 0 0 -1px;
	border-left:0px solid #FFF;
	border-right:0px solid #FFF;
	border-top: 0px solid #FFF;
	color: #FFF !important;

}
ul.bookmark li li {
	width: 123px; padding: 4px 0px 0px 2px;
	text-align: left;
	height:24px;line-height:24px; /* altezza del link: height e line-height devono avere il medesimo valore */
	background-image: url(http://www.cittadellessere.it/images/icone/bookmark2.jpg) !important;
	background-repeat: no-repeat; background-position: center;

}

ul.bookmark li li a{
	background-image: url(http://www.cittadellessere.it/images/icone/bookmark2.jpg) !important;
	background-repeat: no-repeat; background-position: center;

}

.img-icone {
	width: 18px; height: 18px; border: 0px;
	}

.cella-icone {
	width: 26px; height: 18px; float: left;
	}

.cella-icone a {
		background-color: transparent !important
	}

/* Portfolio */

#menu-sx-port {
	width: 220px; min-height: 200px; padding: 0px 60px;
	float: left;
}

.img-port-small {
	width: 110px; border: 0px;
}

.cella-port-small-sx {
	width: 110px; height: 80px; float: left;
	overflow: hidden;
 }

.cella-port-small-sx p {
	font-size: 12px; font-weight: bold;
	text-align: center;

 }

.cella-port-small-sx:hover {
	width: 210px; height: 100px; float: left;
	overflow: hidden; padding: 5px;
}

.cella-port-small-dx {
	width: 110px; height: 80px; float: right;
	overflow: hidden; 

}

.cella-port-small-dx p {
	font-size: 12px; font-weight: bold;
	text-align: center;

 }

.cella-port-small-dx:hover {
	width: 210px; height: 100px; float: right;
	overflow: hidden; padding: 5px;

}


.img-port-big {
	width: 350px; border: 0px;
}

.cella-port-big {
	width: 400px; height: auto;
	display: none;

}

ul.lista-foto-port {
	width: auto; height: 80px;
	list-style: none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	text-align:center; overflow: hidden;
}