/*	COLORES:
	gris fuente barrioca: 87868a 
	gris fuente EM: #999 #AAA
	morado ppal: #9e699a || rgb(158, 105, 154)
	morado fuerte: #7d196c 
	morado mapa: #d6b5cd || rgba(158, 105, 154, 0.2)
	verde: #6eadb0
*/

@font-face {
  font-family: "Roboto";
  src: url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Regular.eot");
  src: url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Regular.woff") format("woff"), url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Regular.ttf") format("ttf");
}

@font-face {
  font-family: "RobotoBold";
  src: url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Bold.eot");
  src: url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Bold.woff") format("woff"), url("https://e00-elmundo.uecdn.es/fonts/roboto/Roboto-Bold.ttf") format("ttf");
}

body {position: relative; width: 990px; margin:auto; height:600px;}
body *{outline: transparent !important; font-family: 'Roboto', sans-serif !important; font-style:normal !important; font-weight:400; color: #999; font-size:14px;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-touch-callout:none;
}
body *::-moz-focus-inner {border: 0 !important;}
body *:not(input){ -webkit-user-select: none; }

/* CLASES GENERALES */
.dip{display:inline-block;}
.cb{clear:both;}
.fl{float:left;}
.fr{float:right;}
.sinbr{border-right:0px !important;}
.sinmr{margin-right:0px !important;}
.oculto{display:none !important;}
.difuminado{opacity:0.7 !important;}
.psusp{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

span.color_p, span.txt_p{display:inline-block;height:10px;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;}


div.buttCheck{width:70%;
	display:inline-block; 
	cursor:pointer;
	padding:7px;
	border:1px solid lightgrey;
	border-radius:3px; 
	margin-right:5px;
	margin-top:10px;
	-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;
	-o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;
}

div.buttCheck.men{width:20%; padding: 7px 2px; }

div.buttCheck span.color_p, #party_colors div.buttCheck span.txt_p{height:13px;}
div.buttCheck span.color_p{width:5px;}
div.buttCheck span.txt_p{margin-right:0px; font-size:13px;}

div.buttCheck.activo{ color:white; background-color:#20C0F5;} 
div.buttCheck.activo span.txt_p{ color:white;} 




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

/* LOADING*/

#pre{position:absolute; width:100%; top:150px; text-align:center;}

#pre2{position:absolute; display:none; z-index:10000000; width:100%; height:100%; text-align:center;}
#pre2 img{display:block; margin:auto; margin-top:150px;}

body.tabletNot.waitingData #pre2{ display:block !important; }
body.tabletNot.waitingData #container{ opacity:0.20 !important; }
body:not(.tabletNot).waitingData #pre2{
	display:block !important; 
	background-image:url('https://e00-elmundo.uecdn.es/elmundo/2016/datos/jun/s5/26j/mapaTopo/mapaTopoDesktop_ok/css/pre2.png'); 
}


/*  CONTROLES  */
#controles{
	height:40px;
	width:100%;
	background-color:#878787;
	margin-bottom:10px;
}

#faldon{
	margin-top: -4px;
	height:5px;
	width:100%;
	background-color:#878787;
	margin-bottom:10px;
	position:relative;
	z-index: 2;
	
}

#sombraFaldon{
	position:relative;
	z-index: 1;
}

#nombreProvincia {
	display:none;
	position: absolute;
	top:  5px; 
	right: 300px;

	background-color:#ffffff;
	border:1px solid lightgrey;
	border-radius:3px;
	padding: 5px 30px;
	opacity: 0.9;
}

#nombreProvincia .name {
font-size: 18px;
text-align: right;
}



#controles .line{ padding:5px; padding-left:10px; height:30px;}
#controles .line .filterCont{ display:inline-block; float:left; margin-right:22px;}
#controles .line span, #controles .line select{display:inline-block; float:left; margin-right:9px;}

#controles .line span{color:white; height:30px; font-size:13px; line-height:30px;}
#controles .line select{height:30px; font-size:13px; line-height:30px;}

#controles .line .select{height:30px; font-size:13px; z-index:100000;}
#controles .line .select-styled{line-height:22px;}

