body {
	margin: 0;
	padding: 0;
	background-image: url("../img/sidebar/bg_sidebar.gif");
	background-repeat:repeat-y;
}

h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

h1 {
	font-size:13px;
}

h2 {
	font-size:13px;
}

h3 {
	font-size:12px;
}

p {
	font:"Times New Roman", Times, serif;
	font-size:13px;
	margin:0px;
}

ul, li{
	margin:0;
	padding: 0
}

a{
	text-decoration: none;
}

/* MENU BAR */

#mainmenu {
	font-family:Helvetica, sans-serif;
	font-style:italic;
	font-size:8px;
	background-color:#FFF;
	width:100%;
	height:61px;
	overflow:hidden;
}

#mainmenu h3 {
	margin:5px 0 0 0;
	padding:0px;
}

#mainmenu a:link {
	text-decoration:none;
}

#titolo {
	float:left;
	width:320px;
	height:61px;
	margin:0px -1px 0px 0px;
	border-right: 1px dotted #ccc;
	padding:0px;
	display:block;
}

#sottotitolo {
	float:left;
	height:61px;
	margin:0px 0px 0px 13px;
	padding:0px;
	display:block;
}

#nero, #giallo, #rosa, #verde, #blu {
	float:left;
	width:104px;
	height:61px;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-left:1px dotted #ccc;
	display:block;
}

#nero a, #rosa a, #giallo a, #verde a, #blu a {
	display:block;
	margin:-2px 0 0 0;
	padding:2px 0px 40px 3px;
}

#nero a:link, #nero a:visited  {
	color:#000;
	background-color:#FFF;
}

#nero a:hover, #nero a:active, #nero a.selected{
	color:#FFF;
	background-color:#000;
}

#giallo a:link, #giallo a:visited {
	color:#3E3F0F;
	background-color:#FFF;
}

#giallo a:hover, #giallo a:active, #giallo a.selected {
	color:#3E3F0F;
	background-color:#FF0;
}

#rosa a:link, #rosa a:visited {
	color:#EF4C80;
	background-color:#FFF;
}

#rosa a:hover, #rosa a:active, #rosa a.selected{
	color:#FFF;
	background-color:#EF4C80;
}

#verde a:link, #verde a:visited {
	color:#B6B920;
	background-color:#FFF;
}

#verde a:hover,#verde a:active, #verde a.selected{
	color:#FFF;
	background-color:#B6B920;
}

#blu a:link, #blu a:visited {
	color:#59B8CF;
}

#blu a:hover, #blu a:active, #blu a.selected{
	color:#FFF;
	background-color:#59B8CF;
}

/* MENU DX */

#menudx {
	width:200px;
	height:61px;
	margin:0;
	float:right;
	display:block;
	font-size:10px;
	font-style:normal;
	visibility:hidden;
}

#menudx ul {
	list-style:none;
	margin:0;
	padding:0;
}

#menudx li {
	list-style:none;
	height:14px;
	margin:0;
	padding:3px;
	border-bottom:1px dotted #ccc;
}

#menudx li:hover {
	background-color:#eee;
}


/* SIDEBAR */

#sidebar {
	background-color:#FFF;
	float:left;
	width:320px;
	padding:0px;
}

/*Generiche SIDEBAR*/

.shadow {
	position:absolute;
	z-index:-1;
	left:0;
	top:-13px;
}

.titolo, .ico{
	position:absolute;
	z-index:1000;
}

