@import '/assets/plugins/bootstrap/bootstrap.css';
@import '/assets/plugins/dataTables/dataTables.bootstrap.css';
@import '/assets/font-awesome/css/font-awesome.min.css';
@import '/assets/css/ui/custom-theme/jquery-ui-1.10.0.custom.css';


h2{
    font-family: 'Francois One', sans-serif;
}
img{ /*safonso*/
    max-width:100%;
}

/* user image section */
.user-section {
    margin-top:10px;
    /* border-bottom: 1px solid #d4e4d4; */
}
.user-section-inner {
    height: 65px;
    width: 65px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-top: 20px;
}
.user-section-inner img {
    margin-left:10px;
    width:55px;
    height:60px;

}
.user-info {
    display: block;
    color: #4f8a69!important;
    display: inline-block;
    padding: 5px;
    margin-bottom: 0px;
    font-weight: bold;
}
.user-text-online {
    font-size:18px;
    color:#fff
}
.user-circle-online {
    width: 15px!important;
    height: 15px!important;
}

/* side-menu section */
.nav > li{
    font-weight: normal;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color:rgba(74, 72, 126, 0);
}
.navbar-top-links  .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #4f8a69;
}
.navbar-top-links > li > a {
    color: #FFFFFF;//#196049;
}
.nav > li > a {
    padding: 10px 10px;
}

#side-menu {
    margin: 0px;
    padding-top: 45px;
    padding-bottom: 5px;
}
#side-menu a {
    height: 40px;
    color: #4f8a69;
    text-decoration: none;
    padding: 10px 0 10px 12px;
    font-size: 15px;
    display: block;
}
.selected {
    background-color: #F6F6F6;
    color: #6E778C;
    border-left: 4px solid #6e778c;
    font-weight: bold;

}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #c2c2a3;
    border-color: #c2c2a3;
}

.pagination > li > a, .pagination > li > span {
    color: #555555;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #555555;

}
/* back colors */
.blue {
    background-color:rgb(113, 159, 241);
}
.green {
    background-color:rgb(144, 236, 192);
}
.red {
    background-color:rgb(255, 102, 133);
}
.yellow {
    background-color:rgb(237, 253, 46);
}

/* No border */
.no-boder {
    border:0px solid #5bc0de !important;
}
/* tap nvbar Section */

#navbar {
    background-color: #d4e4d4;//#F6F6F6;
    color: #6E778C;
    height: 236px;
}

.top-label {
    position: absolute;
    top: 2%;
    right: 105px;
    margin-right: -39px;
}

/*large font*/
.large-font {
    font-size:18px;
}

.body-Login-back {
    background-color:#196049;
}

.margin-tips {
    margin:5px;
}
.navbar-default {
    background-color: #FFFFFF;
    color: #6E778C;
    /* box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);*/
}

#page-wrapper {
    /*padding-top: 160px;*/
    min-height: 568px;
    background-color:#ffffff;
}


/*media queries*/

@media(min-width:768px)
{
    #page-wrapper {
        position: inherit;
        //margin: -150px 0 0 225px;
        padding: 0 30px;
        /*min-height: 1000px;*/
        //padding-top: 160px;
    }

    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 230px;
        top: 236px;
    }
}

@media(max-width:768px) {
    #wrapper {
        //margin-top:140px!important;
    }

    .navbar-brand img {
        height:40px;
    }
}

/* Global Styles */

body {
    background-color: #ffffff;
    padding-top:260px;
    height: 100%;
}

/* Wrappers */

#wrapper {
    width: 100%;
    min-height:100%;
    //margin-top: 55px!important;
}
.wrapper-space
{
    height: 15px;
}


/* Navigation */
.navbar-header{
    width: 1200px;
    height: 120px;
    display:table;
    float:right;
    margin-top: -5px;
}

.menu_registro {
    display: inline-block;
    position: relative;
    margin-right: 24px;
    background-color: #e03520;
    width: 100%;
    text-align: right;
    font-size: 16px;
    margin: 0;
    height: 37px;
    float: right;
    margin-top:0px;
}
@media (min-width: 1200px)
{
    .menu_registro {
        display: inline-block;
        position: relative;
        margin-right: 24px;
        background-color: #e03520;
        width: 800px;
        text-align: right;
        font-size: 16px;
        margin: 0;
        height: 37px;
        float: right;
        margin-top:10px;
    }


}

.menu_registro .item {
    padding: 10px;
    display:inline-block;
    color:#fff;
    text-shadow: 0.01em 0.1em 0.01em #333;
    font-weight: bold;
}

