* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.contenedor {
	display: grid;
	gap: 1rem;
	grid-auto-flow: dense;
	grid-template-columns: 72% 28%;
  }

  /* contenedor para las pantallas de ingreso de votos */
.contenedorVotos {
	display: grid;
	gap: 1rem;
	grid-auto-flow: dense;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
	/*grid-template-columns: 50% 50%;*/
}

.contenedorDocto {
	grid-column: span 2;
}

/* contenedor de parámetros de gráficas 3 columnas*/
.contenedorPG {
	display: grid;
	gap: 1rem;
	grid-auto-flow: dense;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
	grid-auto-rows: auto;
	align-items: center;
}  

/* contenedor de gráficas y despliegue votos 4 columnas*/
.contenedorG {
	display: grid;
	gap: 1rem;
	grid-auto-flow: dense;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
	grid-auto-rows: auto;
	align-items: center;

/*	display: grid;
	gap: 1rem;
	grid-auto-flow: dense;
	grid-template-columns: 70% 30%;*/
}  

.contenedorGC3 {
	grid-column: span 3;
}

.contenedorGC2 {
	grid-column: span 2;
}

.contenedorCanvas {
	grid-column: 1 / 2 span;
	grid-row: auto;
	display: flex;
    /*position: relative;*/
	height: 100%;
    
}


.organizaciones {
	border: 1px solid black;
	border-collapse: collapse;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 4px;
	align-items:center;
}  

/* clase para las imágenes de los partidos */
.img {
	/*display: block;*/
	height: 100px;
	width: 100px;
	padding: 0%;
	margin: auto;
	border-radius: 50%;
	font-size: medium;
}

/* para cuando solo hay nombre de partido y no logo */
.box {
	font-size: medium;
	border: 2px solid #666;
	background-color: #ddd;
	border-radius: .5em;
	text-align:center;
	padding: 2px;
	cursor: move;
  }

  
.fieldsetPV {
	background-color: white;
}
.fieldsetLN {
	background-color: #ccffcc;
}
.fieldsetDD {
	background-color: #a3dcf1;
}
.fieldsetCM {
	background-color: #e0badc;
}
.fieldsetPC {
	background-color: #f6f6b2;
}

.parametros {
	border: white;
}

/* diseño generico boleta */
.boleta {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
}

.boleta th{
	font-family: arial;
	font-size: x-large;
	text-align: center;
}

.boleta tr {
	border: solid 1px black;
	height: 100px;
}

.boleta tbody td:nth-child(even){
	background-color: white;
	width: 15%;
	border-right: solid 1px black;
}

/* diseño papeleta presidente/vicepresidente */
.boletaPV {
	width: 3%;
	background-color: #b7b2b2;
	height: 100px;
}
/* diseño papeleta diputados distritales */
.boletaLN {
	width: 3%;
	background-color: #ccffcc;
	height: 100px;
	border-right: solid 1px black;
}
/* diseño papeleta listado nacional */
.boletaDD {
	width: 3%;
	background-color: #a3dcf1;
	height: 100px;
	border-right: solid 1px black;
}
/* diseño papeleta corporaciones municipales */
.boletaCM {
	width: 3%;
	background-color: #e0badc;
	height: 100px;
	border-right: solid 1px black;
}
/* diseño papeleta parlacen */
.boletaPC {
	width: 3%;
	background-color: #f6f6b2;
	height: 100px;
	border-right: solid 1px black;
}

.tituloOps {
	font-family: arial;
	font-size: x-large;
	text-align: center;
	padding: .3em;
}


.votos th{
	font-family: arial;
	font-size: medium;
	text-align: center;
	border-top: 1px solid black;
	/*border-bottom: 1px solid black;*/
}

.votos td{
	border-collapse: collapse;
	text-align: left;
	padding-left: 5%;
	font-size: medium;
	/*padding-right: 20px;*/
	width: auto;
	/*border-bottom: 1px dotted rgb(7, 7, 7);*/
	break-after: always;
	box-sizing: border-box;
}

.votoLineaParCM {
	background-color: #e0badc;
}


.votoLineaParDD {
	background-color: #a3dcf1;
}

.votoLineaImpar{
	background-color: white;
}

.votoEspecial {
	background-color: rgb(173, 168, 168);
}

.numero {
	width: 90%;
	text-align: right;
}

.jrv {
	text-align: right;
}

/* area de diseño para ingreso de votos */
.voto contenedor {
	display: grid;
	gap: 1rem;
	grid-auto-flow: dense;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
	/*grid-template-columns: 50% 60%;*/
	grid-auto-rows: auto;
}

.voto Col {
	/*padding: 5px;*/
	border-radius: 10px;
	border-collapse: collapse;
	border: solid 1px blue;
	width: 90%;
	/*grid-row: span 2;*/
}

.tablaVotos{
	/*table-layout: fixed;*/
    width: 100%;
	border-radius: 10px;
	border-collapse: collapse;
	border: solid 1px blue;
	border-style: dotted;
}

.tablaVotos td{
    width: 60%;
	word-wrap: break-word;
	border-collapse: collapse;
	border-bottom: solid 1px black;
	box-sizing: border-box;
	overflow: hidden;
	border-style: dotted;
}


.encabezadoVotos {
	text-align: center;
}

.tabla_esquema
{
	border-style: none;
}


.tabla_esquema tbody tr:nth-child(odd)
{
	background: #b9baba;
	/*border-bottom: 1px solid rgb(5, 0, 0);
}

.col4{
	text-align: right;
	padding-right: 50px;
}

#tituloTexto {
	border: none;
	overflow: hidden;
	align-content: center;
	padding-top:10%;
	padding-left: 3%;
}

/* Estilos para hacer el zoom */




/* ********************** FORMATO DE FICHA 
.ficha { 
	table-layout: fixed;
    width: 1000px;
	border-collapse: collapse;
}
.ficha th td {
	width: 100px;
}

.ficha tr{
	border-bottom: 1px solid rgb(5, 0, 0);
}

.ficha thead tr{
	font-weight: bold;
}

.ficha thead tr:nth-child(odd){
	background: #b1cedf;
	border-bottom: 1px solid rgb(5, 0, 0);
}

#titulo {
	width: 100%;
	border: none;
	overflow: hidden;
	align-content: center;
	}

#tituloImagen {
	width: 20%;
	float: left;
	border: none ;
}
#tituloTexto {
	border: none;
	overflow: hidden;
	align-content: center;
/*	padding-top:10%;
	padding-left: 3%;	*//*
}


.character-counter {
    font-size: 20px;
    color: #006633;
}
*/