#controles .line .select-options li{display:inline-block; width:100%;}

#controles .line #partyOptionsCont .select-options li {
  list-style-type: none;
  position: relative;
}

#controles .line #partyOptionsCont .select-options li::before {
  margin: 3px;	
  list-style-type: none;
  background-color:#333333;
  content: '';
  float:left;
  position: relative;
  height: 15px;
  top: 12px;
  left: 2px;
  margin-top: -1em;
  width: 5px;
}

#controles .line #partyOptionsCont .select-options li.p12::before, #controles .line #partyOptionsCont .select-styled.p12::before{background-color: #2a91d5;}
#controles .line #partyOptionsCont .select-options li.p13::before, #controles .line #partyOptionsCont .select-styled.p13::before{background-color: #e32d42;}
#controles .line #partyOptionsCont .select-options li.p3::before, #controles .line #partyOptionsCont .select-styled.p3::before{background-color: #bfcd28;}
#controles .line #partyOptionsCont .select-options li.p1::before, #controles .line #partyOptionsCont .select-styled.p1::before{background-color: #009526;}
#controles .line #partyOptionsCont .select-options li.p0::before, #controles .line #partyOptionsCont .select-styled.p0::before{background-color: #eb6615;}
#controles .line #partyOptionsCont .select-options li.p5::before, #controles .line #partyOptionsCont .select-styled.p5::before{background-color: #641766;}
#controles .line #partyOptionsCont .select-options li.p9::before, #controles .line #partyOptionsCont .select-styled.p9::before{background-color: #A7BF0F;}

#controles .line #partyOptionsCont .select-options li.p4850::before, #controles .line #partyOptionsCont .select-styled.p4850::before{background-color: #2e613d;}
#controles .line #partyOptionsCont .select-options li.p4475::before, #controles .line #partyOptionsCont .select-styled.p4475::before{background-color: #c83a8f;}
#controles .line #partyOptionsCont .select-options li.p4991::before, #controles .line #partyOptionsCont .select-styled.p4991::before{background-color: #282d69;}
#controles .line #partyOptionsCont .select-options li.p5063::before, #controles .line #partyOptionsCont .select-styled.p5063::before{background-color: #fcb743;}


#controles .line #partyOptionsCont .select-styled {
  list-style-type: none;
  position: absolute;
}
#controles .line #partyOptionsCont .select-styled::before {
  margin: 3px;	
  list-style-type: none;
  background: lightgrey;
  content: '';
  float:left;
  position: relative;
  height: 15px;
  top: 0px;
  left: -3px;
  width: 5px;
}

#controles .line #partyOptionsCont .select{ width:102px;}
#controles .line #partyOptionsCont .select-options{ width:100px; max-height:495px !important; overflow-y: auto; }

#controles .line #filterOptionsCont .select{width:200px; cursor:default;}
#controles .line #filterOptionsCont .select .select-styled{ cursor:pointer; }
#controles .line #filterOptionsCont .select-options li{ cursor:pointer; }
#controles .line #filterOptionsCont .select-options li.disabled{ color:rgba(153,153,153,0.3); pointer-events:none; cursor:default !important; }

#controles .line #renderOptionsCont .select{width:90px;}
#controles .line #yearOptionsCont .select{width:95px;}

/*#controles .line #yearOptionsCont{ pointer-events:none !important; }
#controles .line #yearOptionsCont .select-styled::after{border:0 !important;}*/

#controles .line #yearOptionsCont.filtroDisabled{ opacity:0.20; cursor-events:none; }
#controles .line #yearOptionsCont.filtroDisabled .select{ cursor:default; cursor-events:none; }

#controles #reload_viz { cursor:pointer; float:right; margin-right:5px;}
#controles #reload_viz span{margin-right:0px;}
#controles #reload_viz svg path{fill:white;}

/* DATAVIZ */
#dataviz{width:100%; height:550px; position:relative; z-index:100; overflow:hidden;}

/* MAPA */

