@charset "iso-8859-1";

BODY { 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 12px; 
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    background-image: url(fondo_msi.jpg); 
    background-attachment: fixed; 
    background-repeat: repeat-y; 
    margin-top:0; 
    margin-left:0; 
    margin-right:0;

    
}

.titulo, .subtitulo  {
    font-weight: bold; 
    color: #FFF;
    width: 400px;
    height: 30px;
}

.titulo  {
    font-size: 1.6em;
    text-transform: uppercase;
}

.subtitulo  {
    font-size: 1.4em;
}

.seccion_estado {
    position: absolute;
    display: flex;
    justify-content: right;
    width: 95%;
}

.panel_estado {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px; 
    width: 200px;
    height: 70px;
    border-radius: 10px;
    background-color: #AAA;
}

.imagen_estado {
    border: 0px; 
    width: 40px;
    height: 40px;
    border-radius: 10px;
}


.tabla_menu {
    border: 0; 
    width: 100%;
    height: 40px;
}

.td_menu, .td_menu_activo {
    border: 1; 
    text-align: center;
    padding: 10px;
    width: 24%;
    border-radius: 10px;
}

.td_menu_activo {
    background-color: #FFF;
    font-size: 1.4em;
}

.td_menu {
    background-color: #888;
    font-size: 1.2em;
}

.td_menu_separacion {
    width: 20px;

}

.main {
    min-height: 400px;

}

.boton_accion {
    border: 0px; 
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

.upload-container input {
    border: 1px solid #92b0b3;
    background: #f1f1f1;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    padding: 100px 0px 100px 250px;
    text-align: center;
    width: 400px;
  }   
  
.upload-container input:hover {
   background: #ddd;
}   

.tabla_datos { 
    border-spacing: 0px;
    border-collapse: collapse;   
    padding: 0px; 
}

.cabecera_tabla { 
      background-color: #33ACAC; 
      color: #FFF; 
      font-variant: small-caps; 
      font-size: 1.2em ; 
      font-weight: bold; 
      letter-spacing: 0.1em; 
      text-align: center 
}


.fila:nth-child(odd) {
   background-color: #60D7C3;
}

.fila:hover { 
    background-color: #fff;
}