@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/glyphicons-halflings-regular.woff') format('woff'), 
       url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
       url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

html{
    background: inherit !important;
}
body {
    background: #146290 !important;
}

.wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}

.main-menu {
    background: #175c85;
    margin-top: 4px;
}

.sidebar {
    width: 100%;
    background: #2C5B76;
    position: inherit;
}

.title-modulo {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Header*/
.header{
    background: url(../Imagenes/header-bg.jpg);
    background-position: center;
    display: block;
    padding: 10px 0;
}

.header .row .col-md-4{
    height: 76px;
}

.logo-small {
    display: none;
}

.header .title{
    font-size: 22px;
    font-weight: bold;
    display: block;
    padding-top: 10px;
}
.header .sub-title{
    font-size: 24px;
    font-weight: bold;
    display: block;
}
.header .title, .header .sub-title {
    color: #fff;
}

.block-close {
    margin-top: 20px;
    position: absolute;
    right: 30px;
}
/**/

.form-container {
    width: 24%;
    margin: auto;
}

.sidebar {
    display: block;
}

.sidebar-menu .sub-menu a {
    margin: auto;
    display: block;
    width: 90%;
}

/*.sidebar-menu .sub-menu .item-link:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}*/

/*btn Mobile*/
.btn-menu, .btn-mobile-close{
    display: none;
    opacity: 0;
}

.menu-left-mobile {
}



@media (max-width: 800px) {
    .header{
        background: rgba(44,91,118,1);
        background: -moz-linear-gradient(45deg, rgba(44,91,118,1) 0%, rgba(51,119,158,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(44,91,118,1)), color-stop(100%, rgba(51,119,158,1)));
        background: -webkit-linear-gradient(45deg, rgba(44,91,118,1) 0%, rgba(51,119,158,1) 100%);
        background: -o-linear-gradient(45deg, rgba(44,91,118,1) 0%, rgba(51,119,158,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(44,91,118,1) 0%, rgba(51,119,158,1) 100%);
        background: linear-gradient(45deg, rgba(44,91,118,1) 0%, rgba(51,119,158,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5b76', endColorstr='#33779e', GradientType=1 );
        display: block;
        padding: 10px 0;
    }
    .header .row .col-md-4 {
        height: inherit;
    }
    .logo-small {
        display: block;
    }
    .logo-big, .block-mobile-close {
        display: none;
    }

    .header .title, .header .sub-title {
        font-size: 14px;
    }

    [class*="col-"] {
        width: 100%;
    }
    .sidebar {
        display: none;
    }

    .menu-left-mobile {
        position: relative;
        z-index: 999999;
    }
    .btn-menu {
        opacity: 1;
        display: block;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 999999;
    }

    .btn-mobile-close {
        opacity: 1;
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 999999;
    }
    .form-container {
        width: 80%;
    }
    /*Panel*/
    .panel {
        width: 100% !important;
    }
}