.menu_registro .item i, .menu_registro .item a {
    color:#fff;
}

.menu_registro a {
    height: 40px;
    text-decoration: none;
    font-size: 15px;
    display: block;
}

.navbar-brand {
    /*padding-left:20px;*/
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-top: 0px;
    position: absolute;
    top: -3px;
}


.menu_publico img {
    background-color: #196049;
    display: inline-block;
    float: left;
    margin-left: -365px;
    margin-right: 15px;
    margin-top: 0px;
    position: relative;
    top: -4px;
}

ul.menu_publico {
    width: 800px;
    float:right;
    margin-left: 325px;
    color: #fff;
    background-color: #196049;
    line-height: 55px;
    height: 53px;
    list-style-type: none !important;
    margin-top: -55px;
    font-family: 'Francois One', sans-serif;
}


ul.menu_publico>li>a:hover{
    background-color: #4a8670;
    color: #fff;
}

ul.menu_publico>li>a.activo{
    background-color: #4a8670;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    transition: ease 0.4s;
    -webkit-transition: ease 0.4s;
    padding: 20px 12px 16px 12px;;
    font-size: 14px;
}

ul.menu_publico>li{
    display: inline;
}
ul.menu_publico>li> a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    transition: ease 0.4s;
    -webkit-transition: ease 0.4s;
    padding: 20px 12px 16px 12px;;
    font-size: 14px;
    font-family: 'Francois One', sans-serif;
}

@media (min-width: 1200px)
{
    .menu_publico div a {
        padding: 18px 15px !important;
    }
}

/*media queries*/

@media(min-width:768px)
{
    navbar-header {
        width: 230px;
        display: block; 
        background-color: #F6F6F6;
        min-height: 200px;
    }

    .navbar-fixed-top {
        top: 0;
        position:absolute;
        /*border-width: 0 0 1px;*/
        background: url(/assets/img/header.png);
        min-height: 200px;
    }
}

@media(max-width:768px) {

    .navbar-header{
        display: block;
        background-color: #196049;
        height: 60px;
        width: 100%;  
    }
}

.navbar-static-side ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 20px;
    min-height: 50px;
    font-size: large;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.row {
    margin-right: 0px; 
}
/* Sidebar Menu Styles */

.sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 210px;
        top: 195px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

/* Buttons */

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

/* Login Page */

