html, body {
margin:0;
text-align: center;/* IE bug */
background: #fff url(bgall.jpg) no-repeat top center;
}

#page {
position: relative;
font-family: Arial, Helvetica, sans-serif;
color: #708090;
font-size: 100%;
padding: 0;
margin: 0 auto;
width: 768px;
text-align: left; /* IE bug */
}

#TopPage {
position: relative;
padding: 0;
height: 220px; /* IE */   
}


/*version list*/

#versionlist{
font-size: 10px;
font-weight: bold;
top: 10px;
float: right;
left: 630px;
position: absolute;
width: 150px;
}

#versionlist ul{
	list-style: none;
}

#versionlist ul li{
}
#versionlist ul li.versionselected{
color: Red;
}

#versionlist ul li a{
color: #fff;
padding: 5px;
}

#visiteguidate{
color: #cc0000;
clear: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
float: right;
margin-top: 190px;
margin-right: 10px;

}


#topbanner {
position: absolute;
top: 0px;
text-align: left;
margin: 0;
padding: 0;
height: 210px;
width: 420px;
/*background-color: Aqua;*/
}

#topbanner h1 {
display:none;
}

#toolbar {
z-index: 999;
width:768px; 
max-width: 768px; 
margin:0; 
text-align:left; 
height: 30px;
border-bottom: 1px solid #cc0000;
}


#MainPage {
width: 765px; 
margin: 0 auto;
text-align: center;
padding: 10px;
}

#Display { 
position: relative;
width: 745px;
text-align: left;
 }

 
.topside{
clear: both;
margin-bottom: 10px;
/*border: 1px solid #ccc;*/
width: 745px;
text-align: left;
font-size: 16px;
}

.datainline{
font-size: 12px;
color: #666;
border-left: 15px solid #cc0000;
margin-right: 0px;
text-indent: 10px;
width: 130px;
background-color: #f5f5f5;
float: left;
}

.ariannina{
position: absolute;
left: 135px;
width: 68%;
text-indent:5px;
	background-color: #ccc;
	font-size: 12px;
	color: #666;
	border-left: 15px solid #708090;
}

#arianna{
font-size: 14px;
text-indent: 5px;
	background: #f5f5f5;
}

.topside h3 {
font-size: 16px;
margin-left: 0px;
display: inline;
	margin-top: 0px;
	margin-bottom: 5px;
	text-indent: 5px;
	width: 100%;
}

.topside h3 a{
color: #708090;
display: block;
border-bottom: 1px solid transparent;
}

.topside h3 a:hover{
text-decoration: none;
background-color: #fff;
color: #708090;
border-bottom: 1px solid #cc0000;
}

.topside .teaser{
border: 1px solid #eee;
padding: 3px;
	margin-top: 0px;
	height: 120px;
	clear: both;
	font-size: 14px;
}

.topside .teaser h4{
font-size: 16px;
margin: 0px;
color: #cc0000;
}

.topside form{width: 100%; 
}

.topside form br{clear:left}

.topside fieldset{
border: 1px solid #eee;
-moz-border-radius:20px;
padding: 15px;
margin-left: 50px;
margin-right: 50px;

}

.topside fieldset label{
float:left;
width:200px;
line-height: 20px;
margin-right: 5px;
text-align: right;
font-size: 16px;
font-weight: bold;
color:#708090;
}

 
.topside fieldset input, textarea, select{
/*border: 1px solid #ccc;*/
font-size: 14px;
background-color:#f5f5f5;
color: #cc0000;
}




.leftsidesmall{
position: relative;
left: 0px;
/*border: 1px solid #ccc;*/
float: left;
width: 220px;
}

.leftsidesmall h2{
	height: 23px;
	font-size: 18px;
	text-align: center;
	margin:0;
	background-color: #cc0000;
	color: #fff;
}
.leftsidesmall h2 a{
	background-color: #cc0000;
	color: #fff;
	display: block;
}
.leftsidesmall h2 a:hover{
	background-color: #fff;
	color: #cc0000;
	display: block;
	text-decoration: none;
}

.leftsidesmall h3{
text-indent: 5px;
	height: 20px;
	font-size: 16px;
	text-align: left;
	margin:0;
	background-color: #eee;
	color: #cc0000;
}


.leftsidesmall h4{

	height: 20px;
	font-size: 16px;
	text-align: center;
	margin:0;
	background-color: #f5f5f5;
	
}

