/*

gris rentas: #fafafa;
azul: #1F77B5;

*/

@font-face{
font-family:"PT Serif Bold";
src:url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-bold-webfont.eot");
src:url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-bold-webfont.eot?#iefix") format("embedded-opentype"),url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-bold-webfont.woff2") format("woff2"),url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-bold-webfont.woff") format("woff"),url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-bold-webfont.ttf") format("ttf")
}

@font-face{
font-family:"PT Serif";
src:url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-regular-webfont.eot");
src:url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-regular-webfont.eot?#iefix") format("embedded-opentype"),url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-regular-webfont.woff2") format("woff2"),url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-regular-webfont.woff") format("woff"),url("https://e00-elmundo.uecdn.es/fonts/PTSerifWeb/pt_serif-web-regular-webfont.ttf") format("ttf")
}

body {position: relative; width: 990px; margin:auto; height:630px;}
body *{outline: transparent !important; font-family: 'PT Serif', sans-serif !important; font-style:normal !important; font-weight:400; color: #505050; font-size:14px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}	
body *::-moz-focus-inner {border: 0 !important;}

body.waitingData #pre{ display:block !important;  }
body.waitingData #container{ opacity: 0.2 !important; pointer-events:none; }

/* CLASES GENERALES */
.dip{display:inline-block;}
.cb{clear:both;}
.fl{float:left;}
.fr{float:right;}

.cabecera .fr{margin-right: 20px; padding-bottom: 15px;}

.sinbr{border-right:0px !important;}
.sinmr{margin-right:0px !important;}
.oculto{display:none !important;}
.difuminado{opacity:0.7 !important;}
.fwb{font-family: "PT Serif Bold"; color:#0C3048; text-shadow: 0 !important;}
.psusp{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.trans{
	-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;
	-o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;
}

span.color_p, span.txt_p{display:inline-block;height:13px;float:left;}
span.seats_p{display:inline-block;height:15px;float:right;}
span.color_p{width:6px; margin-right:5px;}

span.txt_p{margin-right:25px;}

span.color_p.color_p_big, span.txt_p.txt_p_big, span.porc_p.porc_p_big{height:28px; font-size:27px;}
span.txt_p.txt_p_big{margin-right:0px;}
span.color_p.color_p_big{margin-right:10px;}

#pre{position:absolute; width:100%; top:230px; text-align:center; height:600px;/*z-index:100000;*/}
#mascara{ display:none;position:absolute; width:100%; height:800px;top:0px; left:0px; text-align:center; z-index:10000000;}

#container{
	width:920px;
	margin:15px auto;
	height:630px;
	background-color:white;
	font-size:15px;
	color:#1a1a1a;
	position:relative;
	opacity:0;
}


/* FILTRO LEGIS */

.filter_container{ display:block; width:100%; height:40px; }

.filter_container .radio{ display:inline-block; float:left;  min-width:100px; padding:5px 15px; }
.filter_container .radio label{ margin-left:2px; font-size:15px; line-height:15px;}
.filter_container .radio label, .filter_container .radio input{ cursor:pointer; }

.filter_container span.filterName,.filter_container div,
	.filter_container .select, .filter_container select{display:inline-block; float:left; }
.filter_container span{ line-height:38px; margin-right:20px;}
.filter_container .select, .filter_container select{ width:160px; background-color:#F1F1F1; }
.valueName,.filterName{ font-size:14px; }

.filter_container .select{z-index:1000000;}

/* LEYENDAS */

#leyenda_12{ position:relative; text-align:right; z-index:1000; margin-left:20px;}
#leyenda_12 .leyenda_txt{float: left; font-size: 13px;}
#leyenda_12 .leyenda_titulo span{ font-size: 12px; position: absolute; top:-20px; }
.leyenda_elem{ padding-top:3px; float:left; cursor:pointer; }
.leyenda_elem .leyenda_color{ float:left; width:14px; height:14px;  margin-right:5px; }
.leyenda_elem .leyenda_txt{ line-height:15px; margin-right:14px; }

#leyenda_11{ position:relative; text-align:right; z-index:1000; margin-left:20px;}
#leyenda_11 .leyenda_txt{float: left; font-size: 13px;}
#leyenda_11 .leyenda_titulo span{ font-size: 12px; position: absolute; top:-20px; }
.leyenda_elem{ padding-top:3px; float:left; cursor:pointer; }
.leyenda_elem .leyenda_color{ float:left; width:14px; height:14px;  margin-right:5px; }
.leyenda_elem .leyenda_txt{ line-height:15px; margin-right:14px; }


#dataviz{ width:100%; height:550px; position:relative; }

/* PESTAÑICAS */

#pestanicas .pest.disabled{ opacity:1; color:#dfdfdf; pointer-events:none; }

#dataviz .pest_container{ position:absolute; top:0px; left:0px;  width:100%;}

/****************

	GRÁFICOS
	
******************/

#d3_treemap_12{ width:100%; position:relative; }
#d3_treemap_12 svg{ overflow:hidden; }
#d3_treemap_12 .node {
  border: solid 1px white;
  font-size: 12px;
  color:#ffffff;
  line-height: 12px;
  overflow: hidden;
  position: absolute;
  cursor:pointer;
  text-indent: 2px;
}

#d3_treemap_12 .cell{ cursor:pointer;  }
#d3_treemap_12 text { font-size: 13px; fill:#fff; pointer-events:none; }
#d3_treemap_12 rect { fill: none; }

#tooltip_12{
	position: absolute;
	min-height: 40px;
	min-width: 90px;
	border: 1px solid #D3D3D3;
	display: none;
	z-index: 10000000;
	background-color: rgba(250, 250, 250, 0.93);
	padding: 5px;
	border-radius:4px;
}

#tooltip_12 p {
	font-size: 13px;
	padding: 3px 6px;
	max-width:240px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#tooltip_12 p.nomPlace{
	font-family: 'PT Serif Bold' ;
}



#d3_treemap_11{ width:100%; position:relative; /*display:none;*/}
#d3_treemap_11 svg{ overflow:hidden; }
#d3_treemap_11 .node {
  border: solid 1px white;
  font-size: 12px;
  color:#ffffff;
  line-height: 12px;
  overflow: hidden;
  position: absolute;
  cursor:pointer;
  text-indent: 2px;
}

#d3_treemap_11 .cell{ cursor:pointer;  }
#d3_treemap_11 text { font-size: 13px; fill:#fff; pointer-events:none; }
#d3_treemap_11 rect { fill: none; }

#tooltip_11{
	position: absolute;
	min-height: 40px;
	min-width: 90px;
	border: 1px solid #D3D3D3;
	display: none;
	z-index: 10000000;
	background-color: rgba(250, 250, 250, 0.93);
	padding: 5px;
	border-radius:4px;
}

#tooltip_11 p {
	font-size: 13px;
	padding: 3px 6px;
	max-width:240px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#tooltip_11 p.nomPlace{
	font-family: 'PT Serif Bold' ;
}