/* estilos para personalizar iframe con mapa */

#main{
	padding: 0 !important;
	position: relative;
}

.floatbox{
	width: 680px;
}

#map{
	width: 100% !important;
	height: 500px;
}

#right,
#kml-layers{
	position: absolute;
	right: 10px;
	z-index: 1000;
	height: 400px;
	width: 200px !important;
/*	border-left: 5px solid #ccc;*/
}

#right{
	top: 180px;
	padding-bottom: 0 !important;
	margin-bottom: -14px;
}

#kml-layers{
	z-index: 999 !important;
	border-top: 0;
	top: 360px;
	top: 10px;
}

.swatch,
.swatch img{
	width: 20px;
	height: 20px;
}

/*
#right li,
#kml-layers li{
-moz-opacity: 0.8;
opacity: 0.8;
}

#right li:hover,
#kml-layers li:hover{
-moz-opacity: 1;
opacity: 1;
}

*/

#right .category-filters{
	height: 305px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.category-filters{
	padding-bottom: 0 !important;
	border: 0 !important;
}


.category-filters li a{
	margin: 0 !important;
	padding: 0 !important;
}

.category-filters #cat_0{
	display: none;
}

.category-filters li a{
	font-size: .9em !important;
	text-transform: capitalize !important;
}

.footer-credits,
#header,
#mapStatus,
.cat-filters,
#graph,
.slider-holder,
.additional-content,
.content-container{
	display: none;
}