@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,600);

 /***************** uno al lado del otro **************************************/
.grid .infoBox .cell {width: 50%;}
.artBody .infoBox .cell {width: 100%;}

 /***************** Barras **************************************/
 .infoBox * {font-family:Roboto;}
 
/* fonts colors */
.infoBox h3, .infoBox h4 {color:#333;}
.barGraph .partido span {font-size: 2rem;line-height:2;font-weight:600;margin-right: .1rem;}
.barGraph em {font-size: 1.2rem;font-weight:300;font-style:normal;display:inline-block;line-height: 1.2;text-transform: uppercase;}
.barGraph span.dif {color:#333;font-size: 1.8rem;}
.barGraph span.dif span {font-weight: 600;}
.bar_congress .indep .partido span {color:gainsboro;}

/* padding fuera */
.graphBox {display:inline-block;width: 100%;padding: 0 2rem;}

/* CSS Graficos Barras */
.barGraph {position:relative;width:100%;padding-top: 0rem;display:inline-block;margin-top: 2rem;margin-bottom: 4rem;height: 3rem;}   
.barGraph > * {position:absolute;top:0;height:100%;width:100%;}

/* Barras */
.bar_congress:before {content: "Mayoría 218";position:absolute;bottom: -4rem;font-size: 1.6rem;color: #494847;width: 100%;left: 0;text-align: center;text-transform: uppercase;font-weight: 500;}
.barGraph .bar {background: #e1c39c;display: block;float: left;height: 100%;width:100%;position: relative;overflow:visible !important;}
.barGraph .bar:first-child{border-radius:1.6rem 0 0 1.6rem;}
.barGraph .bar:last-child{border-radius:0 1.6rem 1.6rem 0;}

/* Barras horizontales */
.barGraph div > span[class="bar"]:first-child:after {content:none;}
.barGraph div > span[class="bar"]:nth-child(2):after {content:none;}

/* Separador */
.barGraph.hor:after {content:"";position: absolute;top: 0;left: 50%;width: 0;height: 100%;border: 0.1rem dashed #ffffff;margin-left:-0.05rem;}

/* Contenedor de informacion */
.barGraph div > span[class="bar"]:first-child > div {left:2rem;}
.barGraph div > span[class="bar"]:nth-child(2) > div {right:2rem;}
.barGraph li .bar:hover {background:#d63337;transition:all ease 0.3s;}
.barGraph .bar > div {position: absolute;top:-2.2rem;width: 100%;}
.barGraph .bar:last-child {text-align:right;}
.barGraph .bar:first-child > div  {left:6%;}
.barGraph .bar:last-child > div  {right:6%;}
/*.barGraph.ver li .bar:hover > div {transform:scale(1,1)rotate(-180deg);}*/

.barGraph .partido {display: block;color:#fff;}
.barGraph div > span[class="bar"]:nth-child(2) {text-align:right;float:right;}
.barGraph .partido > span:first-child, .barGraph .partido > span:nth-child(2), .barGraph .candida > span:nth-child(2), .barGraph .num_vot > span:first-child  {display:inline-block;}

.barGraph .bar {display:inline-block;}
.barGraph .bar:first-child, .barGraph .bar:nth-child(2), .barGraph .bar:last-child {display:inline-block; }
.barGraph .bar .partido span {display:inline-block;} 

.barGraph div > span[class="bar"]:nth-child(2) {background: #385b8c;}

/* titulos */
.infoBox h3,.infoBox h4 {text-align:center;}
.infoBox h3{font-size: 2.2rem;line-height: 1;}
.infoBox h4{font-size: 1.6rem;line-height:2;padding: 0 0 1rem 0;font-weight: 300;}

/* Representantes colores*/
.bar.repub {background:#b60001;}
.bar.indep {background: #e1c39c;background:gainsboro;}
.bar.democ {background:#385b8c;}


/* ------------------------------------Senado ------------------------- */
/* fila independientes */
.bar_senate span[class="bar"]:nth-child(2) em {display: block;}
.bar_senate span[class="bar"]:nth-child(2) .partido {display: none;}
.bar_senate:before {content:"Mayoría 51";position:absolute;bottom: -4rem;font-size: 1.6rem;color: #494847;width: 100%;left: 0;text-align: center;text-transform: uppercase;font-weight: 500;}

/* Senado colores*/
.bar_senate .bar.repub:first-child {background:#d26c67;border-radius:1.6rem 0rem 0rem 1.6rem}
.bar_senate .bar.repub {background: #b60001;}
.bar_senate .bar.democ:last-child {background:#869db9;border-radius:0rem 1.6rem 1.6rem 0rem;}
.bar_senate .bar.democ {background: #385b8c;}
.bar_senate .bar.repub:nth-child(2) {border: none;}

/* Senado correccion*/
.bar_senate .bar > div {text-align: center;}
.bar_senate .bar.repub:first-child div {left: 6%;text-align:left;}
.bar_senate .bar.democ:last-child div {right:6%;left:auto;text-align:right;}
.bar_senate div >.bar.indep .dif:after {content: "";border: .1rem solid #212121;height: 3rem;width: 0;position: absolute;left: .4rem;top: 2.2rem;}

.bar_senate.barGraph .bar.repub:first-child .partido:before,
.bar_senate.barGraph .bar.repub:first-child .partido:after {height:auto;width: auto;position: absolute;display: inline-block;font-size: 1.8rem;color: #333;top: -47%;font-weight:600;text-transform: uppercase;}

.bar_senate.barGraph .bar.repub:first-child .partido:before {content:"51 ";font-weight:600;}
.bar_senate.barGraph .bar.repub:first-child .partido:after {content:"Republicanos";font-weight:300;left:0;margin-left:3rem;}

.bar_senate.barGraph .bar.democ:last-child .partido:before {content:"46 ";font-weight:600;right:0;margin-right:12rem;}
.bar_senate.barGraph .bar.democ:last-child .partido:after {content:"Demócratas";right:0;font-weight:300;}

.bar_senate.barGraph .bar.democ:last-child .partido:before,
.bar_senate.barGraph .bar.democ:last-child .partido:after {height:auto;width:auto;position:absolute;display: inline-block;font-size: 1.8rem;color: #333;top: -47%;text-transform: uppercase;}
.barGraph .bar.indep .partido em {display:none;}

/* Senado correccion2*/
.bar_senate.barGraph .bar .dif {display: none;}
.bar_senate .bar > div{top:-.5rem;}

/*article*/
.artBody .bar_senate .bar.democ:last-child div{padding-right: 1rem;}
.artBody .bar_senate .bar.repub:first-child div{padding-left: 1rem;}
.artBody .infoBox .cell {padding:2rem 0 0 0;}

.bar.indep .dif span,
.barGraph .bar.indep .partido span {display: none;}
.barGraph .bar.indep:after {content: 'SIN ASIGNAR';position: absolute;top: -1.8rem;font-size: 1.2rem;width: 12rem;left: 0;font-weight:bold;COLOR:#697882;}

.barGraph.hor.bar_senate:after {left:51%;}

@media (max-width: 1281px) {
    .bar_senate div > span[class="bar"]:nth-child(2) > div {left: 15%;width: 20rem;top: -174%;}
	.barGraph .bar.indep:after  {content:none;}		
    h4 {font-size: 1.6rem;line-height: 2;}	
}

@media (max-width: 1400px) {
	.barGraph .partido em {display:none;}
    .bar_senate.barGraph .bar.democ:last-child .partido:after {content: "Dem";padding-right: 3rem;}
    .bar_senate.barGraph .bar.repub:first-child .partido:after {content: "Rep";}
    .bar_senate.barGraph .bar.democ:last-child .partido:before {margin-right:0;}
    .barGraph.bar_congress .partido em {margin: 0 0.3rem;display:inline-block;overflow:hidden;width: 2.5rem;}
    .barGraph.bar_congress .bar.repub .partido em{width: 2.2rem;}
}
@media (max-width: 735px) {
    .grid .infoBox .cell {width: 100%;}
}