html {
  font-family: 'Roboto', sans-serif !important;
}

body  {
  font-family: 'Roboto', sans-serif !important;
  line-height: 1 !important;
  background-image: url('../../img/simulacro.png');
  font-size: 16px !important;
}

.fondo{
  padding-top: 90px;
  padding-bottom: 90px;
  background-image: url('../../img/simulacro.jpg');
}

/*
.fondo {
  padding-top: 90px;
  padding-bottom: 90px;
  background-image: url("../../img/fondo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #000;
}*/

h1{
  font-family:  'Roboto',"Helvetica Neue",Arial,sans-serif;
}

h3
{
  font-family: 'Roboto', "Helvetica Neue",Arial, sans-serif;
}
a{
  cursor: pointer;
}

.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}

.difusores {
  
   color: white;
  white-space: nowrap; /* this is required unless you put the helper span closely near the img */
  text-align: center; margin: 1em 0;

}
.helper{
    display: inline-block;
    height: 10%;
    vertical-align: middle;
}

.difusores img{
  vertical-align: middle;
   max-height: 100px;
    max-width: auto;
}




 

.menu a{
  color: #FFF !important;
  font-weight: bold !important;
}
.menu a:hover{
  color: #A80061 !important;
}
.menu ul{
  background-color: #4C2A4E; 
}
.logoIEE{
    text-align: center;
  }
 .logoPREP{
    text-align: center;
 } 
 .logoPREP img{
  width:25%; 
  padding-top:20px;
 }

.cargos ul{
  list-style-type: none;
   font-weight: bold;
 }

/*Cellphone*/
@media only screen and (min-width: 600px){
        .fondo{
          padding-top:10px; 
        }
        .inicioprep img{
            width:35%;}
        .inicioprep h1{
          font-size: 5rem;
          
        }
        .inicioprep h4{
          font-size: 2.5rem;
        } 
        .logoIEE img{
            width: 70%;
          }
        .logoPREP img{
          width:25%; 
          padding-top:20px;
         }
         .cargos h4{
           font-size: 3.0em;
         }
         .cargos li{
           font-size: 2.5em;
         } 
         .cargos p{
          font-size: 2em;
         }
         .boton{
          font-size: 3.2em;
          background: #A80061 ;
          color: #FFF !important;
         
         }    
}

/* Laptop */
@media only screen and (min-width: 990px){
        .fondo{
          padding-top:15px; 
        }
        .inicioprep img{
            width:10%;}
        .inicioprep h1{
          font-size: 4.0rem;

        }
        .inicioprep h4{
          font-size: 1.5rem;
        }  
        .logoeleccion img{
          width: 37%;
        }
        .logoeleccion {
           padding-top: 1rem!important;
        }
        .logoIEE img{
            width: 50%;
          }
         .logoPREP img{
          width:25%; 
          padding-top:20px;
         }
          .cargos h4{
           font-size: 2.0em;
         }
         .cargos li{
           font-size: 1.5em;
         } 
          .cargos p{
          font-size: 1em;
         }  
         .boton{
          font-size: 1.5em;
          background: #fff;
          color: #43575e !important;
         } 
}/*media*/

/* Large Desktop*/
@media only screen and (min-width: 1800px) {
          .fondo{
          padding:30px; 
          }
          .inicioprep img{
            width:15%;}
            
            .inicioprep h1{
          font-size: 4.5rem;
          }
            .logoeleccion {
           padding-top: 3rem!important;
          }
          .logoIEE img{
            width: 25%;
          }
          .logoPREP img{
          width:25%; 
          padding-top:20px;
         }
}


.boton {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px #666666;
  -moz-box-shadow: 2px 2px 4px #666666;
  box-shadow: 2px 2px 4px #666666;
  font-family: Arial;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.boton:hover {
  background: #A80061;
  color: #FFF !important;
  text-decoration: none;
}


#sticky-social {
  right: 0;
  position: fixed;
  top: 150px;
  font-size: 2.0em;
  z-index: 1;
  width: 35px;

}
#sticky-social a {
  color: white; 
  display: block;
  height: 35px;
  position: relative;
  text-align: center;
  margin: 0px;
  
}
#sticky-social a:nth-child(1) {
  color: #3b5998;
  background: #3b5998;
  
}
#sticky-social a:nth-child(2) {
  color: #00aced;
  background: #00aced;
  
}
#sticky-social a:nth-child(3) {
  color: #DC2725;
  background: #DC2725;
  
}
#sticky-social a i {
  color: white;
  padding-top: 7px;
  font-size: 0.7em;
  }
