/* ==========================================================================
   Personalizado por MALZ
   ========================================================================== */
 .body{cursor:pointer;}
 .menu {
 background-color:transparent;
 overflow:hidden;
}
.menu li{
 padding:5px 5px;
 text-decoration:none;
 border-bottom:3px solid transparent;
 transition:right 0.5s;
 }
.menu li:hover{
 transition: left 0.5s;
 border-bottom:3px solid red;
}
.menu li.active{
 border-bottom:3px solid red;
}
.spmenu{
 height:100%;
 width:0;
 position:fixed;
 z-index:50;
 left:0;
 top:0;
 background-color:rgba(0,50,100,1);
 overflow-x:hidden;
 transition:0.5s;
}
.spmenu-conteido{
 position:relative;
 top: 25%;
 width: 100%;
 text-align: center;
 margin-top: 30px;}
.spmenu li{
 padding:8px;
 text-decoration:none;
 font-size:2em;
 color:#818181;
 display:block;
 transition:0.3s;
}
.spmenu li:hover,.spmenu li:focus{
 color:#f1f1f1;
}
.spmenu .closebtn{
 position:absolute;
 top:20px;
 right:45px;
 font-size:50px;
 color:red;
}
#overlay{
 position:fixed;
 width:100%;
 height:0%;
 top:0; 
 left:0;
 right:0;
 bottom:0;
 background-color:rgba(0,100,150,0.7);
 overflow-x:hidden;
 transition:0.5s;
 z-index:51;}
#d_formulario{
 position:fixed;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 width:100%;
 height:1%;
 border-radius: 8px;
 overflow-x:hidden;
 transition:0.5s;
 z-index:52;}
 .inline-popup-block{
 border-radius: 8px;}
.spmenu_name{color:darkred;}
.content-3 h3{margin-bottom:1px;}
.cargando{
 position:fixed;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 width:20%;}
.tabla{
 clear:left;
 height:100%;}
.tabla table{
 width:100%;}
.tabla th{
 color:white;
 background-color:Navy;}
.orden{width:1px;top:-15px;color:#FFF;cursor:pointer;}
.ordenar{color:orange;}
.tabla .row1{
 font-weight: bold;}
.tabla tr:nth-child(even) {
 background-color:rgba(65,115,165,0.1);}
.tabla tr:nth-child(odd) {
 background-color:rgba(120,170,220,0.1);}
.grafica{border: 4px groove coral;border-radius: 8px;}
.border{border:1px solid;}
@media screen and (max-width: 990px){
    .menu li{
        font-size:20px;
        padding:0 0;
    }
}
@media screen and (max-width: 450px){
 .spmenu li{font-size:20px}
 .spmenu_name{width:100px;}
 .spmenu .closebtn{
    font-size:30px;
    top:15px;
    right:35px;
    }
}