body   { margin:0; padding: 0; border:0; font-family: sans-serif;  background-color: inherit; 	}
			li     { list-style: none; }
			td, th { border: 1px solid grey; }
			table {
			    border-collapse: collapse;
			    width:           100%;
			    height:          350px;
			    overflow-y:      scroll;
			}
			th {
				text-align: center;
				font-size:  15px;
				border-bottom: 1px solid grey;
				background-color: #dddddd; 
			    padding: 6px;
			}
			th.header-unit{
				color: grey;
				font-weight: normal;
				padding: 3px 6px;
			}
			td{
			    border:  1px solid #dddddd;
			    padding: 6px;
			}

			tr:nth-child(even) {
			    background-color: #dddddd;
			}
			tab{
				padding: 0 15px;
			}
			#map-cont {
				height: 451px;
				width:  100%;
			}
			#li-switch{
				margin-top: 0px;
				padding:    0px 10px;
			}
			#switcher, #legenda{
				background-color: rgba(200, 200, 200, 0.9);
				position:         absolute;
				z-index:          1;
				margin:           0px;
			}
			#legenda {
				display: none;
				top: 0;
				padding:5px;
			}	
			#popup{
				background-color: rgba(0, 0, 0, 0.8); 
				color:            white;
				padding:          16px;
				border:           3.5px double white;
				border-radius:    8px;
				max-width:        220px
			}
			#tabs-container{
				width:100%;
			}
			#helper-msg{
				padding: 5px;
				text-align: center;
				background-color: #ccc;
				color: #555;
				border-bottom: 1px  solid #777;
				border-top: 1px  solid #777;
			}
			.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
				border-radius: 0;
				
			}
			.ui-tabs .ui-tabs-panel{
				padding: 0;
			}			
			.map{
				width:  100%;
				height: 100%;
			}
			.layer-check{
				margin: 0 10px;
			}
			.ol-zoom, .ol-zoom-extent{
			    right: .5em;
			    left:  auto; 
			}
			.ol-zoom-extent{
				top: 70px;
			}
			.ol-full-screen{
				right: .5em;
				left: auto;
				top: 106px;
				width: 27px;
			}
			.ol-rotate {
    			top: 142px;
			}
			.ui-tabs{
				padding: 0;
			}
			.category-caption{
				text-transform: uppercase;
				font-size:      10px;
			}
			.ol-popup-closer,
			.ol-popup-closer:hover {
				cursor: pointer;
				text-decoration: none;
				position: absolute;
				color: white;
				top: 2px;
				right: 8px;
			}

			.legend-btn{
				background-color: rgba(0,0,0,0);
				/*height: 10px;
				width: 10px;*/
				border: none;
				cursor: pointer;
				float: right;
				outline: 0;
			}
			.fotos{
				height: 80px;
				cursor: pointer;
			}
			.fotos:hover{
				height: 230px
			}
			.scale-line-right{
				background: rgba(0,60,136,.4);
				border-radius: 4px;
				bottom: 8px;
				right: 8px;
				padding: 2px;
				position: absolute;
			}
			.scale-line-right-inner {
				border: 1px solid #eee;
				border-top: none;
				color: #eee;
				font-size: 12px;
				text-align: center;
				margin: 1px;
				will-change: contents,width;
			}