.slimScrollDiv {
	position:absolute;
	width:320px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.contenuto {
	width:320px;
	position:absolute;
	top:0;
	margin:0 auto;
}

.contenuto p {
	line-height:18px;
}

.photo {
	width:298px;
	height:100px;
	position:relative;
	margin:10px auto 0 auto;
	overflow:hidden;
	border:#ccc 1px solid;
}

.dida {
	width:288px;
	position: absolute;
	bottom: 0;
	z-index: 1000;
	padding: 5px;
	color: #fff;
	background-image:url(../img/sidebar/bg_dida.png);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	-moz-opacity:0;
	-khtml-opacity: 0;
	filter:alpha(opacity=0);
}

.photo:hover {
	cursor:pointer;
}

.photo:hover .dida {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
	-moz-opacity:1;
	-khtml-opacity: 1;
	filter:alpha(opacity=100)

}

.photo .button {
	width:21px;
	height:21px;
	position:absolute;
	top:-1px;
	right:-1px;
	z-index:10;
	background:url("../img/sidebar/photobutton-02.png");
}

.photo:hover .button {
	background:url("../img/sidebar/photobutton-01.png");
}

.paragrafo {
	width:270px;
	margin:10px auto 0 auto;
	padding:15px 15px 15px 15px;
	background-color:#eee;
	color:#333;
}

/*BOX INTRO*/

#introbox {
	width:320px;
	position:absolute;
	z-index:0;
}

#introbox h1 {
	margin:0px;
	padding:0px;
}

#introbox .head {
	width:320px;
	height:105px;
	position:absolute;
	background-repeat:no-repeat;
}

/*HOME*/

#sidebar.home {
	background-color: #eee;
	border-right: 1px dotted #333

}

#rightbar {
	float:right;
	width: 200px;
	margin:0;
	padding: 0;
	background-color: #fff;
	border-left: 1px dotted #ccc
}

#rightbar ul li{
	vertical-align: middle;
	list-style: none;
	text-indent: none;
	text-decoration: none;
	margin:0;
	padding:10px;
	border-bottom: 1px dotted #ccc
}

/*percorsi*/

.percorso {
	width:320px;
	height:105px;
}


.percorso .nero {
	background:url("../img/home/sidebar/bg_nero.gif");
	height:105px;
	background-color: black;
	
}

.percorso .rosa {
	background:url("../img/home/sidebar/bg_rosa.gif");
	height:105px;
	background-color: black;
	
}

.percorso .giallo {
	background:url("../img/home/sidebar/bg_giallo.gif");
	height:105px;
	background-color: black;
	
}

.percorso .verde {
	background:url("../img/home/sidebar/bg_verde.gif");
	height:105px;
	background-color: black;
	
}

.percorso .blu {
	background:url("../img/home/sidebar/bg_blu.gif");
	height:105px;
	background-color: black;
	
}

/*percorsi hover*/

.percorso .nero:hover {
	background:url("../img/home/sidebar/bg_nero_sel.gif");
	height:105px;
	background-color: black;
	
}

.percorso .rosa:hover {
	background:url("../img/home/sidebar/bg_rosa_sel.gif");
	height:105px;
	background-color: black;
	
}

.percorso .giallo:hover {
	background:url("../img/home/sidebar/bg_giallo_sel.gif");
	height:105px;
	background-color: black;
	
}

.percorso .verde:hover {
	background:url("../img/home/sidebar/bg_verde_sel.gif");
	height:105px;
	background-color: black;
	
}

.percorso .blu:hover {
	background:url("../img/home/sidebar/bg_blu_sel.gif");
	height:105px;
	background-color: black;
	
}

/*titoli*/

.percorso .titolo{
	float:left;
	display:block;
	width:auto;
	padding:7px 7px 7px 15px;
	margin-top:30px;
}

.percorso .nero .titolo{
	color:#fff;
	background-color:#000;
}

.percorso .giallo .titolo{
	color:#333300;
	background-color:#F6EB13;
}

.percorso .rosa .titolo{
	color:#FFF;
	background-color:#EF4C80;
}

.percorso .verde .titolo{
	color:#FFF;
	background-color:#B6B920;
}
	
.percorso .blu .titolo{
	color:#FFF;
	background-color:#59B8CF;
}

/*titoli hover*/

.percorso .giallo:hover .titolo{
	color:#333300;
	background-color:#FFF;
}

.percorso .verde:hover .titolo{
	color:#B6B920;
	background-color:#FFF;
}

.percorso .rosa:hover .titolo{
	color:#EF4C80;
	background-color:#FFF;
}
	
