body{
color: #515151;
background-color: #006e7a;

} 
.wrapper{
} 
.header{
min-height: 0px;
} 
.progress-bar {
background-color: #ff4d00;
} 
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,  .pager.wizard li > a, .pager.wizard li > button {
background-color: #ff4d00;color: #ffffff;
} 
.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus {
color: #515151;
} 
.left-bar{
} 
.left-bar{
} 
.agora-bar, .agora-bar ul{
background-color: #ff4d00;
} 
.agora-bar li > a, .agora-bar li{
color: #ffffff;
} 
 .agora-bar li:hover > a, .agora-bar li:hover{
background-color: #ffffff;
color: #ff4d00;
} 
.dropdown-submenu > a:after{
border-left-color: #ffffff;
} 
.dropdown-submenu:hover > a:after{
border-left-color: #ff4d00;
} 
 @media (min-width: 1200px) {
 .container{
max-width: 800px;
} 
} 
@media (min-width: 1200px) {
    .container{
    max-width:1200px;
    }
    }

@media (max-width:768px) {
            #banner-top img
            {
                width: 100%;
            }
    }
@media (min-width:960px) {
                   #main-footer
        {
            background: #4c4149 url(documents/58/images/footer-bg.jpg) bottom center no-repeat;
        }
    }
body
        {
            background-color: #ffffff;
font-family: 'Open Sans', sans-serif;
        }

h2{
color:#168b9c;
}
h3, h4{
color:#e15000;
}

        #main-container, #main-content, #main-row
        {
            display: inline;
            margin: 0;
            padding: 0;
        }

        #main-header
        {
            display: none;
        }

        #main-footer
        {
 background-color: #4c4149;
            min-height: 240px;
        }

        #banner-top
        {
overflow:hidden;
            padding: 0;
position:relative;
        }

            #banner-top img
            {

                /*width: 100%;*/
            }

        #banner-blue
        {
            position: relative;
            height: 204px;
       
        }



        #main-menu
        {
            position: relative;
            background-color: #4c4149;
            text-align: center;
            display: block;
            max-width: 960px;
            margin: auto;
        }

            #main-menu a
            {
                text-decoration: none;
                color: #ffffff;
-o-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-khtml-transition: color 0.2s linear;
-webkit-transition: color 0.2s linear;
-ms-transition: color 0.2s linear;
transition: color 0.2s linear;
            }
     #main-menu a:hover
            {
                color: #fcc540;
            }

        #main-submenu a
        {
            color: #949ca0;
        }

        #main-menu-holder
        {
min-height:34px;
            position: relative;
           line-height: 32px;
        }

       #main-submenu
        {
height:34px;
            position: relative;
           line-height: 32px;
        }

            #main-menu-holder > ul, #main-submenu > ul
            {
                padding: 0;
                margin: auto;
                list-style: none;
                display: inline;
            }

                #main-menu-holder > ul li, #main-submenu > ul li
                {
                 
                    display: inline-block;
                    color: #ffffff;
                    font-size: 13px;
                    padding: 0 10px;
                    position: relative;
                }

                #main-menu-holder > ul > li.active
                {
                    border-bottom: solid 1px #b4893c;
                }

                    #main-menu-holder > ul > li.active a
                    {
                        color: #fcb040;
                    }

        #main-menu .open > ul
        {
            display: inline-flex !important;
        }


        #main-submenu
        {
            border-top: 1px solid #483e45;
            background-color: #4c4149;
            padding-left: 34px;
            display: none;
        }



        .red-square
        {
            display: inline-block;
            background-color: #e15000;
            width: 34px;
            height: 34px;
            float: left;
        }

        #main-content-row
        {
            max-width: 960px;
            margin-bottom: 20px;
        }

        #main-footer-row
        {
            max-width: 960px;
            margin-bottom: 20px;
        }

        .footer-box
        {
            padding: 10px;
            color: #ffffff;
            font-size: 11px;
            line-height: 34px;
            font-weight: bold;
        }
    .footer-box a
        {
            
            color: #ffffff;
           
        }

        .footer-title
        {
            border-bottom: 1px solid #ffffff;
            margin-left: 34px;
        }

        .footer-box .red-square
        {
            margin-right: 10px;
        }

        .wrapper
        {
            box-shadow: 0 0 6px 2px #d3d3d3;
        }

.orange-box
        {
            background-color: #fcb040;
            padding-left:34px;
            margin:20px -15px;
            
        }

            .orange-box .title
            {
                text-transform:uppercase;
                color: #4c4149;
                border-bottom: 1px solid #4c4149;
                height:34px;
                line-height:34px;
                text-align:center;
                width: 200px;
                margin-bottom:10px;
                font-weight:bold;
            }

            .orange-box .upper{
            color:#ffffff;
            font-weight:bold;
            }

             .orange-box .red-square{
             position:absolute;
             top:0;
             left:0;
             }

             .orange-box .row{
             padding-bottom:20px;
             }

            .upper{
            text-transform:uppercase;
            }

.news-box{
            padding:30px;
            padding-top:75px;
             background:url(documents/58/images/box-right-side.jpg) no-repeat  right 30px;
             min-height:220px;
            }

            .orange-header{
            position:absolute;
            top:0;
            margin-left:auto;
            margin-right:auto;
            left:0;
            right:0;
            width:230px;
            height:70px;
            background-image:url(documents/58/images/orange-header.jpg);
            line-height:75px;
            text-align:center;
            color:#ffffff;
            font-size:12pt;
            font-weight:bold;
            text-transform:uppercase;

            }

                      .red-header{
            position:absolute;
            top:0;
            margin-left:auto;
            margin-right:auto;
            left:0;
            right:0;
            width:230px;
            height:70px;
            background-image:url(documents/58/images/red-header.jpg);
            line-height:75px;
            text-align:center;
            color:#ffffff;
             font-size:12pt;
            font-weight:bold;
            text-transform:uppercase;
            }

            #logohomelink{
            display:block;
            width:33%;
            height:100%;
            position:absolute;
            top:0;
            }
#langlink{
            position:absolute;
            top:5px;
            right:10%;
            color:#ffffff;
            font-size:14px;
            font-weight:bold;
            }

        #copyright
        {
            position: absolute;
            bottom: 5px;
            width: 100%;
            color: #ffffff;
            text-align: center;
        }