@charset "UTF-8";

/* 
    Created on : 26/02/2015, 03:50:54 PM
    Author     : OCTAVIO DE LA HOZ FRANCO
*/

/* Fuentes */         
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;    
    src: local("Open Sans"), 
        local("OpenSans")
}                 
/* Fin fuentes */

/* Estilos paneles principales */
body {
    margin:0;
    height:100%;
    overflow-y:auto;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

#header {
    display:block;
    top:0px;
    left:0px;
    width:100%;        
    height: 40px;
    position:fixed;
    z-index: 1;
    clear: both;        
    background-color: #2C5E7B;
}        

* html #header {
    position:absolute;
}       

#left {
    display:block;
    top:40px;
    left:0px;
    width:160px;
    height: 100%;
    position:fixed;
    border-right:1px solid #E0E0E0;
    background-color: #F5F5F5;
}        

* html #left {
    position:absolute;
}

#content {
    /*margin:41px 25px 0px 185px;*/
    margin:0px 25px 0px 20px;
    padding: 0px 0px 10px 0px;
}               

/* Fin estilos paneles principales */


/* Estilos Responsive */
@media (min-width: 50px) and (max-width: 480px) {
    #left{
        display:none;
    }

    #content{
        margin:41px 12px 0px 5px;
    }        

    #header-control{
        left:5px;
        right:8px;
        width: calc(100% - 13px);
    }
}

@media (min-width: 481px) and (max-width: 768px){
    #left{
        display:none;
    }

    #content{
        margin:41px 12px 0px 5px;
    }

    #header-control{
        left:5px;
        right:8px;
        width: calc(100% - 13px);
    }
}
/* Estilos Responsive */ 

.ROW_INACTIVE {
    opacity:0.5;
}

.ROW_ACTIVE {
    opacity:1;
}