html { 
	padding: 0px;
	margin: 0px;
}

body 	{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	}

head	{
	color: #2e3436;
}

a:link {
	color: #ffb02f;
	background: none;
	text-decoration: none;
}

a:visited {
	color: #e88000;
	background: none;
	text-decoration: none;
}

a:hover {
	color: #ffcc7a;
	background: none;
}

ul,li	{
	list-style-type:none;
}

h1	{
	font-family: monospace,Verdana,Arial;
	background: #5b5c59 none;
	color: #f89c40;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

h2	{
	font-family: monospace,Verdana,Arial;
	background: #f89c40 none;
	color: #5b5c59;
	padding: 0 0.2em;
	margin: 12px 0 0 0;
	text-align: left;
	display: block;
	width: 69%;
}

h3	{ 
	font-family: monospace,Verdana,Arial;
	background: #5b5c59 none;
	color: #f89c40;
	text-align: left;
	margin: 1em 0;
	padding: 0 0.2em;
	}

.tutta { 
	width: auto!important;
	background: none!important;
	margin-bottom: 0px;
	}

.hodeipulsantiasinistrachenonvogliobistrattare	{ 
	margin: 1em 1em 0 1em;
	float: right;
	width: 45%;
	}

h4	{ 
	font-family: monospace,Verdana,Arial;
	width: 70%;
	color: #daddd6;
	background: none;
	margin: 1em 0;
	padding: 0 0.2em;
	}

p	{ 
	margin: 0.4em 0;
	width: 69%;
	}

/* ...ed ora class ed ID */

#container {
	margin:0px auto;
	text-align:left; /*maledetti!*/
	}

#header {
	font-family: monospace,Verdana,Arial;
	background: #5b5c59 none;
	color: #babdb6;
	padding:  5px;
	font-size: small;
	}

#header a:first-child {
	padding-left: 24px;
	background: url('../img/home-inactive.png') top left no-repeat;
}

#header a:first-child:hover {
	background: url('../img/home.png') top left no-repeat;
}

#content{
	width: auto;
	margin-top:3px;
	}

#intestazione {
	padding: 0px 0px 6px 0px;
	float: left;
	margin-right: 5px;
	height: auto;/*220px*/
	width:84px;
	color: #babdb6;
	}

.nascosto {
	display: none;
	}

/* ## ## SEZIONE della PULSANTIERA di NAVIGAZIONE ## ## 
	## ## ## ## ## ## ## ## ## ## ## ## ## ##	*/

#pulsanti	{
	margin: 0px;
	padding: 5px;
	background: #5b5c59;
	width:74px; /*148px*/
	height: 364px;/*208px416px*/
	color: #babdb6;
	}

/* ###qui i singoli pulsanti con relative img### */
#pulsanti a	{
	width: 74px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	float: left;
		}

#ospiti{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/ospiti.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#presentazione{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/presentazione.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#calendario	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/calendario.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#mappa	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/mappa.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#edifici	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/edifici.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#download	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/download.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#galleria	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/galleria.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#sponsor	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/sponsor.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}
 

#contatti	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/contatti.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#ospiti:hover	{
	background: url(../img/icons/ospiti.png) bottom left;
	color: #babdb6;
	}
 
#presentazione:hover	{
		background: url(../img/icons/presentazione.png) bottom left;
	color: #babdb6;
			}

#calendario:hover	{
	background: url(../img/icons/calendario.png) bottom left;
	color: #babdb6;
	}

#sponsor:hover	{
	background: url(../img/icons/sponsor.png) bottom left;
	color: #babdb6;
	} 
 
#mappa:hover	{
		background: url(../img/icons/mappa.png) bottom left;
	color: #babdb6;
			}
 
#galleria:hover	{
		background: url(../img/icons/galleria.png) bottom left;
	color: #babdb6;
			}

#contatti:hover	{
		background: url(../img/icons/contatti.png) bottom left;
	color: #babdb6;
			}

/*#edifici:hover	{
		background: url(../img/icons/edifici.png) bottom left;
	color: #babdb6;
			}
 
#download:hover	{
		background: url(../img/icons/download.png) bottom left;
	color: #babdb6;
			}

*/

/* ## English buttons ## */

#eospiti{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/guests.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#epresentazione{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/presentation.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#ecalendario	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/program.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#emappa	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/map.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#eedifici	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/edifici.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#edownload	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/download.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#egalleria	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/gallery.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#esponsor	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/sponsor.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}
 

#econtatti	{
	height: 52px;
	width: 74px;
	overflow: hidden;
	background: url(../img/icons/contacts.png) top left no-repeat;
	color: #babdb6;
	display: block;
	}

#eospiti:hover	{
	background: url(../img/icons/guests.png) bottom left;
	color: #babdb6;
	}
 
#epresentazione:hover	{
		background: url(../img/icons/presentation.png) bottom left;
	color: #babdb6;
			}

#ecalendario:hover	{
	background: url(../img/icons/program.png) bottom left;
	color: #babdb6;
	}

#esponsor:hover	{
	background: url(../img/icons/sponsor.png) bottom left;
	color: #babdb6;
	} 
 
#emappa:hover	{
		background: url(../img/icons/map.png) bottom left;
	color: #babdb6;
			}
 
#egalleria:hover	{
		background: url(../img/icons/gallery.png) bottom left;
	color: #babdb6;
			}

#econtatti:hover	{
		background: url(../img/icons/contacts.png) bottom left;
	color: #babdb6;
			}

