html, body {
        background-color:#001936;
        color:#fff;
        height:100%;
    }

    .uk-container {
        padding-left:0px;
        padding-right:0px;
    }

    .uk-input, :not([multiple]):not([size]).uk-select 
    {
        height:auto !important;
        padding:10px;
    }

  
    @media (min-width: 640px) {
        .uk-container {
            padding-left: 0px;
            padding-right: 0px;
        }
    }


    *, body, html,h1,h2, h3,h4,h6,h7  {
        font-family: 'PT Sans Narrow', sans-serif;
    }
    .menu {
        position:absolute;
        top:60px;
        background-color:rgba(0,0,0,.2);
        width:100%;
        height:55px;
        z-index:999;
    }
    .menu .logo {
        margin-top:-24px;
    }

    .menu .menu-item 
    {
        padding-top:15px;
        text-align:right;
        
    }
    .menu .menu-item img 
    {
        margin-top:-4px;
        
    }
    .menu .menu-item a {
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-size:16px;
    }
    .menu .menu-item a:hover {
        text-decoration:none;
    }
     
    #content-band 
    {
        background-color:#001936;
        padding:20px;
    }

    baraj-seviye img
    {
	    padding:0px;
	    margin:0px;
    }
    .baraj-seviye
    {
	    background: rgb(0,127,235);
	    background: -moz-linear-gradient(top,  rgb(0,127,235) 0%, rgb(0,79,147) 99%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,127,235)), color-stop(99%,rgb(0,79,147)));
	    background: -webkit-linear-gradient(top,  rgb(0,127,235) 0%,rgb(0,79,147) 99%);
	    background: -o-linear-gradient(top,  rgb(0,127,235) 0%,rgb(0,79,147) 99%);
	    background: -ms-linear-gradient(top,  rgb(0,127,235) 0%,rgb(0,79,147) 99%);
	    background: linear-gradient(to bottom,  rgb(0,127,235) 0%,rgb(0,79,147) 99%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007feb', endColorstr='#004f93',GradientType=0 );
    }


.ColorGreen {
   color:green;
}


.ColorRed {
    color: red;
}

    .sube {
        position:absolute;
        z-index:999;
        top:5px;
        width:100%;
    }

    .howcanihelpu 
    {
        position:absolute;
        z-index:999;
        margin-top:-112px;
        height:1px;
    }

    .news-title 
    {
        margin-top:-50px;
        height:55px;
        width:311px;
        background-color:#001a36;
        border-radius:10px 10px 0px 0px;
        text-align:center;
        padding-top:-10px;
        position:relative;
        z-index:999;
        
    }
    .news-title h3 
    {
        color:#e1e1e1;
        font-size:16px;
        padding:10px;
    }
    .section-two {
        background-color:#00336e;
        
    }

    .section-two h3 {
        font-weight:bold;
        color:#95cbff;
        font-size:18px;
        margin:0px;
        margin-bottom:15px;
    }

    .dam-level .total {
        font-size:14px;
    }

    .dam-level .image-container {
        margin-top:15px;
    }

    .dam-level .date-time {
        font-size:10px;
        color:#e1e1e1;
    }

    .dam-level .level {
        font-size:36px;
        font-family: 'Raleway', sans-serif;
        color:#e1e1e1;

    }

    .dam-level table {
        font-size:13px;
        width:100%;
        color:#e1e1e1;
    }

    .dam-level table tr {
        border:0px;
        padding:0px; 
        margin:0px;
    }
    .dam-level table td {
        border:0px;
        padding:0px; 
        margin:0px;
    }

    .section-two .seperator {
        height:220px;
        width:2px;
    }

    .footer {
        background-color:#1b1c21;
        padding-top:20px;
        padding-bottom:20px;
    }

    .footer h3 
    {
        color:#e1e1e1;
        font-size:14px;
        font-weight:bold;
        margin:0px;
        padding:0px;
    }

    .footer .uk-list a {
        font-size:14px;
        color:#eee;
        margin-left:10px;
        padding-left:10px;
        padding-right:10px;
        
    }

    
    .footer .uk-list a:hover {
        font-size:14px;
        color:#000;
        background-color:#e1e1e1;
        text-decoration:none;
    }


    .footer .uk-list li 
    {
        padding:0px;
        margin:0px;
    }

    .sub-menu {
        width:100%;
        margin-top:-78px;
        -webkit-box-shadow: 0px 13px 5px -5px rgba(0,0,0,0.18);
        -moz-box-shadow: 0px 13px 5px -5px rgba(0,0,0,0.18);
        box-shadow: 0px 13px 5px -5px rgba(0,0,0,0.18);
    }

    .sub-menu-container {
        height:210px;
        background: rgb(0,27,60);
        background: -moz-linear-gradient(top, rgba(0,27,60,.9) 0%, rgba(0,44,96,.9) 100%);
        background: -webkit-linear-gradient(top, rgba(0,27,60,.9) 0%,rgba(0,44,96,.9) 100%);
        background: linear-gradient(to bottom, rgba(0,27,60,.9) 0%,rgba(0,44,96,.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b3c', endColorstr='#002c60',GradientType=0 );
        padding-top:30px;
        padding-left:30px;
    }

    .sub-menu-container a {
        color:#f9f9f9;
        font-size:16px;
        margin-left:15px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:2px;
        padding-top:2px;
        
    }
    .sub-menu-container a.uk-reset {
        
        margin-left:0px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:2px;
        padding-top:2px;
        
    }

    .sub-menu-container a:hover {
        color:#001e43;
        text-decoration:none;
        background-color:#61adfd;
    }
    .sub-menu-container .uk-reset:hover {
        text-decoration:none;
    }
    .sub-menu-container .uk-list li {
        margin-top:2px;
        
    }

    .sub-menu-container .seperator {
        height:200px;
        width:1px;
    }

    .sub-menu-container h3 {
        color:#2885d5;
        font-size:16px;
    }

    .menu-item-bg {

        height:60px;
        background-color:rgba(0,27,60,.9);
        width:160px;
        margin-left:450px;
    }

    .news-container img {
        border-bottom:10px solid rgba(0,27,60,.9);
    }

    .news-container .uk-dotnav>*>* {
        border:1px solid #fff;
    }

    .uk-dotnav>.uk-active>* {
        background-color:#fff;
    }
    .news-container .all-news 
    {
        color:#fff;
    }

    .watercuts-container .show-on-map 
    {
        color:#8cc63e;
        font-size:18px;
    }

    .announcement-container  {
        width:41%;
        padding-top:10px;
    }
    .white {
        color:#fff
    }
    .white:hover {
        color:#95cbff;
    }
    .announcement-container h3, .announcement-container h3 a {
        color:#c0e2ff;
        font-size:18px;
        font-family: 'Titillium Web', sans-serif;
        margin:0px;
    }

    .section-three {
        height:87px;
        background-color:#001936;
    }

    .yellow-bar
    {
        background-image:url(/assets/images/ybg.png);
        background-position-y: top;
        background-repeat:no-repeat;
        height:40px;
        padding-left:60px;
       width:550px;
    }

    .yellow-bar a {
        font-size:18px;
        color:#001936;
        font-weight:bold;
    }
    
    .yellow-bar a:hover {
        text-decoration:none;
        color:#ff2400;
    }

    .bottom-button-group {
        padding-top:10px;
        padding-left:60px;
    }

    .bottom-button-group a {
        color: #eee;
        font-size:16px;
        text-decoration:none;
    }

    .bottom-button-group a:hover {
        color:#98c9f3;
    }