@charset "utf-8";
/* CSS Document */

body{
    background: #F4F4F4;
}
a.button {
    background: transparent url(../images/button_b.png) no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: right;
    font: 12px arial, sans-serif;
    font-weight:bold;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
}
.hide{
    display: none;
}
a.button span {
    background: transparent url(../images/button_a.png) no-repeat top left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


a.button_b {
    background: transparent url(../images/button_anular_b.png) no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: right;
    font: 12px arial, sans-serif;
    font-weight:bold;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
}
a.button_b span {
    background: transparent url(../images/button_anular_a.png) no-repeat top left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button_b:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_b:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}




#page {
	/*background-image: url(../images/background2.gif);*/
	background-repeat: no-repeat;
	background-position: top right;
	width:888px;
	margin: auto;
}

#logo {
	margin-top: 10px;
}


.grupoID{
    color:#FF9900;
    font-size: 24px;
    display: block;
    text-align: center;
}

h1 {
	background-image:url(../images/h1.png);
    background-repeat: no-repeat;
	background-position: top center;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	height:32px;
	padding:17px 0 0 17px;
	width:871px;
}

#bottom {
	background:#1C265D;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	
	padding:5px 0 10px 20px;
	
    font-weight:normal;
}

.form_index{

}

#footer {
float:right;
padding:4px 4px 15px;
}

#footer h5 a {
    color:#9BA7B5;
    font-family:"Small Fonts";
    font-size:11px;
    font-weight:normal;
    float: left;
    margin-right: 3px;
}
#footer a.mushoq {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-image:url(/images/logoTarget.png);
background-size: 100%;
display:block;
float:left;
height:0;
margin-top:0px;
overflow:hidden;
padding-top:11px;
width:92px;
}

a {
color:#27355C;
display:inline;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}



.button_form{
	width:550px;
	float:left;
}

span.error {
	font-weight: bold;
	color:#FF0000;
}


h2 {
	color: #1C265D;
}
#grupoID {
    background-color:#00CC00;
    width: 50px;
    height: 50px;
        float: right;
}

li.opcion {
	
}
.candidato{
    overflow: hidden;
    width: 90%;
    border:#CCC 1px dashed;
    background: #FFF;
    margin: 3px 3px;
    padding: 10px;

    position: relative;
    float:left;
}
.candidato.active{
    background: #B1D58E;
    border:#146c43 1px dashed;
}
div.imagen_candidato {
    width:100%;
    height:150px;
    max-width: 150px;
    text-align: center;
    margin: 0 auto;
}

div.datos_candidato {
	margin: 0 auto;
	text-align: center;
	width:100%;
	padding:0 10px;
}
div.foto_candidato{
    height: 75px;
}
p.nombre_candidato {
	font-weight: bold;
	text-align:left;
	clear:both;
        margin-bottom: 0px;
}
.active p.nombre_candidato{
/*    color: #FFF;*/
}
a {
	text-decoration: none;
	font-weight: bold;
	color:#0033CC;
}

th {
	font-weight: bold;
	color:#000099;
	padding: 5px;
}
.votos {
	width: 50px;
	
}
.porcentaje {
	text-align: right;
}
.ganador {
	background-color: #AAFFD7;
}
.totales {
	font-weight: bold;
	background-color: #EEEEEE;
}

.checkbox{
    display: none;

}

img.unchecked {
	display: none;
}
img.checked {
	display:block;
	left:5px;
	position:absolute;
	top:8px;
	z-index:100;
}

#error_voto {
	
	display: none;
}

.box {
	border:1px solid #666666;
	height:40px;
	right:25px;
	padding:5px;
	position: absolute;
	top:25px;
	width:40px;
}

table.electores {
/*margin:0 auto;

background:#F5F5F5;*/
margin-bottom: 50px;
}

table.electores thead {
background:#1C265D;

}

table.electores thead th {
color:#FFFFFF;
}

#contents table{
/*margin:0 auto;
margin-bottom:25px;
background:#F5F5F5;*/
}
/*
#contents table thead{
background:#1C265D;
}
#contents table thead th{
color:#FFFFFF;
}
*/

#bottom .info p {
color:#FFFFFF;
font-size:11px;
margin: 0;
}

hr {
	clear:both;
}

.grupo{
    display: block;
    list-style: none outside none;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: 100%;
    }
@media (max-width: 992px) {
    div.datos_candidato {
       width: 100%;
    }
    div.foto_candidato {
       text-align: center;
    }
    p.nombre_candidato{
        text-align: center;
    }
    li.opcion {
        width: 48%;
    }
}
@media (max-width: 480px) {
    li.opcion{
        width: 98%;
    }
}
.form-check-input{
    display: block;
    margin:0 auto !important;
    padding: 15px;
    float: none !important;
}