.login-panel {
    margin-top: 5%;
}
.body-Backcolor {
    background-color:#000;
}
.logo-margin {
    margin-top:100px;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* DataTables Overrides */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.show-grid {
    margin: 15px 0;
}

/* UEMC custom */

th {
    background-color: #dff0d8 !important;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.justify {
    text-align: justify;
}

.pointer {
    cursor:pointer;
}

.margin-top {
    //margin-top: -35px;
}

.margin-bottom {
    margin-bottom: 5px;
}

.clear {
    width:100%;
    clear: both;
    padding-bottom: 8px;
}

.width-20 {
    width:20%;
    float:left;
}

.width-50 {
    width:50%;
    float:left;
}

.width-100 {
    width:100%;
    float:left;
}

.height-50 {
    height: 50px !important;
}

.height-100 {
    height: 100px !important;
}

.height-150 {
    height: 150px !important;
}

.height-250 {
    height: 250px !important;
}

.page-header {
    margin:0px;
    border-bottom: none;
}

.panel-primary > .panel-heading {
    background-color: #4f8a69;
}

.header-text {
    /* background-color: #196049; */
    margin-top: 10px;
    padding: 0px;
}

.carousel-caption {
    background-color: rgba(224, 53, 32, 0.8);
    color: #fff;
    display: inline-block;
    bottom: 20px;
    left: 0%;
    right: 40%;
    padding: 5px;
    text-align:left;
    z-index:-100;
}

.carousel-caption h1{
    padding-left:20px;
    font-size: 28px;
    text-shadow: 0.01em 0.1em 0.01em #333; /*safonso*/
    text-transform:uppercase;
    font-family: 'Francois One', sans-serif;

}


.alert-danger, .alert-error, .alert-danger .alert-heading, .alert-error .alert-heading {
    color: #b94a48;
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.txt-small {
    font-size: 12px;
}

.txt-white {
    /*color:white;*/
}

.txt-red {
    color:red;
}

.error{
    color:red !important;
}

label.error {
    margin: 0px;
    padding: 0px;
}

input.error {
    border: 1px solid red !important;
}

.panel-default > .panel-heading {
    background-color: #4f8a69;
    color: white;
}

.panel-body {
    padding: 18px;
}

.panel-success > .panel-heading {
    color: #196049;
}

.panel-heading {
    font-size: 18px;
}

.item-disabled {
    text-decoration: line-through;
    color: red;
}

.form-group {
    margin-bottom: 7px;
}

.form-control {
    height: 29px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #dff0d8;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs>li>a:hover {
    color: #555;
    cursor: default;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs > li > a{
    /*background-color: #cccccc;*/
    border: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    font-size: 16px;

    color: black;
    padding: 5px 5px;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

label{
    padding-right: 5px;
}

.panel-top{
    padding-top: 15px;

}

.panel-bottom{
    padding-bottom: 13px;
}

.content-header{
    color: #e03520;
}   
@media(max-width:1200px) {
    .header-text {
        font-size: 15px;
    }

    /* .navbar-top-links {
         display: none;
     }*/

    .carousel-caption > h1 {
        margin-top: 1px;
        font-size: 12px;
    }
}
.header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 8px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    padding-top: 30px;
}

.image-header{
    padding-bottom:20px;
}
@media(max-width:768px) {

    .image-header{
        display: none;
    }
    .bs-callout {
        border:none;
    }
    .bs-callout-info h4 {
        /*safonso
                color: #e03520;*/
        background-color: #f9f9f5;
        color: #196049;
        padding: 10px 15px;
        text-align: left;
        text-shadow: 0.01em 0.01em 0.01em #333;
        font-family: 'Francois One', sans-serif;

    }
    .bs-callout+.bs-callout {
        margin-top: -5px;
    }
    .bs-callout-info {
        border-left-color: #e03520;
    }

    .bs-callout-danger h4 {
        color: #FF6347;
        font-family: 'Francois One', sans-serif;

    }

    .bs-callout-danger {
        border-left-color: #FF6347;
    }

    h2{
        font-size: 18px;
        padding-top: 5px;
        font-family: 'Francois One', sans-serif;
    }
}

.fase {
    font-size: 16px; 
}

.panel-mensaje{
    padding-right: 40px; 
    padding-left: 40px; 
    padding-top:20px;
}

.bs-callout {
    border:none;
}
.bs-callout-info h4 {
    /*safonso
color: #e03520;*/
    background-color: #f9f9f5;
    color: #196049;
    padding: 10px 15px;
    text-align: left;
    text-shadow: 0.01em 0.01em 0.01em #333;
    font-family: 'Francois One', sans-serif;

}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-info {
    border-left-color: #e03520;
}

.bs-callout-danger h4 {
    color: #FF6347;
    font-family: 'Francois One', sans-serif;

}

.bs-callout-danger {
    border-left-color: #FF6347;
}
/*.panel-index{
    padding-left: 8%
}*/
.no-sort::after { display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important; }

input[type="file"].enlinea {
    display: inline; 
}

.form-control.enlinea {
    width: inherit;
}
/*********************
css for timepicker
*********************/
.ui-timepicker-div dl { text-align: left;width: 100%;clear: both;padding-top: 10px;padding-bottom: 10px; }
.ui_tpicker_hour_label, .ui_tpicker_minute_label,.ui_tpicker_hour, .ui_tpicker_minute{
    width: 25%;
    float:left;
}

/* safonso */
.panel-info > .panel-heading, .panel-success > .panel-heading{
    background: rgba(0, 0, 0, 0)  url("/assets/img/separador-ee73d0c20230983eef2f5438587ed8b7.png")  no-repeat scroll 0 0; 
    color: #196049;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: left;	
}
.panel-info, .panel-success{
    border:none;
    background-color:#f9f9f5;
    padding: 15px;
}
.panel-footer {
    background-color: none;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"]{
    padding: 4px 12px;
    border-radius: 5px;
}

.btn-primary{
    padding: 5px 25px;
    border-radius: 5px;
}

.btn-primary, .btn-info{
    background-color: #0a8b68;
    border-color:#0a8b68;
    color: #ffffff;

    padding: 5px 8px;
    border-radius: 5px;

}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-info:hover, .btn-info:focus, .btn-info:active{
    background-color:#196049;
}

.alert-info{
    background-color: #e03520;
    border-color:#e03520;
    color: #fff;
}

.alert-info-ok{
    background-color: #196049;
    border-color:#196049;
    color: #fff;
} 
/* safonso */
.alert-info-index{
    background-color: #f9f9f5;
    border-color:#e03520;
    color: #e03520;
}

.bs-callout-info p {
    padding-left: 15px;
    text-align: left;
}
th {
    background-color: #dcdcd8 !important;
    color: #196049;
}

.panel-info > .panel-heading{
    border:none;
}


input[type="file"] {
    padding: 0px 0px;
}

.navbar-fixed-top {
    top: 0;
    position:absolute;
    /*border-width: 0 0 1px;*/
    background: url(/assets/img/header.png);
    background-position: top center;
    background-repeat: no-repeat;
    //background-attachment: fixed;
    background-size: cover;
}

.panel-success > .panel-heading {
    border-color: #f9f9f5;
}
/* TAB SECUNDARIAS*/

.sel-12 {
    padding: 0 0 8px 4px;
    font-family: 'Francois One', sans-serif;
    color: #97978c;
    text-transform: uppercase;
    line-height: 36px;
    letter-spacing: -1px;
    list-style: none;
    font-weight: bold;
}

.sel-12>li.active>a, .sel-12>li.active>a:focus, .sel-12>li.active>a:hover, .sel-12>li>a:hover {
    border-bottom: 3px solid #66947a;
}

.sel-12 > li > a{
    padding: 0 0 8px 4px;
    font-family: 'Francois One', sans-serif;
    font-size: 18px;
    color: #97978c;
    text-transform: uppercase;
    line-height: 36px;
    letter-spacing: -1px;
    border-bottom: 3px solid #efeee9;
}

.sel-12>li {
    display: inline-block;
    margin-bottom: -1px;
    margin: 0 25px 10px;
}

.contenido-bloque-central{
    font-size: 15px;
    color: #6a6565;
    line-height: 25px;
    padding-left:15px;
}
/*safonso */
.contenido-bloque-central p{
    text-align:justify;
}

@media (min-width: 768px)
{
    .navbar-static-side-right {
        z-index: 1;
        position: absolute;
        width: 210px;
        top: 245px;
        right: 30px;
    }
}

nav.navbar-static-side-right> h2 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    font-family: 'Francois One', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #363636;
    line-height: 36px;
    letter-spacing: -1px;
    text-transform: uppercase;
    border-bottom: 3px solid #66947a;
}

div.panel-index>div.acceso2>h2{
    margin-bottom: 15px;
    padding-bottom: 12px;
    font-family: 'Francois One', sans-serif;
    font-size: 18px;
    color: #363636;
    line-height: 36px;
    letter-spacing: -1px;
    text-transform: uppercase;
    border-bottom: 3px solid #66947a;
}

.menu_secundario {
    margin-bottom: 20px;
    text-align: center;
    background-color: #ffffff;
}

.acceso2{
    margin-top:-10px;
}

@media(max-width:1200px) {
    .img-logo {
        padding-left: 6%;
    }

}

@media(max-width:1180px) {
    .img-logo {
        padding-left: 13%;
    }

    ul.menu_publico {
        width: 750px;
        float: right;
        margin-left: 325px;
        color: #fff;
        background-color: #196049;
        line-height: 55px;
        height: 53px;
        list-style-type: none !important;
        margin-top: -55px;
        font-family: 'Francois One', sans-serif;
    }

}

@media (max-width:768px)
{ 
    .acceso2{
        //margin-top:155px;
    }

}

.navbar-toggle {
    border-color: #196049;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #196049;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar .boton-menu .texto-menu {
    display: none;
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

/*.img-logo {
    padding-left: 70px;
}*/
@media (max-width: 1024px)
{
    .acceso2{
        width: 100%;
        text-align:center;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: inherit;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .img-logo {
        padding-left: 36%;
        margin-top: -26px;
    }

    ul.menu_publico {
        width: 500px;
    }
    .menu_secundario {

        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        background-color: #ffffff;
    }

    .navbar .boton-menu {
        display: none;
        margin: 0px 60px 0 0;
        width: 135px;
        position: absolute;
        right: 0;
        z-index: 10;
    }
    .navbar .boton-menu .texto-menu {
        display: inline-block;
        font-size: 25px;
        font-weight: bold;
        color: #ffffff;
        background-color: #196049;
    }

    .navbar .btn-navbar {
        display: block;
        float: right;
        padding: 0px 15px 0px;
        margin-left: 5px;
        margin-right: 5px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #196049;
    }

}

@media (min-width: 1024px)
{
    .menu_registro {
        display: inline-block;
        position: relative;
        margin-right: 24px;
        background-color: #e03520;
        width: 800px;
        text-align: right;
        font-size: 16px;
        margin: 0;
        height: 37px;
        float: right;
        margin-top:10px;
    }

}

@media (max-width: 979px)
{
    .navbar .boton-menu {
        display: none;
        margin: 0px 60px 0 0;
        width: 135px;
        position: absolute;
        right: 0;
        z-index: 10;
    }
    .navbar .boton-menu .texto-menu {
        display: inline-block;
        font-size: 25px;
        font-weight: bold;
        color: #ffffff;
        background-color: #196049;
    }

    .navbar .btn-navbar {
        display: block;
        float: right;
        padding: 0px 15px 0px;
        margin-left: 5px;
        margin-right: 5px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #196049;
    }
}


@media (max-width: 768px)
{
    #menu-publico {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #4A8670;
        top: 64px;
    }

    #menu-publico li {
        display: block;
    }

    .img-logo {
        padding-left: 3%;
        margin-top: -26px;
    }

    .img-logo img{
        width: 35%;
        padding-top: 5px;
        margin-left: -5px;
    }
    #side-menu {
        margin: 0px;
        margin-top: -100px;
        padding-top: 100px;
        padding-bottom: 5px;
    }
    .menu_secundario {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        background-color: #ffffff;
    }

    .navbar .boton-menu {
        display: block;
        margin: 0px 60px 0 0;
        width: 135px;
        position: absolute;
        right: 0;
        z-index: 10;
    }
}



@media (max-width: 640px)
{
    .navbar .boton-menu {
        display: block;
        margin: 0px 60px 0 0;
        width: 135px;
        position: absolute;
        right: 0;
        z-index: 10;
    }

    .img-logo img{
        width: 40%;
        padding-top: 10px;
        margin-left: -5px;

    }
    #menu-publico {
        width: 50%;
        height: auto;
        background-color: #4A8670;
        top: 64px;
    }

    #menu-publico li {
        display: block;
    }

    .navbar .boton-menu .texto-menu {
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        color: #ffffff;
        background-color: #196049;
    }

    .navbar .btn-navbar {
        display: block;
        float: right;
        padding: 0px 15px 4px;
        margin-left: 5px;
        margin-right: 5px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #196049;
        margin-top: 20px;
    }

    #side-menu {
        margin: 0px;
        margin-top:-200px;
        padding-top: 140px;
        padding-bottom: 5px;
    }
    .navbar-toggle{
        margin-top: 20px;
    }
    .menu_secundario {
        margin-top: 15px;
        margin-bottom: 20px;
        text-align: center;
        background-color: #ffffff;
    }
}

