@charset "utf-8";
/* CSS Document */
/*body { background-image:url(imagenes/fondo.jpg);  background-size:100% 100%; font-family:Verdana, Geneva, sans-serif;}*/


#titprincipal {font-size:18px;font-weight:bold; text-align:center;}


/*   formularios   */
#cuerpo{background-color:#FFF; padding:20 20 20 20; margin: 10px auto;}
#frmtitulo{ font-size:16px; font-weight:bold; text-align:center;}
#frmlinea { padding-top:5px; clear:both;}
#frmlabel{  text-align:right; font-size:15px;  float:left; width:200px;}
#frmobjeto{ padding-left:10px; float:left;}
#frmcuerpo{clear:both; padding-top:20px; padding-left:15px; padding-right:15px; padding-bottom:20px; margin: 10px auto; border:outset;}
#frmcheck{clear:both; text-align:left; padding-left:10px; }

#grdcuerpo{clear:both; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:20px; margin: 10px auto;}

.grdcabecera {text-align:center; background-color:#ED1E44; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:15px;  padding-left:15px; padding-right:15px;}
.grdtitulo {text-align:center; background-color:#3C83B6; font-family:Arial, Helvetica, sans-serif; color:#3C83B6; font-size:15px; font-weight:bold; height:25px;}
.grdfila { text-align:left; background-color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
.grdfila:hover { text-align:left; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006;}
.grdboton{text-align:center;}
.grdnuevo {background-color:#CC9933; text-align:center;}
.grdfecha { text-align:center; padding-left:5px; padding-right:5px;}
.grdtexto{ text-align:left; padding-left:5px; padding-right:5px;}
.grdnumero{ text-align:right; padding-left:5px; padding-right:5px;}

/*fin formulario*/
/*modal*/
.modalDialogo {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.modalDialogo:target {
    opacity: 1;
    pointer-events: auto;
}

.modalContenido {
    width: 90%;
    max-width: 980px;
    margin: 5% auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    font-size: 6px;
}

.cerrar {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 50%;
}

.cerrar:hover {
    background: #ff0000;
}

.frmcheck {
    margin-bottom: 5px;
}
 
 /*fin modal*/
 /*acordeon*/
 #accordion input[type=radio] {
  display: none;
}
#accordion label {
  background: #eee;
  border-radius: .25em;
  cursor: pointer;
  display: block;
  margin-bottom: .125em;
  padding: .25em 1em;
  z-index: 20;
}
#accordion label:hover {
  background: #ccc;
}
#accordion input:checked + label {
  background: #ccc;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: white;
  margin-bottom: 0;
}
#accordion article {
  background: #f7f7f7;
  height:0px;
  overflow:hidden;
  z-index:10;
}
#accordion article p {
  padding: 1em;
}
#accordion input:checked ~ article {
 border-bottom-left-radius: .25em;
 border-bottom-right-radius: .25em;
 height: auto;
 margin-bottom: .125em;
}
 /*fin acordeon*/
 /*  -----------------  reportes  ---------------------- */
 
 #repevento{ font-size:34px; text-align:center; padding-bottom:10px; padding-top:10px; }
 #reptitulo{ font-size:24px; text-align:center; padding-bottom:10px; padding-top:10px; }
 #reptitsec{ font-size:18px; }
 #reptabla { padding-bottom:10px; padding-top:10px; padding-left:30px; padding-right:30px; }
 #reptablaint { padding-left:30px; padding-right:30px; }
 /*  -----------------  reportes  ---------------------- */
 
#cajon1{float:left; padding-left:10px; padding-right:10px; background-color:#006;}
#cajon2{float:left; padding-left:10px; padding-right:10px; background-color:#900;}

#txtcombate{font-size:12px;color:#FFF;}


/********************* Ranking *********************************/
#ranbusqueda{float:left; padding-left:20px; padding-right:20px; width:200px;}
#ranparam{padding-top:50px; padding-bottom:10px;}
#ranresultado{ padding-bottom:20px; padding-top:20px; padding-left:20px; padding-right:20px;}
#rantabla { font-size:10px;}
#rantablader { font-size:10px; text-align:center}
#ranglobal {height: 200px;overflow-y: scroll;}
#ranfichadet{ padding-top:3px;}
/********************* Ranking *********************************/