.percorso .blu:hover .titolo{
	color:#59B8CF;
	background-color:#FFF;
}
	
percorso .nero:hover .titolo{
	color:#000;
	background-color:#FFF;
}

/*ico*/

.percorso .ico {
	height:34px;
	width:50px;
	position: relative;
	top:31px;
	left:270px;
	background-repeat:no-repeat;
}

.percorso .nero .ico {
	background-image:url("../img/nero/ico/tema.png");
}

.percorso .giallo .ico {
	background-image:url("../img/giallo/ico/tema.png");
}

.percorso .rosa .ico{
	background-image:url("../img/rosa/ico/tema.png");
}

.percorso .verde .ico{
	background-image:url("../img/verde/ico/tema.png");
}

.percorso .blu .ico{
	background-image:url("../img/blu/ico/tema.png");
}

/*ico hover*/


.percorso .giallo:hover .ico{
	background-image:url("../img/giallo/ico/tema_sel.png");
}

.percorso .verde:hover .ico{
	background-image:url("../img/verde/ico/tema_sel.png");
}

.percorso .rosa:hover .ico{
	background-image:url("../img/rosa/ico/tema_sel.png");
}

.percorso .blu:hover .ico{
	background-image:url("../img/blu/ico/tema_sel.png");
}

.percorso .nero:hover .ico{
	background-image:url("../img/nero/ico/tema_sel.png");
}

/*contenuti*/

.maintxt {
	
	width: 600px;
	height: 100%;
	margin: 30px 0 0 30px;
	float:left;

}

/* NERO */


#sidebar.nero #introbox .head {
	background:url("../img/nero/sidebar/bg_tema.gif");
	height:160px;
	background-color: black;
	
}

#sidebar.nero #introbox ul.sottopercorsi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:absolute;
	top:60px;
	padding:0px;
}

#sidebar.nero #introbox ul.sottopercorsi li{
	display: block; 
	margin-top: 4px;
	background-color: black;
}

#sidebar.nero #introbox ul.sottopercorsi li:hover,
#sidebar.nero #introbox ul.sottopercorsi li.selected {
	color:#000;
	background-color: white;
}

#sidebar.nero #introbox ul.sottopercorsi li a{
	color:#fff;
	padding:2px 15px;
	display: block;
}

#sidebar.nero #introbox ul.sottopercorsi li:hover a,
#sidebar.nero #introbox ul.sottopercorsi li.selected a {
	color:#000;
}

#sidebar.nero #introbox .slimScrollDiv {
	position:absolute;
	top:160px;
	width:320px;
	overflow-y:scroll;
	overflow-x:hidden;
}


/* // NERO */


#sidebar.giallo #introbox .head {
	background-color: #F6EB13;
	background-image: url("../img/giallo/sidebar/bg_tema.gif");
}

#sidebar.verde #introbox .head {
	background-color: #B6B920;
	background-image: url("../img/verde/sidebar/bg_tema.gif");
}

#sidebar.blu #introbox .head {
	background-color: #59B8CF;
	background-image: url("../img/blu/sidebar/bg_tema.gif");
}

#sidebar.rosa #introbox .head {
	background-color: #EF4C80;
	background-image: url("../img/rosa/sidebar/bg_tema.gif");
}

#sidebar.giallo #introbox .head:hover {
	background-color: #F6EB13;
	background-image: url("../img/giallo/sidebar/bg_tema_sel.gif");
}
	
#sidebar.verde #introbox .head:hover {
	background-color: #B6B920;
	background-image: url("../img/verde/sidebar/bg_tema_sel.gif");
}
	
#sidebar.rosa #introbox .head:hover {
	background-color: #EF4C80;
	background-image: url("../img/rosa/sidebar/bg_tema_sel.gif");
}
	
#sidebar.blu #introbox .head:hover {
	background-color: #59B8CF;
	background-image: url("../img/blu/sidebar/bg_tema_sel.gif");
}
	
