body {position: relative; width: 660px; margin:auto; height:715px; /*border: 1px solid lightgrey;*/}
body *{outline: transparent !important; font-family:'Helvetica', 'Arial',sans-serif !important; color: #87868a; font-size:14px;}	
body *::-moz-focus-inner {border: 0 !important;}

/* CLASES GENERALES */
.cb{clear:both;}
.fl{float:left;}
.fr{float:right;}
.oculto{display:none !important;}
.anteriorLeg{opacity:0.72 !important;}

/* COLORES */


/*
.cdc .color_p , .seats_coalic .seats_party.cdc{background-color:#124162;}
.erc .color_p , .seats_coalic .seats_party.erc{background-color:#F79F21;}
*/

.pp .color_p, .seats_coalic .seats_party.pp{background-color:#2a91d5;}
.psoe .color_p, .seats_coalic .seats_party.psoe{background-color:#e32d42;}
.cs .color_p , .seats_coalic .seats_party.cs{background-color:#eb6615;}
.pod  .color_p , .seats_coalic .seats_party.pod{background-color:#641766;}
.iu .color_p , .seats_coalic .seats_party.iu{background-color:#2e613d;}
.dl .color_p , .seats_coalic .seats_party.dl{background-color:#124162;}
.erc .color_p , .seats_coalic .seats_party.erc{background-color:#F79F21;}
.pnv .color_p , .seats_coalic .seats_party.pnv{background-color:#009526;}
.bildu .color_p , .seats_coalic .seats_party.bildu{background-color:#C3CF34;}
.cc .color_p , .seats_coalic .seats_party.cc{background-color:#FFFF96;}
.marea .color_p , .seats_coalic .seats_party.marea{background-color:#33CCFF;}
.compromis .color_p , .seats_coalic .seats_party.compromis{background-color:#FF9999;}
.comun .color_p , .seats_coalic .seats_party.comun{background-color:#CC99FF;}
.nuevaCan .color_p , .seats_coalic .seats_party.nuevaCan{background-color:#81C03B;}
.otros .color_p , .seats_coalic .seats_party.otros{background-color:#AEADB3;}

#container{
	width:660px;
	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;}

#titulo{display:inline-block; float:left; line-height:25px; margin-left:15px; margin-top:10px;}
#titulo span{font-size:16px; line-height:25px;margin-right:12px;}

/* CABECERA*/
#cabecera{ width:100%; position:relative; height:40px; margin: auto; padding-top:10px; padding-bottom:10px;}
#cabecera .info_cabecera{display:inline-block; width:100%;}

#cabecera h1, #cabecera .filterCont {display:inline-block; float:left; line-height:30px; margin-left:15px;}
#cabecera h1{ font-size:16px; width:60%; margin-left:20%; text-align:center;}

#cabecera .info_cabecera span{font-size:17px; line-height:36px;margin-right:12px;}

#candOptionsCont{ position:relative;float:right !important; margin-top:8px !important; width:15%; }
#candOptionsCont .select{height:30px;}

#candOptionsCont .select-options li {
  list-style-type: none;
  position: relative;
  padding-top:1px;
  padding-bottom:1px;
}

#faldon{
  margin-left:35px;
  position: absolute;
  top: 634px;
}

#faldon p{line-height: 18px; font-size:13px;}

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

#candOptionsCont .select-options li.ppp::before, #candOptionsCont .select-styled.ppp::before{background-color: #2a91d5;;}
#candOptionsCont .select-options li.ppsoe::before, #candOptionsCont .select-styled.ppsoe::before{background-color: #e32d42;}
#candOptionsCont .select-options li.pcs::before, #candOptionsCont .select-styled.pcs::before{background-color: #eb6615;}
#candOptionsCont .select-options li.ppod::before, #candOptionsCont .select-styled.ppod::before{background-color: #AA3345;}
#candOptionsCont .select-options li.pcdc::before, #candOptionsCont .select-styled.pcdc::before{ background-color:#124162; }
#candOptionsCont .select-options li.perc::before, #candOptionsCont .select-styled.perc::before{ background-color:#F79F21; }
#candOptionsCont .select-options li.pcup::before, #candOptionsCont .select-styled.pcup::before{ background-color:#FFED00; }

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

#reiniciarCoalic{display:none; cursor:default; position:absolute; top:0px; right:0px;}
#reiniciarCoalic button{ 
	height:30px; width:90px;line-height:27px; border:1px solid #999; border-radius:4px;
	cursor:pointer; background-color:white; padding-left:0px; padding-right:5px; font-size: 13px;
	text-align:center;
}
#reiniciarCoalic button span{margin-right:0px !important; display:block; float:left;}
#reiniciarCoalic button span svg{width:24px; height:24px;}



#mala_sombrica{
	width:100%; 
	height:10px; 
	background-image:url('https://e00-elmundo.uecdn.es/elmundo/2018/datos/may/s5/mocion_censura/desktop_660_caritas/css/sombra_horizontal.png');
	background-size:cover; 
}

#mala_sombrica2{
	width:100%;
	height:10px;
	margin-top: 10px; 
	background-image:url('https://e00-elmundo.uecdn.es/elmundo/2018/datos/may/s5/mocion_censura/desktop_660_caritas/css/sombra_horizontal_2.png');
	background-size:cover;
}


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


/* DATA CONTAINER*/
#data_container{width:100%; height:165px;}

#featuring_ricardo{position:relative; width:95%; margin:auto; height:140px;}


/* TEXTO INFORMATIVO  */
#featuring_ricardo #infoCont{position:relative; top:5px; width:100%; text-align:center;}
#featuring_ricardo #infoCont #txtInfo{margin:auto; width:350px; line-height:20px; font-size:14px;}
#featuring_ricardo #infoCont #txtInfo span{line-height:23px; font-size:14px;}

#featuring_ricardo img{ position:absolute; bottom:0px; }




#seat_bars{ width:95%; margin:auto; height: 90px; position:relative; }
#seat_bars .seat_bar{ width:100%;  height:90px; margin-top:0px; position:relative;}

#seat_bars .seat_bar div.tancho{width:100%;}


/* BARRA SÍES / NOES */
#seat_bars .seat_bar .seats_yesh_nope{background-color:#f7f7f8; top:0px; position:absolute; height:6px; overflow:hidden;}
#seat_bars .seat_bar .seats_yesh_nope .seats_vote{height:100%;width:0px; border:0; overflow:visible; display:inline-block;
	-webkit-transition: width 500ms linear; -moz-transition: width 500ms linear;
	-o-transition: width 500ms linear; -ms-transition: width 500ms linear; transition: width 500ms linear;
}
#seat_bars .seat_bar .seats_yesh_nope .seats_vote#seats_yeeesh {float:left; background-color:#19B554;}
#seat_bars .seat_bar .seats_yesh_nope .seats_vote#seats_nope {float:right; background-color:#D51F49;}


/* BARRA PARTIDOS */
#seat_bars .seat_bar .seats_coalic{background-color:#f7f7f8; position:relative; top:10px; height:20px; overflow:hidden;}
#seat_bars .seat_bar .seats_coalic .seats_party{height:100%;width:0px; border-right:0px solid white; overflow:visible; display:inline-block;
	-webkit-transition: width 500ms linear; -moz-transition: width 500ms linear;
	-o-transition: width 500ms linear; -ms-transition: width 500ms linear; transition: width 500ms linear;
}
#seat_bars .seat_bar .seats_coalic .seats_party.seats_yeeesh {float:left;}
#seat_bars .seat_bar .seats_coalic .seats_party.seats_nope {float:right;}


/*  INFO BARRAS: SIES, NOES, ABSTENCIONES, COALICIONES */

#seat_bars .seat_bar .info_coalic{height:40px; width:40%; margin-top:10px;}
#seat_bars .seat_bar #info_coalic_yeeesh{float:left;}
#seat_bars .seat_bar #info_coalic_nope{float:right;}
#seat_bars .seat_bar #info_coalic_abst{ width:20%; margin:auto; margin-top:10px; text-align:center;}


#seat_bars .seat_bar .info_coalic div{display:inline-block; height:33px; margin-top:10px;}
#seat_bars .seat_bar #info_coalic_yeeesh div{float:left;}
#seat_bars .seat_bar #info_coalic_nope div{float:right;}


#seat_bars .seat_bar .info_coalic .num_seats{} 
#seat_bars .seat_bar .info_coalic#info_coalic_yeeesh .num_seats{border-right:1px solid lightgrey; padding-right:10px;}
#seat_bars .seat_bar .info_coalic#info_coalic_abst .num_seats{}
#seat_bars .seat_bar .info_coalic#info_coalic_nope .num_seats{padding-left:10px; border-left:1px solid lightgrey;}
#seat_bars .seat_bar .info_coalic .num_seats span{float:left; display:inline-block; font-size:25px; line-height:36px; color: #19B554;}

#seat_bars .seat_bar .info_coalic#info_coalic_abst .num_seats span{color: #ccc; font-size:14px;}
#seat_bars .seat_bar .info_coalic#info_coalic_nope .num_seats span{color: #D51F49; float:right;}
#seat_bars .seat_bar .info_coalic .num_seats span.num{margin-left:5px;}


#seat_bars .seat_bar .info_coalic .txt_seats{margin-left:12px;}
#seat_bars .seat_bar .info_coalic#info_coalic_nope  .txt_seats{margin-left:0px; margin-right:10px;}
#seat_bars .seat_bar .info_coalic .txt_seats span{display:block;font-size:16px; line-height:36px; }
#seat_bars .seat_bar .info_coalic .txt_seats span.coalic_name{max-width:135px; font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}





#seat_bars .seat_bar .mayoria{position:absolute; text-align:center;}
#seat_bars .seat_bar .mayoria.mayoria_barra{top:-5px;}
#seat_bars .seat_bar .mayoria.mayoria_barra div{height:40px; width:1px; background-color:lightgrey; margin:auto;}
#seat_bars .seat_bar .mayoria.mayoria_txt{ top:-25px;}
#seat_bars .seat_bar .mayoria.mayoria_txt span{font-size:12px;}
#seat_bars .seat_bar .mayoria.mayoria_txt svg{position:absolute; left:58%; width:15px; height:15px;}
#seat_bars .seat_bar .mayoria.mayoria_barra.yesh div, 
	#seat_bars .seat_bar .mayoria.mayoria_txt.yesh span, 
	#seat_bars .seat_bar .mayoria.mayoria_txt.yesh svg path{
		-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear;
		-o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;
}
#seat_bars .seat_bar .mayoria.mayoria_txt.yesh span{color:#238C23;}
#seat_bars .seat_bar .mayoria.mayoria_txt.yesh svg path{fill:#238C23;}



/* VOTES BOTONES CONTAINER */

#party_buttons{ 
	width:95%; 
	clear:both;  
	margin:auto;
	margin-top:8px; 
	height:250px;
}

#party_buttons div:not(#reiniciarCoalic){display:inline-block;
	-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear;
	-o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear;
}

#party_buttons div.buttCheck{ 
	width:46%;
	/*margin-left:1%;*/
	padding:8px 0px; 
	border-bottom:1px solid lightgrey; 
}
#party_buttons #partyCheck12{border-bottom:0px;}
#party_buttons div.buttCheck.sinmr{margin-right:0px;}
#party_buttons div.buttCheck.deshabilitado{cursor:default !important; opacity:0.27;}
#party_buttons div.buttCheck span{display:inline-block; float:left; height:25px; line-height:26px;}

span.color_p, span.txt_p{line-height:25px; font-size:15px;}
span.seats_p{display:inline-block;margin-right:10px;}
span.sep{margin-right:10px; border-left:1px solid lightgrey;}
span.color_p{width:6px; margin-right:10px;}
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;}
span.txt_p.con_siglas{ cursor:help; }

#party_buttons div.buttCheck button{
	display:inline-block; 
	min-width:48px;
	cursor:pointer;
	background-color:#ffffff; 
	border:1px solid #8698A4; /*#526678; */
	color:#526678;
	height:25px; 
	line-height:22px;
	font-size:12px;
	-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear;
	-o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;
}

#party_buttons div.buttCheck.fijo button{cursor:default;}

#party_buttons div.buttCheck button.iv_yeeesh{ border-top-left-radius:3px; border-bottom-left-radius:3px; border-right:0px; }
#party_buttons div.buttCheck button.iv_nope{border-top-right-radius:3px; border-bottom-right-radius:3px; border-left:0px;}
#party_buttons div.buttCheck button.current{ color:#ffffff; }

#party_buttons div.buttCheck.fijo button:not(.current){opacity:0.15;}

#party_buttons div.buttCheck button.current.iv_yeeesh{ background-color: #19B554; }
#party_buttons div.buttCheck button.current.iv_abst{ background-color: #8698A4;/* #8698A4;*/ }
#party_buttons div.buttCheck button.current.iv_nope{ background-color: #D51F49; }

#party_buttons div.inactivo{opacity:0.3; cursor:default;}