@media (max-width: 480px)
{
    .img-logo img{
        width: 40%;
        padding-top: 20px;
        margin-left: -5px;

    }
    #menu-publico {
        width: 50%;
        height: auto;
        background-color: #4A8670;
        top: 64px;
    }

    #menu-publico li {
        display: block;
    }

    .navbar .boton-menu .texto-menu {
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        color: #ffffff;
        background-color: #196049;
    }

    .navbar .btn-navbar {
        display: block;
        float: right;
        padding: 0px 15px 4px;
        margin-left: 5px;
        margin-right: 5px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #196049;
        margin-top: 20px;
    }

    #side-menu {
        margin: 0px;
        margin-top:-200px;
        padding-top: 140px;
        padding-bottom: 5px;
    }
    .navbar-toggle{
        margin-top: 20px;
    }

    .menu_secundario {
        margin-top: 15px;
        margin-bottom: 20px;
        text-align: center;
        background-color: #ffffff;
    }
}

.boton_login {
    width: 50%;
    align-content: center;
    margin-left: 25%;
}


@media (min-width: 768px)
{
    #side-menu a {
        height: 40px;
        color: #4f8a69;
        text-decoration: none;
        padding: 10px 0 10px 12px;
        font-size: 15px;
        display: block;
    }
}


@media (max-width: 1200px) {

    /* .navbar-toggle {
         display: none;
     }*/

    .navbar-toggle {
        display: block; 
        margin-top: 14px;
        //display: none; 
    }
}

