/* CSS Resultados Elecciones 

- Gráfico 990
- Gráfico 640
- Gráfico 300
- Gráfico 300 minig

*/


/********************* Gráfico 990 **************************/
#contenido h2 a {/*color: #116491;*/}
#contenido h2 {clear:both;/* float:left;*/}

body#espana #contenido h2 {float:none;}


#contenido .titulo-interior, #contenido .titulo-nav-inferior{ margin-top:10px; margin-bottom:25px; border-bottom:1px solid #d8d8d8; width:100%;}

.elecciones.resultados #contenido h1 {background:transparent url("https://e00-elmundo.uecdn.es/elecciones/elecciones-catalanas/2012/img/bandera-cat.png") no-repeat center left ;padding-left:50px;}

#contenedor-resultados .buscador-resultados { background:transparent; border:0;padding:0;position:absolute;right:10px;top:8px; width: auto;}
#contenedor-resultados .buscador-resultados input {background: #FFF;border-radius:4px; border:1px solid #ccc; border-bottom:2px solid #ccc;color: #3C81A2;float: none; font-family: Georgia,"Times New Roman",Times,serif;line-height: 110%; padding:4px; vertical-align: middle;width: 200px;font-size:80%;}
#lista_elecciones2012 { background:#fff; border: 1px solid #FFF;left: 0; position: absolute; top: 29px; z-index: 10000;}
#lista_elecciones2012 .cerrar { background:transparent url("https://e00-elmundo.uecdn.es/elecciones/elecciones-2011/img/cerrar-popup.png") no-repeat center center ; cursor: pointer; display: block;float: right;height: 20px; padding: 2px;width: 20px;}
#lista_elecciones2012 ul { background:#FFF; border:0;height: 200px; overflow-y: auto;width: 260px;padding:10px;}
#lista_elecciones2012 ul li { background:transparent;border:0;clear: both;font: 100% Georgia,"Times New Roman",Times,serif;text-align: left;}
#lista_elecciones2012 ul li a:hover{ color:#3C81A2;}

#contenedor-resultados table, th, td {color:#000;}
#contenedor-resultados{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:100%;width:100%; clear:both; float:left;padding: 10px 10px 5px; position:relative; margin:10px 0;
	border:1px solid #ccc;
	}
	
#contenedor-resultados .titulo, #espana.portadilla #contenedor-resultados .titulo, #barcelona.portadilla #contenedor-resultados .titulo{color: #555; font: 140% Arial, Helvetica, sans-serif; margin-bottom:5px; clear:both; background:transparent url("https://e00-elmundo.uecdn.es/elecciones/elecciones-catalanas/2012/img/bandera-cat.png") no-repeat center left ; padding-left:45px;}
#contenedor-resultados.interior .titulo {background:none;padding-left:0;}

.portadilla #contenedor-resultados .titulo, .resultados #contenedor-resultados .titulo { background:none; padding-left:0;}
.portadilla #contenedor-resultados .titulo a{display:none;}
.portadilla #contenedor-resultados .titulo:before{content:"Resultados 25-N"}
#espana.portadilla #contenedor-resultados .titulo:before, #barcelona.portadilla #contenedor-resultados .titulo:before{content:""}
#barcelona #contenedor-resultados .titulo a, #espana #contenedor-resultados .titulo a{display:block;}

#contenedor-resultados h3 {color:#555;/* border-bottom:1px solid #D2D1D1;*/font: 110%/100% Arial,Helvetica,sans-serif; margin-bottom:5px;}
#contenedor-resultados h3 select {float:right;border:1px solid #ccc; color:#555;}
#contenido .col-4 #contenedor-resultados h3 {margin-bottom:0;}
#contenedor-resultados .resultados-completos {float:right; font-size:75%; font-weight:bold;}
#contenedor-resultados .resultados-completos:hover { color:#3C81A2; }

#contenedor-resultados .tabla-resultados th { border-bottom:2px solid #ccc; font:77% Georgia, "Times New Roman", Times, serif;padding:3px 0;color:#605F5F;text-align:right;}
#contenedor-resultados .tabla-resultados td {padding:2px;}
#contenedor-resultados .tabla-resultados td:first-child{font-size:75%;}
#contenedor-resultados .tabla-resultados td + td{text-align:right; }
#contenedor-resultados .tabla-resultados td + td + td{font-size:75%;}
.tabla-resultados td.porcentaje { width:50px;}
.tabla-resultados td.porcentaje + td {font-weight:bold; }

