/*@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
html,body {height:100%; background:#fffffd}
/*#main * {font-family:"Roboto Condensed",Arial, Helvetica, sans-serif !important;}*/
#main {background:#fafafa; border:1px solid #f0f0f0; padding:10px 20px; line-height:1em !important}
h2,h3 {color:#666}

h2 {
	margin-left:42px; 
	font-size:40px;
	font-weight:normal; 
	color:#039cac;
}

.tit {float:left; width:100%; background:url(../img/bg00.png) repeat-x; text-align:center; margin:0 1.5%}
.tit > span, .unf > span {color: #039cac;  font-size: 14px;   background-color: #fff; padding: 0 8px; }

.unf {float:none; margin-top:10px;  background:url(../img/bg00.png) repeat-x; text-align:center; margin:0 0.5%; line-height:1.4em !important}

#spmes{text-align:center;font-size:2.5em;color:	rgb(31, 19, 180);position: absolute;right: 5%; transform: translateX(-20%) translateY(-50%);height:230px;}
#titEvento{text-align:center;font-size:2em;color:rgba(31, 19, 180,0.6);}

#loadingModal, #exportingDataModal {
  position: absolute;
  top: 120px;
  right: 0;
  width: 300px;
  height: 200px;
  background-color:rgba(0,150,0,0.5)
  }

.tercio {width:23%; float:left;  margin:0 1.5%;}
.sexto {width:45%; float:left;  margin:0 0.3%;}
.sextos {width:73%; float:left;  margin:0 0.3%;}
.tercios {width:22%; float:left;  margin:0 1.5%;}

.smap {height: 600px; margin-top:38px; }

.smap1 {height: 375px;}
#mapas {border: 1px solid #aaa}

button {cursor:pointer;}
.bajativa {text-align:center; width:100%;}

#total {width:100%;height:150px;}

#chart-Row, #chart-Row1, #chart-Row2 { font-size:12px;padding:40px 0px;}
#ChartP,#ChartPr,#ChartP1,#ChartC1, #ChartPT, #ChartCT {width:100%; margin:0 auto; font-size:34px; text-align:center}
#ChartC{width:100%; margin:10px auto; font-size:5em; text-align:center;word-wrap: break-word;  color: #aaa; margin-bottom:30px; padding-top:14px; line-height:1em}
#monthsVis {width:100%; margin:10 auto; font-size:3em; text-align:center}

#rubroVis {margin-bottom:30px}

/*.dc-chart .pie-slice {fill: black;font-size: 0.5em;}*/

.detalle #limpeza{margin:10px; text-align:center;}

.detalle {
	margin-top:5px;
	width:23%;
	min-width_:150px;
	position: fixed;
	top: 0%;
	padding:10px;
	right:10px;
	float:left;
	background-color:rgba(125,100,100,.2);}
	
.detalle1 {
	float:left;
	background-color:rgba(125,100,100,.3);}	

		body * {box-sizing: border-box}
		.main { height:100%; width:100%; padding: 0px 20px}
		.medio { width:calc(50% - 40px); height:100%; float:left; margin: 0px 20px;}
		.unf {text-transform: uppercase; letter-spacing:0px}



.dc-chart g.row text {
	font-size: 13px;
	font-family:"Roboto Condensed",Arial, Helvetica, sans-serif !important;
}
.reset a {color: white !important; white-space: nowrap; 	background: red; 	font-size: 12px; 	font-weight: bold; 	padding: 1px 6px; 	text-decoration: none; line-height:1.2em; margin-left:10px} 

.filter {font-size:13px; color:rgb(111, 117, 122);}
.reset {margin-left:20px}
.xtras {margin-top:10px}
.xtras button  { font-size: 11px; padding: 6px 9px;}
.xtras .uno,.xtras .dos { float:left; font-size:13px}
.xtras .dos { margin-left:20px}