/*#eedifici:hover	{
		background: url(../img/icons/edifici.png) bottom left;
	color: #babdb6;
			}
 
#edownload:hover	{
		background: url(../img/icons/download.png) bottom left;
	color: #babdb6;
			}

*/

#pulsanti img	{
	margin: auto;
	padding: 0px 1px;
	border-style: none;
	}

#news		{
	color: #ffffff;
	background:  #2e3436 url(../img/foto.jpg) 0px 0px no-repeat;
	font-size: small; 
	text-align: justify;
	margin-left: 84px;
/*	margin-top:-0.4em;*/
	height: 344px;
/*	width: auto; per il fixed da controllare*/
	}

#news	.icona	{ 
	float: right;
	margin-right: 0.4em;
	}

#news p	{
	background:  #2e3436;
	padding: 0.4em 0.6em 0.4em 1em;
	margin-top: 1em;
	opacity: .7; /* gecko, khtml */
	filter: alpha(opacity=70); /* IE */
}

#news img	{
	background: #262a2c;
	color: #daddd6;
	border: 3px solid #5b5c59;
	padding: 3px;
	margin: 0.4em 0 0 0.4em;
	}

#news img.nobordo	{
	background: none;
	border: none;
	margin: 0 0.4em 0 0.4em;
	}

.panorama	{ 
	float: right;
	max-width: 512px;
	width: 28%;
	padding: 3px;
	overflow: hidden;
	background: #262a2c;
	color: #babdb6;
	border: 3px solid #5b5c59;
	}

#footer	{
	font-size: 11px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;
	clear: both;
	text-align: center;
	border: 1px solid #6b6c69;
	color: #6b6c69;
	background: none;
	}

#footer img	{
	margin: 0 auto;
	border: 0px!important;

	}

#footer a	{
	margin: 0 2.4em 0 2.4em;
	border: 0px!important;
	}

#footer .hide	{
	color: #2e3436;
	margin: 0 3em 0 2.5em;
	}

.gobelogo	{
	margin: 0 0 -14px 0;
	}

/* ## ## CELLE CON FOTO e TESTO ## ## 
## ## ## ## ## ## ## ## ##	*/

.quadro 	{ 
	max-width: 30%; /*max-width: 30% maledizione*/
	width:expression(270 + "px"); /*max-width: maledizione*/
	min-width: 262px;
	float: left;
	margin: 0.2em;
/*	background: #b9bcb5;
	color: #262a2c;*/
	padding: 0 0.6em;
	}

.quadro a:link {
	color: #f89c40!important;
	background: none;
	font-weight: 500!important;
}

.quadro	p	{ 
	width: 88%;
	}

.quadro img	{ 
	border-color: #f89c40!important;
	}

.quadro h2	{
	width: 85%;
	margin-top: 0.6em;
	}

div.clearb {
	clear:both;
	color:#2e3436;
	}

/*switcher*/

#theme {
	position: absolute;
	top: 0px;
	right: 25px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#theme li {
	margin: 0;
	padding: 0;
	display: inline;
	}

#theme li a img {
	width:1em;
	height:1em;
	border: 0px;
	}


/* commenti agli articoli */

#news form {
	 padding-bottom: 40px;
	 clear: both;
}

#commentblock {
   color: #ccc;
   font-size: 10px;
	background: none;
}

#commentform {
	font-size: small;
	padding-top: 20px;
	width: 420px;
	margin-bottom: 20px;
}

.row {
	clear: both !important;
}

div.label {
	float: left;
	width: 110px;
}

.label a {
	color: white;
	background: none;
	border-bottom: 1px dotted #6b6c69;
	text-decoration: none;
}
	
div.control {
	padding: 4px;
	float: right;
	width: 270px;
}

div.usercomment {
	float: right;
	width: auto;
	margin-top: 40px;
	background: #3a3a3a;
	color: #666;
	padding: 10px;
}

div.usercomment div.commentdata {
    margin: 10px;
    margin-bottom: 20px;
} 

div.usercomment div.name {
		color: #666;
	background: none;
    margin-bottom: 2px;
}
div.usercomment div.name em {
		font-weight: bold;
}

textarea, input[type="text"] {
	font-family: Georgia, "Bitstream Vera Sans", sans-serif;
	color: #eeeeec;
	background: #5b5c59;
	border: 1px solid #888;
	display: block;
	width: 100%;
	padding: 4px;
}

input[type="submit"] {
	border: 1px solid #888;
	padding: 4px;
	background: #5b5c59;
	font-family: Georgia, "Bitstream Vera Sans", sans-serif;
	color: #eeeeec;
}

/* modulo di ricerca */

.cercamini {
	position: absolute;
	top: 1.2em;
	right: 2em;
	width: 13em;
}

.cerca {
	margin: 0.1em;
}

.post {
	margin: 0.1em;
}

/* MAPPA di Google Maps */

#map	{
/*	width: 100%;
	float: left;*/
	border: 3px solid #5b5c59;
	margin-top: 12px;
	height: 500px;
	background: none;
	color: #5b5c59;
	}

#map img {
	background: none;
	border: 3px solid #f89c40;
	padding: 0px;
	margin: 0px;
}

#map p {
	margin: 0.2em 0;
}

#map h2	{
	padding: 0px;
	margin: 0px;
	width: auto;
}

div#popup {
	background: #EFEFEF;
	border: 1px solid #999999;
	margin: 0px;
	padding: 4px;
	width: 40%;
}