#dataviz svg{pointer-events:none; overflow:hidden; }
#dataviz svg g{pointer-events:none;}
#dataviz svg path{
  /*stroke-width: 0.2px;
  stroke: white;
  fill: steelblue;*/
  cursor: pointer;
  pointer-events:all;
}
#dataviz svg path.sinEvents{ pointer-events:none !important; cursor:default !important;}

#dataviz svg path.provPath{pointer-events:none !important; }
#dataviz body.tabletNot svg path.provPath{
	-webkit-transition: fill 300ms linear; -moz-transition: fill 300ms linear;
	-o-transition: fill 300ms linear; -ms-transition: fill 300ms linear; transition: fill 300ms linear;
}

#dataviz svg.viendoProvs path.muniPath{ 
	pointer-events:none !important;
}

#dataviz svg:not(.viendoProvs) path.provPath.diluida{
	fill:rgba(255,255,255,.85) !important; 
	fill-opacity:1 !important;
	
	stroke-opacity:0;
	stroke:transparent !important;
	
	/*stroke:grey !important;
	stroke-opacity:0.15 !important;*/
	pointer-events:all !important;
	stroke-alignment:inner !important; 
}
#dataviz svg path.provPath.provSel{ stroke:grey; stroke-width:0.2px !important;}

#dataviz svg:not(.viendoProvs) path.provPath:not(.provSel).subidabajada{ stroke:grey !important; stroke-width:0.2px !important;}

#dataviz svg.zoomProv path.provPath:not(.diluida){ stroke:grey; }

#dataviz body.tabletNot svg#spMap path.muniPath.fuera{ display:none;}
#dataviz body:not(.tabletNot) svg#spMap path.muniPath.fuera{ cursor-events:none !important;}


#dataviz svg path.muniPath.muniSel{
	/*fill: #0C3048 !important ; 
	fill-opacity:1 !important;*/
  -webkit-animation: select 1s infinite; /* Safari 4+ */
  -moz-animation: select 1s infinite; /* Fx 5+ */
  -o-animation: select 1s infinite; /* Opera 12+ */
  animation: select 1s infinite; /* IE 10+, Fx 29+ */  
}

#dataviz svg path.provPath.provOutSel{
	/*fill: #0C3048 !important ; 
	fill-opacity:1 !important;*/
  -webkit-animation: select 1s infinite; /* Safari 4+ */
  -moz-animation: select 1s infinite; /* Fx 5+ */
  -o-animation: select 1s infinite; /* Opera 12+ */
  animation: select 1s infinite; /* IE 10+, Fx 29+ */  
}

@-webkit-keyframes select {
  0%   { opacity: 0.55; }
  50% { opacity: 1; }
  100%   { opacity: 0.55; }
}
@-moz-keyframes select {
  0%   { opacity: 0.55; }
  50% { opacity: 1; }
  100%   { opacity: 0.55; }
}
@-o-keyframes select {
  0%   { opacity: 0.55; }
  50% { opacity: 1; }
  100%   { opacity: 0.55; }
}
@keyframes select {
  0%   { opacity: 0.55; }
  50% { opacity: 1; }
  100%   { opacity: 0.55; }
}

#dataviz  svg.viendoProvs path.provPath{
	pointer-events:all !important;
}

#dataviz g.justDataElems path:not(.dataElem){ /*cursor:default;*/ pointer-events:none !important; }

/*
#dataviz  svg.viendoProvs.zoomProv path.provPath:not(.diluida){
	pointer-events:none !important;
	fill:transparent !important;
	stroke:grey !important;
}
*/
/*
#dataviz  svg.viendoProvs.zoomProv path.zoomProv{
	pointer-events:all !important;
	display:block;
}*/



#backToSpain{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:45px;
	height:45px;
	/*width:150px;
	height:30px;*/
	z-index:10000;
	cursor:pointer;
}
#backToSpain img { display:block; position:absolute; top:10px; left:10px; }

/******** TOOLTIPs ********/

/* Tooltip hover*/
#batamantip {
	position: absolute;
	min-height: 40px;
	min-width: 90px;
	border: 1px solid #D3D3D3;
	display: none;
	z-index: 10000008;
	background-color: rgba(250, 250, 250, 0.90);
	padding: 5px;
	border-radius:4px;
}

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

