body {
  padding-left: 11em;
  font-family: Verdana, Arial, Tahoma;
  color: black;
  background-color: #49ab7f; /* #57A519;   #70AC5B; */
  z-index:0;
}
.img-fondo{
  background-image: url("img/cenefa-uami.png");
  position: relative;
  background-position: center;
  background-repeat: repeat;
  background-size:auto 50px;
}
.rezise-fondo-captcha{
  background-size:auto 30px;
  width:120px;
  height:30px;
}
h1 {
  position: relative;
  top:-1em;
  font-weight:bolder;
  font-size:large;
  margin-top:-0.2em;
  margin-bottom:-1em;
}
h2 {
  position: relative;
  top:-1em;
  font-weight:bold;
  font-size:large;
  margin-bottom:-1em;
}
ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em }
ul.navbar li {
  background: white;
  margin: 0.5em 0;
  padding: 0.3em;
  border-right: 1em solid black }
ul.navbar a {
  text-decoration: none }
a:link {
  color: blue }
a:visited {
  color: purple }
address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }
.header {
  position: fixed;
  top: -1px;
  left: -1px;
  width:100.2%;
  height:7.5em;
  background-color: #FFF;
  text-align: center;
  z-index:1;
}
.headnombre{
padding:0 1.5ex;
background-color:#49ab7f;
color:#eee;
font-size:medium;
}
.fc{margin-left: auto;
    margin-right: auto;
    width:600px;}
.container {
  position: relative;
  top:7em;
  left:-6em;
  padding:20px 50px;
  background-color: #FFF;
  -webkit-border-radius:5px;        /* older webkit based browsers */
  -khtml-border-radius:5px;         /* older khtml based browsers */
  -moz-border-radius:5px;           /* older firefox */
  border-radius:5px;                /* standard */
}
.body {
    text-align: center;
}
.info-c{
  margin:-1.2em -3.1em;
  padding:0 3.1em;
  background-color: #ffffff;
  opacity:0.9;
  -webkit-border-radius:5px;        /* older webkit based browsers */
  -khtml-border-radius:5px;         /* older khtml based browsers */
  -moz-border-radius:5px;           /* older firefox */
  border-radius:5px;
}
.info{
  background-color: #ffffff;
  opacity:0.8;
}
.info p{
  color: #000000;
  text-align: left;
}
.registro {
  margin: 1em 5em;
  padding:0.5em 1em;
  background-color: #70AC5B;
  font-size:large;
  color:#555;
  align-items: center;
  -webkit-border-radius:15px;        /* older webkit based browsers */
  -khtml-border-radius:15px;         /* older khtml based browsers */
  -moz-border-radius:15px;           /* older firefox */
  border-radius:15px;                /* standard */
}
.margenes{
 margin:0 5ex; 
}
.formulario{
 margin: 0; 
}
.formulario input {
  margin:0 6ex;
  padding:0.5ex 1ex;
  font-size:large;
  color:#444;
  background-color: #EEE;
  -webkit-border-radius:10px;        /* older webkit based browsers */
  -khtml-border-radius:10px;         /* older khtml based browsers */
  -moz-border-radius:10px;           /* older firefox */
  border-radius:10px;                /* standard */
}
.formulario input[type=number]:focus {
  background-color: #FFF;
}
.formulario select {
  margin:0.5ex 1.5ex 0 0;
  padding:1ex 1ex;
  font-size:68%;
  color:#444;
  background-color: #EEE;
  border: none;
  -webkit-border-radius:10px;        /* older webkit based browsers */
  -khtml-border-radius:10px;         /* older khtml based browsers */
  -moz-border-radius:10px;           /* older firefox */
  border-radius:10px;                /* standard */
}
.formulario select:focus {
  background-color: #FFF;
  outline: none;
}
.captcha{
  max-width:30ex;
  margin-top:1.2ex;
  display: flex;
  align-items: flex-start;
}
.captcha_i {
  width:3ex;
}
.elem-captcha{
  width:14ex;
}
.captcha-image{
  max-width:120px;
}
.formulario button {
  cursor: pointer;
  margin:15px 0;
  padding:0.3ex 1ex;
  font-size:large;
  color:#FFF;  
  background-color: #306C1B;
  -webkit-border-radius:10px;        /* older webkit based browsers */
  -khtml-border-radius:10px;         /* older khtml based browsers */
  -moz-border-radius:10px;           /* older firefox */
  border-radius:10px;                /* standard */
}
.formulario button:active {
   background-color:#104C00;
   box-shadow: 0 0 0 1px #306C1B, 0 0 0 2px #104C00;
}
.alerta::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D22;
  opacity: 1; /* Firefox */}
