/* CSS Document */ 

body {
	cursor:default;
	margin:0;
  color: #777676;
  /* background-image: url('../img/bg.png'); background-repeat: repeat; */
  background-color: #ebeced;
}

div, p, a, h1, h2, h3, span, form, label, input, select, ul, li /*, table, td kvuli table align center kter nefungovalo*/
{
	margin:0px;
	padding:0px;
	margin:0;
  padding:0;
} 

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

.odkaz-bily {text-decoration: none; color: #ffffff; }
.odkaz-bily:hover {text-decoration: underline;  color: #ffffff;}

/* admin toolbar */
.tools {display: block;}

.icon-admin{
  float: left;
  margin-left: 10px; 
  margin-right: 10px;
  margin-top: 9px;
}

.icon-hr{
  float: left;
  width: 1px;
  height: 35px; 
  background: url('../../fw_data/img/icon/carka.png'); background-repeat: no-repeat;
}
/* END admin toolbar */





   
.stred {margin: 0px auto;}



.menu-mezera {float:left; padding: 0px 19px 0px 19px;} 

.control {float: left; padding: 3px 3px 3px 10px; border: 1px solid #b8b7b7; width: 230px; height: 25px; margin-top: 5px;}

.main-content {float: left; position: relative; width: 100%; min-height: 600px; background: #ffffff;}

.btn-lang       {float: left; margin-left: 10px; text-decoration: none; width: 24px; height: 24px; line-height: 24px; border-radius: 12px; background: #ffffff; color: #000000; font-size: 13px; text-align: center;}
.btn-lang:hover {float: left; margin-left: 10px; text-decoration: none; width: 24px; height: 24px; line-height: 24px; border-radius: 12px; background: #907fc7; color: #ffffff; font-size: 13px; text-align: center;}

/* desktop */
@media screen and (min-width:1360px) {    
  /*.obsah {width: 1340px;}
  .obsah-in {width: 1287px;}*/
  .obsah {width: 93%; max-width: 1340px;}
  .obsah-in {width: 1287px;}
  .hlavni {width: 95%;} /* .hlavni {max-width: 1790px; width: 100%;} */
   div, td, p, a  { font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 22px; }  
  .tlacitko-cervene {color: #ffffff; font-size: 14px; background: #907fc7; border: 0px solid #907fc7; cursor: pointer; padding: 11px 30px 11px 30px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .tlacitko-cervene:hover {color: #907fc7; font-size: 14px; background: #aeafae; border: 0px solid #aeafae; cursor: pointer; padding: 11px 30px 11px 30px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .tlacitko-cervene-prazdne {float: left;color: #ffffff; font-size: 14px; background: #eaecec; border: 0px solid #eaecec; cursor: pointer; padding: 11px 30px 11px 30px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .head-ico-round {float: right; margin: 34px 42px 0px 0px;}
  .program-aktuality-s1 {float: left; position: relative; width: 25%;}
  .program-aktuality-s2 {float: left; position: relative; width: 75%;}
  .aktuality-item {float: left; position: relative; width: 28%; margin: 60px 2% 0px 2%;}
  .aktuality-title {float: left; clear: both; margin-top: 7px; font-size: 22px; line-height: 28px;}
  .aktuality-title-sekce {float: left; clear: both; margin-top: 7px; font-size: 26px; line-height: 30px;}
  .mu5-home {float: left; position: absolute; right: 0px; top: 130px;}
  .mu5-home img {float: left; width: 100%;}
  .table-2-sloupce {width: 40%; margin: 0px 5% 0px 5%;}
  .table-3-sloupce {width: 30%; margin: 0px 20px 0px 20px;}
  .table-4-sloupce {width: 20%; margin: 0px 2.5% 30px 2.5%;}
  .partneri-item {float: left; background-color: #ebedee; width: 30%; height: 200px; margin: 0px 20px 20px 20px;}
  .nadpis-anotace {padding: 0px 200px 0px 200px; font-size: 18px;}
  .sekce-anotace {font-size: 18px; line-height: 25px;}
  .sekce-nadpis {color: #5c5c5c; padding: 0px 5px 28px 0px; font-size: 33px; line-height: 38px; font-weight: bold; font-family: 'Lora', serif;}
  .mu5 {float: left; position: relative; width: 100%; height: 140px;}
  .mu5-s1 {float: left; position: absolute; left: 40px; bottom: 0px;}
  .mu5-s2 {float: left; width: 100%; height: 140px; padding: 0px 200px 0px 200px; color: #ffffff; text-align: center;}
  .mu5-s3 {float: left; position: absolute; right: 40px; top: 43px;}
  .nadpis-puleny-s1 {color: #5c5c5c; margin: 0px 10px 0px 0px; font-size: 36px; font-weight: bold; font-family: 'Lora', serif;}
  .nadpis-puleny-s2 {color: #907fc7; margin: 0px 10px 0px 0px; font-size: 36px; font-weight: bold; font-family: 'Lora', serif;}
  .eshop-karticka { float: left; position: relative; width: 310px; height: 490px; margin: 15px 41px 15px 41px; }
  
  .aktuality-detail {float: left; width: 100%; margin-top: 80px;}
  .aktuality-detail-s-1 {float: left; width: 650px;}
  .aktuality-detail-s-2 {float: right; width: 595px;}
  .sipky-aktuality-detail-desktop-mobil {float: left; width: 100%; display: block; }
  .sipky-aktuality-detail-tablet {float: right; display: none;}
  .aktuality-img-small {width: 168px;}
  .aktuality-img {margin-right: 15px;}
  .aktuality-texty-desktop {float: left; display: block; width: 100%; position: relative; margin-top: 10px; }
  .aktuality-texty-tablet-mobil {display: none; }
  
  .td-tab-head {padding: 0px 15px 0px 15px; font-weight: bold;}
  
  .tlacitko-sedive {float: left; color: #ffffff; font-size: 14px; background: grey; cursor: pointer; margin: 0px 10px 10px 10px; padding: 11px 30px 11px 30px; text-decoration: none; display: block; white-space: nowrap;}
  .tlacitko-sedive:hover {float: left; color: #000000; font-size: 14px; background: #ffe3de; cursor: pointer; margin: 0px 10px 10px 10px; padding: 11px 30px 11px 30px; text-decoration: none; display: block; white-space: nowrap;}
  .tlacitko-vybrane {float: left; color: #ffffff; font-size: 14px; background: #907fc7; cursor: pointer; margin: 0px 10px 10px 10px; padding: 11px 30px 11px 30px; text-decoration: none; display: block; white-space: nowrap;}
  .tlacitko-vybrane:hover {float: left; color: #000000; font-size: 14px; background: #ffe3de; cursor: pointer; margin: 0px 10px 10px 10px; padding: 11px 30px 11px 30px; text-decoration: none; display: block; white-space: nowrap;}
  
  .eshop-little-card-img-bg {float: left; width: 100%; height: 320px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center;} /* background: #d3d1d1;  */
  .eshop-little-card-img {max-width: 100%; max-height: 320px; }
  
  .eshop-article-card-img-bg {float: left; width: 100%; height: 600px; position: relative; background: #d3d1d1; text-align: center; display: flex; align-items: center; justify-content: center;}
  .eshop-article-card-img {max-height: 600px;}
  .gallery-img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
  .gallery-img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
  .kalendar-akci {float: left; position: relative; width: 100%; padding: 40px 0px 80px 0px;}
}     
/* tablet */                 
@media screen and (min-width:760px) and (max-width:1359px) {
  .obsah {width: 93%;} /* .obsah {width: 640px;} */
  .obsah-in {width: 91%;}
  .hlavni {width: 97%;}  /* .hlavni {max-width: 768px; width: 100%;} */
   div, td, p, a  { font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 22px; }  
  .tlacitko-cervene {color: #ffffff; font-size: 14px; background: #907fc7; border: 0px solid #907fc7; cursor: pointer; padding: 5px 17px 5px 17px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .tlacitko-cervene:hover {color: #907fc7; font-size: 14px; background: #ffe3de; border: 0px solid #aeafae; cursor: pointer; padding: 5px 17px 5px 17px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .tlacitko-cervene-prazdne {color: #ffffff; font-size: 14px; background: #eaecec; border: 0px solid #eaecec; cursor: pointer; padding: 11px 30px 11px 30px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .head-ico-round {float: left; margin: 34px 42px 0px 350px;}
  .program-aktuality-s1 {float: left; position: relative; width: 30%;}
  .program-aktuality-s2 {float: left; position: relative; width: 70%;}
  .aktuality-item {float: left; position: relative; width: 28%; margin: 60px 2% 0px 2%;}
  .aktuality-title {float: left; clear: both; margin-top: 7px; font-size: 20px; line-height: 22px;}
  .aktuality-title-sekce {float: left; clear: both; margin-top: 7px; font-size: 26px; line-height: 30px;}
  .mu5-home {float: left; position: absolute; right: 0px; top: 180px;}
  .mu5-home img {float: left; width: 70px;}
  .table-2-sloupce {width: 40%; margin: 0px 5% 0px 5%;}
  .table-3-sloupce {width:40%; margin: 0px 5% 0px 5%;}
  .table-4-sloupce {width: 20%; margin: 0px 2.5% 30px 2.5%;}     
  .partneri-item {float: left; background-color: #ebedee; width:40%; height: 200px; margin: 0px 5% 5% 5%;}
  .nadpis-anotace {padding: 0px 140px 0px 140px; font-size: 18px;}
  .sekce-anotace {font-size: 18px; line-height: 25px;}
  .sekce-nadpis {color: #5c5c5c; padding: 0px 5px 28px 0px; font-size: 36px; line-height: 40px; font-weight: bold; font-family: 'Lora', serif;}
  .mu5 {float: left; position: relative; width: 100%; height: 240px;}
  .mu5-s1 {float: left; position: absolute; left: 40px; bottom: 0px;}
  .mu5-s2 {float: left; width: 100%; height: 240px; padding: 0px 200px 0px 200px; color: #ffffff; text-align: center;}
  .mu5-s3 {float: left; position: absolute; right: 40px; top: 100px;}
  .nadpis-puleny-s1 {color: #5c5c5c; padding: 0px 10px 0px 0px; font-size: 36px; font-weight: bold; font-family: 'Lora', serif;}
  .nadpis-puleny-s2 {color: #907fc7; padding: 0px 10px 0px 0px; font-size: 36px; font-weight: bold; font-family: 'Lora', serif;}
  .eshop-karticka { float: left; position: relative; width: 310px; height: 490px; margin: 15px 32px 15px 32px; }
  
  .aktuality-detail {float: left; width: 100%; margin-top: 130px;}
  .aktuality-detail-s-1 {float: left; width: 650px;}
  .aktuality-detail-s-2 {float: right; width: 768px;}
  .sipky-aktuality-detail-desktop-mobil {float: left; width: 100%; display: none; }
  .sipky-aktuality-detail-tablet {float: right; display: block;}
  .aktuality-img-small {width: 145px;}
  .aktuality-img {margin-right: 23px;}
  .aktuality-texty-desktop {display: none; }
  .aktuality-texty-tablet-mobil {float: left; display: block; width: 100%; position: relative; margin-top: -50px; }
  
  .tlacitko-sedive {float: left; color: #ffffff; font-size: 14px; background: grey; cursor: pointer; margin: 0px 10px 10px 10px; padding: 11px 30px 11px 30px; text-decoration: none; display: block; white-space: nowrap;}
  .tlacitko-sedive:hover {float: left; color: #000000; font-size: 14px; background: #ffe3de; cursor: pointer; margin: 0px 10px 10px 10px; padding: 11px 30px 11px 30px; text-decoration: none; display: block; white-space: nowrap;}
  
  .eshop-little-card-img-bg {float: left; width: 100%; height: 320px; position: relative;  text-align: center; display: flex; align-items: center; justify-content: center;} /* background: #d3d1d1; */
  .eshop-little-card-img {max-width: 100%; max-height: 320px;}
  
  .eshop-article-card-img-bg {float: left; width: 100%; height: 600px; position: relative; background: #d3d1d1; text-align: center; display: flex; align-items: center; justify-content: center;}
  .eshop-article-card-img {max-height: 600px;}
  .gallery-img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
  .gallery-img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
  .kalendar-akci {float: left; position: relative; width: 100%; padding: 40px 0px 80px 0px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:759px) {
  .obsah {width: 290px;}
  .obsah-in {width: 295px;}
  .hlavni {max-width: 320px; width: 100%;}
   div, td, p, a  { font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 22px; }  
  .tlacitko-cervene {color: #ffffff; font-size: 14px; background: #907fc7; border: 0px solid #907fc7; cursor: pointer; padding: 5px 17px 5px 17px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .tlacitko-cervene:hover {color: #907fc7; font-size: 14px; background: #aeafae; border: 0px solid #aeafae; cursor: pointer; padding: 5px 17px 5px 17px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .tlacitko-cervene-prazdne {color: #ffffff; font-size: 14px; background: #eaecec; border: 0px solid #eaecec; cursor: pointer; padding: 11px 30px 11px 30px; text-decoration: none; border-radius: 25px; display: block; white-space: nowrap;}
  .head-ico-round {display: none;}
  .program-aktuality-s1 {float: left; position: relative; width: 100%;}
  .program-aktuality-s2 {float: left; position: relative; width: 100%;}
  .aktuality-item {float: left; clear: both; position: relative; width: 100%; margin: 60px 2% 0px 2%;}
  .aktuality-title {float: left; clear: both; margin-top: 7px; font-size: 24px; line-height: 28px;}
  .aktuality-title-sekce {float: left; clear: both; margin-top: 7px; font-size: 20px; line-height: 22px;}
  .mu5-home {float: left; position: absolute; right: 0px; top: 380px;}
  .mu5-home img {float: left; width: 70px;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .table-3-sloupce {width: 95%; margin: 0px 1% 0px 2%;}
  .table-4-sloupce {width: 95%; margin: 0px 1% 30px 2%;}
  .partneri-item {float: left; background-color: #ebedee; width: 95%; height: 200px; margin: 0px 1% 3% 2%;}
  .nadpis-anotace {padding: 0px 30px 0px 30px; font-size: 18px;}
  .sekce-anotace {font-size: 18px; line-height: 25px;}
  .sekce-nadpis {color: #5c5c5c; padding: 0px 5px 28px 0px; font-size: 28px; line-height: 32px; font-weight: bold; font-family: 'Lora', serif;}
  .mu5 {float: left; position: relative; width: 100%; height: 300px;}
  .mu5-s1 {float: left; position: absolute; left: 10px; bottom: 0px;}
  .mu5-s2 {float: left; width: 100%; height: 300px; padding: 0px 10px 70px 10px; color: #ffffff; text-align: center;}
  .mu5-s3 {float: left; position: absolute; right: 10px; top: 220px;}
  .nadpis-puleny-s1 {color: #5c5c5c; padding: 0px 7px 0px 0px; font-size: 24px; font-weight: bold; font-family: 'Lora', serif;}
  .nadpis-puleny-s2 {color: #907fc7; padding: 0px 7px 0px 0px; font-size: 24px; font-weight: bold; font-family: 'Lora', serif;}
  .eshop-karticka { float: left; position: relative; width: 310px; height: 490px; margin: 15px 5px 15px 5px; }
  
  .aktuality-detail {float: left; width: 100%; margin-top: 84px;}
  .sipky-aktuality-detail-desktop-mobil {float: left; width: 100%; display: block; }
  .sipky-aktuality-detail-tablet {float: right; display: none;}
  .aktuality-img-small {width: 72px;}
  .aktuality-img {margin-right: 10px;}
  .aktuality-texty-desktop {display: none; }
  .aktuality-texty-tablet-mobil {float: left; display: block; width: 100%; position: relative; margin-top: 10px; }
  
  .tlacitko-sedive {float: left; color: #ffffff; font-size: 14px; background: grey; cursor: pointer; margin: 0px 10px 10px 10px; padding: 11px 30px 11px 30px; text-decoration: none; display: block; white-space: nowrap;}
  .tlacitko-sedive:hover {float: left; color: #000000; font-size: 14px; background: #ffe3de; cursor: pointer; margin: 0px 10px 10px 10px; padding: 11px 30px 11px 30px; text-decoration: none; display: block; white-space: nowrap;}
  
  .eshop-little-card-img-bg {float: left; width: 100%; position: relative; text-align: center;}
  .eshop-little-card-img {max-width: 275px;}
  
  .eshop-article-card-img-bg {float: left; width: 100%; position: relative; text-align: center;}
  .eshop-article-card-img {max-width: 275px;}
  .gallery-img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
  .gallery-img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
  .kalendar-akci {float: left; position: relative; width: 100%; padding: 40px 0px 80px 0px; overflow-x: scroll;}
} 

.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%;} 


.main-content ul {
     list-style-type: disc;
     margin: 0px 20px 0px 17px;
   }
   
.main-content li {
    list-style-position: outside;
    padding-left: 10px;
    /* list-style-image: url('../../../Image/user_img/reisswolf_cz_3/obecne/li.png'); */
   } 
   
/* desktop */
@media screen and (min-width:1300px) {
  .menu-area {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; background: #000000; opacity: 0.4; z-index: 9;}
  .menu-area-mobile {display: none;}
  .menu-content {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; z-index: 10;}
  .menu {float: right; margin: 30px 30px 0px 0px; display: block;}
  .menu-mobile {float: right; display: none;}
  .vyhledavani {float: right; margin: 35px 30px 0px 0px; display: none;}
  .vyhledavani-input {float: left; padding: 10px 20px 10px 40px; background: #ffffff; border: 0px; width: 800px; border-radius: 20px; font-size: 15px; color: #000000;}
  .mobile-no-view {display: block;}
}     
/* tablet */                 
@media screen and (min-width:760px) and (max-width:1299px) {
  .menu-area {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; background: #000000; opacity: 0.2; z-index: 9;}
  .menu-area-mobile {display: none;}
  .menu-content {float: left; position: absolute; left: 0px; top: 0px; width: 100%; height: 110px; z-index: 10;}
  .menu {float: right; margin-top: 20px; display: none;}
  .menu-mobile {float: right; margin-top: 20px; display: block;}
  .vyhledavani {float: right; margin: 35px 30px 0px 0px; display: none;}
  .vyhledavani-input {float: left; padding: 10px 20px 10px 40px; background: #ffffff; border: 0px; width: 300px; border-radius: 20px; font-size: 15px; color: #000000;}
  .mobile-no-view {display: block;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:759px) {
  .menu-area {display: none;}
  .menu-area-mobile {float: left; position: relative; width: 100%; height: 110px; background: #000000; z-index: 9;}
  .menu-content {float: left; position: absolute; left: 0px; top: -110px; width: 100%; height: 110px; z-index: 10;}
  .menu {float: right; margin-top: 20px; display: none;}
  .menu-mobile {float: right; margin-top: 20px; display: block;}
  .vyhledavani {float: right; margin-top: 20px; display: none;}
  .vyhledavani-input {float: left; padding: 10px 20px 10px 40px; background: #ffffff; border: 0px; width: 50px; border-radius: 20px; font-size: 15px; color: #000000;}
  .mobile-no-view {display: none;}
} 



/* notebook */
@media screen and (min-width:1320px) {
  .eu-cookies {position: fixed; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.86); z-index: 1000;}
  .eu-cookies-in {margin: 0px auto; width: 40%;}
  .eu-cookies-set {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1000;}
  .eu-cookies-info {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1000;}
  .eu-cookies-button-green {background: #a0c814; color: #000000; border: 1px #a0c814 solid; font-size: 14px; line-height: 14px; cursor:pointer; margin: 10px 0px 10px 20px; padding: 8px 20px 8px 20px; cursor: pointer;} 
  .eu-cookies-button-grey {background: grey; color: #000000; border: 1px grey solid; font-size: 14px; line-height: 14px; cursor:pointer; margin: 10px 0px 10px 20px; padding: 8px 20px 8px 20px; cursor: pointer;}
}

/* tablet */                 
@media screen and (min-width:620px) and (max-width:1319px) {  
  .eu-cookies {position: fixed; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.86); z-index: 1000;}
  .eu-cookies-in {margin: 0px auto; width: 80%;}
  .eu-cookies-set {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1000;}
  .eu-cookies-info {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1000;}
  .eu-cookies-button-green {background: #a0c814; color: #000000; border: 1px #a0c814 solid; font-size: 14px; line-height: 14px; cursor:pointer; margin: 10px 0px 10px 20px; padding: 8px 20px 8px 20px; cursor: pointer;} 
  .eu-cookies-button-grey {background: grey; color: #000000; border: 1px grey solid; font-size: 14px; line-height: 14px; cursor:pointer; margin: 10px 0px 10px 20px; padding: 8px 20px 8px 20px; cursor: pointer;}
}

/* mobile */
@media screen and (min-width:0px) and (max-width:619px) { 
  .eu-cookies {position: fixed; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.86); z-index: 1000;}
  .eu-cookies-in {margin: 0px auto; width: 90%;}
  .eu-cookies-set {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1000;}
  .eu-cookies-info {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1000;}
  .eu-cookies-button-green {background: #a0c814; color: #000000; border: 1px #a0c814 solid; font-size: 12px; line-height: 12px; cursor:pointer; margin: 10px 0px 10px 20px; padding: 4px 5px 4px 5px; cursor: pointer;} 
  .eu-cookies-button-grey {background: grey; color: #000000; border: 1px grey solid; font-size: 12px; line-height: 12px; cursor:pointer; margin: 10px 0px 10px 20px; padding: 4px 5px 4px 5px; cursor: pointer;} 
}