.bars_leyenda{}
.bars_leyenda li {display:inline; font:70% Arial, Helvetica, sans-serif;padding-right:8px; color:#2F5D95;}

#contenedor-resultados ul.pestanas-datos {border-bottom:1px solid #a3a3a3;}
#contenedor-resultados ul.pestanas-datos li {
    background: #D3D3D3;
    border: 1px solid #a3a3a3;
	border-radius:3px 3px 0 0 ;
    color: #8C8C8C;
    cursor: pointer;
    float: left;
    font-size: 90%;
    padding: 5px 10px;
    position: relative;
    top: 2px;
    width: auto;
}
#contenedor-resultados ul.pestanas-datos li.activa { background: #eee;  border-bottom: 2px solid #eee;color: #035A89; font-weight: normal;}

#contenedor-resultados .mapa { background:#FFFFFF; clear: both; float: left; height: 300px; padding: 10px 10px 10px;position: relative;width: 28%;overflow:hidden;}
#contenedor-resultados .mapa .volver_total{position:absolute; top:200px; left:150px;}
#contenedor-resultados .mapa img {height:300px;}
#contenedor-resultados .mapa ul{z-index:100;position:absolute; font-size:80%;}
#contenedor-resultados .mapa ul .leyenda_box{ width:10px; height:10px;float:left; margin-right:5px;}
#contenedor-resultados .resultados {width:64%;float:right;}

#contenedor-resultados .grafico-resultados{width:auto;height:auto;float:left;text-align:center;position:relative;margin-top:-8px;margin-left:0;}
#contenedor-resultados .tabla-resultados{ width:50%; float:right;font-size:90%;}

#contenedor-resultados .tabla-resultados table {width:100%;}

#contenedor-resultados .pestanas-datos {clear:both;float:left;width:100%;}
#contenedor-resultados .pestanas-datos li{ float:left; padding:3px;}

#contenedor-resultados .porcentaje { font-size:70%; color:#666; }
#contenedor-resultados .porcentaje div{ width:100%; background:#ccc; margin-bottom:3px; height:8px;}
#contenedor-resultados .porcentaje div span{ display:block; background:red; padding:0;height:8px;float:left;}

#contenedor-resultados .resultados-anteriores, 
#contenedor-resultados .resultados-actuales{clear:both;float:left;width:100%;}
#contenedor-resultados .resultados-actuales{margin-bottom:8px;}
#contenedor-resultados .resultados-anteriores select{ margin:0; width: 90px;border:1px solid #8F8F8F;}
#contenedor-resultados .resultados-anteriores hr { clear:both;float:left;width:100%;border:0;}
#contenedor-resultados .pestana{padding:10px;clear:both;}

#contenedor-resultados .participacion { font:normal 70% Arial, Helvetica, sans-serif; color:#666;height:20px; padding-top:5px;float:left; padding-left: 5px;}
.resultados-anteriores .grafico-resultados{}

