
body, html {
	font-family: Calibri; 
	height: 100%;
	margin: 0px;
	position: absolute;
	width: 100%;
	z-index: 10;
}

h4 {
	margin: 0px;
	padding: 4px;
}

iframe {
	border: 0px;
	height: 100%;
	width: 100%;
}

.despliegue{
	position: relative;
	top: -22px;
	right: -85%;
}

.despliegue:hover {
	cursor: default;
	border-color: #BDBDBD;
	border-radius: 0.0em;
	border-style: solid;
	border-width: 1px;
}

.titulo {
	background-color: #F2F2F2;
	height: 30px;
}

.widget {
	background-color: #FFFFFF;
	border-color: #BDBDBD;
	border-radius: 0.0em;
	border-style: solid;
	border-width: 1px;
	color: #000000;
}

.widget:hover {
	cursor: move;
	/*box-shadow: 1px 3px 3px rgba(0,0,0,0.5);*/
}

.widget:hover  .titulo{
	background: -webkit-linear-gradient(white, #D8D8D8);
}

#ano {
	height: 150px;
	width: 21%;
}

/*#anohisto {
	height: 150px;
	width: 21%;
}*/

#arbol {
	height: 130px;
	left: 980px;
	position: absolute;
	top: 170px;
	width: 320px;
}

#arbusto {
	height: 130px;
	left: 690px;
	position: absolute;
	top: 170px;
	width: 270px;
}

#cabecero {
	color: #000000;
	float: left;
	font-style: italic;
	left: 140px;
	position: absolute;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	top: 20px;
}

/*#datapie {
	height: 150px;
	width: 21%;
}*/

#elements {
	height: 220px;
	left: 0px;
	position: absolute;
	top: 102px;
	width: 10.8%;
}

#header {
	background: -webkit-gradient(top, #0A2A0A ,#e3e3e3 80%);
	border-radius: 0.0em;
	color: #FFFFFF;
	height: 100%;
	width: 100%;
}

#histograma{
	width: 40%;
	height: 450px;
	padding-bottom:30px;
	position: absolute;
	top: 127px;
	right:38.75%;
}

/*#iano{
	height: 150px;
}*/

#ielements{
	height: 190px;
}

#ihistograma{
	height: 100%;
}

#iformaciones {
	height: 100px;
	width: 360px;
}

#ipiechart{
	/*height: 450px;*/
	height: 100%;
}

#imapapolitico{
	/*height: 400px;*/
	height: 100%;
}

#imapavacio{
	/*height: 400px;*/
	height: 100%;
}

#imenu{
	height: 140px;
}

#inivel2{
	height: 140px;
}

#inivel3{
	height: 140px;
}

#ititulo{
	height: 100px;
}

#iuso3{
	height: 100px;
	width: 230px;
}

#mapapolitico {
	/*width: 78.7%;*/
	width: 88.9%;
	height: 430px;
	padding-bottom:30px;
	position:absolute;
	top:102px;
	right:0px;
}

#mapavacio {
	width: 88.9%;
	height: 430px;
	padding-bottom:30px;
	position:absolute;
	top:102px;
	right:0px;
}

#menu {
	height: 170px;
	width: 21%;
}

#nivel2 {
	height: 170px;
	width: 21%;
}

#nivel3 {
	height: 170px;
	left: ;
	position: relative;
	top: ;
	width: 21%;
}

#piechart{
	width: 38.8%;
	height: 450px;
	padding-bottom:30px;
	position:absolute;
	top:127px;
	right:0px;
}

#rol {
	color: #000000;
	left: 142px;
	position: absolute;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	top: 75px;
}

#sesion {
	color: #000000;
	position: absolute;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	right: 30px;
	top: 75px;
}

#titulo {
	border-radius: 0.0em;
	height: 100px;
	width: 99.85%;
}

#titulo:hover {
	background: -webkit-linear-gradient(white, #D8D8D8);
}

#uso3 {
	height: 100px;
	left: 440px;
	position: absolute;
	top: 170px;
	width: 230px;
}