.alerta:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #D22;}
.alerta::-ms-input-placeholder { /* Microsoft Edge */
  color: #D22;}
.alarma {
  color:red;
}
.colR {
  float:right;
}
.colL {
  float:left;
}
.tabla{
 padding:1ex;
}
.tabla button{
  margin:1px 4px;
  padding:0 1ex;
  cursor: pointer;
  font-size:2ex;
  color:#FFF;
  background-color: #306C1B;
  -webkit-border-radius:10px;        /* older webkit based browsers */
  -khtml-border-radius:10px;         /* older khtml based browsers */
  -moz-border-radius:10px;           /* older firefox */
  border-radius:10px;                /* standard */
}
.tabla .focus{
  background-color:#104C00;
  color:#F50087;
}
.ini_tabla{
  float: none;
  margin-bottom:30px;
}
.nomuestra{
  display: none;
}
.h_tabla{
 padding:1.5em 1em;
 background-color:#70AC5B;
 color:#FFF;
 border:2px solid #70AC5B;
  -webkit-border-radius:10px 10px 0 0;        /* older webkit based browsers */
  -khtml-border-radius:10px 10px 0 0;         /* older khtml based browsers */
  -moz-border-radius:10px 10px 0 0;           /* older firefox */
  border-radius:10px 10px 0 0;                /* standard */
}
.f_tabla{
 padding:0.5em 1em;
 background-color:#70AC5B;
 color:#FFF;
  -webkit-border-radius:0 0 10px 10px;        /* older webkit based browsers */
  -khtml-border-radius:0 0 10px 10px;         /* older khtml based browsers */
  -moz-border-radius:0 0 10px 10px;           /* older firefox */
  border-radius:0 0 10px 10px;              /* standard */
}
.head_link{
 margin:-1.3em 0 0 0;
 cursor:pointer;
 color:#F50087;
}
.padron{
 border:0px solid #F50087;
  -webkit-border-radius:10px 10px 0 0;        /* older webkit based browsers */
  -khtml-border-radius:10px 10px 0 0;         /* older khtml based browsers */
  -moz-border-radius:10px 10px 0 0;           /* older firefox */
  border-radius:10px 10px 0 0;
  background-image: linear-gradient(to top, rgba(245, 0, 135,0), rgba(245, 0, 135,1));
}
.colC{
  display: flex;
  justify-content: center;
}
.t_header{
  min-width:99%;
  border:1px solid #70AC5B;
}
.t_head{
  min-width:25%;
  max-width:25%;
  min-height:2em;
  padding-top:1em;
  display: flex;
  justify-content: center;
  color:#DDD;
  font-size:large;
  background-color:#407C2B;
}
.t_bodies{
  min-width:99%;
  border:2px solid #70AC5B;
}
.t_body{
  display: flex;
  justify-content: center;
  padding:0.3ex;
  min-width:24%;
  max-width:24%;
  min-height:2em;
  padding-top:1em;
  color:#000;
}
.t_wflex0{
  min-width:50%;
  border-left:1px solid #70AC5B;
  border-right:1px solid #70AC5B;
}
.t_wflex1{
  min-width:75%;
  border-left:1px solid #70AC5B;
  border-right:1px solid #70AC5B;
}
.t_wflex2{
  min-width:100%;
  border-bottom:2px solid #70AC5B;
}
.t_wstat1{
  min-width:67%;
  max-width:67%;
  border-right:1px solid #70AC5B;
}
.t_wstat2{
  min-width:24%;
  max-width:24%;
  min-height:7.5ex;
  display: flex;
  align-items: center; 
  justify-content: flex-start;
  padding-top:10px;
}
.t_wstat3{
  min-width:6%;
  max-width:6%;
  min-height:7.5ex;
  display: flex;
  align-items: center; 
  justify-content: flex-end;
  padding-top:10px;
  padding-right:10px;
}
.t_voto{
  padding:5px;
  min-width:25%;
  max-width:25%;
  min-height:2em;
  padding-top:1em;
  display: flex;
  justify-content: center;
  color:#000;    
}
.t_line{
  border-bottom:2px solid #70AC5B;
}
.t_hline{
  padding-top:10px;
  display: flex;
  justify-content: center;  
  font-weight:bold;
  font-size:large;
}
.minigraf{
  background-color:grey;
}
.minigrafG{
  background-color:green;
}
.popup-doc{
  position: fixed;
  display: flex;
  justify-content: center;
  min-width:44em;
  max-width:44em;
  min-height: 60%;
  max-height: 60%;
  background-color:#FFF;
  top: 7.5em;
  left: calc(50% - 360px);
  padding:6em 0 2em 0;
  box-shadow:5px 5px 10px 2px grey; 
  overflow-y: auto;
  z-index:11;  
}
.popup-head{
  position: fixed;
  display: flex;
  min-width:39em;
  max-width:39em;
  min-height:5em;
  margin-top:-96px;
  background-color:#FFF;
  z-index:12;  
}
.doc_head1{
  width:95%;
  margin-top:2ex;
  padding-top:2px;
  border-bottom:2px solid #000;
}
.doc_head2{
  margin-top:1ex;
}
.popup-body{
  margin-top:2ex;
  min-width:80%;
  max-width:80%;
  min-height: 100%;
  padding-right:2em;
}
.popup-foot{
  position: fixed;
  min-width:39em;
  max-width:39em;
  min-height:2em;
  margin-top:90%;
  background-color:#FFF;
  z-index:12;  
}
.linea {
  padding:1ex 0 3ex 0;
  border-bottom:1px dashed #000; 
}
.linea-par{
  background-color:#EEE;
}
.p_num{
  width:6ex;
  text-align: right;
  font-size: 12px;
}
.p_nom{
  width:85%;
  font-size: 12px;
}
.p_vot{
  width:3ex;
  font-size: 12px;
  text-align: center;
  color:#407C2B;
}
.popup-fondo {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  position: fixed;
  top:0; 
  left:0;
  background-color:#000;
  opacity: 0.7;
  z-index:10;
}
.ul{
  padding:2ex;
  font-size: 16px;
  text-align: left;
  color:#000;
  background-color:#FFF;
  opacity: 0.7;
  border:2px solid #70AC5B;
  -webkit-border-radius:10px;        /* older webkit based browsers */
  -khtml-border-radius:10px;         /* older khtml based browsers */
  -moz-border-radius:10px;           /* older firefox */
  border-radius:10px;
}
.li{
  min-width:90%;
  margin:1ex 0;
  padding:1ex;
  border:2px solid #70AC5B;
  -webkit-border-radius:10px;        /* older webkit based browsers */
  -khtml-border-radius:10px;         /* older khtml based browsers */
  -moz-border-radius:10px;           /* older firefox */
  border-radius:10px;
  cursor:pointer;
  display: flex;
  -webkit-align-items: center; 
  align-items: center; 
}
.li:hover {
 background-color: #555;
}
.tit{
  min-width:90%;
  padding:1ex;
  display: flex;
  -webkit-align-items: center; 
  align-items: center; 
}
.tit_nom{
 min-width:80%;
 max-width:80%;  
}
.tit_tmp{
 min-width:20%;
 max-width:20%;
 color:#000;
 font-size: 12px;
 border:2px solid #000;
 -webkit-border-radius:10px;        /* older webkit based browsers */
 -khtml-border-radius:10px;         /* older khtml based browsers */
 -moz-border-radius:10px;           /* older firefox */
 border-radius:10px;
}
.planilla{
 min-width:90%;
 max-width:90%;  
}
.voto{
 min-width:10%;
 max-width:10%;
 font-size: 20px;
 text-align: center;
 color:#004C00;
}
.boton{
  display: flex;
  flex-direction: row-reverse;
}
.ul button{
   padding:5px 2ex;
   font-size:large;
   background-color: #104C0B;
   color:#FFF;
   opacity: 1;
   border:2px solid #70AC5B;
  -webkit-border-radius:10px;        /* older webkit based browsers */
  -khtml-border-radius:10px;         /* older khtml based browsers */
  -moz-border-radius:10px;           /* older firefox */
  border-radius:10px;
  cursor:pointer;
  z-index:2;
}
.ul button:disabled{
 background-color: #333;
 cursor:not-allowed;
}
.ul button:disabled:active{
 background-color: #333;
}
.ul button:active{
 background-color: #002C00;
}
.exito{
 color:#000;
}
.bordes{
  border:2px solid #000; /*  #70AC5B;
  -webkit-border-radius:10px;        /* older webkit based browsers */
  -khtml-border-radius:10px;         /* older khtml based browsers */
  -moz-border-radius:10px;           /* older firefox */
  border-radius:10px;                /* standard */
  behavior: url(border-radius.htc);
}