/* generated by csscreator.com */
/*html, body{
 margin:0;
 padding:0;
 text-align:center;
 background-color:#fff;

 font-family: Arial, Helvetica, sans-serif;
} */

#tot{
	width: 1100px;
	text-align: left;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #669900;
}



#superior{
	clear:both;
	position:relative;
	height:220px;
	background-color:#FFF;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #999;
}
.header{
	position: relative;
	margin-bottom: 40px;
}
#usuario{
	position: absolute;
	background-color: #EEE;
	padding: 20px;
	top: 20px;
	right: 20px;
	font-weight: bold;
}

#cab{
	width: 1100px;
	float: left;
	background-image: url(../imagenes/header_votaciones.png);
	height: 411px;
	font-size: 24px;
	text-align: right;
	margin-bottom: 40px;
}
#cab_admin{
	width: 1100px;
	float: left;
	background-image: url(../imagenes/header_votaciones_admin.png);
	height: 242px;
	font-size: 24px;
	text-align: right;
}

#columnaesq{
	width: 120px;
	float: left;
	position: relative;
	background-color: #fff;
	font-size: 1em;
	height: auto;
 }

#columnaesq ul{
	color:#8e8e8e;
	margin:0;
	padding:0em 0.5em 0em 0.5em;
	font-size: 1em;
	list-style-type: none;
	}

#columnaesq li{
	border: 1px solid #999;
	margin: 5px;
	padding: 5px;
	}

#columnaesq img{
 text-align:center;
 border:0px;
 }


#contenido2{
 background-color: #fff;
 width:810px;
 float:left;
 position:relative;
 padding: 1em 0.3em;
 margin: 1em 0em;
  }




#columna_derecha{
 background-color: #fff;
 width:150px;
 float:right;
 position:relative;
 padding: 1em 0em;
 margin: 0.5em 0em;
 border-left:1px solid #FFEFEF;
 }

 #columna_derecha img{
 text-align:center;
 border:0px;
 }

#columna_derecha ul{
	list-style-type:square;
	color:#8e8e8e;
	margin:0;
	padding:0.5em 0em;
	}

#columna_derecha li{
	margin-left:1.5em;
	padding:2px;
	}


#pie{
	background-color:#fff;
	border-top:1px solid #FFEFEF;
	color:#8e8e8e;
	clear:both;
	text-align:center;
	font-size: 0.8em;
	height: 35px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
 }



.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #E8E8E8;
	border: 1px solid #666666;
	font-weight: normal;
}

.caja_centrada{
	text-align: center;
}


.caja_recupera{
	border: 1px dotted #360;
	height: 60px;
	width: 250px;
	font-size: 1em;
	color: #FFF;
	text-align: center;
	right: 150px;
	padding: 20px;
	float: right;
	margin-right: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
}

a.caja_recupera:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #FFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.caja_recupera:visited {
	FONT-SIZE: 10px;
	COLOR: #FFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
a.caja_recupera:hover{
	FONT-SIZE: 10px;
	COLOR: #CCC;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	background-color: #6C3;
}
.caja_entrada{
	border: 1px dotted #360;
	height: 300px;
	width: 250px;
	font-size: 1em;
	color: #999;
	text-align: center;
	right: 150px;
	padding: 20px;
	margin-left: 300px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
#texto_ini{
	border: 1px dotted #360;
	width: 250px;
	font-size: 1em;
	color: #666;
	text-align: justify;
	right: 150px;
	padding: 20px;
	float: right;
	margin-right: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#caja_resumen{
	border: thin solid #CCC;
	font-size: 1em;
	color: #666;
	text-align: center;
	right: 150px;
	padding: 20px;
	float: none;
	margin-top: 20px;
	margin-bottom: 20px;

}
#caja_texto{
	border: thin solid #CCC;
	font-size: 1em;
	color: #666;
	text-align: center;
	right: 150px;
	padding: 20px;
	float: none;
	margin-top: 20px;
	margin-bottom: 20px;

}



.amplio {
	width: 120%;
	height: 30px;
	text-align: center;
}

#textos_valida{
 width:99%;
 /*float:left;
 position:relative; */
 background-color:#fff;

 font-size:1em;
 }

#textos_valida ul{
	color:#8e8e8e;
	margin:0;
	padding:0em 0.5em 0em 0.5em;
	font-size: 1em;
	list-style-type: none;
	}

#textos_valida li{
	border: 1px solid #999;
	margin: 5px;
	padding: 5px;
	}

/*
	E S T I L O S    VOTACION
*/
 .capasexo{
	width:550px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin: 5px;
	padding: 5px;
	text-align: left;
	   }

	.capam{
	background-color: #C69;
	   }
	   .capah{
	background-color: #6C0;
	   }
	     .capan{
	background-color: #FF6;
	   }

