/******************************************/
/* Aquí el troceo de pantalla o plantilla */
/*#datos {background: transparent url(../99imgs/servicioprb2.gif) top repeat-x;}
h1:before, #datos:before {content:'-SERVICIO EN PRUEBAS-    ';}  */

* {margin:0; padding:0; border:0}

html,body { 
    height:100%; 
    padding:0; 
    margin:0; 
    border:0; 
    font-size:100%; 
    font-family:  verdana,trebuchet ms, tahoma, arial, sans-serif;      
    }
    
#pagina {
    width:100%;
    min-width:950px;     
    height:100%;
    }

#navegacion {
    width:19em; 
    min-width:19em; 
    height:90%; 
    padding-bottom:4em;
    font-size:80%;
 }

* html #navegacion {position:absolute}

#datos {
    position:absolute;
    top:130px;    
    left:18em; 
    right:0;
    bottom:0;
    width:auto;
    font-size:90%;
    height:100%;
    }
    
/* Adaptación para centrar total estatal*/
.TO #datos {
    left:4em; 
     }

* html #datos{width:65%;}

#bannertop { height:130px; background: #3F809B url(../99imgs/banner_congreso.jpg) no-repeat top left; }

#logomin {
    position:absolute;
    top:.4em; right:.2em; 
    height:4em; 
    width:12em;
    background: transparent url(../99imgs/logo_MIR_interior.gif) no-repeat top right; 
    z-index:2
    }

/*****  MenuGeneral  *****/
#menugeneral {
      position:absolute;
      top:97px;
      min-width:950px;
      width:100%;
      }
#menugeneral #hom {margin-right:11.3em;}

#menugeneral li {
  font-size: 90%; 
  border:.1em solid #0d4a62;
  background-color:transparent;
  display:inline;
  float:left;
  }
#menugeneral li a {
  color:#0d4a62;  
  padding:.5em 1.6em; 
  display:block;
  background: transparent url(../99imgs/PEpuntoa.gif) no-repeat center left;
 }

#menugeneral li.selected{
  background:white url(../99imgs/PEpuntoaa.gif) no-repeat center left;
  border-bottom:0;
  }

#menugeneral li a:hover {
  background:white url(../99imgs/PEpuntoaa.gif) no-repeat center left;}

/*  Hasta aquí el troceo de pantalla o plantilla */

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

div, ul, li,h1,img,a {margin:0; padding:0; text-align:left; list-style:none; border:solid red 0px }	

