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

/* Aquí el troceo de pantalla o plantilla */

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


#pagina {    
    width:100%;

    /*display:inline-block; */

    min-width:550px; 
    
    height:100%; 
	font-size:1.2em;
    }

    

/* * html #pagina {margin-right:-750px;}*/





#datos {

    

    width:auto;

    text-align:left;

    height:100%;

    }

        

/*************** LA PAGINA *Aquí empezaba Css ******/ 

thead {display: table-header-group;}

tbody {display: table-row-group;} 





/* Titulos */

h1 {display:inline; font-size:100%;}

.cajatitulo {width:85%; margin:0 auto;  white-space:nowrap; min-width:400px; display:table; border-bottom:.4em solid #0C4DA2; color:#0E397D; }

.cajatitulo {background: transparent url(/images/PEfondotitulo.gif) repeat-x bottom left;}

.cajatitulo .logo {float:left}	

.cajalittitulo {padding-top:1em;padding-left:47px; }

.titulo {width:auto; text-align:center; white-space:normal; }
.tutuloizq{white-space:normal;text-align:left;}

.tit1 {font-size: 110%;}
.tit2 {font-size: 85%;}
.tit1peq {font-size:74%;}
.tit1muypeq {font-size:60%;}

.horafecha{float:right; font-size:70%; color:#004382; margin-right:3%; text-align:center;}

#hhmm{font-weight:bold;color:black}

img.logo {border:1px #ddd solid;}





.u {text-decoration: underline;} 

.b {font-weight:bold}



/**/

#xescrutado{margin:1em;  text-align:center;  }

#xescrutado1,#xescrutado2 {display:none;}

/* necesito mostrar la participación estimada en el modelo */
.cajadatosuno #xescrutado #xescrutado2 {display:inline}

#xelegir0 {position:relative; white-space: nowrap; padding-left:1em; font-weight:normal; width:100%; clear:both; margin-top:0.6em; margin-bottom:1em; display:table;}

#xelegir2.d3 {color:#888;padding-right:1.9em}

#xelegir3 {padding-top:0em;padding-bottom:0em;position:relative;margin:auto;border:0px solid red;text-align:center; }
.lisboa {color:#127CC6;padding-left:1em; visibility:visible;}

#leylisboa {clear:both;display:block}


.asterisco { color:#127CC6;font-weight:bold; }
.arriba { vertical-align:top; }
.aclaracioncera { color:#127CC6;font-weight:bold;font-size:95%;font-family:arial, sans-serif; }


/*Cajas de gráficos en la página*/

#divgraf{position:relative; width:auto; min-width:440px; white-space: nowrap; clear:both; margin-bottom:1em; text-align:center;}

#cajagrafico {width:100%; margin:auto; text-align:center; height:auto; min-height:1em; min-width:400px; display:table; clear:both;}

#hemiciclos{display:inline-table; width:100%; margin:0 auto; height:106px; }

#hemiciclos #cajagrafico,.cajaavances #cajagrafico{width:100%}



.mitad {width:45%}

.alaizq {float:left;}

.alader {float:right;}

img.alaizq, img.alader {margin:0 auto; display:inline; width:auto; }



/*Mapa*/

.cajamapa {display:inline-table; width:100%;  height:100%; text-align:center}

.mapa     {float:left; display:inline-table; width:55%; text-align:right}

.mapa img {float:right;margin-left:auto}

.leymapa  {float:left; margin-left:2em;width:auto; margin-top: 3%; z-index:-1; overflow:hidden; color:#444; white-space:nowrap; text-align:left}

.leymapa  ul {margin:1em auto; text-align:left; background-color:transparent}

.leymapa  div.quecolor{display:inline; z-index:20; margin-right:.5em;}

.leymapa  li {margin-bottom:.1em}

.leytabla {border:1px #EAF3F9 solid; border-right-color: #677783; border-bottom-color: #677783;}

.imgley {border:.1em outset #BBD8ED; width:.8em; height:.8em; margin:0; margin-right:.5em;}

.mapaganadores{margin-bottom:2.9em;  width:100%; text-align:center; display:table; height:193px; }

.titmapa {border-bottom:2px solid #ededed;display:block}





/*Capas generales*/

.cajadatosuno {width:100%; margin:0;min-width:180px; display:table; font-size:90%; }

.cajadatosdos {width:90%; margin:auto; margin-bottom:3%; min-width:500px; display:table; font-size:75%; border:.1em solid #73a2bd; padding: 2%; }

* html .cajadatosdos{width:100%;}





/*Campos de tablas Genericos */

.dip {text-align:center; padding-right:.1em; font-weight:bold;}


.porc,.vots {text-align:right}

.r1 {background-color: #FAF6EC }

.r1.d3 {background-color:#F1F5F5;}		

.r2 {background-color: #FFFFFF; }


table td.colorgr, table th.colorgr {border-left:.4em solid white; border-right:.4em solid white; padding:0}

table tbody  td.colorgr,table tbody tr.over td.colorgr, table tbody  th.colorgr {padding:0; background-color:white}



th.th07,th.th03 {font-size:120%; text-align:center; color:#ededed; background:#004f9e; padding:.1em;}

th.th03 {background:#abb3ba;}



.separa {border-left: 5pt solid white; border-bottom-width:0}

tbody tr th.siglas03 {text-align:right;padding-right:.1em;border-left: 1px solid #BFCCD9;}

.siglas03 img{border-right:.3em #ccc solid; border-bottom:.2em #aaa solid; margin: 0 .1em; vertical-align:middle}

.siglas07 {text-align:left; padding-left:.3em; vertical-align:middle; border-right: 1px solid #BFCCD9;}

.siglas07 img{border-right:.3em #ccc solid; border-bottom:.2em #aaa solid; margin-right:.1em; vertical-align:middle}

.total {line-height:2em; background-color: #D6CEBD;font-size:110%;}

.totalCAE {line-height:1.5em;font-size:110%;color:#bb0000;/*background:url(/images/subraya_cae.gif) white repeat-x 0% 50%*/}

.cae.datos2 {font-size:.9em;margin-bottom:2.5em}
.ult.datos2 {margin-bottom:0;}
/*.cae tbody tr td {font-family: Arial, sans-serif;font-size:1.1em}*/
/*.cae.datos2 tbody tr th.trcae {white-space:normal}*/
.cae.datos2 tbody tr td.separa {border-left:1pt solid #D6CEBD;}
.cae.datos2 tbody tr.porccae td.porc {color:#555}
.cae.datos2 tbody tr.horatio td {text-align:center}

.cae tbody tr th {white-space:normal;}
.cae tbody tr td {font-family:Arial,sans-serif; letter-spacing:.05em}


.aclaraCae {color:#127CC6;font-size:110%}

.colorcae {color:#127CC6;}
.colornor {color:#b00;}

.leyendaCae {text-align:right;margin: 2em 0;}
    .leyendaCae span.aclaraCae {color:#127CC6;font-size:1em;display:block;}
    .leyendaCae span.totalCAE {font-size:1em;display:block;}
    
table {background-color:#fff}


/**tabla Datos 1 **/

.datos1 tbody .d3 {color:#666;}

.datos1 thead th  {border-bottom:1px #aaa solid; font-size:100%; font-weight: bold;}

.datos1 thead th.th03 {padding-left:1em }

.datos1 tbody th  {font-weight:normal; text-align:left; padding:.1em .5em; white-space:nowrap;}

.datos1 tbody th,.datos1 tbody td { border-bottom: 1px solid #BFCCD9;}

.datos1 tbody td {text-align:right; font-weight:normal; padding:.3em .3em; }



.datos1 tbody .over {background-color:#ADDFFF; color:black}

.datos1 tbody .over .d3{background-color:#C8E2F2;color:black}

#TVGEN {border-bottom:.2em #D6CEBD solid; margin-bottom:2em}



/**tabla Datos 2 **/
.datos2 {text-align:center;margin:0 auto;}

.datos2 .d3 {color:#666;}

.datos2 thead tr.th2 th {line-height:1.5em; white-space: nowrap; border-bottom:.3em solid #D6CEBD; text-align:center;}

.datos2 thead tr.th2 th.d3 {border-bottom:.3em #E2DED4 solid; padding:0 .1em;}

.datos2 thead  th .d3,.datos2 thead .th1 .th03 {padding-right:1em;}

.datos2 thead .th2 .siglas03 {text-align:right; padding-right:.3em; color:#777;}

.datos2 thead .th2 .siglas07 {text-align:left; padding-left:.3em;}

.datos2 thead .th2 .dip {padding:0 .05em;}

.datos2 tbody  td,.datos2 tbody  th {padding:.1em .2em; border-bottom: 1px solid #BFCCD9;border-top: 2px solid #fbfbef; white-space:pre;}

.datos2 tbody  th {color:black; white-space: nowrap;font-weight:normal;text-align:left}

.datos2 tbody  tr.over td.trover {background-color:white;}

.datos2 tbody  tr.over td {background-color:#ADDFFF;color:black}

.datos2 tbody  tr.over th.totalCAE {background-image:none;color:black}
.datos2 tbody  tr.over td.totalCAE {background-image:none;color:black}
.datos2 thead tr.th2 th.thcae {white-space: normal;}

.datos2 tbody  tr.over th {background-color:#ADDFFF;color:black}

.datos2 tbody  tr.over .d3{background-color:#C8E2F2;color:black;}

.datos2 tbody .porc {padding-right:.1em;}

.datos2 {border-bottom:.2em solid #D6CEBD;}



.datos2 img.barpar {height:20px;border-bottom:4px #ddd solid;border-top:2px #ccc solid}

.datos2 tbody tr td.izq {text-align:left;padding:0;}



/*Grafico barrasmuni*/

#cajagrafico.cajabarrasmun  { margin-bottom:3em; display:table; width:100%; }

.cajabarrasmun .datos1 tbody td,.cajabarrasmun .datos1 tbody th {white-space: nowrap; border-top:1px solid #ededed; border-bottom:0px #bbb solid;padding:0 .5em}

.cajabarrasmun .datos1 tbody tr td.izq {text-align:right; padding:0; margin:0}

.cajabarrasmun .datos1 tbody .barpar {height:0; font-size:1pt;border-bottom:12pt solid transparent; border-top:.1em #ddd solid; float:left; }

.cajabarrasmun .datos1 tbody {font-size:80%}

#TGRAF {width:60%;border-bottom:.5em solid #ededed;margin:auto;}

#TGRAF thead th {background-color:white}







/*****       AVANCES *******/

#datosav {margin-top:3em;}

.cajaavances #cacajagrafico {text-align:center}

.cajaavances  {width:80%;margin: 0 auto; text-align:center;font-size:80%; border:.1em solid #73a2bd;padding:2em;}

.cajaavances  table{width:90%;border-spacing:1px; margin:0 auto}

.cajaavances .datos2 tbody .barav1 {height:0; border-left:0; border-bottom:15pt #FFF200 solid; float:left; font-size:1pt; border-top:.2em #C8B802 solid;}

.cajaavances .datos2 tbody .barav2 {height:0; border-left:0; border-bottom:15pt #FEF37A solid; float:left; font-size:1px; border-top:.2em #DCCD28 solid;}

table.datos2 tbody tr th.nombre {white-space:normal;}

.datos2 td.izq {background-color:#F3F3F3;}

.cajaavances .datos1 thead th {border-bottom:1px #5D759D solid}


/*********  Descargas  ********/


#descrifich.cajadatosdos h2.prdesc {font-size:1.2em; color:#0E397D}

#descrifich.cajadatosdos p.parrdes {padding-bottom:1em}

.tabdescri caption {font-weight:bold; background-color:#D6CEBD;}

.tabdescri caption  u, .txtitulin, caption  .u {color:#004382;line-height:1.5em;}

.tabdescri thead th {text-align:center;color:#444;padding-left:1em;border-bottom:1px #ddd solid; background-color:#eee;}

.tabdescri tbody th {text-align:left;color:#666;padding-left:1em;border-bottom:1px #ddd dotted; font-weight:normal;}

.tabdescri tbody td {text-align:center;color:#555;padding-right:1em;border-bottom:1px #ddd dotted;}

.tabdescri tbody th ul {margin:.1em;}

.tabdescri {font-size:9pt;padding-top:2px;}

.tabdescri tbody th ul li {margin-left:2em}

.tabdescri tbody th.lpad {padding-left:5em;font-style:italic}



.tabdescri tbody tr.over td {background-color:#ADDFFF;color:black}

.tabdescri tbody tr.over th {background-color:#ADDFFF;color:blue}



.titufich  {width:100%;display:block}

.txtitulin {width:60%;white-space:nowrap;background-color:#D6CEBD;font-weight:bold;}







#pagina.pagmodelo .cajadatosuno{width:100%; margin-bottom:0;}


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


/****************** páginas estáticas de histórico de participación y distribucion de diputados.... ***************/
#cajadatosdos #tablahist {width:100%;border:0;border-collapse: collapse;margin:0;display:table; font-size:90%; }

#cajadatosdos #tablahist thead tr th {text-align:center;color:#ddd; background:#0C4DA2;}
    #cajadatosdos #tablahist thead tr.titul1 th {font-size:130%;padding:.4em 0 .2em;}
    #cajadatosdos #tablahist thead tr.titul2 th {padding:.4em 0 .4em;}
    #cajadatosdos #tablahist thead tr.titul2 td {font-weight:bold}
    #cajadatosdos #tablahist thead tr.titul2 td,
    #cajadatosdos #tablahist thead tr.titul2 th {border-bottom:3px solid #D6CEBD}

#cajadatosdos #tablahist tfoot tr td {text-align:left;padding:.3em 0 .1em .4em;}                 
#cajadatosdos #tablahist tfoot tr.prome td {text-align:center;padding:.5em 0 1em;font-weight:bold}
    
#cajadatosdos #tablahist tbody tr th {border-right:1px solid #D6CEBD}
#cajadatosdos #tablahist tbody tr.over th {background-color:#ADDFFF;color:black}
    
    #cajadatosdos #tablahist tbody tr th,
    #cajadatosdos #tablahist tbody tr td {padding:.3em .1em}
    
    #cajadatosdos #tablahist tbody tr.espania th,
    #cajadatosdos #tablahist tbody tr.espania td {color:#bb0000;font-weight:bold}
   
#cajadatosdos #tablahist .votObli, #cajadatosdos #leyhist .votObli {background-color:#FFE0C1;}
#cajadatosdos #tablahist .obliCiv, #cajadatosdos #leyhist .obliCiv {background-color:#FFFAC1;}
#cajadatosdos #tablahist img, #cajadatosdos #leyhist img {vertical-align:bottom;}

#cajadatosdos p#masinfo {clear:both;text-align:right;margin-top:2em}
#cajadatosdos #leyhist {margin-bottom:.1em;padding:0;}
#cajadatosdos #leyhist ul li {padding-left:.5em;margin-bottom:.2em}
#cajadatosdos #leyhist ul li span {padding:.1em .5em}

	#cajadatosdos #tablahistdcha {width:100%;border:0;border-collapse: collapse;margin:0;display:table; font-size:90%; }

	#cajadatosdos #tablahistdcha thead tr th {text-align:center;color:#ddd; background:#0C4DA2;}
    #cajadatosdos #tablahistdcha thead tr.titul1 th {font-size:130%;padding:.4em 0 .2em;}
    #cajadatosdos #tablahistdcha thead tr.titul2 th {padding:.4em 0 .4em;}
    #cajadatosdos #tablahistdcha thead tr.titul2 td {font-weight:bold}
    #cajadatosdos #tablahistdcha thead tr.titul2 td,
    #cajadatosdos #tablahistdcha thead tr.titul2 th {border-bottom:3px solid #D6CEBD}
    
#cajadatosdos #tablahistdcha tbody tr th {text-align:right;border-left:1px solid #D6CEBD}
    
    #cajadatosdos #tablahistdcha tbody tr th,
    #cajadatosdos #tablahistdcha tbody tr td {padding:.3em .1em}

    

#cajadatosdosdif #tabladifs { width:100%;margin:0px }    
#cajadatosdosdif #tabladifs thead tr th {font-size:75%;font-family:Arial,Verdana,sans-serif;text-align:center;border:1px solid #0C4DA2;padding:0px 1px 0px 1px;}
#cajadatosdosdif #tabladifs tbody tr td {text-align:center;font-weight:bold}

.tblpaises {float:left;width:25%;}
.dcha {float:right;}
.bigtrt {padding-top:4em;border:0px solid green; width:49%;float:left;text-align:center;}

.spandif { color:#127CC6;font-size:100%;font-family:arial, sans-serif; }
.leydif {padding-top:.5em; padding-left:1em; padding-bottom:.7em; position:relative; border:0px solid blue; text-align:left;}

#cajadatosdos .tblpaises #tablahist thead td {padding-left:2px;}
#cajadatosdos .tblpaises #tablahistdcha thead td {padding-right:2px;}

@media print {#cajadatosdos #tablahistdcha {font-size:85%;width:85%}}
@media print {#cajadatosdos .tblpaises #tablahistdcha thead td {padding:0;} }
@media print {#cajadatosdos #tablahist {font-size:85%;width:85%}}
@media print {#cajadatosdos .tblpaises #tablahist thead td {padding:0;} }

#paisescont {overflow:hidden;margin:0 auto}
#paiseslay {float:left;width:44%;margin-left:2em}
#paiseslay2 {float:right;width:44%;margin-right:2em}
#cajadatosdos #paiseslay2 #tablahistdcha tbody tr th {text-align:left;border-right:1px solid #D6CEBD;border-left:none}

/****************** fin - páginas estáticas de histórico de participación...... ***************/