html, body {
  margin: 0;
  padding: 0;
  font-size: 12pt;
  font-family: Arial;
}

a{
  text-decoration: none;
  margin-bottom: 4px;
  padding: 0px;
  border-bottom: 1px dashed blue;
  font-size: 8pt;
}

a:hover{
  background: yellow;
}

span.floatl {
  float: left;
}
	  
div.floatl p {
  text-align: center;
}

div.floatr {
  float: right;
}

div.floatr p{
  text-align: center;
}

div.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
/*  width: 1024px ;*/
/*  border: 1px solid black;*/
/*  background-color: #ccc;*/
}

div.spacer {
  clear: both;
}


/************************************** Parte privada */
.distrito{
  clear: both;
  float: left;
  border: 1px dashed black;
  margin: 8px auto;
  width: 620px;
  text-align: left;
}

.distrito-label{
  font-size: 18px;
}

div.mesa{
  float: left;
  margin: 8px;
  padding: 4px;
/*  background-color: ee0;*/
}

div.form {
  clear:both;
/*  float: left;*/
  margin: 0px auto;
/*  border: 1px solid black;*/
}

.mesa-label{
  float: left;
  margin: 8px;
  font-size: 12px;
}

.mesa-input{
  background-color: #ee0;
  text-align: right;
}

.boton-enviar{
 background-color: #ee0;
 text-align: center;
}

.mesa-status{
  font-size: 12px;
  text-align:center;
  color: red;
  width: 100%;
}
/************************************* Fin de parte privada */


/***************************************** Parte publica */
.avance{
  float: left;
  padding: 2px;
  text-align: left;
  font-size: 12px;
  font-style: italic;
  border: 2px dotted black;
  margin: 2px;
}

.escrutinio{
  font-size: 12px;
  font-style: italic;
  color: #888;
}

div.intro{
  float: left;
  width: 100%;
  text-align: center;
  /*border: 1px solid blue;*/
}

div.main{
  width: 90%;
  margin: auto;
/*  border: 1px solid blue;*/
}

div.enlaces{
  float: left;
  width: 100%;
  /*border: 1px solid blue;*/
}

div.enlaces_fin_recuento{
  float: left;
  /*border: 2px dashed blue;*/
}
div.enlaces_recuentos{
  float: right;
  /*border: 2px dashed blue;*/
}

div.enlaces ul{
  list-style-type: none;
  float: left;
  padding: 0px;
  margin: 0px;
  /*clear: both;*/
  /*border: 1px solid red;*/
}
div.enlaces li{
  float: left;					    
  padding: 8px;
  width: auto;
  font-size: 8pt;
  /*text-align: center;*/
  /*background-color: #ddd;*/
}




div.pdistrito{
 margin-bottom: 40px;
 margin-left: 4px;
 margin-right: 4px;
}

span.nombre-distrito{
  font-size: 24pt;
}

div.fecha-actualizacion{
  clear:both;
  text-align: left;
  font-style: italic;
  font-size: 12px;
}

div.colegio{
  clear: both;
  font-weight: bold;
  margin-top: 20px;
}

div.pmesa{
  clear: both;
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  border: 2px solid black;
}

div.pmesa-cabecera{
  float: left;
  margin-left: 4px;
  margin-bottom: 0px;
  width: 120px;
}

div.pmesa-cabecera-1{
  float: left;
  margin-left: 4px;
  margin-bottom: 0px;
  width: 180px;
}


div.pmesa-cabecera dl{
 margin-top: 0px;
 margin-bottom: 0px;
 text-align: center;
}

div.pmesa-votos{
  clear: both;
  margin: 1px;
  width: auto;
}

div.pvoto{
  float: left;
  width: 140px;
  height: 90px;
  margin: 1px;
  border: 1px solid black;
}

div.pvoto dl{
 margin-top: 0px;
 margin-bottom: 0px;
 text-align: center;
}

span.pvoto-nombre{
  color: blue;
  font-size: 14px;
}
span.pvoto-cantidad{
  font-weight: bold;
}
span.pvoto-porcentaje{
  font-style: italic;
}

div.pmesa-total{
  clear: both;
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #abb;
  border: 2px solid black;
}

.pmesa-total-full{
  clear: both;
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #8b8;
  border: 2px solid black;
  padding: 1px;
}

div.cabecera{
 float: left;
 width:100%;
 font-size: 10pt;
 border-bottom: 1px solid black;
/* background-color: yellow;*/
}

div.pie{
  text-align: right;
  font-size: 12px;
  border-top: 1px solid black;
}


div.cabec-izquierda{
  float: left;
}

span.cabec-ayto-up{
 float: left;
 height: 20px;
}
div.cabec-ayto{
  clear: left;
  float: left;
}
div.cabec-ayto p{
  font-size: 11px;
  text-align: center;
}

div.cabec-centro{
  float: left;
  text-align: center;
  font-style: italic;
  font-size: 28px;
  color: #008080;
  width: 50%;
}

div.cabecera-derecha{
  float: right;
  width: 24%;
}

span.cabec-cpd-up{
 float: right;
 height: 80px;
}

span.cabec-cpd{
  clear: right;
  float: right;
  font-size: 11px;
  font-style: italic;
  text-align: right;
}

ul.listaAvanceCabecera{
  list-style-type: none;
  clear: both;
}
ul.listaAvanceCabecera li{
  float: left;					    
  padding: 4px;
  width: 100px;
  text-align: center;
  background-color: #ddd;
}
ul.listaAvanceCabecera li.lac-distrito{
  float: left;
  padding: 4px;
  width: 300px;
  text-align: center;
}


ul.listaAvance{
  list-style-type: none;
  clear:both;
}