.smallbox{
padding: 3px;
	font-size: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}

.leftside{
position: relative;
left: 0px;
/*border: 1px solid #ccc;*/
float: left;
width: 365px;
}

.leftside h3,{
font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.leftside h3 a{
color: #708090;
display: block;
}

.leftside h3 a:hover{
text-decoration: none;
color: #fff;
background-color: #cc0000;
}

.leftside p{
	color: #666;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.datanews{
font-size: 14px;
color: #666;
border-left: 15px solid #cc0000;
border-bottom: 1px solid #ccc;
text-indent: 10px;
width: 135px;
background-color: #fff;
margin-top: 10px;
margin-bottom: 0px;
}


.rightside{
position: relative;
left: 0px;
/*border: 1px solid #ccc;*/
float: right;
width: 365px;
}


.rightside h2{
border-bottom: 1px solid #666;
text-indent: 30px;
text-align: left;
width: 100%;
background-color: #cc0000;
color: #fff;
font-size: 18px;
margin-top: 0px;
margin-bottom: 5px;
}


.leftside h2,  .topside h2{
border-bottom: 1px solid #666;
text-indent: 30px;
text-align: left;
width: 100%;
background-color: #708090;
color: #fff;
font-size: 18px;
margin-top: 0px;
margin-bottom: 5px;
}

#bottom {
text-align: center;
clear:both;
width:100%; 
margin-bottom: 0px;
padding:20px 0 0 0;
font-size: 12px;
}

table,td { border-style:none; }

table {width:100%; margin:0px; border-collapse:collapse; }

td {padding:0px; vertical-align:top; }
	
hr{
size: 1px;
}	
	
a {
text-decoration: none;
color: red;
}