.cuadronegro
{
padding:10px;
background-color:#000;
}
.cuadrogris
{
padding: 10px;
background-color: #848286 ; 
}
.cuadrogrisclaro
{
padding: 10px;
background-color: #efefef;
}
.cuadrogrisbajo{/*GRIS MUY BAJO*/
background-color: #FaFaFa;
}
.cuadro4{ /*MORADO*/
background-color:#af4b86;
}
.cuadro8{ /*MORADO INE*/
  background-color: #8785a2; 
}

.ganador{ color: #ec368c;}

.borde{
  border: 1px solid transparent;
  line-height:  1.25;
  border-radius:  .25rem;
}

.borde a:hover{
  background-color: #8785a2 !important;
  color:#FFF !important;
}

.recuadro
{
padding:15px;
/*background-color:#e5e5e5;*/
color: #E97659 !important;
}


/*----------------------------------------TABLA FIXED FIRTS COLUM*----------------------------------------*/

  
#dv_general table{
  /*border-collapse: separate;*/
  border-spacing: 0;
  /*border-top: 1px solid red;*/
}

#tbl_general td{
  margin: 0;
  white-space: nowrap;
  border-top-width: 1px;
}

#tbl_general th{
  margin: 0;
  white-space: nowrap;
  border-top-width: 1px;
}


         /*TABLA RESUMEN*/
#dv_general{
  /*width: 900px;*/
  overflow-x: scroll;
  margin-left: 11em;
  overflow-y: visible;
  padding: 0;
}

#dv_resumen{
    min-height: .01%;
    overflow-x: auto;
}

.headcolResumen {
  position: absolute;
  width: 11em;
  left: 0.8em;
  top: auto;
  border-top-width: 1px;
  margin-top: -1px;
  
}

        /*TABLA DETALLE*/
#dv_detalle{
  /*width: 1080px;*/
  height:661px;
 padding: 0;
 margin-bottom: 20px;
}

.headcolDetalle {
  /*width: 50em;*/
  left: 3.8em;
  top: auto;
  border: 0px;
  background-color: #f0f0f0 !important;
  margin-top: 0px;
  
}
                             /*TABLA DETALLE*/

#dv_actas {
  height: 650px !important;
  overflow-y: scroll;
  overflow-x:hidden; 
  margin-bottom: 40px; 
}

.ActasRP{
	color: #fff;
    background-color: #37474f;
    border-color: #37474f;
    font-weight: bold;
    cursor: pointer;
    padding: 4px 6px !important;
}

.ActasRP:hover{
	color: #37474f;
	background-color: #FFF;
	border: 1px solid #37474f; 
}
/*-----------------------------------------END TABLA FIXED FIRTS COLUM -----------------------------*/

/* Padding */
.pa35 {
  padding: 35px !important;
}
.pa30 {
  padding: 30px !important;
}
.pa25 {
  padding: 25px !important;
}
.pa20 {
  padding: 20px !important;
}
.pa15 {
  padding: 15px !important;
}
.pa10 {
  padding: 10px !important;
}
.pa5 {
  padding: 5px !important;
}
.np {
  padding: 0px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl0 {
  padding-left: 0px !important;
}
/* Margin */
.ma35 {
  margin: 35px !important;
}
.ma30 {
  margin: 30px !important;
}
.ma25 {
  margin: 25px !important;
}
.ma20 {
  margin: 20px !important;
}
.ma15 {
  margin: 15px !important;
}
.ma10 {
  margin: 10px !important;
}
.ma5 {
  margin: 5px !important;
}
.nm {
  margin: 0px !important;
}
.ma-35 {
  margin: -35px !important;
}
.ma-30 {
  margin: -30px !important;
}
.ma-25 {
  margin: -25px !important;
}
.ma-20 {
  margin: -20px !important;
}
.ma-15 {
  margin: -15px !important;
}
.ma-10 {
  margin: -10px !important;
}
.ma-5 {
  margin: -5px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt-35 {
  margin-top: -35px !important;
}
.mt-30 {
  margin-top: -30px !important;
}
.mt-25 {
  margin-top: -25px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr-25 {
  margin-right: -25px !important;
}
.mr-20 {
  margin-right: -20px !important;
}
.mr-15 {
  margin-right: -15px !important;
}
.mr-10 {
  margin-right: -10px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb-35 {
  margin-bottom: -35px !important;
}
.mb-30 {
  margin-bottom: -30px !important;
}
.mb-25 {
  margin-bottom: -25px !important;
}
.mb-20 {
  margin-bottom: -20px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml-35 {
  margin-left: -35px !important;
}
.ml-30 {
  margin-left: -30px !important;
}
.ml-25 {
  margin-left: -25px !important;
}
.ml-20 {
  margin-left: -20px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-5 {
  margin-left: -5px !important;
}