#batamantip p.name{
	font-weight:700;
}

/**************  INFO RANKING **************/

#info{
	float:right;
	width:275px;
	height:500px;
	position:relative;
}

#info_rank{
	color:#878787;
	margin-bottom: 5px;
}

.tipoRanking{
	
	text-align:center!important;

	font-size: 12px;
	width:107px;
	margin-top: -5px;
	margin-bottom: -5px;

	border:1px solid lightgrey;
	border-radius:3px;
	padding: 8px 10px 8px 10px;

}

.rank_activo{

	color:white;
	background-color:#878787;
	
}

/* autocompletar input municipios */

#searchMunis{
	position:relative;
	right:10px;
	margin:auto;
	margin-top:5px;
	width:260px;
	height:40px;
	z-index:100000;
}
#searchMunis img{display:block; float:left; height:30px; z-index:1000000;}
#searchMunis input{
	display:block;
	float:left;
	height:28px;
	width:79%; 
	padding:0px 10px;
	font-size:13px;
	border:1px solid lightgrey; 
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	background-repeat:no-repeat;
	z-index:100000;
}

#searchMunis  .autocomplete-suggestions { 
	clear:both; 
	top:28px;
	left:29px;
	border: 1px solid #999; 
	background: #FFF; 
	overflow: auto; 
	z-index:100000000 !important; 
	background-color:white;
	width:100%;
}
#searchMunis  .autocomplete-suggestion { cursor:pointer; padding:5px; /*white-space: nowrap; overflow: hidden;*/ font-size:13px;}
#searchMunis  .autocomplete-selected { background: #F0F0F0; }
#searchMunis  .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
#searchMunis  .autocomplete-group { /*padding: 3px 7px;*/ }
#searchMunis  .autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* FICHA MUNICIPIO CLICKADO */
#clickTtip {
	position: relative;
	right:10px;
	display:none;
	width: 95%;
	margin:auto;
	border: 1px solid #D3D3D3;
	display: none;
	z-index: 1000;
	background-color: rgba(250, 250, 250, 1);
	border-radius:4px;

}

#clickTtip h3{
	padding:5px 10px;
	border: 1px solid #878787;
	background-color:#878787;
	color:white;
	height:22px;
	line-height:22px;
	font-size:13px;
	margin-bottom:7px;
}



#clickTtip p {
	padding: 0px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#clickTtip p {padding-bottom:7px; 	font-size:13px;}
#clickTtip p.name{ font-size:15px; font-weight:700; color:#878787;}

#clickTtip .enlaceRes a{ font-weight:700; font-size:13px; color:#1F77B5;} 

/*

CLOSE: MANTENER COMENTADO PARA MOBILE

#clickTtip div.buttClose{ 
	float:right;
	cursor:pointer; 
	background-color:lightgrey;
	color:#fff;
	padding:3px;
	border-radius:3px; 
	-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;
	-o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;
} 
#clickTtip  div.buttClose:hover{ background-color:black; } 
#clickTtip div.buttClose span.closeCont{ display:inline-block; float:left;width:10px; height:10px; margin-top:-2px; }
#clickTtip  div.buttClose span.closeCont svg{width:10px; height:10px; margin-top:-9px; border:0;}

*/

#ranking{
	position:absolute;
	width:260px;
	margin:auto;
	margin-top:15px;
	margin-left:-2px;
	height: 400px;
	z-index:10000;
	text-align:left;

}

#ranking h2, #ranking h3, #ranking ul, #ranking li{display:block; width:100%; height:20px;}
#ranking h2{ font-size:25px; height:30px;}
#ranking h2 span{display:inline-block;}

#ranking #tipoRanking  span{ cursor: pointer;}
#ranking #tipoRanking span#tipoRankingUp{ float:left; text-align:left;}
#ranking #tipoRanking span#tipoRankingDown{ float:right; text-align:right;}