.tabla-resultados td:first-child{color:#333;}


.grafico-resultados ul li{position:absolute; width:45px; font-size:80%; height:auto; text-align:center; font:bold 90%/100% Arial, Helvetica, sans-serif;}
.grafico-resultados span,.grafico-resultados small{ display:block; width:auto;margin-bottom:2px;}
.grafico-resultados strong { color:#333; color:#fff; background:#222;  padding: 0 3px; border-radius:3px; font-weight:normal;}
.grafico-resultados .partido1{top:0; left:10%; color:#029DCB; }
.grafico-resultados .partido2{top:0; left:68%; color:#C60814; }
.grafico-resultados .partido3{top:32%; left:80%; font-size:70%;}
.grafico-resultados .partido4{top:62%; left:86%; color:; font-size:70%; }
.grafico-resultados .mayoria { font-size:70%; position:absolute; top:65%; left:49%; color:#222; background:transparent url("https://e00-elmundo.uecdn.es/elecciones/elecciones-catalanas/2012/img/flecha-mayoria.png") no-repeat top center ; padding-top:5px;}
.grafico-resultados .escanos{ color:#222;font-weight:bold; text-shadow:1px 1px 0 #fff; top:82%;}

.interior .grafico-resultados .mayoria {top:58%;}
.interior .grafico-resultados .escanos {top:75%; font-size:120%;}
.interior .grafico-resultados .escanos small{font-size:70%;}

#contenedor-resultados.interior .tabla-resultados {margin-top:0; font-size:100%;}
#contenedor-resultados.interior .tabla-resultados td {padding:4px 0;}

.resultados > select {border:1px solid #CCC;float:left; padding:2px;font-size: 70%;margin-top:3px;}

.resultados .col-4 .buscador-resultados { position:relative; top:0; left:0;}

/********************* Gráfico 640 **************************/
.col-8 #contenedor-resultados .mapa{ display:none;}
.col-8 #contenedor-resultados .resultados { float:left;width: 100%;}
.col-8 #contenedor-resultados .titulo {font: 175% Arial,Helvetica,sans-serif;}

/********************* Gráfico 390 **************************/
.noticia #contenedor-resultados .buscador-resultados { float:none;position:relative; top:0; left:0; margin-bottom:15px;}
.noticia #contenedor-resultados .buscador-resultados input { width:360px;}
.noticia #contenedor-resultados .grafico-resultados, .noticia #contenedor-resultados .tabla-resultados { float:none; width:100%; margin: 0 auto;}
.noticia #contenedor-resultados .resultados-anteriores{ display:none; }

#index .modulo_noticias_01 #contenedor-resultados .tabla-resultados,
#espana .modulo_noticias_01 #contenedor-resultados .tabla-resultados,
#barcelona .modulo_noticias_01 #contenedor-resultados .tabla-resultados{float: left;font-size: 90%;width: 100%;}

#index .modulo_noticias_01 #contenedor-resultados .resultados-anteriores,
#espana .modulo_noticias_01 #contenedor-resultados .resultados-anteriores,
#barcelona .modulo_noticias_01 #contenedor-resultados .resultados-anteriores{display:none;}

#index .modulo_noticias_01 #contenedor-resultados .buscador-resultados,
#espana .modulo_noticias_01 #contenedor-resultados .buscador-resultados,
#barcelona .modulo_noticias_01 #contenedor-resultados .buscador-resultados{background: none;border: 0;clear: both;float: left;left: 5px;margin: 5px 0;padding: 0;position: relative;top: 0; width: auto;}

#index .modulo_noticias_01 #contenedor-resultados .grafico-resultados,
#espana .modulo_noticias_01 #contenedor-resultados .grafico-resultados,
#barcelona .modulo_noticias_01 #contenedor-resultados .grafico-resultados{margin-left: 52px;}

#index .modulo_noticias_01 #contenedor-resultados .resultados-actuales,
#espana .modulo_noticias_01 #contenedor-resultados .resultados-actuales,
#barcelona .modulo_noticias_01 #contenedor-resultados .resultados-actuales{ margin-bottom:0;}

#index .modulo_noticias_01 #contenedor-resultados .tabla-resultados td,
#espana .modulo_noticias_01 #contenedor-resultados .tabla-resultados td,
#barcelona .modulo_noticias_01 #contenedor-resultados .tabla-resultados td{padding: 1px;}


/********************* Gráfico 300 **************************/
.col-4 #contenedor-resultados .resultados { float: left; width: 100%; }
.col-4 #contenedor-resultados .buscador-resultados{  position:relative; top:0;left:0; margin-bottom:10px;float:none;margin-top:0; width:270px; }
.col-4 #contenedor-resultados .mapa{display:none;}
.col-4 #contenedor-resultados .titulo {font: 125% Arial,Helvetica,sans-serif;}
.col-4 #contenedor-resultados .tabla-resultados {width:100%;margin-top:0;}
.col-4 #contenedor-resultados .resultados-anteriores {display:none;}
.col-4 #contenedor-resultados .participacion {font-size:65%;}
.col-4 #contenedor-resultados .buscador-resultados input {width:270px;}

/********************* Gráfico 300 mini **************************/
#contenedor-resultados.mini .tabla-resultados{display:none;}

/********************* Gráfico en portada y portadilla de elmundo **************************/

#index #contenedor-resultados, #espana #contenedor-resultados, #barcelona #contenedor-resultados{font-size: 140%; width:99%;}
#espana #contenido #contenedor-resultados h2, #barcelona #contenido #contenedor-resultados h2{ float:none;}



/* 640 */
#index .col_01 #contenedor-resultados {width:100%;}
.col_01 #contenedor-resultados .mapa{ display:none;}
.col_01 #contenedor-resultados .resultados { float:left;width: 100%;}
.col_01 #contenedor-resultados h2{font-size:135%; padding-left:55px; }
.col_01 #contenedor-resultados h2 a{display:block;}
/* 300 */
#index .col_02 #contenedor-resultados { margin-left: 8px; width: 94%;}
.col_02 #contenedor-resultados .buscador-resultados { position:relative; top:0; right:0; margin-bottom:10px;float:none;margin-top:0;}
.col_02 #contenedor-resultados .titulo {font: 125% Arial,Helvetica,sans-serif;}
.col_02 #contenedor-resultados .resultados { float: left; width: 100%;}
.col_02 #contenedor-resultados .mapa{ display:none;}
.col_02 #contenedor-resultados .resultados { float:left;width: 100%;}
.col_02 #contenedor-resultados .tabla-resultados {width:99%;float:none;margin-top:0;}
.col_02 #contenedor-resultados .tabla-resultados td {padding:3px 4px;}
.col_02 #contenedor-resultados .tabla-resultados td:first-child{max-width:85px; white-space:normal; font-size:75%;}
.col_02 #contenedor-resultados .tabla-resultados .porcentaje {width:80px; }
.col_02 #contenedor-resultados .grafico-resultados{float:none;margin: 0 auto; width: 80%;}
.col_02 #contenedor-resultados .resultados-anteriores {display:none;}
.col_02 #contenedor-resultados .participacion {font-size:65%;}
.col_02 .buscador-resultados input {width:270px;}
/* 300 */



/********************* Gráfico interior **************************/

#contenedor-resultados.interior { background:#fff; padding:0;border:0;}
#contenedor-resultados.interior .titulo {clear: both; float: left; margin-bottom: 15px; width:100%; border-bottom:1px solid #ccc; }
.grafico-resultados.tarta ul{ position:absolute; top:0; right:-80px; }
.grafico-resultados.tarta li{ position:relative; padding:0; font-size:70%;text-align:left; white-space:nowrap;width:auto;color:#222; margin-bottom:4px; }
.grafico-resultados.tarta li span{ display:inline; padding-right:5px;}
.grafico-resultados.tarta li strong{ background:none; color:#222; padding:0; border-radius:0; font-weihgt:bold;}
#contenedor-resultados.interior .tabla-resultados td:first-child{background:#fff;}
#contenedor-resultados.interior .tabla-resultados td.porcentaje {width:100px;}
/*.resultados .buscador-resultados { position:relative; top:0; left:0;}*/
 


.info-datos { float:left; width:100%; margin:0 0 20px; }
.info-datos table{width:100%;}
.info-datos table td{ padding:4px 8px;border-bottom:1px dotted #ccc;}
.info-datos table th { color:#3C81A2;font: 90%/125% Arial, Helvetica, sans-serif; text-align:left; padding:2px;  }
.info-datos caption{ font: 130%/140% Arial, Helvetica, sans-serif; color:#555; border-bottom:2px solid #706D69; padding:4px 0 0 0; }
.info-datos table.datos-por-partidos td.partido { text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 80%; padding:2px; max-width:120px; white-space:normal; line-height:145%; }
.info-datos table.datos-por-candidatos td.candidato { font-family: Georgia, "Times New Roman", Times, serif; font-size: 120%; }
.info-datos table tr:hover, .info-datos table tr:hover td { background:#E8E7E7; }
.info-datos table td {font-family:Arial, Helvetica, sans-serif; text-align:right;font-size:75%; white-space:nowrap;}


.nav-comunidades.inferior li{float:left; width:220px;padding:5px; border-bottom:1px solid #DEDEDE; margin-right:5px;margin-bottom:5px;font-size:75%; }

/*compartir */
.compartir {
    float: left;
    margin-right: 3px;
}
.compartir.facebook iframe {
    width: 110px;
}
.noticia .compartir.facebook iframe {
    width: 150px;
}
.compartir.twitter iframe {
    width: 110px;
}
.compartir.tuenti {
    margin-right: 0;
}
.col-2b .redes {
    width: 180px;
}
.col-2b .compartir {
    width: 170px;
}






