#map{
  width: 74%;
                height: 620px;
                float: left;
                border: 0px solid black;
}
img{
	border:none;
	vertical-align: middle;
}
/*
body {
	color: #000;
	font-family: Arial Unicode MS,Arial,sans-serif;
    font-size: 11px;
	margin: 0px;
	padding: 0px;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {
	margin: 0px auto;
	text-align: left;
	width: 100%;
}

a {
	font-family: sans-serif;
	text-decoration: none;
	color: black;
	font-weight: bold;
}

#map {
		width: 75%;
		height: 100%;
		float: left;
	}
*/			
#docs {
	width: 26%;
	float: right;
}
#Leg_toggle{
	width: 26%;
	float: right;
	height:20px;
	border-bottom: 1px solid #ccc;
	background: url(../images/panel_header.png) repeat-x top left;
}
/*

			
#opacity {
	padding: 0;
	text-align: center;
	width: 2em;
	font-family: sans-serif;
	background: transparent;
	color: black;
	border: 0;
} 
.olImageLoadError { 
	background-color: transparent !important; 
} 

#prova{
	
	float: right;
	
}

/********************** Header ***************************/
#logo{
	background-color: #A782FF;
	height: 69px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 48px;
	text-align: center;
}
#logo a{
	margin: 0px auto;
}
#header {
	background-color:#7D61BF;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:325px;
	position:relative;	
}
#MapFrame {
	z-index: 0;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:300px;	
}
#ResizeFrame {
	background-color:#FFFFFF;
	position:absolute;
	width: 48px;
	height: 16px;
	right: 2px;
	top: 71px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0xp;		
}
#ResizeFrame a{
	text-decoration:none;
	border:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0xp;	
}

#ResizeFrame img{
	text-decoration:none;
	border:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0xp;	
}

#Menu {
	margin: 0px 0px 0px 0px;
	position:absolute;
	top:36px;
	left:0px;
	width: 700px;
	height:30px;	
}
#Menu ul{
	list-style-type: none;
	display:inline;
	position:absolute;
	top:8px;
	left:6px;
}
#Menu li{
	float:left;
}
#Menu ul a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4d4b4a;
	text-decoration: none;
	padding: 0px 7px 0px 7px;
	border-right: 2px solid #4d4b4a;
}
#Menu ul a:hover{
	color:#CC0000;
}

.lastchild{
	border-right: 0px none #4d4b4a !important;
}
#header ul a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4d4b4a;
	text-decoration: none;
	padding: 0px 7px 0px 7px;
	border-right: 2px solid #4d4b4a;
}
#header ul a:hover{
	color:#000000;
}


/********************** Content ***************************/

#content {
	position:absolute;
	background-color: #FFFAE6;
	width:312px;
	display:block;
	top: 70px;
	right: 0px;
	background-color: rgb(255,255,255);
	opacity: 0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	overflow:auto;
}
#content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #CC0000;
	margin: 4px 4px 4px 15px;
	padding: 4px 0px 0px 0px;
	border-bottom: 1px solid #bbb6a0;
}
/********************** Content - left ***************************/
#left {
	background-color: #F0F0F0;
	border: 1px solid #c2bdaa;
	width:290px;
	margin: 4px 4px 4px 15px;
	padding: 0px 0px 0px 0px;
	float:right;
	display:inline;
	overflow:auto;
}

.text{
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
.winedesc{
	
}
#title{
	background-color:#FFFFFF;	
}
#left h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CC0000;
	text-decoration: none;
	margin: 2px 2px 2px 2px;
}

#left h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:lighter;
	margin:0,0,0,0;
}
#left p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:lighter;
	color: #4d4b4a;
	margin: 2px 2px 2px 2px;
}
#left ul{
	list-style-type:disc;
	list-style-position:inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4d4b4a;
	margin: 2px 2px 2px 2px;
}
#left ul a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4d4b4a;
	text-decoration: none;
	
}
#left img{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:lighter;
	color: #4d4b4a;
	margin: 2px 0px 0px 2px;
}
#left a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #4d4b4a;
	margin: 0px 0px 0px 0px;
}
#left a:hover{
	color:#CC0000;
}
.photos{float:right;}
.photos img{display:block;}
*/
/********************** Content - right ***************************/
/*
#right {
	float:right;
	width:156px;
	background-color:#FFF2BF;
	margin: 0px 23px 10px 0px;
	padding: 0px 0px 6px 0px;
	display:inline;
	border: 1px solid #c2bdaa;
}
#right h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #2c2c2c;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#A782FF;
	width:156px;
	text-align:center;
	padding: 3px 0px 3px 0px;
}
#right p{
	padding: 10px 9px 0px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4b4a;
}
#right a{
	padding: 15px 9px 5px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4b4a;
	font-weight:bolder;
	display:block;
}
#right a:hover{
	color:#000000;
}
#right span a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #605c4c;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#c2bdaa;
	width:138px;
	padding: 3px 0px 3px 5px;
	margin: 15px 6px 0px 6px;
}
*/
/********************** message ***************************/
/*
.messageok {
	color:#009900;
}

.messageko {
	color:#FF0000;
}
*/
/********************** div alternati per liste ***************************/
/*
.listaa {
	background-color:#E0E0E0;
	margin:0px 2px 0px 2px;
}

.listab {
	background-color:#E0E0E0;
	margin:0px 2px 0px 2px
}

.listac {
	background-color:#FFFFCC;
	margin:0px 2px 0px 2px;
}

.listad {
	background-color:#FFFF99;
	margin:0px 2px 0px 2px
}

*/