#ranking h3.header{font-size:13px; margin-top: 5px; margin-bottom: 28px; line-height: 20px;}
#ranking h3.header span{display:inline-block; margin-top:15px; margin-bottom: 10px;}
#ranking h3.header span.t1{float:left;}
#ranking h3.header span.t2{float:right;}

#info #ranking ul{font-size:13px; line-height: 20px; margin-top:5px; display:block; height:395px; overflow: auto; padding-right: 10px; padding-top: 10px; border-top: 1px solid #878787; }
#info.conCajaLugar #ranking ul{ height:220px !important; }
#ranking ul li{height:22px; cursor:pointer;  }
#ranking ul li.iParty{cursor:default;}
#ranking ul li:hover:not(.iParty){ background-color:rgba(32,192,245,0.2); }

#ranking ul li span{font-size:13px; height:20px; line-height:20px;}
#ranking ul li span.txt_p{max-width:180px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#ranking ul li span.data_p{float:right;}
/*
#clickTtip p.name{
	margin-top: -7px;
	margin-left: -1px;
	margin-right: -1px;
	color:white;
	background-color:#a4a4a4;
	border-bottom: 1px solid #878787; 

	}


#clickTtip p.hab{
	margin-left: -1px;
	margin-right: -1px;
	color:white;
	background-color:#c1c1c1;
	border-bottom: 1px solid #878787; 
	border-top: 1px solid #878787; 

	}*/

#cabeceraRanking {
	background-color:#878787;
	margin-bottom:10px;
	border-radius: 3px;
	padding-left: 9px;
}


#titulo_rank{
	color:#ffffff;
	line-height:22px;
	font-size:13px !important;
	
}

#tipoRanking{
	color:#ffffff;
}

/* ANTERIOR CSS, POR SI SIRVE ALGO */


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

	DATA CONTAINER
	
*****************************/

#data_container{float:left; width:49%; height:100%; margin-top:15px;/*border: 1px solid #1F77B5;*/}

#data_container #filters_tabla{width:95%; margin:auto; margin-top:15px; height:50px;}
#data_container #filters_tabla .filter_container{
	display:inline-block;
	float:left;
	width:33.3%;
	margin-bottom:10px;
}
#data_container #filters_tabla .filter_container .filterName{display:block; width:100%; margin-bottom:10px; font-size:15px;}

#data_container #tabla_container{ width:95%; margin:auto; margin-top:30px; }


#mala_sombrica{float:left; width:10px; height:100%;}
#mala_sombrica img{height:100%;}


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

	GRAPH CONTAINER
	
*****************************/
#graph_container{float:right; width:49%; height:100%; position:relative;}

#ficha_container{display:none; position:absolute;width:100%; height:100%;text-align:center; z-index:100000;}
#ficha_container #ficha_container_true { 
	/*display: table-cell;*/
	position:absolute;
	top:25px; 
	width: 485px; 
	height: 400px; 
	vertical-align: middle;
    text-align: center; 
}
#ficha_container #ficha_container_true #ficha{
	display: inline-block;
    width: 90%;
	padding:10px;
    max-height: 340px;
	border:1px solid #7d196c;
	border-radius:5px;
	background-color:#fff;
	-webkit-box-shadow: 5px 5px 7px 0px rgba(153,153,153,0.57);
	-moz-box-shadow: 5px 5px 7px 0px rgba(153,153,153,0.57);
	box-shadow: 5px 5px 7px 0px rgba(153,153,153,0.57);
}

#ficha #ficha_cabecera, #ficha #ficha_enlace_noticia{width:100%;}
#ficha #ficha_cabecera{ text-align:right; height:30px;}

#ficha_cabecera div.buttClose{ 
	float:right;
	cursor:pointer; 
	background-color:#d6b5cd;
	color:#fff;
	padding:5px;
	padding-left:8px;
	border-radius:3px; 
	-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;
	-o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;
} 
#ficha_cabecera div.buttClose:hover{ background-color:rgba(125,25,108,0.55); } 

