div#mapContainer {width:715px; height: 600px; margin-top: 5px; padding: 5px; background-color: #fff;}
div#mapContainer {width: 915px;}
div#map {border: solid 1px #666; height: 100%; width: 100%;}
div.infow h1 {font-size: 12px; margin: 0 0 5px 0; font-weight: bold;}
div.infow strong {font-weight: bold; color: #000;}
div.infow table {margin-top: 10px; width: 190px;}
div.infow table td {padding-left: 10px;}
td.numeric {text-align: center;}
div.infow table thead td, div.infow table thead th {border-bottom: solid 1px #000;}
div.infow textarea {color: #000; font-family: Arial, Helvetica, sans-serif; border: none;}

div#llegenda {margin-left: 4px;}
img#ajuda {margin-left: 5px; vertical-align: middle; cursor: pointer}
div#llegenda p {color: #0258AB; margin: 10px 0 2px 0; font-weight: bold;}
div#llegenda ul {list-style: none; margin: 0px; padding: 0px;}
div#llegenda ul li {display: inline; margin-right: 10px; font-size: .95em;}
div#llegenda ul li img {vertical-align: middle; margin-right: 5px;}
div#tancar {background-color: #fff; padding: 2px; margin-bottom: 5px;; float: right; cursor: pointer;}

div#infonius {
	background-color: #fff;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	width: 270px;
	height: 420px;
	position: relative;
	top: -580px;
	left: 50px;
	padding: 2px 2px 2px 4px;
}

div#infonius h1 {font-size: 12px; margin: 0 0 5px 0; font-weight: bold; color: #000; background-color: #fff;}
div#infonius strong {font-weight: bold; color: #000;}
div#infonius table {margin-top: 10px; width: 190px;}
div#infonius table td {padding-left: 10px;}
td.numeric {text-align: center;}
div#infonius table thead td, div#infonius table thead th {border-bottom: solid 1px #000;}
div#infonius textarea {color: #000; font-family: Arial, Helvetica, sans-serif; border: none;}
div#infonius ul {margin: 6px 0 10px 0; padding: 0px; list-style: none;}
div#infonius ul li {display: inline; padding: 4px; margin-right: 5px; color: #333; border: solid 1px #000;}
div#infonius ul li a {color: #333; cursor: pointer;}

div#infonius ul#chart_legend img {border: solid 1px #333; float: none; width: 14px; height: 14px; padding: 0; margin:0 8px 1px 0; vertical-align: middle;}
img#ocupats {background-color: #00ff00;}
img#ocupats_altres {background-color: #ffff00;}
img#no_ocupats {background-color: #ff9900;}
img#trencats_ocupats {background-color: #ff0000;}
img#en_construccio {background-color: #c0c0c0;}
div#infonius ul#chart_legend li {border: 0; float: none; display: block; font-size: .85em; padding: 0; margin: 0;}
div#chtt {text-align: center; color: #000; font-size: 12px;}