@media (max-width: 768px)
{
    .navbar-toggle {
        display: block; 
    }
}

@media (min-width: 992px)
{
    .col-md-3 {
        width: 25%;
    }  

    .col-md-12 {
        /*width: 80%;*/
        margin-top: -5px;
        /* margin-left: 20%;*/
    }

}

@media (min-width: 1200px)
{

    .img-logo {
        padding-left: 5%;
        margin-top: -26px;
    }

    .col-md-12 {
        margin-top: -10px;
    }

}

@media (max-width: 320px)
{
    .height-250 {
        height: 370px !important;
    }
}

@media (min-width: 992px)
{
    .col-md-push-12 {
        /*left: 89%;*/
    }  

    .col-md-push-11 {
        left: 85%;
    }
}


@media (min-width: 1200px)
{

    #page-wrapper {
        position: inherit;
        margin: -150px 0 0 225px;
        padding: 0 30px;
        /*min-height: 1000px;*/
        padding-top: 160px;
    }
    .col-md-push-11 {
        left: 91%;
    }
}

div.acceso2>h2 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    font-family: 'Francois One', sans-serif;
    font-size: 18px;
    color: #363636;
    line-height: 36px;
    letter-spacing: -1px;
    text-transform: uppercase;
    border-bottom: 3px solid #66947a;
    margin-left: 20px;
    text-align: center;
}