/********************** username ***************************/
/*
.user {
	float:rigth;
	background-color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color:#CCCCCC;
	margin: 2px 2px 2px 2px;
}

.user a {
	float:rigth;
	background-color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color:#CC0000;
	margin: 2px 2px 2px 2px;
}
*/
/********************** inserimento **********************/
/*
fieldset {
	margin: 2 2 2 2;
	padding: 2px 2px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-color:#CC0000;	
	overflow: auto;
}
legend {
	padding: 2px 2px;
	color: #CC0000;
	font-weight: bold;
}
*/
/********************** ricerca ***************************/
/*
.ricerca {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CC0000;
	text-decoration: none;
	margin: 2px 2px 2px 2px;
}
*/
/********************** footer ***************************/
/*
#footer, #footer a {
	background-color: #A782FF;;
	width: 774px;
	height:22px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #CCCCCC;
}
#footer a:hover{
	color:#000000;
}
#copyright {
	padding: 3px;
}
#HeadBotBar {
	background-image:url(../images/header_bottom_bar2.png);
	margin: 0px 0px 0px 0px;
	padding: 3px;
	text-align:right;
	vertical-align:middle;
	position:absolute;
	top:300px;
	right:0px;
	width: 100%;
	height:25px;
}
#HeadBotBar a {
	color: #FFFFFF;	
	font-family:Verdana;
	font-size:0.9em;	
}
div.olControlPlaceSearch {
	border:0 solid;
	color:white;
	float:left;
	font-family:Verdana;
	font-size:0.6em;
	height:26px;
	padding:3px;
	text-align:left;
	width:360px;
}
input
{
	color: #0f0f0f;
	background: #ffffff;
	border: 1px solid #0f0f0f;
	font-family:Verdana;
	font-size:1.2em;
}
select
{
	color: #0f0f0f;
	background: #ffffff;
	border: 1px solid #0f0f0f;
	font-family:Verdana;
	font-size:1.2em;
}

.button {
    border: 1px solid #006;
    background: #ccf;
}
.button:hover {
    border: 1px solid #f00;
    background: #eef;
}

.submit input
{
	color: #CC0000;
	background:#CC0000;
	border: 1px solid #0f0f0f;
	font-family:Verdana;
	font-size:1.4em;
} 

.titolored {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	background-color:#E0E0E0;
    border: 1px solid #CC0000;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

.titolonge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	border: 1px solid #FF9900;
	background-color:#E0E0E0;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

.titoloeen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	border: 1px solid #00CC00;
	background-color:#E0E0E0;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}
#ultimasegnalazione {
	float:left;
	width:25%;
	height:300px;
	min-width:300px;
	border: 1px solid #c2bdaa;
	margin: 2px 2px 2px 2px;
	overflow:auto;
}
#inevidenza {
	float:left;
	width:46%;
	height:300px;
	min-width:300px;
	border: 1px solid #c2bdaa;
	margin: 2px 2px 2px 2px;
	background-color: #FFFF99;
}
#statistiche {
	float:left;
	width:25%;
	height:300px;
	min-width:300px;
	border: 1px solid #c2bdaa;
	margin: 2px 2px 2px 2px;
	background-color: #FFFFFF;
}

.spacer{
	float:left;
	width:100%;
	height:1px;
	}
.minwidth{
	float:left;
	width:296px;
	height:1px;
	}
	
*/	
	
/*Hyperborea*/	

div#leg-icons{
	float:right;
}
div#Leg_toggle-inner{
	padding:3px 5px;
	font-size:12px;
}
div.section-inner, div.section-title span, div.section-subtitle span{
	display:block;
	padding:3px 5px;
}
div.section-title{
	width:100%;
	height:20px;
	background:url(../images/header_Over.png) repeat-x top left;
	font-weight:bold;
	border-top:1px solid #f19c2e;
}
div.section-subtitle{
	width:100%;
	height:20px;
	background:url(../images/header.png) repeat-x top left;	
	font-weight:bold;
}
div.section-subtitle span{
	padding-left:12px;
}
ul#mappe-di-base{
	list-style-type:none;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}
ul.livelli{
	list-style-type:none;
	padding-left:12px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}


ul.livelli li img.sotto-livello{
	padding-left:33px;
}
div.section ul  li{
	padding-bottom:3px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}
span.mappa-storica{
	line-height:26px;
}
ul#mappe-di-base li{
	display:inline;
	padding-right:8px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}