@charset "utf-8";
/* CSS Document */
/*colores
Gris bajo:F4F4F4
Gris medio:D9D9D9
Gris Obcuro:BFBFBF
Azul: 2F406B
Rojo:C70505
Morado:A65BA3
Amarillo:F9E80E
Rosa:ED74AB
Verde:A7CC4C
Azul:409CC5
*/
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#barUsu {
    background: none;
    width: 100%;
    position: fixed;
    z-index: 100;

}

.frame {
    display: table;
    table-layout: fixed; /* esto evita que se rompan las clases col-* de Bootstrap */
    width: 100%;
    background: url(../imgs/fondo.png);

}

/* Poniendo el height a 1px en el header y el footer lograremos que el espacio
   que ocupa cada uno se ajuste a su contenido en lugar de abarcar más */
.fila {
    display: table-row;
    height: 1px;

}

.fila.expandida {
    height: auto;
}

#princinpal {
    background: none;
}

#inicioPrincipal {
    background: #FCFCFC;
}

#encabezado {
    background-color: #2F406B;
    color: #FFFCFC;
}

#pie {
    background: #C0BBBB;
    position: relative;
}

#menu {
    background: #D9D9D9;

}

#contenMenu {
    background: #FFFBFB !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#contenMenu {
    visibility: visible;
    display: inline
}


@media only screen and (min-width: 1px) and (max-width: 1020px) {
    #contenMenu {
        visibility: hidden;
        display: none;
    }
}

#contenido {
    background: none;
}

#barUsu {
    /*background:#2F406B !important;*/
}

.etiqueta-pro {
    color: #2F406B;
    font-weight: bold;
}

.campo-pro {
    color: #2F406B;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

/*Cambia el estilo de l menu*/

#contenMenu > .nav-pills > li.active > a, #contenMenu > .nav-pills > li.active > a:focus, #contenMenu > .nav-pills > li.active > a:hover {
    color: #F4F4F4 !important;
    background-color: #2F406B !important;
}

#contenMenu li a {
    color: #2F406B;
    border-left: 0px solid !important;
    transition: all 1s linear !important;
}

#contenMenu li a:hover {
    color: #2F406B !important;
    background-color: #D9D9D9 !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: #C70505 3px solid !important;
    transition: all 0.5s linear !important;

}

#contenMenu li a:active {
    color: #E32629 !important;
}

#contenMenu li a:focus {
    border-right: #C70505 3px solid !important;
    transition: all 0.5s linear !important;
}

#contenMenu .activo {
    color: #2F406B !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: #C70505 10px solid !important;
    transition: all 0.5s linear !important;
}

/*estilo de los paneles default*/
.panel-default > .panel-heading {
    /*color: #F4F4F4;
    background: #2F406B !important;*/

}

.panel-login-uagro {
    border-radius: 20px !important;
    background-color: #2F406B !important;
    background-repeat: no-repeat;
}

.panel-login {
    border-radius: 20px !important;
}

.panel-warning .btn-link {
    color: #8a6d3b !important;
}

.panel-primary .btn-link {
    color: #FFFFFF !important;
}

.panel-default .btn-link {
    color: #3E3D3D !important;
}

.panel-body {
    background: #FFFFFF;
}

.panel-footer {
    background-color: #C70505;
    border-top: 1px solid #2F406B;
}

/*estilo de los paneles info*/
.panel-info {
    border-color: #F4F4F4;
}

/*Estilo de los botones*/
.btn-menu-bar {
    color: #F4F4F4 !important;
    background-color: transparent;
    text-decoration: none;
    border: none;
}

.btn-salir {
    color: #F4F4F4 !important;
    background-color: #C70505 !important;
    border-color: #C70505 !important;
}

.btn-detalle {
    color: #373737 !important;
    background-color: #BFBFBF !important;
    border-color: #BFBFBF !important;
}

.btn-edita {
    color: #F4F4F4 !important;
    background-color: #2F406B !important;
    border-color: #2F406B !important;
}

.btn-elimina {
    color: #F4F4F4 !important;
    background-color: #C70505 !important;
    border-color: #C70505 !important;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}

.btn-buscar-acoplado {
    color: #F4F4F4 !important;
    background-color: #2F406B !important;

}

.fondo-blanco {
    background-color: #FFFFFF !important;
}

.fondo-rojo {
    background-color: #C70505 !important;
}

.obg {
    color: red;
}

@media print {
    #barUsu {
        display: none;
    }

    #contenMenu {
        display: none;
    }

    #pie {
        display: none;
    }

    #btnRegresa2 {
        display: none;
    }

    #btnRefrescar {
        display: none;
    }
}