#sidebar.nero #introbox .head:hover {
	background-color: #000;
	background-image: url("../img/nero/sidebar/bg_tema_sel.gif");
}

#sidebar.verde #introbox .head:hover .titolo{
	color:#B6B920;
	background-color:#FFF;
}

#sidebar.rosa #introbox .head:hover .titolo{
	color:#EF4C80;
	background-color:#FFF;
}
	
#sidebar.blu #introbox .head:hover .titolo{
	color:#59B8CF;
	background-color:#FFF;
}
	
#sidebar.nero #introbox .head:hover .titolo{
	color:#000;
	background-color:#FFF;
}
	
#introbox .titolo{
	float:left;
	display:block;
	width:auto;
	padding:7px 7px 7px 15px;
	top:30px;
}

#sidebar.giallo #introbox .titolo{
	color:#333300;
	background-color:#F6EB13;
}
	
#sidebar.verde #introbox .titolo{
	color:#FFF;
	background-color:#B6B920;
}
	
#sidebar.rosa #introbox .titolo{
	color:#FFF;
	background-color:#EF4C80;
}
	
#sidebar.blu #introbox .titolo{
	color:#FFF;
	background-color:#59B8CF;
}
	
#sidebar.nero #introbox .titolo{
	color:#FFF;
	background-color:#000;
}


#sidebar.giallo #introbox .head:hover .titolo{
	color:#333300;
	background-color:#FFF;
}

#sidebar.verde #introbox .head:hover .titolo{
	color:#B6B920;
	background-color:#FFF;
}

#sidebar.rosa #introbox .head:hover .titolo{
	color:#EF4C80;
	background-color:#FFF;
}
	
#sidebar.blu #introbox .head:hover .titolo{
	color:#59B8CF;
	background-color:#FFF;
}
	
#sidebar.nero #introbox .head:hover .titolo{
	color:#000;
	background-color:#FFF;
}
	
#introbox .ico {
	height:34px;
	width:50px;
	float:left;
	top:31px;
	right:5px;
	background-repeat:no-repeat;
}

#sidebar.giallo #introbox .ico{
	background-image:url("../img/giallo/ico/tema.png");
}

#sidebar.verde #introbox .ico{
	background-image:url("../img/verde/ico/tema.png");
}

#sidebar.rosa #introbox .ico{
	background-image:url("../img/rosa/ico/tema.png");
}

#sidebar.blu #introbox .ico{
	background-image:url("../img/blu/ico/tema.png");
}

#sidebar.nero #introbox .ico{
	background-image:url("../img/nero/ico/tema.png");
}

#sidebar.giallo #introbox .head:hover .ico{
	background-image:url("../img/giallo/ico/tema_sel.png");
}

#sidebar.verde #introbox .head:hover .ico{
	background-image:url("../img/verde/ico/tema_sel.png");
}

#sidebar.rosa #introbox .head:hover .ico{
	background-image:url("../img/rosa/ico/tema_sel.png");
}

#sidebar.blu #introbox .head:hover .ico{
	background-image:url("../img/blu/ico/tema_sel.png");
}

#sidebar.nero #introbox .head:hover .ico{
	background-image:url("../img/nero/ico/tema_sel.png");
}
	
#introbox .slimScrollDiv {
	position:absolute;
	top:105px;
	width:320px;
	overflow-y:scroll;
	overflow-x:hidden;
}



/*BOX LUOGO & CITAZIONE*/
	
#luogobox {
	width:319px;
	background-color:#FFF;
	position:absolute;
	z-index:5;
	top:164px;
}

#luogobox h2, #citbox i {
	width:230px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap
}

#citbox{
	width:319px;
	background-color:#FFF;
	position:absolute;
	z-index:10;
	top:208px;
}

#citbox h2, #citbox i {
	width:230px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap
}


#luogobox .head, #citbox .head  {
	height:44px;
	width:320px;
	background-repeat:no-repeat;
	z-index:10;
}

#citbox .head {
	margin-top:-1px

}