#ficha_cabecera div.buttClose span.txt_p{margin-right:6px; font-size:13px; line-height:1.1; color:#fff;}
#ficha_cabecera div.buttClose span.closeCont{ display:inline-block; float:left;width:13px; height:13px; }
#ficha_cabecera div.buttClose span.closeCont svg{width:13px; height:13px;}

#ficha #ficha_contenido{width:96%; margin:auto; margin-top:10px;}
#ficha p, #ficha span, #ficha button, #ficha a{font-size:15px;}


#ficha .ficha_linea{clear:both; width:100%; min-height:30px;}
#ficha .ficha_linea .dip{ text-align:left; }
#ficha .ficha_linea #ficha_medidas_prot, #ficha .ficha_linea #ficha_prov{ text-align:right;}
#ficha .ficha_linea #ficha_edad{text-align:center;}

.label_ficha{color:#999;}
.value_ficha{color:#7d196c;}

#ficha .ficha_linea #ficha_fecha{width:35%;}
#ficha .ficha_linea #ficha_edad{ margin-left:5%; width:15%; }
#ficha .ficha_linea #ficha_prov{width:40%;}

#ficha .ficha_linea #ficha_denuncia{width:45%;}
#ficha .ficha_linea #ficha_medidas_prot{width:45%;}

#ficha .fichaSep{margin-top:0px; margin-bottom:15px; width:100%; height:1px; background-color:#d6b5cd;}

#ficha p{text-align:left; padding-top:10px; padding-bottom:10px; line-height:1.5;}
#ficha p#ficha_datos_year{padding-bottom:20px;}


#ficha_enlace_noticia{width:100%;}
#ficha_enlace_noticia a{ 
	display:block; 
	width:100%;
	background-color:#d6b5cd;
	color:#fff;
	padding:5px 0px;
	border-radius:3px;
	font-size:13px; line-height:1.1; color:#fff;	
	-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;
	-o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;
}
#ficha_enlace_noticia a:hover{ background-color:rgba(125,25,108,0.55); } 

#graph_container #textoHelp{ position:absolute; right:50px; top:30px; font-size:12px; z-index:1000;}
#graph_container #textoHelp .buttClose{
	display:none;
	cursor:pointer; 
	background-color:#7d196c;
	color:#fff;
	height:13px;
	padding:5px;
	padding-left:8px;
	border-radius:3px; 
	-webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;
} 
#graph_container #textoHelp div.buttClose:hover{ background-color:rgba(125,25,108,0.55); } 

#graph_container #textoHelp div.buttClose span.txt_p{margin-right:6px; font-size:13px; line-height:1.1; color:#fff;}
#graph_container #textoHelp div.buttClose span.closeCont{ display:inline-block; float:left;width:13px; height:13px; }
#graph_container #textoHelp div.buttClose span.closeCont svg{width:13px; height:13px;}


/*   MAPA    */

#graph_container  #mapa_spain{width:100%; height:400px;}
#graph_container  #mapa_spain svg{width:474px; height:398px;}
#graph_container  #mapa_spain svg .provPath{
	fill:white; 
	stroke:#999;
	stroke-width:1px;
	-webkit-transition: fill 200ms linear; -moz-transition: fill 200ms linear;
	-o-transition: fill 200ms linear; -ms-transition: fill 200ms linear; transition: fill 200ms linear;
}

#graph_container  #mapa_spain svg  .provPath.conMuertes{ fill:#d6b5cd; cursor:pointer;}
#graph_container  #mapa_spain svg  .provPath.provSel{ fill:#7d196c; }
#graph_container  #mapa_spain svg  .provPath.conMuertes:not(.provSel):hover{ fill:rgba(125,25,108,0.55);}


#graph_container #bars_mensuales{width:100%; height:170px; margin-top:30px;}
#graph_container #bars_mensuales #info_bars_mensuales{width:100%;}
#info_bars_mensuales p, #info_bars_mensuales select{display:inline-block;}
#info_bars_mensuales p{float:left;width:90%;margin-left:1%;}
#info_bars_mensuales select{float:right; width:15%; margin-right:2%;}
#graph_container #bars_mensuales svg{clear:both;}

