FORM
{
    margin-left: auto;
    margin-right: auto;
    /*max-width: 1280px !important;*/
    /*width: 100%;*/
}

.span0
{
    display: none !important;
}

@media (min-width: 768px) and (max-width: 979px) /*TABLET MODE*/
{
    FORM
    {
        /*max-width: 640px;*/
    }
}

@media (max-width: 767px) /*Bootstrap's mobile mode*/
{
    body
    {
        padding: 0;
    }
}

@media (max-width: 580px) /*Prev: 767px - MOBILE MODE - adapt menu*/
{
    body
    {
        font-size: medium;
    }

    #content,
    #pnlFooter
    {
        /*Lower the content due to header is position: fixed
        position: relative;
        top: 145px;*/
        padding-left: 6px;
        padding-right: 6px;
    }

    .modal.fade.in
    {
        top: 20%;
    }

    FORM
    {
        margin: 0 0 6px;
    }

    .header
    {
        background-color: #F0B600;
        -webkit-box-shadow: 0 0 10px #000000;
        box-shadow: 0 0 10px #000000;
        width: 100%;
        /*
        position: relative;
        top: 0;
        */
        position: relative;
        z-index: 2000;
        display: block;
        /*top: 0;
        left: 0;*/
    }

        .header .header-inner
        {
            padding: 0 0 1em;
        }

        .header a.brand
        {
                
        }

    .form-search
    {
        line-height: 20px;
        position: static;
        right: 0;
        top: 0;
        padding: 0 0 1em 0;
        text-align: left;
    }

    .content
    {
        /*margin-top: 3.5em;*/
    }

    .header legend
    {
        width: auto;
        border-color: transparent;
    }

    .navbar .btn, .navbar .btn-group
    { /*Mobile menu-button*/
        margin-top: 0;
    }

    #nav-shortcuts
    {
        margin-bottom: 0;
        /*#80b458, #508428*/
        background-color: #80b458;
        background: -moz-linear-gradient(#80b458, #508428); /* FF 3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #80b458), color-stop(100%, #508428)); /* Safari 4+, Chrome 2+ */
        background: -webkit-linear-gradient(#80b458, #508428); /* Safari 5.1+, Chrome 10+ */
        background: -o-linear-gradient(#80b458, #508428); /* Opera 11.10 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b458', endColorstr='#508428'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b458', endColorstr='#508428')"; /* IE8+ */
        background: linear-gradient(#80b458, #508428); /* the standard */
        border: 0px solid #508428;
        color: #FFF;
        -webkit-text-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
        text-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
    }

        #nav-shortcuts hr
        {
            border-color: #A0D478;
            border-style: solid none;
            border-width: 1px 0 0;
        }

        #nav-shortcuts .nav-pills::before,
        #nav-shortcuts .nav-pills::after
        {
            display: inline;
        }

        #nav-shortcuts .nav-pills
        {
            margin-bottom: auto;
        }

    .nav-pills > li > a
    {
        margin-top: 0.2em;
    }

    #mobile-panel
    {
        background-image: none;
        overflow: visible;
        text-align: left;
        /*background-color: #fff;*/
    }

        #mobile-panel a,
        #mobile-panel a:visited
        {
            color: #fff;
            text-decoration: none;
        }

    .nav-collapse .dropdown-menu
    {
        display: none;
    }

    .open > .dropdown-menu
    {
        display: block;
    }

    .dropdown-menu,
    .nav-collapse .dropdown-menu
    {
        background-clip: padding-box;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px 6px 6px 6px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        float: left;
        left: 0;
        list-style: none outside none;
        margin: 2px 0 0;
        min-width: 160px;
        padding: 5px 0;
        /*position: absolute;*/
        height: auto;
        top: 100%;
        z-index: 1000;
    }

    #nav-shortcuts .nav > li > a
    {
        border-radius: 3px 3px 3px 3px;
        color: #FFF;
        text-decoration: none;
        font-weight: normal;
        padding: 9px 15px;
    }

    .nav-collapse .nav > li > a:hover,
    .nav-collapse .dropdown-menu a:hover
    {
        background-color: #508428;
    }

    .breadcrumb
    {
        display: none;
    }

    .nav
    {
        margin-bottom: 0;
    }

    .navbar .nav
    {
        display: block; /*block*/
        width: 100%;
        background-color: #FFFFFF;
    }

        .navbar .nav > li
        {
            display: block;
            float: none;
            width: 100%;
        }


            .navbar .nav > li > a
            {
                width: 100%;
                background-image: url('../img/body-header-menubg.jpg');
                padding: 10px;
                float: none;
                display: block;
            }

    .leftNav
    {
        margin-top: 1em;
    }

    .page-dates
    {
        position: static;
    }

    .well .span2
    {
        text-align: left;
    }

    .pagination ul
    {
        display: block;
    }

    /*#region Content */
    .publicationitem .alert,
    .newsitem .alert,
    .monthitem .alert,
    .magazineitem .alert,
    .governmentitem .alert,
    .inspectionitem .alert,
    .eventitem .alert,
    .referralitem .alert,
    .searchitem .alert,
    .well
    {
        width: 97% !important;
    }

    .dataitem .dl-horizontal dt
    {
        width: auto;
    }

    .dataitem .dl-horizontal dd
    {
        margin-left: auto;
    }

    .well
    {
        position: static;
        width: auto;
    }
    /*#endregion */

    .footer
    {
        padding: 20px 0;
    }

    .nav-collapse,
    .nav-collapse.collapse
    { /*Switch menu apperance!*/
        height: 0;
        overflow: hidden;
    }

        .nav-collapse .nav > li > a
        {
            margin-bottom: 0;
        }

        .nav-collapse .nav > li
        {
            float: none;
        }


    #nav-shortcuts,
    #nav-shortcuts.collapse
    {
        height: 0;
        overflow: hidden;
    }
    /*#region BUTTONS */


    /*#endregion BUTTONS*/
    /*END Switch menu apperance!*/

    /*Left Menu*/
    .leftNav > li > a /*Level 1 Selected Item link*/
    {
        padding: 14px 12px;
    }

    .leftNav > li.leftNavSelectedItem > a /*Level 1 Selected Item link*/
    {
        font-weight: bold;
        padding-left: 10px;
    }
    /*END Left Menu*/

    /*#region NAV-PILLS */
    .nav-pills > li
    {
        display: block;
        float: none;
    }
    /*#endregion */
}

@media (min-width: 581px) /*All above MOBILE MODE - Fix margin-top of content second*/
{
    .content
    {
        /*margin-top: 5em;*/
    }

    .nav-collapse,
    .nav-collapse.collapse
    { /*Switch menu apperance!*/
        height: auto !important;
        overflow: visible;
    }

    .navbar .btn-navbar
    {
        display: none;
    }
    /*END Switch menu apperance!*/
}

@media (max-width: 360px) /*MOBILE MODE - Fix margin-top of content first*/
{
    .content
    {
        /*margin-top: 6em;*/
    }
}

@media (max-width: 320px) /*MOBILE MODE - Fix margin-top of content first*/
{
    .content
    {
        /*margin-top: 7em;*/
    }

    .mobile-menu-button
    {
        position: absolute;
    }
}

@media (min-width: 1200px) /* BEYOND DESKTOP*/
{
    FORM
    {
        /*max-width: 1280px;*/
    }
}

@media (min-width: 768px) and (max-width: 979px) /*TABLET MODE*/
{
    FORM
    {
        /*max-width: 640px;*/
    }
}

@media (max-width: 979px) /* MOBILE AND TABLET MODES*/
{
}

@media (max-width: 480px)
{
    FORM
    {
        /*max-width: 460px;*/
    }
}

@media (max-width: 940px) /*Lower than DESKTOP*/
{
    .container-fluid
    {
        max-width: 940px;
        width: auto;
    }
}