#sidebar.giallo #luogobox .head {
	background-image: url("../img/giallo/sidebar/bg_luogo.gif");
}

#sidebar.rosa #luogobox .head {
	background:url("../img/rosa/sidebar/bg_luogo.png");
}

#sidebar.verde #luogobox .head {
	background:url("../img/verde/sidebar/bg_luogo.png");
}

#sidebar.blu #luogobox .head {
	background:url("../img/blu/sidebar/bg_luogo.png");
}

#sidebar.nero #luogobox .head {
	background:url("../img/nero/sidebar/bg_luogo.png");
}

#sidebar.giallo #luogobox .head:hover {
	background-image: url("../img/giallo/sidebar/bg_luogo_sel.gif");
}

#sidebar.verde #luogobox .head:hover {
	background:url("../img/verde/sidebar/bg_luogo_sel.png");
}

#sidebar.rosa #luogobox .head:hover {
	background:url("../img/rosa/sidebar/bg_luogo_sel.png");
}

#sidebar.blu #luogobox .head:hover {
	background:url("../img/blu/sidebar/bg_luogo_sel.png");
}

#sidebar.nero #luogobox .head:hover {
	background:url("../img/nero/sidebar/bg_luogo_sel.png");
}

#sidebar.giallo #citbox .head {
	background:url("../img/giallo/sidebar/bg_cit.gif");
}

#sidebar.verde #citbox .head {
	background:url("../img/verde/sidebar/bg_cit.png");
}

#sidebar.rosa #citbox .head {
	background:url("../img/rosa/sidebar/bg_cit.png");
}

#sidebar.blu #citbox .head {
	background:url("../img/blu/sidebar/bg_cit.png");
}

#sidebar.nero #citbox .head {
	background:url("../img/nero/sidebar/bg_cit.png");
}

#sidebar.giallo #citbox .head:hover {
	background:url("../img/giallo/sidebar/bg_cit_sel.gif");
}

#sidebar.verde #citbox .head:hover {
	background:url("../img/verde/sidebar/bg_cit_sel.png");
}

#sidebar.blu #citbox .head:hover {
	background:url("../img/blu/sidebar/bg_cit_sel.png");
}

#sidebar.rosa #citbox .head:hover {
	background:url("../img/rosa/sidebar/bg_cit_sel.png");
}

#sidebar.nero #citbox .head:hover {
	background:url("../img/nero/sidebar/bg_cit_sel.png");
}

#luogobox .titolo, #citbox .titolo{
	float:left;
	display:block;
	width:auto;
	position:absolute;
	top:5px;
	left:15px;
	z-index:10;
}

#sidebar.giallo #luogobox .titolo, 
#sidebar.giallo #citbox .titolo{
		color:#F4EF7F;
}

#sidebar.giallo #luogobox .head:hover .titolo,
#sidebar.giallo #citbox .head:hover .titolo {
	color:#fff;
}

#sidebar.verde #luogobox .titolo, 
#sidebar.verde #citbox .titolo{
		color:#DDD565;
}
	
#sidebar.verde #luogobox .head:hover .titolo,
#sidebar.verde #citbox .head:hover .titolo {
	color:#FFF;
}
	
#sidebar.rosa #luogobox .titolo, 
#sidebar.rosa #citbox .titolo{
		color:#F7A3A4;
}
	
#sidebar.rosa #luogobox .head:hover .titolo,
#sidebar.rosa #citbox .head:hover .titolo {
	color:#FFF;
}
	
#sidebar.blu #luogobox .titolo, 
#sidebar.blu #citbox .titolo{
		color:#B4CFD2;
}
	
#sidebar.blu #luogobox .head:hover .titolo,
#sidebar.blu #citbox .head:hover .titolo {
	color:#FFF;
}

#sidebar.nero #luogobox .titolo, 
#sidebar.nero #citbox .titolo{
		color:#DDD;
}

#sidebar.nero #luogobox .head:hover .titolo,
#sidebar.nero #citbox .head:hover .titolo {
	color:#fff;
}	