#graph_container #bars_mensuales svg .bar { fill: #9e699a;}
#graph_container #bars_mensuales svg .bar:hover { /*fill: brown;*/}
#graph_container #bars_mensuales svg .axis { font-size: 10px;}
#graph_container #bars_mensuales svg .axis path,
#graph_container #bars_mensuales svg .axis line {
	fill: none;
	stroke: #999;
	shape-rendering: crispEdges;
}
#graph_container #bars_mensuales svg .x.axis path {/*display: none;*/}
#graph_container #bars_mensuales svg .x.axis line{display:none;}
#graph_container #bars_mensuales svg .x.axis .tick text{fill:#999;}

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

	DATATABLE
	
******************/

table.dataTable td, .dataTable th{
	font-size:14px;
	padding:12px 4px;
	text-align:left;
	cursor:pointer;
}

table.dataTable tbody tr td, table.dataTable tbody tr{
	-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;
	-o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;
}

.dataTables_scrollHead table.dataTable thead{  }
.dataTables_scrollHead table.dataTable thead th{
	position:relative;
	background-repeat:no-repeat;
	padding-bottom:10px;
	padding-top:10px;

	
}

.dataTables_scrollHead table.dataTable thead tr{
	border-bottom:1px solid #999;


}

.dataTables_scrollHead table.dataTable thead .sorting_asc:after, 
.dataTables_scrollHead table.dataTable thead .sorting_desc:after{
	content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
	border-color: transparent transparent #9e699a transparent;
    position: absolute;
    top: 9px;
    right: 11px;

}

.dataTables_scrollHead table.dataTable thead .sorting_desc:after{
	top:15px;
    border-color: #9e699a transparent transparent transparent;

}

table.dataTable tbody tr.selected{background-color:#9e699a;}
table.dataTable tbody tr.selected td{color:white;}
table.dataTable tbody tr:not(.selected):hover{background-color:rgba(158, 105, 154, 0.2)}

table.dataTable .dataTables_scrollBody{}

#tabla_filter{display:none;}

::-webkit-scrollbar{
	width:6px;

}

::-webkit-scrollbar-track {
	background:lightgrey;
}
 
::-webkit-scrollbar-thumb {
	background:  #878787; 
}


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

	GRADIENTES
	
******************/



.caja_gradiente {

display: none;
position: absolute;
top:  525px; 
left: 10px;

}


.gradiente{

width: 100px;
height: 10px;  
border: 1px solid #ddd;
border-radius: 1px;
margin:0px 5px;  
float: left;

}

.gradiente_txt{
float: left;
font-size: 12px;

}

.gradiente_titulo span{
	font-size: 12px;
	position: absolute;
	top:  -20px; 
}




.gradiente_12{

background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(42,145,213,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(42,145,213,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(42,145,213,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(42,145,213,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(42,145,213,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(42,145,213,1) 100%);

}

.gradiente_13 {

background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(227,45,66,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(227,45,66,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(227,45,66,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(227,45,66,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(227,45,66,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(227,45,66,1) 100%);

}


.gradiente_3 {

background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(192,205,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(192,205,31,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(192,205,31,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(192,205,31,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(192,205,31,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(192,205,31,1) 100%);

}

/* UPyD */
.gradiente_4475 {

background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(197,58,144,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(197,58,144,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(197,58,144,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(197,58,144,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(197,58,144,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(197,58,144,1) 100%);

}


.gradiente_1{

background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,149,38,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,149,38,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,149,38,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,149,38,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,149,38,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(0,149,38,1) 100%);

}


.gradiente_5 {

background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(100,23,102,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(100,23,102,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(100,23,102,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(100,23,102,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(100,23,102,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(100,23,102,1) 100%);

}

.gradiente_0 {

background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,102,21,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,102,21,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,102,21,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,102,21,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,102,21,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(235,102,21,1) 100%);

}

.gradiente_caidas, .gradiente_subidas, .gradiente_caidas_26j, .gradiente_subidas_26j{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(74,122,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(74,122,126,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(74,122,126,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(74,122,126,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(74,122,126,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(74,122,126,1) 100%);

}