a:hover { 
text-decoration: underline;
color: #000 }
	
.TitleLink, TitleLink a:link {color: #cc0000;}
.TitleLink a:hover{color: #000;}
	
input.button{
color:#8e001c;
font-size:16px;
font-weight:bold;
}	
	
input.button:hover{
   color:#00658e;
	background-color:#ffb300;
	}		

.small { font-size:14px; }

.lateralpolls { font-size: 14px; }

.infoPage { font-size: 1.2em; /*font-weight: bold;*/
/*border-top: 1px solid #708090;
border-bottom: 1px solid #BAC4CD;*/
background-image: url(bg_top.gif);
vertical-align: middle;
line-height:1.2em;
height: 35px;

margin: 0 auto;
width: 598px;
/*text-align: left; color: #fff; background-color: #8e001c;*/}

.infoleft {height: 20px;
	margin: 0 auto;
	width: 20px;
	/*border-left: 1px solid #708090;background-image: url(infoleft.gif);*/
	
text-align: left; }

.inforight {height: 20px;
	margin: 0 auto;
	width: 20px;
	/*background-image: url(inforight.gif);*/
text-align: left; }
	
.cell {
	padding: 0 2px 0 2px;
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	border: 1px solid #708090;
}
	
.copyright { font-size: 12px; }
	
.button { font-size: 14px; font-weight: bold; }

.municipio6 { font-size:13px; font-weight: bold; }
	
.tableline1 { background-color: #f5f5f5;
	font-size: 14px; text-align: left;
	}

.tableline1 a {}

.tableline2 {
	font-size: 14px;
	text-align: left;
	background-color: #eee;

}
	
.tableline2 a { }

.tablelinefirst {
	font-size: 14px; 
font-weight: bold;  
text-align: left; 
text-indent: 2px;
color: #000; 
background-color:#f5f5f5;
}

.tablelinemain { 	font-size: 14px; 
font-weight: bold;  
text-align: left; 
text-indent: 2px;
color: #00658e; 
background-color:#ccc;
 }
	
.tablelinemain a { font-size: 12px;
color: #cc0000;}

.tablelinemainlight { 
font-weight: bold;  	
font-size: 14px; 
text-indent: 0px;
color: #333; 
background-color:#FFA8A8;
 }
 
 .tdline{
 	background-color:#FFD4D4;
	font-weight: bold;  	
font-size: 14px; 
text-indent: 0px;
color: #666; 
 }
	
	
.adminalert{
background: transparent url(alert.gif) no-repeat left;
min-height: 30px;
	border: 1px solid #f14813;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #f14813;
	padding-left: 30px;
	vertical-align: middle;
	
	font-size: 14px;
}
	
.normal { 
list-style: square;
font-size: 16px; 
text-align: justify;
color: #666; }
	
.myTable {
	list-style: square;
	font-size: 1em;
	text-align: justify;
	font-style: normal;
}

.myTablemenu {
	/*border: 1px solid #FFDEAD;*/
	list-style: square;
}

.mySubTable {
width: 98%;
padding: 2px;
text-align: center;
	list-style: inherit;
	font-size: 1em;
	text-align: inherit;

}
	
.myTitle { 
font-size: 16px; 
font-weight: bold;
text-align: left;
height:23px;
vertical-align: middle;
}
	
	
.myTitleNews {
margin-top: 0px	
font-size: 16px; 
font-weight: bold;
text-align: left;
color: #cc0000;;
height:23px;
vertical-align: middle;
}	
.myTitleNews a{
text-indent: 5px;
padding-top: 2px;
height: 23px;
display: block;

}

.myTitleNews a:hover{
	background-color: #cc0000;
	color: #fff;
	text-decoration: none;
}


.leftitle { 
height:23px;
width:23px;
min-width:23px;
max-width: 23px;
min-height: 23px;
max-height: 23px;
}
	
.myTr {}

.myTD { padding: 3px; }
	
.myQuote { border: 1px solid #8e9295; padding: 3px;
	font-size: 0.7em; text-align: justify;
	background-color: #708090; color: #fff; } 

/*searchtable è applicato sia alle tabelle dei blocchi "cerca" e "entra"*/	
.searchtable { 
font-size: 0.9em; font-weight: bold;
background-color: #fff; color: #666; }	

.signupnow { border-top: 1px solid #708090;
font-size: 1em;}


#userlist { 
padding-top: 7px;
padding-bottom: 7px;
}

/*questo qua sotto è il menu piccolo a colonna sinistra*/
ul.menu1 {
width:100%;
list-style:none;
margin:0; padding:0;
}
	
ul.menu1 li a {
text-align: left;
/*font-weight: bold;*/
font-size: 14px;
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:0; /* lascia spazio far il bordo del menu e il testo del link */
/*height:1.5em;*/ line-height:1.5em/*altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu1 li a:link, ul.menu1 li a:visited {
/*background:#fff8dc;*/
/*background-image: url(roundbox/bgtable.jpg);*/
color: #cc0000;
} 
/* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active {
background: #cc0000;
/*background-image: url(roundbox/bgtable2.jpg);*/
color:white;
} /* colori per l'effetto roll-over */


/**//**//**//**//**//**//**//**//**//**//**//**//**/
/*questo qua sotto è il menu alla sinitra del sito*/
ul.menuLeft {
width:145px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
	
ul.menuLeft li a {
text-align: left;
font-weight: bold;
font-size: 16px;
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:0; /* lascia spazio far il bordo del menu e il testo del link */
height:1.5em; line-height:1.5em/*altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menuLeft li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menuLeft li a:link, ul.menuLeft li a:visited {
/*background:#fff8dc;*/
/*background-image: url(roundbox/bgtable.jpg);*/
color: #8e001c;
} 
/* colori per il link */
ul.menuLeft li a:hover, ul.menuLeft li a:active {
background: #8e001c;
/*background-image: url(roundbox/bgtable2.jpg);*/
color:white;
} /* colori per l'effetto roll-over */


/*menu sort in amministrazione*/

.sortmenu {
vertical-align: baseline;
}

.sortasc{ margin: 0px;
width: 12px;
height: 12px;
background: transparent url(sort_up_off.gif) no-repeat top center; 
}

.sortasc:hover{
	background: transparent url(sort_up_on.gif) no-repeat top center; 
}

.sortdesc{ margin: 0px;
width: 12px;
height: 12px;
background: transparent url(sort_down_off.gif) no-repeat top center; 
}

.sortdesc:hover{
	background: transparent url(sort_down_on.gif) no-repeat top center; 
}

.adminlink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	width: 180px;
	border: 1px solid #eee;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-bottom:3px; 
	color: #fff;
	background-color: #708090;
}

.adminlink:hover{
	color: #fff;
	background-color: #cc0000;
	text-decoration: none;
	border: 1px solid #fff;
	text-transform: uppercase;
}


.menuadminlist{
/*float: right;*/
text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.menuadminlist a{
display: inline;
padding: 10 2 2 2px;
border: 1px solid #fff;
}

.menuadminlist a:hover{
background-color: #f5f5f5;
border: 1px solid #ec8e1b;
}



.menuadminarticles {
/*margin-top: 5px;*/
	text-align: center;
	/*width: 30px;
	height: 30px;*/
	/*background: transparent url(pages.jpg) no-repeat center; */
}

.menuadminarticles a{
color:#000;
display: block;
padding: 8 0 6 4px;
border: 1px solid #fff;
background: transparent url(pages2.jpg) no-repeat center;
}

.menuadminarticles a:hover{
color:black;
background-color: #f5f5f5;
border: 1px solid #ec8e1b;
background: transparent url(pages.jpg) no-repeat center; 
}


/*prova div contenuto*/
.catalogshow{
position: relative;
float: right;
width: 500px;
color: #666666;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14px;
text-align: justify;
padding-bottom: 10px;

}

.catalogshow hr{
	clear: both;
	display: none;
}

.catalogcategory{
width:100%;
text-indent: 10px;
background-color: #fff;
line-height: 20px;
font-size: 14px;
}

.catalogshow h2{
width: 500px;
text-indent: 10px;
background-color: #708090;
line-height: 30px;
margin-bottom: 10px;
margin-top: 0px;
font-size: 20px;
font-weight: normal;
color: #fff;
}

.catalogshow img{
border: 0px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

.catalogshow img.principal{
height: 120px;
}

.catalogabstract{
background: transparent;
background-image: url(bgabstract.png);
background-repeat: repeat-x;
background-position: top;
float: left;
width: 98%;
font-size: 14px;
font-family: sans-serif; 
text-align: justify;
padding: 3px;
margin-bottom: 10px;
}

.catalogabstract a{
	float: left;
	width: 98%;
}

.catalogabstract a hr{
display: block; 
clear: left; 
margin: -0.66em 0;
visibility: hidden;
}

.catalogabstract a p{
	margin: 0px;
	padding: 0px;
}


.bottomabstract{
background-color: #f5f5f5;
padding: 2px;
font-size: 8px;
color: #708090;
}




.catalogabstract h3{
display: none;
}


.catalogabstract h5{
background-color: #eee;
margin-bottom: 5px;
margin-top: 0px;
font-size: 16px;
font-weight: bold;
color: #cc0000;
text-align: left;
}

.catalogabstract h4{
margin-bottom: 5px;
margin-top: 25px;
font-size: 16px;
font-weight: bolder;
color: #cc0000;
text-align: left;
}

.catalogabstract img{
margin: 3 5 0 0px;
height: 120px;
float: left;
border: 0px;
}

.titleabstract {
margin-bottom: 0px;
margin-top: 0px;
font-size: 16px;
font-weight: bolder;
text-align: left;
}

.titleabstract {color:#cc0000;}
.catalogabstract a { display: block; color: #708090; padding: 3px;  border: 1px solid transparent;}
.catalogabstract a:hover  { color: red; text-decoration: none; border: 1px solid red;}
.catalogabstract a:hover img {filter: Gray;}

.catalog{
position: relative;
float: left;
width: 100%;
font-size: 14px;
font-family: sans-serif; 
padding: 0px;
margin: 0px 0 10 0;
border-top: 1px solid #708090;

}
.catalog h2{
display: none;
}

.catalog p.catcat{
padding:0;
font-size: 18px;
margin: 0px;
width: 100%;
}

.catalog p.catcat a img{
border: 5px solid #708090;
float: left;
margin: 0 5 0 0px;
}
.catalog p.catcat a:hover img {
border: 5px solid #fff;
}
.catalog p.catcat a{
background-color: #708090;
color: #fff;
display: block;
font-weight: bolder;
padding:0 0 1 0px;
}
.catalog p.catcat a:hover{
color: #cc0000;
text-decoration: none;
background-color: #fff;
text-transform: uppercase;
}

.catalog hr{
	clear: both;
	display: none;
}

.catalog .catalogcatdesc{
position: absolute;
float: left;
left:195px;
top: 25px;
padding: 0px;
width: 200px;
height: 100px;
margin: 0;
}


.catalog ul{
position: absolute;
left: 400px;
top: 21px;
width: 345px;
float: left;
list-style:none;
margin:0;
padding: 0px;
}
.catalog ul li{}
.catalog ul li a{
text-decoration: none;
height: 16px;
line-height: 16px;
text-indent: 10px;
display:block;
font-weight: bold;
background-color: #fff;
color: #cc0000;
border-bottom: 1px solid #ccc;
}
.catalog ul li a:hover{
text-decoration: none;
text-indent: 20px;
background-color: #cc0000;
color: #fff;
border-bottom: 1px solid red;
}


/*prova menu con immagine di sfondo*/
#cursore{
width:220px;
margin:0;
padding:0;
list-style:none;
text-align:left;
font-weight: bold;
font-size:14px;
}
#cursore a{
text-indent: 10px;
display:block;
text-decoration:none;
border-right:5px solid;
margin:0;
padding:10px 10px 5px 0;
color:#000;
}
#cursore li{
line-height: 30px;
display:inline;
}
/*#sample a{
height:auto!important;
height:0;
}*/
#cursore a:link, 
#cursore a:visited{
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
text-decoration:none;
color:#cc0000;
}
#cursore a:hover, 
#cursore a:focus,
#cursore a:active{
text-align: right;
border-color:red;
text-decoration:none;
color:#708090;
background-color: #Fff;
border-top: 1px solid red;
border-bottom: 1px solid red;
/*text-transform:uppercase;*/
}
#cursore #active-cursore a{
background-color: #708090;
border-color:red;
text-decoration:none;
color:#fff;
text-transform:uppercase;
text-align: right;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

/*PAGINA DI UN SERVIZIO SOLO*/
.catalogone{
width: 370px;
float: left;
font-size: 14px;

}

.catalogone h2{
font-size: 18px;
	margin: 3 0 3 0px;
	background-color:#708090;
	color: #fff;
	padding: 0 0 0 15px;
	font-weight: bold;
}

.catalogone img.principal{
float: left;	
margin: 0 5px 0 0;
}

.catalogone p{
	margin: 0px;
	text-align: justify;
}

.menuright{
float: right;
width: 360px;
margin: 0 0 0 10px;
}
.menuright h2{
	font-size: 18px;
	margin: 3 0 3 0px;
	background-color:#cc0000;
	color: #fff;
	padding: 0 0 0 15px;
	font-weight: bold;
}

.menuright ul{
font-size: 16px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menuright ul li{
	margin: 0px;
	padding: 0px;
}

.menuright ul li a{
width: 355px;
text-decoration: none;
display:block;
font-weight: bold;
background-color: #fff;
color: #cc0000;
padding: 5 0 5 5px;
border-bottom: 1px solid #ccc;
}

.menuright ul li a:hover{
text-decoration: none;
text-indent: 10px;
background-color: #cc0000;
color: #fff;
border-bottom: 1px solid red;
}

/*tutte le visite listate sotto contenitore:visitelist*/
.visitelist{
clear: both;
width: 745px;
text-align: left;
font-size: 14px;	
border-bottom: 1px solid #c00;
padding: 0 0 10 0px;
}

.visitelist .catalogvisite{
	width: 100%;
	text-align: justify;
}

.visitelist .catalogvisite h2{
background-color: #c00;
color: #fff;
font-size: 16px;
padding: 3 0 3 10px;
width:550px;
float: left;
margin: 10 0 3 0;
}

.visitelist .catalogvisite .prenotalink{
float: left;
margin: 10 0 3 0;
padding: 0px;
text-align: center;
}

.visitelist .catalogvisite .prenotalink a{
width: 158px;
padding: 4 0 4 0px;
background-color: #fff;
color: #c00;
display: block;
margin:0 0 0 0; 
font-size: 14px;
border: 1px solid #c00;
font-weight:bold;
text-decoration: none;
}

.visitelist .catalogvisite .prenotalink a:hover{
	background-color: #c00;
	color: #fff;
	border: 1px solid #c00;
	text-decoration: none;
text-transform: uppercase;
}

.clear{clear: both;}

.visitelist .catalogvisite img.principal{
	float: left;
	margin: 0 5 0 0px;
}

.visitelist .catalogvisite p{
margin: 0px;
}

.visitelist .catalogvisite .backontop{
text-align: right;
margin: 0px;
}


.visitelist .catalogvisite .backontop a{
	color: #708090;
	font-size: 14px;
	font-weight: bold;
	padding: 0 15 0 15px;
	background-image: url(backontop1.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.visitelist .catalogvisite .backontop a:hover{
	background-image: url(backontop2.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #c00;
	text-decoration: none;
}