#luogobox .ico {
	width:32px;
	right:16px;
}
		
#citbox .ico {
	width:32px;
	right:16px;
}

#luogobox .ico, #citbox .ico {
	height:32px;
	float:left;
	display:block;
	top:6px;
	background-repeat:no-repeat;
}

#sidebar.giallo #luogobox .ico  {
	background-image:url("../img/giallo/ico/luogo.png");
}

#sidebar.giallo #luogobox .head:hover .ico {
	background-image:url("../img/giallo/ico/luogo_sel.png");
}

#sidebar.verde #luogobox .ico  {
	background-image:url("../img/verde/ico/luogo.png");
}

#sidebar.verde #luogobox .head:hover .ico {
	background-image:url("../img/verde/ico/luogo_sel.png");
}

#sidebar.blu #luogobox .ico  {
	background-image:url("../img/blu/ico/luogo.png");
}

#sidebar.blu #luogobox .head:hover .ico {
	background-image:url("../img/blu/ico/luogo_sel.png");
}

#sidebar.rosa #luogobox .ico  {
	background-image:url("../img/rosa/ico/luogo.png");
}

#sidebar.rosa #luogobox .head:hover .ico {
	background-image:url("../img/rosa/ico/luogo_sel.png");
}
	
#sidebar.giallo #citbox .ico  {
	background-image:url("../img/giallo/ico/cit.png");
}

#sidebar.giallo #citbox .head:hover .ico  {
	background-image:url("../img/giallo/ico/cit_sel.png");
}

#sidebar.verde #citbox .ico  {
	background-image:url("../img/verde/ico/cit.png");
}

#sidebar.verde #citbox .head:hover .ico  {
	background-image:url("../img/verde/ico/cit_sel.png");
}

#sidebar.blu #citbox .ico  {
	background-image:url("../img/blu/ico/cit.png");
}

#sidebar.blu #citbox .head:hover .ico  {
	background-image:url("../img/blu/ico/cit_sel.png");
}

#sidebar.rosa #citbox .ico  {
	background-image:url("../img/rosa/ico/cit.png");
}

#sidebar.rosa #citbox .head:hover .ico  {
	background-image:url("../img/rosa/ico/cit_sel.png");
}

#sidebar.nero #citbox .ico  {
	background-image:url("../img/nero/ico/cit.png");
}

#sidebar.nero #citbox .head:hover .ico  {
	background-image:url("../img/nero/ico/cit_sel.png");
}

#citbox .paragrafo {
	margin-top:0;
}

.containertabs {
	width:300;
	margin:5px auto 0 auto;
}
	

/* Menu */

.list {
	width:300px;
	margin:0 auto;
	padding-bottom: 30px;
	
}

.titlelist {
	margin:0;
	height:30px;
	line-height:30px;
	padding:0 5px 0 15px;
}

.titlelist h1 {
	width:275px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap

}

.list h1, .list h2, .list h4  {
	font-family:Times, serif;
	font-size:12px;
	color:#333;
	margin-bottom:0px;
}

.list h3 {
	font-size:13px;
	color:#ccc;
	padding-left:10px;
}


.list h2, .list h4 {
	font-weight: 100;
}


.list ul {
	width:300px;
	background-color:#eee;
	list-style:none;
	margin:0;
	padding:0;
}

.list li {
	border-bottom:#ccc 1px solid;
	padding: 5px 15px 5px 15px
}


.list li h1{
	color:#333;
}

.list li h2 {
	font-style:italic;
	color:#333;
	margin-top:2px
}

.list li h4{
	font-style:normal;
	color:#333;
}
	
.list li:hover,
.list li.over {
	background-image:url("../img/list/bg_li_sel.jpg");
	background-repeat:repeat;
}

.list li:hover h1,
.list li:hover h2,
.list li:hover h4,
.list li.over h1,
.list li.over h2,
.list li.over h4 {
	color:#eee;
}
	

/* MAPPA */

#map_canvas {
	height: 100%;
	/*width: 100%;*/
}