@media (min-width: 768px)
{
    .menu-desplegable {

        top: -85px;
    }

    .carousel-caption > h1{
        font-size: 20px;
    }
}

@media (max-width: 1024px)
{
    .navbar-toggle {
        display: block; 
        margin-left: 10px;
        //display: none; 
    }

    .vacio{
        width:10px;
        padding-right:20px;
    }

    ul.menu_publico {
        width: 490px;
        float: right;
        margin-left: 325px;
        color: #fff;
        background-color: #196049;
        line-height: 55px;
        height: 53px;
        list-style-type: none !important;
        margin-top: -55px;
        font-family: 'Francois One', sans-serif;
    }
    .collapse {
        display: none;
    }

    #side-menu {
        margin: 0px;
        margin-top: -100px;
        padding-top: 100px;
        padding-bottom: 5px;
    }

    ul.menu_publico>li> a {
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        transition: ease 0.4s;
        -webkit-transition: ease 0.4s;
        padding: 20px 7px 16px 7px;
        font-size: 14px;
        font-family: 'Francois One', sans-serif;
    }

    ul.menu_publico>li>a.activo {
        background-color: #4a8670;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        transition: ease 0.4s;
        -webkit-transition: ease 0.4s;
        padding: 20px 7px 16px 7px;
        font-size: 14px;
    }
}

@media(max-width:1180px) {

    .menu_registro {

        width: 100%;

    }
}


@media(min-width:1180px) {

    .carousel-caption > h1 {
        font-size: 28px;
    }
}

ul.submenu-report {
    color:#196049;
    text-transform: uppercase;
    width: 800px;
    float: right;
    margin-left: 325px;
    line-height: 55px;
    height: 53px;
    list-style-type: none !important;
    margin-top: -35px;
    font-family: 'Francois One', sans-serif;
}


ul.submenu-report>li {
    display: inline;
    text-transform: uppercase;
    font-size: 18px;
    padding: 20px 7px 16px 7px;
}

ul.submenu-report>li>a.activo {
    color:#e03520;
    text-transform: uppercase;
    text-decoration: none;
    transition: ease 0.4s;
    -webkit-transition: ease 0.4s;
    padding: 20px 7px 16px 7px;
    font-size: 18px;
}

ul.submenu-report>li>a.activo{
    color:#e03520;

}

ul.submenu-report>li>a{
    color:#196049;

}

html{
    height: 100%;
}
footer {
    position: relative;
    /* Altura total del footer en px con valor negativo */
    margin-top: -60px;
    /* Altura del footer en px. Se han restado los 5px del margen
       superior mas los 5px del margen inferior
    */
    height: 50px;
    padding:20px 0px;
    clear: both;

    text-align: center;
    color: #fff;
    font-family: 'Francois One', sans-serif;
}

/* Esta clase define la anchura del contenido y la posicion centrada 
   El contenido queda centrado y limitado, pero la cabecera y el pie
   llegan hasta los limites del navegador.
*/

.define {
    background-color: #196049;
    line-height: 50px;
    height: 60px;
    list-style-type: none !important;

    font-family: 'Francois One', sans-serif;
    width:auto;
    margin:0 auto;
}


.tabla-texto, .tabla-texto tr td
{
    border: #000 solid 1px;
    padding: 5px;

    
}
#annex ul {
 margin: 0px;
 padding: 0.5em;
 list-style: none;
}
#annex ul li {
 margin: 0px;
 padding: 0.2em;
}
#annex span { margin-right: 2.0em; }