/*------------------------------ add css -------------------------- */
body.myBody {
    text-align: center; font-family: Verdana, Arial; font-size:75%; background:none; background-color:#e9d92e;
}
#topNavigC, #obal, #bottom{
    width: 1250px;
    margin: 0 auto;
}
h1 {color:#10a847;}
h2 {color:#000000;}
h3 {color:#000000;}
p {padding:10px 0 0  0;}
ul {padding:5px;}

img.img_left {margin-right:25px;}
#ContainerC { width:100%; margin:0; background-image: none; background-color: transparent; }
#Container { width:100%; }
#actualPathInnerC h1{display:none;}
#actPathC.HP #actualPathInner span {display:none;}
#actualPathInner {color:#78b2d6;}
#actualPathInner a {color:#1c426f;}
#actPathC {padding-left:3px;padding-bottom:0px;}

#logoC { float: none; margin: 5px auto; width:150px; height:97px;}
#logoC a{ display: block; width: 150px; height:97px; background:none;}
#topBanner {width:100%; height:140px; background-image: none; }
#topNavig{ position: relative; float: left; background: #00A23B; top: 25px; width: 100%; padding: 0; }
#topNavig li  {background: url(/data/WEB_27/topnav.jpg) no-repeat 0px 13px; padding-left:10px; padding-right:15px; }
#topNavig li a { font-weight:bold; font-size:1.1em; text-transform:none;}
#leftC {width:20%; margin-top:40px;}
#leftNavig {background:#}
#leftNavig h3.first {padding:0px; backgroun:none;}
#leftNavig  ul li a {font-weight:bold; padding:5px 0 5px 10px!important;}
#leftNavig  a:hover {}
#leftNavig  li.actual a {color:#FFF; background:#b7e0f0;}

#searchBlockC {position: absolute;left: 700px;top: 50px; width: 235px;display:none;} #doSearch {height:25px;}
#kosikBlockC {padding-left:100px;padding-top:5px; display:none;} 
#kosikBlockC {padding:5px 0 0 5px;} 
#kosikBlockC h3 {width:70px;margin:0;padding:15px 0 0 30px;float:left;font-size:0.9em;}
#kosikBlock {line-height:0.9em;}
#kosikBlock a {  display:block;  width:85px;  position:absolute;  left:168px;top:43px;  font-size:0.9em; }
#hpbanner {display:none;} #right {margin-left:7px;} #bottom {padding: 35px 20px 30px 20px;} 
#obal {background:# ;}  

#rightC {display:none;}

#bottomC { width:100%; background:#22a12e; }
#bottomNavig { width: 100%; }
#bottomNavig a {color:white; float:left!important; margin:0 30px!important; padding:0px!important;}
#bottomNavig a:hover {color:#78b2d6; text-decoration:underline; }
#copyright {color:#78b2d6; font-weight:normal; position:absolute; left:0px; padding:0 0 0 5px;  }
#copyright a {color:#78b2d6;font-weight:normal;}
#copyright a:hover {color:#fff;font-weight:normal;}
#copyright {background:none;}

#contentC{
    width: 80%;
    margin-top: 40px;
}
#topNavigC{
    padding: 0;
}
#topNavig li{
    background: none;
}
#obalC{
    width: 100%;
    background: white;
}
#leftNavig ul{
    padding: 0;
    margin: 0 0 20px 0;
}
#leftNavig li{
    padding: 5px 0;
    border-right: solid 1px #00A23B;
    border-bottom: solid 1px #00A23B;
}
#bottomNavig ul{
    float: right;
}
#leftNavig  li.actual a{
    text-decoration: underline!important;
    color: #2CAF5C;
    background: none;
}
@media(max-width:1250px){
    #topNavigC, #obal, #bottom{
        width: 100%;
    }
}
@media(max-width:990px){
    #leftC{
        width: 25%;
    }
    #contentC{
        width: 75%;
    }
}
@media(max-width:800px){
    #leftC{
        width: 30%;
    }
    #contentC{
        width: 70%;
    }
}
@media(max-width:660px){
    #leftC{
        width: 35%;
    }
    #contentC{
        width: 65%;
    }
}
@media(max-width:565px){
    #leftC{
        width: 40%;
    }
    #contentC{
        width: 60%;
    }
}
@media(max-width:525px){
    #hidenavig  {
        background:#3c4143 url(/images/resp_navi_bg.png) no-repeat 50% 50%;
        display:block;
        width:36px;
        height:28px;
        margin:0 auto;
        border-radius:5px;
        cursor:pointer;
    }
    #topNavigC{
        display: none;
    }
    #topNavig{

        top: 10px;
    }
    #topNavig li{
        width: 200px;
    }
    #leftC{
        width: 100%;
        margin: 40px 0 0 0;
    }
    #contentC{
        width: 100%;
        margin: 0;
    }
}
@media(max-width:430px){
    #bottomNavig a{
        margin: 5px 30px!important;
    }
    #bottomNavig ul{
        float: left;
        width: 60%;
    }
}