/* CSS Document */

/* bxslider - full sceen */ 

body, html{
    height: 100%;
} 


.bxslider, .bxslider li{
    height: 100% !important;;
}

/* */  

div {
  text-align: left;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #212b33;
}

td {
    line-height: 20px;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #212b33;
   }
   
ul {
     margin: 0px 20px 0px 0px;
   }
                                 
.stred {margin: 0px auto;}

a {color: #e4920c; text-decoration: none;}
a:hover {color: #e4920c; text-decoration: underline;}

.tlacitko-zlute-slider {color: #212b33; font-size: 15px; line-height: 14px; background: #fdbe57; padding: 9px 42px 8px 42px; text-decoration: none;}
.tlacitko-zlute-slider:hover {color: #212b33; font-size: 15px; line-height: 14px; background: #ffffff; padding: 9px 42px 8px 42px; text-decoration: none;}

.tlacitko-zlute {color: #212b33; font-size: 14px; line-height: 14px; background: #fdbe57; border: 1px solid #fdbe57; padding: 9px 42px 8px 42px; text-decoration: none;}
.tlacitko-zlute:hover {color: #212b33; font-size: 14px; line-height: 14px; background: #eeab3f; border: 1px solid #eeab3f; padding: 9px 42px 8px 42px; text-decoration: none;}

.home-vlajka img {border: 4px solid transparent; width: 100%; max-width: 73px;}
.home-vlajka img:hover {border: 4px solid #f49a0b; width: 100%; max-width: 73px;}

.home-vlajka-sel img {border: 4px solid #e4920c; width: 100%; max-width: 73px;}

.tlacitko-sedive {
    float: left;
    color: #a5b9bb; font-size: 20px; font-weight: normal; text-decoration: none;
    text-decoration: none;
    background-color: #dee7e8;
    border: 0px; 
    padding: 8px 16px 8px 16px;
    margin-left: 5px; 
}

.tlacitko-sedive:hover {
    float: left;
    color: #ffffff; font-size: 20px; font-weight: normal; text-decoration: none;
    text-decoration: none;
    background-color: #f49a0b;
    border: 0px;
    padding: 8px 16px 8px 16px;
    margin-left: 5px;
}

.tlacitko-sedive-prazdne {
    float: left;
    color: #a5b9bb; font-size: 20px; font-weight: normal; text-decoration: none;
    text-decoration: none;
    background-color: #dee7e8;
    border: 0px;
    padding: 8px 18px 8px 18px;
    margin-left: 5px;
}


/* desktop */
@media screen and (min-width:1780px) {
  .obsah {width: 80%; max-width: 1600px;}
  .hlavni {max-width: 80%; width: 100%;}
  .hlavni-2 {max-width: 60%; width: 100%;}  
}
/* tablet */                 
@media screen and (min-width:808px) and (max-width:1780px) {
  .obsah {width: 95%; max-width: 1600px;}
  .hlavni {max-width: 95%; width: 100%;}
  .hlavni-2 {max-width: 70%; width: 100%;}  
}
/* mobile */
@media screen and (min-width:0px) and (max-width:808px) {
  .obsah {width: 100%;} 
  .hlavni {max-width: 90%; width: 100%;}
  .hlavni-2 {max-width: 90%; width: 100%;}
}  
           


/* desktop */
@media screen and (min-width:1300px) {
  .table-2-sloupce {width: 42%; margin: 0px 35px 0px 35px;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-4-sloupce {float: left; text-align: center; width: 23%; margin: 0px 1% 0px 1%;}
  .table-2-sloupce-plne {width: 45%; margin: 0px 0px 0px 0px;}
  .table-2-sloupce-a {float: left; width: 33%;}
  .table-2-sloupce-b {float: right; width: 63%;}
  .menu-i {float: right;  margin-top: 8px;}
  .menu-hlavni {float: left; width: 100%; position: relative;}  
  .menu-mobile {float: right; display: none;}
  .menu-top-margin {margin-top: 50px;}
  .navigation {float: left; width: 100%; margin-top: 5px; background: #323f4a;}
  .nadpis-velky {padding: 0px 0px 18px 0px; font-size: 32px; line-height: 34px; font-weight: 700; color: #e4910d;}
  .anotace-velka {font-size: 15px; line-height: 19px; font-weight: 700;}
  .nadpis {padding: 0px 0px 25px 0px; font-size: 28px; line-height: 30px; font-weight: 700; color: #e4910d;}
  .newsletter-nadpis {padding: 0px 0px 25px 0px; font-size: 28px; line-height: 30px; font-weight: 700; color: #e4910d; float: left; margin-left: 45px; margin-top: 4px;  font-size: 18px;}
  .newsletter-input {float: left; position: relative; margin-top: 2px;}
  .newsletter-input-captcha {float: left; position: relative; margin-top: 2px; margin-left: 10px;}
  .newsletter-btn {float: left; position: relative; margin-left: 10px; margin-top: 2px;}
  .anotace {font-size: 16px; line-height: 20px;}
  .nadpis-maly {padding: 0px 0px 15px 0px; font-size: 16px; line-height: 18px; font-weight: 700; color: #e4910d;}
  .home-slider {float: left; position: relative; width: 100%; text-align: left; margin-top: 0px;}
  .tabulka-home-slider {float: right; width: 452px; margin-top: 52px;}
  .nadpis-home-slider {font-size: 32px; line-height: 34px; font-weight: 700; color: #ffffff; padding: 0px 0px 10px 0px;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 16px; line-height: 18px; font-weight: 300; color: #ffffff;}
  .anotace-home-slider p {} 
  .aktuality-item {float: left; position: relative; max-width: 285px; height: 350px;}
  .paticka-odkaz {font-size: 15px; line-height: 16px; font-weight: 700; color: #ffffff; padding: 0px 20px 0px 20px;}
  .paticka-odkaz:hover {font-size: 15px; line-height: 16px; font-weight: 700; color: #ffffff; padding: 0px 20px 0px 20px;}
  .tabulka-hlavni-upoutavka {float: left; width: 452px; margin: 80px 0px 0px 100px;}
  .nadpis-hlavni-upoutavka {font-size: 32px; line-height: 34px; font-weight: 700; color: #212b33; padding: 0px 0px 10px 0px;}
  .anotace-hlavni-upoutavka {font-size: 16px; line-height: 18px; font-weight: 300; color: #212b33;}
  .kurzy-kategorie {font-size: 20px; line-height: 24px; font-weight: 700; color: #212b33; padding: 30px 0px 30px 0px; text-align: center;}
  .kurzy-head-td {background: #fdbe57; font-size: 14px; line-height: 14px; font-weight: 700; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-nazev-td {background: #ffffff; font-size: 16px; line-height: 16px; font-weight: 700; color: #e4910d; padding: 15px 0px 15px 60px;}
  .kurzy-td {background: #ffffff; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-objednat {background: #ffffff; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-objednat:hover {background: #fdbe57; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 585px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .zkusenosti-in {float: left: width: 60%; margin: 0% 20% 0% 20%;  min-height: 140px; font-size: 14px;}
}
/* tablet */                 
@media screen and (min-width:808px) and (max-width:1300px) {
  .table-2-sloupce {width: 42%; margin: 0px 35px 0px 35px;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-4-sloupce {float: left; text-align:center; width: 44%; margin: 0px 3% 30px 3%;}
  .table-2-sloupce-plne {width: 48%; margin: 0px 0px 0px 0px;}
  .table-2-sloupce-a {float: left; width: 33%;}
  .table-2-sloupce-b {float: right; width: 63%;}
  .menu-i {float: right;  margin-top: 0px;}
  .menu-hlavni {display: none;}    
  .menu-mobile {float: left; width: 100%;}
  .menu-top-margin {margin-top: 50px;}
  .navigation {float: left; width: 100%; margin-top: 5px; background: #323f4a;}
  .nadpis-velky {padding: 0px 0px 18px 0px; font-size: 32px; line-height: 34px; font-weight: 700; color: #e4910d;}
  .anotace-velka {font-size: 15px; line-height: 19px; font-weight: 700;}
  .nadpis {padding: 0px 0px 25px 0px; font-size: 28px; line-height: 30px; font-weight: 700; color: #e4910d;}
  .newsletter-nadpis {padding: 0px 0px 25px 0px; font-size: 28px; line-height: 30px; font-weight: 700; color: #e4910d; float: left; margin-left: 45px; margin-top: 4px;  font-size: 18px;}
  .newsletter-input {float: left; position: relative; margin-top: 2px;}
  .newsletter-input-captcha {float: left; position: relative; margin-top: 2px; margin-left: 10px;}
  .newsletter-btn {float: left; position: relative; margin-left: 10px; margin-top: 2px;}
  .anotace {font-size: 16px; line-height: 20px;}
  .nadpis-maly {padding: 0px 0px 15px 0px; font-size: 16px; line-height: 18px; font-weight: 700; color: #e4910d;}
  .home-slider {float: left; position: relative; width: 100%; text-align: left; margin-top: 0px;}
  .tabulka-home-slider {float: right; width: 452px; margin-top: 52px;}
  .nadpis-home-slider {font-size: 32px; line-height: 34px; font-weight: 700; color: #ffffff; padding: 0px 0px 10px 0px; text-shadow: 0.5px 0.5px #000000;}
  .nadpis-home-slider p {text-shadow: 0.5px 0.5px #000000;} 
  .anotace-home-slider {font-size: 16px; line-height: 18px; font-weight: 300; color: #ffffff; text-shadow: 0.5px 0.5px #000000;}
  .anotace-home-slider p {text-shadow: 0.5px 0.5px #000000;} 
  .aktuality-item {float: left; position: relative; width: 100%; max-width: 320px; height: 350px;}
  .paticka-odkaz {font-size: 15px; line-height: 40px; font-weight: 700; color: #ffffff; padding: 0px 20px 0px 20px; white-space: nowrap;}
  .paticka-odkaz:hover {font-size: 15px; line-height: 40px; font-weight: 700; color: #ffffff; padding: 0px 20px 0px 20px; white-space: nowrap;}
  .tabulka-hlavni-upoutavka {float: left; width: 452px; margin: 80px 0px 0px 100px;}
  .nadpis-hlavni-upoutavka {font-size: 32px; line-height: 34px; font-weight: 700; color: #212b33; padding: 0px 0px 10px 0px;}
  .anotace-hlavni-upoutavka {font-size: 16px; line-height: 18px; font-weight: 300; color: #212b33;}
  .kurzy-kategorie {font-size: 20px; line-height: 20px; font-weight: 700; color: #212b33; padding: 30px 0px 30px 0px; text-align: center;}
  .kurzy-head-td {background: #fdbe57; font-size: 14px; line-height: 14px; font-weight: 700; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-nazev-td {background: #ffffff; font-size: 16px; line-height: 16px; font-weight: 700; color: #e4910d; padding: 15px 0px 15px 60px;}
  .kurzy-td {background: #ffffff; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-objednat {background: #ffffff; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-objednat:hover {background: #fdbe57; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 585px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .zkusenosti-in {float: left: width: 60%; margin: 0% 20% 0% 20%;  min-height: 140px; font-size: 14px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:808px) {
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-4-sloupce {width: 96%; margin: 0px 2% 30px 2%; clear: both;}
  .table-2-sloupce-plne {width: 100%; clear: both; margin: 0px 0px 0px 0px;}
  .table-2-sloupce-a {float: left; width: 100%;}
  .table-2-sloupce-b {float: left; width: 100%; margin: 50px 0px 0px 0px}
  .menu-i {float: right;  margin-top: 0px;}
  .menu-hlavni {display: none;}    
  .menu-mobile {float: left; width: 100%;}
  .menu-top-margin {margin-top: 50px;}
  .navigation {display: none;}
  .nadpis-velky {padding: 0px 0px 18px 0px; font-size: 32px; line-height: 34px; font-weight: 700; color: #e4910d;}
  .anotace-velka {font-size: 15px; line-height: 19px; font-weight: 700;}
  .nadpis {padding: 0px 0px 25px 0px; font-size: 28px; line-height: 30px; font-weight: 700; color: #e4910d;}
  .newsletter-nadpis {line-height: 30px; font-weight: 700; color: #e4910d; float: left; width: 100%; text-align: center; font-size: 18px;}
  .newsletter-input {float: left; width: 90%; text-align: center; margin-top: 20px;}
  .newsletter-input-captcha {float: left; width: 90%; text-align: center; margin-top: 20px;}
  .newsletter-btn {float: left; width: 90%; text-align: center; margin-top: 20px;}
  .anotace {font-size: 16px; line-height: 20px;}
  .nadpis-maly {padding: 0px 0px 15px 0px; font-size: 16px; line-height: 18px; font-weight: 700; color: #e4910d;}
  .home-slider {float: left; position: relative; width: 100%; text-align: left; margin-top: 0px;}
  .tabulka-home-slider {float: right; width: 100%; margin-top: 52px;}
  .nadpis-home-slider {font-size: 24px; line-height: 28px; font-weight: 700; color: #ffffff; padding: 0px 0px 10px 0px; text-shadow: 0.5px 0.5px #000000;}
  .nadpis-home-slider p {text-shadow: 0.5px 0.5px #000000;} 
  .anotace-home-slider {font-size: 16px; line-height: 18px; font-weight: 300; color: #ffffff; text-shadow: 0.5px 0.5px #000000;}
  .anotace-home-slider p {text-shadow: 0.5px 0.5px #000000;}
  .aktuality-item {float: left; position: relative; width: 100%; max-width: 320px; height: 280px;} 
  .paticka-odkaz {font-size: 15px; line-height: 40px; font-weight: 700; color: #ffffff; padding: 0px 20px 0px 20px; white-space: nowrap;}
  .paticka-odkaz:hover {font-size: 15px; line-height: 40px; font-weight: 700; color: #ffffff; padding: 0px 20px 0px 20px; white-space: nowrap;}
  .tabulka-hlavni-upoutavka {float: left; width: 80%; margin: 80px 10% 0px 10%;}
  .nadpis-hlavni-upoutavka {font-size: 32px; line-height: 34px; font-weight: 700; color: #212b33; padding: 0px 0px 10px 0px;}
  .anotace-hlavni-upoutavka {font-size: 16px; line-height: 18px; font-weight: 300; color: #212b33;}
  .kurzy-kategorie {font-size: 20px; line-height: 20px; font-weight: 700; color: #212b33; padding: 30px 0px 30px 0px; text-align: center;}
  .kurzy-head-td {background: #fdbe57; font-size: 14px; line-height: 14px; font-weight: 700; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-nazev-td {background: #ffffff; font-size: 16px; line-height: 16px; font-weight: 700; color: #e4910d; padding: 15px 0px 15px 60px;}
  .kurzy-td {background: #ffffff; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-objednat {background: #ffffff; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .kurzy-objednat:hover {background: #fdbe57; font-size: 14px; line-height: 14px; font-weight: 300; color: #212b33; padding: 15px 0px 15px 0px; text-align: center;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 280px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .zkusenosti-in {float: left: width: 90%; margin: 0% 5% 0% 5%;  min-height: 140px; font-size: 14px;}
} 

.responsive {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 24.99999%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.responsive-1 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-2 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-3 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-4 {width: 24.25%; margin: 0% 0% 0% 0%;}

@media only screen and (max-width: 700px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}

@media only screen and (max-width: 500px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}