a,a:link {text-decoration: none; color:#0d4a62;}
a:visited {text-decoration: none;color:#0d4a62;}
a:active {text-decoration: none;color:#0d4a62;}
a:hover {text-decoration:underline; color:#000; background-color:#8ab2b7;}


#opciones li#prt a:hover, 
#opciones li#rlo a:hover, 
#menuambitos li a:hover
{color:#000; background-color:#BEE4EE;}


/* Links reload y print #rlo, #prt {visibility:hidden; text-align:left;}*/
#opciones ul {position:absolute; right:4em; top:.5em; width:50%; text-align:right;}
#opciones li {text-align:center; display:inline; margin-left:1em; line-height:1.6em;}
#opciones li a {font-size:75%; color:#444; padding:.3em 1em; padding-left:3em; border:.1em solid #ddd; }
#opciones li#prt a {background: url(../99imgs/btnimprimir2.png) no-repeat .2em .2em; }
#opciones li#rlo a {background: url(../99imgs/btnrecargar2.png) no-repeat .2em .2em; }
/********************************************************/ 


/* Menu general */	
#contenizq  { height:70%; position:relative; margin-left:1em }
#menuambitos {width:100%; height:auto; display:block;  padding-top:1em;}
#menuambitos ul { width:100%; background:transparent;}
#menuambitos li {border:.1em #e1e1e1 solid; border-bottom:.2em solid #e1e1e1;white-space:nowrap;text-align:center; display:inline; float:left; background-color:#eee;}
#menuambitos li.sel {border-top:.2em solid #e1e1e1; border-bottom:.2em solid white; background-color:white;}
#menuambitos li a {color:#666; display:block;text-align:center;}
#menuambitos li.sel a {color:#0d4a62;}

#solapaprov {width:41%; padding: 0; }
#solapamuni {width:56%; padding: 0; margin-left:.05em; }
#solapaprov a {padding: 1.8em 0; font-size:70%}
#solapamuni a {font-size: 80%;  padding: 1em 0; }
.peq{display:block}

.titulista
{width:100%; display:block; text-align:center; border:.1em #e1e1e1 solid; padding:1em 0; color: #0d4a62;}


/*Menu listas*/
#icajamuni, .cajacomu {         
        width:auto;
        margin:0;
        padding-bottom:2em;
        background-color: white;
        font-size:80%;
        overflow:hidden; 
        overflow-x:hidden
        }
.cajacomu { font-size:100%;}

#icajamuni li,.cajacomu li {
        text-align:left; 
        border-bottom:.1em solid #ededed;  
        background: transparent url(../99imgs/PEpuntoa.gif) no-repeat center left;
        margin-left:.5em;
}

#icajamuni li.distritos {
	padding-left:1em; 
  width:80%;
	background:none;
	font-size:85%;
	}

#icajamuni ul li.lidistr {background:transparent none; border-bottom:0;}
#icajamuni ul li.lidistr div.provcondistr {border-bottom:.1em solid white; background: transparent url(../99imgs/PEpuntoa.gif) no-repeat center left;}
#icajamuni li a, .cajacomu li a {       
        padding-left:1.2em;
        display:block}
      

#pagindice {height:100%;}
#pagindice h1.indiceh1 {display:inline;background:#E5ECF3;font-size:.1em;visibility:hidden}
#cajamuni  {height:70%;}
#frmmuni   {width:99%; margin:auto; overflow:auto; overflow-x:hidden; border-left:.1em #e1e1e1 solid; border-bottom:.1em #e1e1e1 solid; }
.marginf {padding-bottom:10em; background-color: #E5ECF3;}
#cajaiframe{height:90%;}



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

thead {display: table-header-group;}
tbody {display: table-row-group;} 

@media print { #opciones, #navegacion, #menugeneral, #bannertop {visibility:hidden !important; display:none !important; }}
@media print { body, #pagina {background-color:white !important; background-image:none !important; border:none !important; margin:0 !important; height:auto !important; width:100% !important; }}
@media print { #datos {position:static !important; top:0 !important; left:0 !important; bottom:auto !important; display:block !important;  width:99% !important; height:auto !important; font-size:110% !important; margin:0 !important; }} 
@media print { #bannertop {height:80px !important; }}
@media print { .cajatitulo {margin-top:1.8em !important; }}
@media print { .nombre {font-size:95% !important; }}
@media print { #TGRAF  {margin:2em auto 3em!important; font-size:115% !important; }}
.pagebreak { page-break-after:always; }



/* Titulos */

h1 {display:inline; font-size:100%;}
.cajatitulo {width:85%; margin:0 auto;  margin-top:4.5em; white-space:nowrap; min-width:400px; display:table; border-bottom:.4em solid #eee; color:#0d4a62; }
.cajatitulo {background: transparent url(../99imgs/CGfondotitulo.gif) repeat-x bottom left;}
.cajatitulo .logo {float:left}	
.cajalittitulo {padding-top:0em;padding-left:47px; }
.cajatitsinlogo {padding-top:1em;}
.titulo {width:auto; text-align:center; margin-top:1.8em;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:#0d4a62; 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; font-size:110%; }
#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; }


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

#divgraf{position:relative; width:auto; min-width:450px; 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:700px; display:table; clear:both;}
#cajagrafjs{display:inline-table; width:100%; margin:0 auto; height:106px; }
#cajagrafjs #cajagrafico.cajaavances #cajagrafico{width:100%}



.mitad {width:49%; text-align:center}
.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%;min-width:450px; 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:1px outset #BBD8ED; width:9px; height:9px; margin:0; margin-right:.5em;}
.mapaganadores{margin-bottom:2.9em;  width:100%; text-align:center; display:table; height:288px; }
.titmapa {border-bottom:2px solid #ededed;display:block}





/*Capas generales*/
.cajadatosuno {width:50%; margin:0 auto; min-width:180px; display:table; font-size:100%; text-align:center}
.cajadatosdos {width:90%; margin:auto; margin-bottom:3%; min-width:600px; 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: #FAF9F5; }
/*.r1.d3 {background-color:#F1F5F5;}		*/
.r2 {background-color: #FFFFFF; page-break-before:avoid; }


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:#8ab2b7; padding:.1em; border-bottom:#8ab2b7 .1em solid;}
th.th03 {background:#abb3ba; border-bottom:#abb3ba .1em solid;}



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

tbody tr th.siglas03 {text-align:right; padding-right:1em; }
.siglas03 img{border-right:.3em #ccc solid; border-bottom:.2em #aaa solid; margin: 0 .1em; vertical-align:middle}
.siglas07, .siglas11, .RC th.sigla07 {text-align:left; padding-left:2em; vertical-align:middle; border-left: 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: #DEE7E6;font-size:110%;}
.ult.datos2 {margin-bottom:0;}
    



/**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:#e7edf0; color:black}
.datos1 tbody .over .d3{background-color:#D5E2E5;color:black}
#TVGEN {border-bottom:.2em #D6CEBD solid; margin-bottom:2em; width:100%;}



/**tabla Datos 2 **/
.datos2 {text-align:center; margin:0 auto; width:100%;}
.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:1em; color:#777;}
.datos2 thead .th2 .siglas07 {text-align:left; padding-left:1em;}
.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:#D5E2E5;color:black}
.datos2 tbody  tr.over th {background-color:#D5E2E5;color:black}
.datos2 tbody  tr.over .d3{background-color:#D5E2E5;color:black;}
.datos2 tbody .porc {padding-right:.5em;}
.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;}
.datos2 tbody th.siglas11,.datos2 tbody th.siglas7,.datos2 tbody th.nombre  {padding-left:1em}

.datos2 tbody th.nombre a {display:block; padding:.5em 0}
.datos2 tbody th.nombre a:hover {background-color:#BEE4EE;}



/*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 {font-size:0;border-bottom-style:solid;border-bottom-width:12pt;float:left; }
.cajabarrasmun .datos1 tbody {font-size:80%}
#TGRAF {width:60%;border-bottom:.5em solid #ededed;margin:auto;}
#TGRAF thead th {background-color:white}

/*Estilos asociados al flot*/
.grafjsh{ margin:auto;width:300px;}
.grafjst{ margin:auto;width:300px;}

/****************** ***************/          
#datamanio {width:100%;height:100%;}
#cajaprov ul {width:49%;float: left;}
#cajaprov ul li{ width: 100%; padding:0;margin:0;}
* html #cajaprov { height:430px;}


.act{background-color:#BEE4EE;}