thead {display: table-header-group }
tbody {display: table-row-group }
@media print { a { visibility:hidden;}}

html {height:100%;}
body {font:normal 80%  verdana,arial,sans-serif;
      color:#666;
      background-color:white;
      margin:0 1em 0 0;
      padding:0 0 0 0;     
      border-left:1px  red solid;
      border-right: 1em  #d61800 solid;
      height:100%}

div {border:0px red solid;padding:0;margin:0}

.banner {background: white url(../imgs/AU60bannerlargo.gif) no-repeat top left;height:85px; 
	border-top: .0em  #B0000F solid; 
	border-bottom: .0em  #B0000F solid;
	border-left: 0px  red solid;}

			   
/* Titulos */
.cajatitulo {width:100%; 
	     color:#B0000F; 
	     white-space: nowrap; 
	     display:table;  
	     background: #FFD600 url(../imgs/AU60titu.gif) repeat-y top left;
             border-bottom: 0px  #ddd solid;}
 		
.titulo {position:relative; 
	 float:left;width:50%;text-align:right;  }

.horafecha{position:relative;float:right;padding:0 ; font-size:87%; color:black; width:15%;
	  background:#FFD600 url(../imgs/AU60titu.gif) repeat-y top right;padding-top:.4em}
.tit1 {line-height:30px; font-size: 150%; text-align:right;}
.hora,.fecha {padding-right:4em;text-align:center;}
#hhmm{font-weight:bold}


/* Links dentro páginas*/
 #opciones {position:absolute; right:2em;top:115px; font-size:90%;}
.menulinks {text-align:right;line-height:2em; }
.menulinks {padding-top:.1em;text-align:right; background-color:transparent; padding-right:2em}
.menulinks ul {margin:0 ;list-style: none; padding-left:0; border:0px solid red ; repeat-x bottom left;}      				
.menulinks li {padding:0 1em 0 1.5em; margin:0; line-height:1.7em; display:inline; background: url(../imgs/AUCCflecha.gif) no-repeat left; }
.menulinks a  {text-decoration: none;color: #666; text-align:center;}	
.menulinks a:hover  {color: red; font-weight:normal;text-decoration:underline;} 


.cajadatosuno {width:50%;margin-left:20%; margin-top:6em; margin-bottom:1em; min-heigh:300px;min-width:500px; 
		display:table; font-size:90%; }


.th07 { color:#c60008; background:#FFD600 ;border:1px solid #ddd;line-height:2em;border-bottom:3px #B0000F solid}
.th03 { color:#555; background:#bbb;border:1px solid #ddd;line-height:2em;border-bottom:3px #999 solid}
.siglas03 {text-align:right; white-space: nowrap; padding-right:2em;}
.siglas07 {text-align:left;white-space: nowrap; padding-left:2em;}
.dip {text-align:center;font-weight:bold;}
.porc,.vots {text-align:right}

.r1 {background-color:#FFF2B3 ;border:1px solid #ccc;margin-top:1px;}

#xescrutado { text-align:center; line-height:2em; color:#B0000F;}
#xescrutado  span {font-weight:normal; padding:.3em 1em ;margin-left:1em;white-space:nowrap}
#xescrutado3 {border:0px solid #EFD2AA;}
#xescrutado1, #xescrutado2 {display:none;}

#xelegir {font-size:120%;white-space: nowrap;margin:.5em 0;
	  display:block;
	  line-height:2em;
	  color:#B0000F;
	  font-weight:normal;
	  background-color:transparent;
	  text-align:center;
	  width:100%; }

/**tabla Datos 1 **/
.datos1 {border:1em #F4F5F7 solid;margin:1em;}
.datos1 thead th {border-bottom:1px #5D759D solid; font-size:100%; text-align:center;font-weight: bold; padding:0em;}
.datos1 tbody th {color:#777;text-align:right;padding:0 1em;}
.datos1 tbody th {font-weight:normal;border-bottom: 1px solid #eee; white-space: nowrap;}
.datos1 tbody td {text-align:right; font-weight:normal; padding:0 .2em 0 1em; border-bottom: 1px solid #eee;}
.datos1 {background-color:#F4F5F7;}

.datos1 tbody .over  {background-color:#cc0000; color:white;}
.datos1 tbody .over th {background-color:#cc0000; color:white;font-weight:bold;text-align:center}


.cajadatosdos {width:80%;margin-left:5%; margin-top:1em; margin-bottom:3em; min-heigh:300px;min-width:500px; 
		display:table; font-size:90%; }
/**tabla Datos 2 **/

.datos2 thead .th1 .th07 {text-align:center;}
.datos2 thead .th1 .th03 {text-align:center;}
.datos2 thead .th2 th { border-top:0px #ccc solid; border-bottom:1px #5D759D solid;text-align:center;color:#d61800}
.datos2 thead .th2 .siglas03 {text-align:left;white-space: nowrap; padding-left:2em;}
.datos2 thead .th2 .siglas07 {text-align:right;white-space: nowrap; padding-right:2em;}
.datos2 tbody  td {padding:0 .4em}
.datos2 tbody  th {color:#1B4B95;font-weight:normal}
.datos2 tbody  .r1 .d3{color:#999;background-color:#F1F2F6}
.datos2 tbody  .d3 {color:#999;}
.datos2 tbody  .r1 .siglas03 {color:#C27F72;}
.datos2 tbody  .siglas03 {color:#C27F72;}
.datos2 tbody  .siglas07 {color:#cc0000;}
.datos2 tbody .over .d3{background-color:#6F87E1;color:white;}
.datos2 tbody .over td {background-color:#6F87E1; color:white;}
.datos2 tbody .over th {background-color:#6F87E1; color:white;font-weight:bold;}
/** **/

/*Barras-y-Mapa*/
.cajabarrasymapa1 {width:50%;margin-left:33%; margin-top:.5em; margin-bottom:1em; min-heigh:300px;min-width:500px; display:table; }
.cajabarrasymapa {width:100%; display:table; }
.cajabarras {float:left;  width:50%; margin-left:1%;margin-top:1%;}
.cajamapa   {float:right; width:65%; margin-left:1%;margin-top:1%;display:none;}
.mapa       {float:right; width:60%;}
.mapa img   {float:right; padding-right:.5em;}
.leymapa    {float:right; margin-right:2%; margin-top: 1%; z-index:-1; overflow:hidden;}

.alto100 {height:250px}
.alto200 {height:200px}
.alto300 {height:300px}
.barras {position:relative;background-color:#F1F2F6;width:180px;}
.barras ul{margin: 0; padding: 0; list-style: none; }
.barras li {position: absolute; bottom: 0px;  margin: 0 0em; padding: 0; text-align: center;}
.barras li.bar { border: 15px solid; border-style:solid; border-top: none; border-bottom: none; width: 35px;}
.barras li.b07 { background: #88A0D2 url(../imgs/pixel07.gif) repeat-x;  border-color: #000 #55678D #000 #AEC4F0; left: 20px;}
.barras li.b03 { background: #888888 url(../imgs/pixel03.gif) repeat-x;  border-color: #000 #606060 #000 #C7C3C3; left: 90px;}
.verticalbars {position:relative;float:left;height:100%;}

/*Leyendas Barras Mapa*/
.leybarras  {text-align:center; white-space: nowrap;padding-top:2px;}
.leybarras  ul,.leymapa ul  {list-style:none; margin:0; margin-left:2em; padding:0;text-align:left; }
.leymapa ul {margin:3em .5em 0 0;}
.titbarras {color:#003399;font-weight:normal;}
.imgley {border:1px outset #ddd; width:18px; height:8px; margin:0 .5em;margin:0 .5em 0 0}


/*Datos y Barras*/
.cajadatosybarras {width:80%;margin-left:9%; margin-top:.5em; margin-bottom:1em; min-width:500px; text-align:center;display:table;}
.cajadatos {float:left;width:50%;padding-top:2em;}
.cajabarras2 {float:left; width:150px; margin-left:2em; padding-left:2%;margin-top:1%;display:compact;z-index:-1}

.cajamaparesumen {width:75%;margin-left:10%; margin-top:1em; margin-bottom:0; min-heigh:300px;min-width:500px; 
		display:table; font-size:90%; }

.mapaganadores  {margin-left:6em;float:left; width:10%;}
.mapaganadores img {float:left;}
.leymapaganadores {width:20%;float:left; text-align:center;padding-top:5em;}
.leymapaganadores ul {margin:3em .5em 0 0;list-style:none;}

.hemiciclo {width:90%;margin-left:1%; margin-top:1em; margin-bottom:3em; min-height:200px;min-width:400px; 
		display:table; font-size:90%; }
.hemi img {width:300px;}
.hemi {text-align:center;}



.cajapartido .datos2  {font-size:130%}
.cajapartido tbody td {}
.cajapartido .datos2 thead .th1 .th07 {text-align:right;}
.cajapartido .datos2 thead .th1 .th03 {text-align:left;}

.partidoescrutado {float:left; margin:2em .8em;}


.rowtotal {line-height:2em;color:#6A9C3B}
.centrado {text-align:center ;}
.u {text-decoration: underline;} 
.noover {font-size:1pt}	


.cajadatosdos {width:80%;margin-left:8%; padding-top:2em; min-heigh:300px;min-width:500px; 
	  	display:table; font-size:90%; }


/*Grafico barrasmuni*/
.cajabarrasmun  {width:80%; margin-left:10%; margin-top:3em; margin-bottom:2em; display:table; font-size:90%;}
.cajabarrasmun .datos2 tbody  {white-space:nowrap; background-color:#FAF0C0;}
.cajabarrasmun .datos2 tbody td,.cajabarrasmun .datos2 tbody th {border-top:1px solid white;border-bottom:1px #bbb solid;}
.cajabarrasmun .datos2 tbody tr td.izq {text-align:right; padding:0; margin:0}
.cajabarrasmun .datos2 tbody .barpar { height:25px; border-bottom:3px #ddd  solid;border-top:1px white solid; float:left;}



.cajaavances  {width:82%;margin-left:15%;margin-top:4em}
.cajaavances .datos2 img.barpar {height:15px;border-left:0; border-bottom:2px #944A00 solid;float:left;border-top:4px #944A00 solid}
.cajaavances .datos2 tbody th {white-space:nowrap;}
.cajaavances .datos2 td.izq {background-color:#E1E5C7;}
.cajaavances .datos2 {margin-left:1em}
.cajaavances .datos1 thead th {border-bottom:1px #5D759D solid};
.cajaavancesdos {width:80%;margin-left:5%; padding:10% 0; display:table; font-size:90%; }