body{
    margin: 0;
    padding: 0;
    background: #c9def3;
    font-family: "Open Sans", sans-serif;
    font-size: 11pt;
}

@media screen AND (max-width: 799px){
  .back_L{
      display: none;      
  }

  .back_P{
      display: none;
  }
}

@media screen AND (min-width: 800px){
  .back_L{
      background-image: url("../img/background-l.png");
      background-position: left top;
      background-repeat: no-repeat;
      width: 100%;
      height: 600px;
      z-index: 1;
      position: absolute;
      top: 0;
      display: block;
  }

  .back_P{
      background-image: url("../img/background-p.png");
      background-position: right top;
      background-repeat: no-repeat;
      width: 100%;
      height: 900px;
      z-index: 2;
      position: absolute;
      top: 0;
      display: block;
  }
}

@media screen AND (min-width: 1300px){
  .menu_img{
      display: block;
      border: 0;
  }
  
  .menu_text{
      display: none;
  }
  
  .menu_bar{
    background-image: none;
  }
}

@media screen AND (max-width:1299px){
  .menu_img{
      display: none;
      border: 0;
  }
  
  .menu_text{
      display: block;
  }
  
  .menu_bar{
    background-image: url("../img/background-menu.png");
  }
}


@media screen AND (width>=2000px){
  .canvas_main{
      // background-image: url("../img/background-p.png");
      // background-position: right top;
      // background-repeat: no-repeat;
      position: relative;
      display: block;
      width: calc(100% - 800px);
      z-index: 10;
      margin: 0px auto 0 auto;
      min-height: calc(100vh - 110px);  
  }
}



@media screen AND (width<1999px) AND (width>=1022px){
  .canvas_main{
      // background-image: url("../img/background-p.png");
      // background-position: right top;
      // background-repeat: no-repeat;
      position: relative;
      display: block;
      width: calc(100% - 50px);
      z-index: 10;
      margin: 0px auto 0 auto; 
      min-height: calc(100vh - 110px); 
  }
}

@media screen AND (width<1022px){
  .canvas_main{
      // background-image: url("../img/background-p.png");
      // background-position: right top;
      // background-repeat: no-repeat;
      position: relative;
      display: block;
      width: calc(100%-10px);
      z-index: 10;
      margin: 0px auto 0 auto; 
      min-height: calc(100vh - 110px); 
  }
}

@media screen AND (min-width: 900px){
    .header_background{
        background-image: url("../img/header.png");
        background-position: right top;
        background-repeat: no-repeat;
    }
}

@media screen AND (max-width: 899px){
    .header_background{
        background: none;
    }
}

.header{
    width: 100%;
    height: 140px;

}

.header_logo{
    margin-top: 15px;
    margin-left: 10px;
}

.menu{
    width: 100%;
    min-height: 30px;
    color: #ffffff;
    font-size: 12pt;
}

.main{
    width: calc(100%-10px);
    background-image: url("../img/background-main.png");
    margin-top: 5px;
    padding: 10px;
}

.menu ul{
    List-style-type: none;
    List-style-position: inside;
    margin: 0;
}

.menu ul li{
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.menu ul li a{
    color: #ffffff;
    text-decoration: none;
}

.footer{
    z-index: 10;
    position: relative;
    background-image: url("../img/background-footer.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #eeeeee;
    width: 100%;
    height: 90px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}

@media screen AND (min-width:2000px){
  .footer_main{
      // background-image: url("../img/background-p.png");
      // background-position: right top;
      // background-repeat: no-repeat;
      position: relative;
      display: block;
      width: calc(100% - 900px);
      margin: 0 auto 0 auto;
  }
}



@media screen AND (max-width: 1999px) AND (min-width:1022px){
  .footer_main{
      // background-image: url("../img/background-p.png");
      // background-position: right top;
      // background-repeat: no-repeat;
      position: relative;
      display: block;
      width: 1000px;
      margin: 0 auto 0 auto;  
  }
}

@media screen AND (max-width:1021px){
  .footer_main{
      // background-image: url("../img/background-p.png");
      // background-position: right top;
      // background-repeat: no-repeat;
      position: relative;
      display: block;
      width: calc(100% - 10px);
      margin: 0 auto 0 auto;  
  }
}

.main_end{
    width: 100%;
    height: 5px;
    clear: both;
}

.seznam_velky li {
  background: url('../img/odrazka_velka.png') no-repeat left center;
  padding: 15px 0px 0px 60px;
  list-style: none;
  margin: 0;
  vertical-align: middle;
  min-height: 50px;
  font-size: 16pt;
}

@media screen AND (min-width:800px){
  .idcloud_blok_url{
      height: calc(190px - 50px); 
      background: url('../img/idcloud_icon.png') no-repeat left center;
      // border: 1px solid #000000;
      padding-left: 300px;
      padding-top: 50px;
      width: calc(100% - 300px);
      font-size: 20pt;
      font-weight: bold;
  }
}

@media screen AND (max-width:799px){
  .idcloud_blok_url{
      height: 100px; 
      background: none;
      // border: 1px solid #000000;
      padding-left: 0px;
      padding-top: 0px;
      width: 100%;
      font-size: 20pt;
      font-weight: bold;
  }
}

.idcloud_blok_url a{
    color: #000000;
    text-decoration: none;
}

.faq_polozka{
    margin-bottom: 15px;
    background: url('../img/odrazka_stredni.png') no-repeat left top;
    padding: 0px 0px 0px 40px;
    width: calc(100% - 40px);
    
}

.faq_dotaz{
    font-weight: bold;
}

.faq_odpoved{
    font-style: italic;
    text-align: justify;
}

.seznam li{
    list-style-image: url('../img/odrazka_mala.png') ;
}

@media screen AND (min-width:800px){
  .galerie-prava{
      width: 250px;
      float: right;
      text-align: center;
  }

  .galerie-text{
      width: calc(100% - 260px);
      float: left;    
  }
}

@media screen AND (max-width:799px){
  .galerie-prava{
      width: 100%;
      text-align: center;
  }

  .galerie-text{
      width: 100%; 
  }
}

.galerie-text p{
    text-align: justify;
}

.main p{
    text-align: justify;
}

.app_icon_block{
  float: left;
  width: 250px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.app_icon_block a{
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

.file_block_icon{
  width: 60px;
  float: left;
}

.file_block_url{
    float: right;
    width: calc(100% - 65px);
}

.file_block_url a{
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}