/* CSS Document */


/*tab+note*/

/*--------------------1300px-------------------*/
@media screen and (min-width: 1050px) and (max-width:3000px) {
.res-nav_click-logo{display:none}
}



/*--------------------960px-------------------*/
@media screen and (min-width: 0px) and (max-width:1049px) {
.container,.container-main{width:100%;box-sizing:border-box}

.rleft,.rright,.stin,.skryt{display:none}   

.tree-clanky {height:auto}
.tree-clanky ul {display:block!important;margin:0 0 0 10px;width:100%}
.tree-clanky li {display:block!important;width:100%!important;background:#1f98d6}
.tree-clanky li {vertical-align:top;box-sizing:border-box;padding:0px;min-height:80px;height:auto}
.tree-clanky li:hover{background:#1f98d6}
.tree-clanky li img{width:300px!important;height:225px!important;margin-right:20px;position:relative;top:0;right:0}
.tree-clanky li:hover img{width:300px!important;height:225px!important}
.tree-clanky li p{background:transparent;position:relative;width:auto;height:auto;top:10px;padding-bottom:25px}


.sb-search{right:250px!important}
.social-link {right:60px}

.main,.sidebar{width:100%;margin:0;padding:0;float:none}
.in{margin:0 10px}

.clanek-dne section header{width:auto;float:left;height:auto;overflow:visible;display:block}
.clanek-dne section header img{max-width:400px;width:100%;float:left;margin-right:30px}
.clanek-dne section main {width:auto;position:relative;background:transparent;display:block}
.clanek-dne article{height:auto;background:#1f98d6;float:left}
#pocasi {display:none}


.sidebar .rek {border:none}
.sidebar aside {width:100%;max-width:320px;margin:0 auto;text-align:center}
.sidebar aside img {width:100%;max-width:320px;margin:0 auto;text-align:center}


#footer,#footer-in,#foot{width:auto}
#footer-in div {width:100%;display:block;border:none;border-bottom:#008ad2 1px solid;float:left}
#footer-in img.flogo {width:100%;max-width:260px}

/*news*/
@media (max-width:960px) {
  #topmenu{
    height:auto;
    min-height:50px;
    background:#5dae47;
    margin:0 10px;
    width: calc(100% - 20px);
    overflow: hidden;
  }
  #topmenu ul{
    width: calc(100% - 0px);
    position:relative;
    margin:0;
    margin-left: 0px;
  }
  #topmenu li {
    display:block;margin:0;
  }
  #topmenu li a{
    display:block;margin:0;
  }
  #topmenu .logo a{
    padding:0!important;
    float:none;
    display:block!important;
    width:150px;
    height:50px;
  }
  #topmenu .logo img{
    top:5px;
    left:10px;
    position:relative;
  } 

  #social-link {
  position: relative;
  background: #5dae47;
  display: block;
  width: calc(100% - 20px);
  height: 50px;
  clear: both;
  margin: 0 10px;
  }
  .social-link {
    right: 15px;
  }
  
  .container {
    width: 100%;
    padding: 0 0px;
  }
  .container .in{
    width: 100%;
    padding: 0 10px;
  }
  /*.container .container{
    padding: 0 30px;
  } */
  .container-main {
    width: 100%;
    padding: 0px;
  } 
  .homepage ol li{
    width: 100%;
    height: auto;
    padding: 0;
    border-bottom: #ccc 2px solid;
  }
  .homepage ol li main {
    height: auto;
    width: 100%;
  }
  .homepage ol li sup{
    top: 10px;
  }
  .homepage ol li figure {
    padding: 10px;
  }
  
  .in{
    margin: 0px; 
    background: none;
  }
  .clanek{
    width: 100%;
    padding: 30px 0px;
  }
  .clanek main{
    margin: 0;
  }
  .clanek main figure {
    width: 100%!important;
    overflow: hidden;
  }
  .clanek main figure img{
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .clanek footer{
    min-height: 80px;
    clear: both; 
  }
  .main ol li h4 {
    padding: 0;
    margin: 0;
  }
  
  #sklik{
    width: 100%!important;
    max-width: 100%!important;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .tree ul li{
    width: calc(100% - 20px);
    height: auto;
    display: block;
    float: none;
    margin: 0 10px;
  }
  .tree ul li:nth-child(1){
    margin-left:auto;
  }
  
  .fb-like{
    display: block;
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin: 0 0 15px 0;
    padding: 10px 0;
  }
}