/*
	E S T I L O S   VUT
*/
 .caja_rondas{
	border: 2px solid #333;
	   }


.tabla_vut{
	border: 1px solid #666;
}


.linea_tabla_vut{
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-left-color: #999;
	border-right-style: solid;
	border-right-color: #3C0;
}

/*
	E S T I L O S
*/

.letra_roja{
	color: #F00;
}
.letra_roja_bold{
		font-size: 1.2em;
	font-weight: bold;
	color: #F00;
}
.letra_verde{
	color: #690;
	font-weight: normal;
}
.letra_verde_bold{
	font-size: 1.2em;
	font-weight: bold;
	color: #690;
}

/*
	E S T I L O S    MENU ADMINISTRACIÓN
*/

/* --------------- BOTONES --------------- */

/*
 agregar asi:

class="button medium green"

PARA CAMBIAR EL TAMAÑO:tenemos 4 tamaños disponibles: small, medium, large y super
PARA CAMBIAR EL COLOR: green, red, yellow, orange, pink y blue

*/


.button, .button:visited { /* botones genéricos */
background: #222 url(../imagenes/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #FFF;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor:pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

.button:hover { /* el efecto hover */
background-color: #111
color: #FFF;
}

.button:active{ /* el efecto click */
top: 1px;
}

/* botones pequeños */
.small.button, .small.button:visited {
font-size: 11px ;
}

/* botones medianos */
.button, .button:visited,.medium.button, .medium.button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/* botones grandes */
.large.button, .large.button:visited {
font-size:14px;
padding: 8px 14px 9px;
}

/* botones extra grandes */
.super.button, .super.button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}

.pink.button { background-color: #E22092; }
.pink.button:hover{ background-color: #C81E82; }

.green.button, .green.button:visited { background-color: #91BD09; }
.green.button:hover{ background-color: #749A02; }

.red.button, .red.button:visited { background-color: #E62727; }
.red.button:hover{ background-color: #CF2525; }

.orange.button, .orange.button:visited { background-color: #FF5C00; }
.orange.button:hover{ background-color: #D45500; }

.blue.button, .blue.button:visited { background-color: #2981E4; }
.blue.button:hover{ background-color: #2575CF; }

.yellow.button, .yellow.button:visited { background-color: #FFB515; }
.yellow.button:hover{ background-color: #FC9200; }

.caja_de_display{
	padding: 10px;
	border: 1px solid #999;
	width: 460px;

}
.caja_de_display_grande{
	padding: 10px;
	border: 1px solid #999;
	width: 680px;

}

.caja_buscadores{
	margin: 10px;
	padding: 10px;
	width: 100%;
	border: 1px solid #CCC;

}

.derecha{
	float: right;

}

ul.lista{
	list-style-type: disc;
	list-style-position: inside;
}

#voto{
	border: 1px solid #CCC;
	text-align: center;
}
#seguri{
	border: 1px solid #CCC;
	text-align: center;
	}

.infor{
	border: 1px groove #CCC;
	padding: 10px;
	width: 720px;
	margin: 10px;
	font-size: 1.2em;
	color: #333;
	background-color: #CCC;
}
#donut_resultado{
	height: 300px;
	width: 300px;
	float: left;
}

#tabla_resultado{
	height: 300px;
	width: 450px;
	float: right;
}
/*estilos de tabla rallada*/

table.rallas{
  border: 0px solid black;
  border-spacing: 0px;
}

table.rallas thead tr{
  font-family: Arial, monospace;
  font-size: 14px;
}

table.rallas thead tr th{
  border-bottom: 2px solid black;
  border-top: 1px solid black;
  margin: 0px;
  padding: 2px;
  background-color: #cccccc;
}

table.rallas tr {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: white;
}

table.rallas tr:nth-child(odd) {
	background-color: #F7F7F7;
}

table.rallas tr:nth-child(even) {
	background-color: #F3F3F3;
}

table.rallas tr td, th{
  border-bottom: 1px solid black;
  padding: 2px;
}

#caja_crop{
	border: 1px solid #CCC;

}

.imagen_avatar{
	float: left;

}

.letra_pequeña {
	font-size: 0.7em;
}

.caja_de_display_grande_centrada{
	border: 1px solid #999;
	width: 500px;
	margin-left: 300px;
}

#caja_ayuda{
	/*width: 1100px;*/
	text-align: left;
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #669900;
	padding: 10px;
}#caja_ayuda ul {
	list-style-position: outside;
	list-style-type: square;
	left: 20px;
	padding-left: 20px;
}

.jumbotron h1, .jumbotron .h1 {
	font-size: 33px;
}

.fa-lg {
	line-height: 1.1em;
}

.btn-group {
	display: flex;
}