@charset "utf-8";
/* CSS Document */
section#PageContent{
	top:40px;position:relative;
}

section.ptseccion{
	width:100%;height:600px;background-color:white;display:block;position:relative;top:108px;background: #003363 url(../images/fondo.png) no-repeat top center;
}

section.sectionMap{
	width:100%;height:600px;background-color:white;display:block;position:relative;top:108px;background: #003363 url(../images/fondo.png) no-repeat top center;
}

div.centerDiv{
	margin:auto;width:50px;height:50px;background:orange;position:relative;top:300px;
}

div.MapMenuBar{
	height:55px;width:100%;position:absolute;z-index:1;background-color:rgba(22,55,110,0.601961);top:0px;
}

div.MapMenuBar ul{
	list-style:none;
}

div.MapMenuBar li{
	float:left
}

div.MapMenuBar img{
	width:43px;height:30px;margin-left:10px;margin-top:20px;cursor:pointer;
}

div.layer{
	width:100%;height:100%;position:absolute;left:0px;top:0px;display:none;
}

div.layer#Regiones{
	/*background-color:rgba(0,178,45,0.5);	*/
}

div.layer#Reportes{
	float:left;/*background-color:rgba(49,148,148,0.8);*/
}

div#contenedorRegiones{
	height:400px;width:350px;position:absolute;top:100px;left:50px;overflow:auto;color:white;border:1px solid white;background:rgba(0,0,0,0.8);/*background:rgba(0,178,45,0.8);*/
}

div#contenedorRegiones ul{
	list-style:none;
}

div#contenedorRegiones ul li{
	margin:10px;
}

div#contenedorRegiones ul li label:hover{
	color:white;cursor:pointer;
}

span#tituloPanel{
	font-weight:bold;color:white;top:10px;left:5px;position:relative;
}

input[type=checkbox] {
	visibility: hidden;
}

/* FORMATO PARA CHECKBOX */
.regionBox {
	width: 20px;
	height: 20px;
	background:white;
	margin: 20px;
	font-size:15px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.regionBox label {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 2px;
	top: 2px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	background:#C0C0C0;
}
.regionBox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background: #00bf00;

	background:rgb(0,178,45);

	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.regionBox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.regionBox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.regionBox input[type=checkbox]:checked + label{color:white;}

div.reportcatlist{
	height:400px;width:350px;position:absolute;top:100px;left:50px;overflow:auto;color:white;background:rgba(0,0,0,0.8);border:1px solid white;
}

div.reportcatlist ul{list-style:none;position:relative;top:10px;}

div.reportcatlist ul li{}

div.reportcatlist ul li div{
	padding:5px;margin:4px;cursor:pointer;font-size:15px;/*background:rgba(49,148,148,0.9);*/
}

div.reportcatlist ul li div img{width:9px;height:9px;}

div.hierarchyContainer{
	position:relative;width:1000px;height:450px;background:rgba(0,0,0,0.8);top:75px;left:400px;border-radius:5px;border:1px solid white;overflow-y:auto;overflow-x:hidden;
}

div.hierarchyContainer div.subCat{
	width:100%;color:white;float:left;display:none;
}

div.hierarchyContainer div.subCat div.subCatTitle{
	font-size:18px;font-weight:bold;width:100%;margin:10px;
}

div.hierarchyContainer div.subCat div.reportElement{
	width:300px;margin:5px;padding:5px;float:left;
}

div.hierarchyContainer div.subCat div.reportElement:hover{
	cursor:pointer;border-radius:5px;background:rgba(49,148,148,0.6);/*border:1px solid white;*/
}

div.hierarchyContainer div.subCat div.reportElement a{
	text-decoration:none;
}

div.hierarchyContainer div.subCat div.reportElement span.reportTitle{
	font-size:14px;color:yellow;
}

div.hierarchyContainer div.subCat div.reportElement span.reportDes{
	font-size:12px;color:white;
}