ul.listaAvance li{
  float: left;
  padding: 4px;
  width: 100px;
  text-align: center;
}
ul.listaAvance li.lac-distrito{
  float: left;
  padding: 4px;
  width: 300px;
  text-align: left;
}

ul.listaAvance-par{
  list-style-type: none;
  clear:both;
}

ul.listaAvance-par li{
  float: left;
  padding: 4px;
  width: 100px;
  text-align: center;
  background-color: #686;
}
ul.listaAvance-par li.lac-distrito{
  float: left;
  padding: 4px;
  width: 300px;
  text-align: left;
  background-color: #686;
}


div.grafica{
  float: left;
  margin: 10px;
  padding: 10px;
}

div.main-reparto{
 width: auto;
 margin: 0px auto; 
 text-align: center;
}

div.centrar90{
 width: 90%;
 margin: 0px auto;
}

div.bio-hidden{
  display: none;
}


table.reparto{
  /*float: left;*/
  font-size: 10pt;
  padding: 0px; 
  margin: 0px;
}
tr.reparto-fila-cabecera {
  /*list-style-type: none;
  clear:both;
  margin: 0px;
  padding: 0px;*/
  background-color: #ddd;
}

ul.reparto-fila-cabecera li{
  float: left;
  padding: 4px;
  width: 60px;
  text-align: center;
  background-color: #ddd;
  border: 1px solid black;
}

ul.reparto-fila {
  list-style-type: none;
  clear:both;
  margin: 0px;
  padding: 0px;
}

ul.reparto-fila li {
  float: left;
  padding: 4px;
  width: 60px;
  height: 70px;
  text-align: center;
  margin: 0px;
  border: 1px solid black;
}
ul.reparto-fila li.lfotos{
  float: left;
  padding: 0px;
  margin: 0px;
  text-align: left;
  height: auto;
  width: 500px;
  border: none;
}

table.resumen{
  /*float: left;*/
  font-size: 10pt;
  padding: 0px; 
  margin: 0px;
  border: 1px solid black;
}
tr.resumen-header{
  background-color: #dcc;
}

/************************************************************ Fin de parte publica */


div.row {
  clear: both;
  padding-top: 10px;
}
	  
div.row span.label {
  float: left;
  width: 50%;
  text-align: right;
}
			  
div.row span.campo {
    float: right;
    width: 50%;
    text-align: left;
} 

div.listado{
  width: 90%; 
/*  background-color: #ffe; */
/*  border: 1px dotted #333; padding: 5px; */
  margin: 0px auto;
}

div.listado a{
  text-decoration: none;
  color: black;
}




div.detalle-par{
  clear: both;
  width: 100%;
  background-color: #ddf;
/*  border: 1px dotted #333; */
}

div.detalle-impar{
  clear: both;
  width: 100%;
/*  border: 1px dotted #333; */
}

span.cargo{
  float: left;
  width: 20%;
}

span.persona{
  float: left;
  width: 65%;  
}

span.enlace{
  float: left;
  width: 15%;  
}

/* Estilos para la consulta al censo */
div.listado-consulta{
 width:800px;
 margin: auto;
}

div.listado-consulta div.detalle2-par{
  clear: both;
  margin: 4px;
  background-color: #ddd;
}

div.listado-consulta div.detalle2-impar{
  clear: both;
  margin: 4px;
  background-color: #fff;
}

div.listado-consulta span.detalle2-persona{
  font-weight: bold;
}
div.listado-consulta span.detalle2-direccion{
  font-style: italic;
}

/* Estilos antiguos */
.texto{
  font-family: Arial;
  font-size: 11pt;
}

.mensaje-ok{
  font-family: Arial;
  font-size: 14pt;
  color: green;
  text-align: center;
}

.mensaje-error{
  font-family: Arial;
  font-size: 14pt;
  color: red;
  text-align: center;
}

.aviso{
  font-family: Arial;
  font-size: 14pt;
  color: red;
  text-align: center;
  width: 800px;
  height: 400px;
  margin: 0px auto;
}





.tabla{
  font-size: 12px; 
  border: 1px solid #333; 
  padding: 0px; 
  margin: 0px auto;
  border-collapse: collapse;
  border-spacing: 0px;
}

.tabla td{
 text-align:center;
}

.table input{
  text-align:right;
}

.fila-cabecera{

}
.fila-pie{
  background-color: #dddddd
}
.fila-zona{
  background-color: #bbdddd
}

.fila-par{
  background-color: #ffffff
}
.fila-impar{
  background-color: #dddddd
}

.tabla-detalle{
  font-size: 11pt;
  border: 1px solid #333; 
  padding: 0px; 
  margin: 0px auto;
  border-collapse: collapse;
  border-spacing: 0px;
}

.tabla-detalle2{
  font-size: 11pt;
  border: 0px solid #333; 
  padding: 0px; 
  margin: 0px auto;
  border-collapse: collapse;
  border-spacing: 0px;
}

.boton{
  font-family: Arial;
  font-size: 11pt;
  font-weight: bold;
  background-color:#bbdddd;
}

a.bio{
  border-bottom: none;
}

#panel_bio{
/*  border: 1px solid red;*/
  width: 150px;  
  /*height: 400px;*/
  text-align: center;
  font-size: 8pt;
  font-family: Arial;
  font-weight: normal;
  margin: 0px;
}

#col-reparto{
  float:left;
  width:600px;
  height: 400px;
/*  border: 1px solid blue;*/
}


#col-bio{
  float: left;
  width: 152px;
  padding: 0px;
/*  border: 1px solid blue;*/
}

.sin-datos{
  color: red;
}