body.popup .fotoBoxBlueimp img { float: left; margin: 0 10px 10px 0; }

.titulkaUvodImg {  float:right; margin: 50px 0 5px 15px; border-radius: 50%; width: 150px; }

.stanekBody { 
background-image: url(/images/stanek/stanek_bodybg_05.jpg);
background-position: 0 0;
background-repeat: no-repeat;
 -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
background-size: cover;
background-attachment: fixed;
background-color: #89ab3b;
background-color: #ececec;
background-color: #562a05;
 }
 
body.stanekBody:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(/images/stanek/stanek_bodybg_05.jpg);
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

.sectionBox { margin: 0 0 2em 0; padding: 0 0 2em 0; border-bottom: 1px solid rgba(150,150,150,0.3); }
.sectionBox h2 { margin-bottom: 1em; color: #d87016; }
.sectionBox h3 { margin-left: 0.8em; color: #708d28; }
.sectionBox p { margin-left: 1em; margin-bottom: 1em; }
.sectionBox ul { list-style-type: square; margin: 1em 0 1em 3em; }
.sectionBox li { padding: 0.4em 0; }

p.sectionBottomInfo { font-style: italic; text-align: center; }

.cb { clear: both; }

.formLoading { margin: 0.5em 0 0.5em 2em; width: 32px; height: 32px; }  

.submitOk { padding: 1.0em 0; text-align:center; color: green; font-size: 1.5rem; font-weight: bold; }
.messageError { padding: 0.5em 0; color: red; } 
.messageInfo { padding: 0.5em 0; color: gray; } 

.button.formSend { font-size: 1.4em;  }

.formBox { margin: 0 0 1em 0; }

.formBox span { padding: 0 0 0 0.8em; color: red; font-size: 12px; font-weight: bold; }

.formBox h3 { font-size: 13px; margin: 0; padding: 0; width: auto; display: inline-block; }

.formBox h3.povinne { position: relative; padding-right: 1.5em; }
  
.formBox input[type="text"] { display: block; max-width: 100%; border-radius: 0.3em; padding: 0.3em 0.5em; font-size: 120%; }  
.formBox label { font-size: 13px; font-weight: 400; color: #000; margin: 0; padding: 0; width: auto; display: inline-block;  }
.formBox label.povinne { padding: 0 1.5em 0 0; position: relative; }
.formBox label.povinne:after {
    position: absolute;
    font-family: FontAwesome;
    font-size:90%;
    color: red;
    font-weight: normal;
    top: 0;
    right: 0;
    content: "\f069";
  }
  
  #formSend { position: relative; font-weight: bold; font-size:120%; }
     
 #formSend:after {
    position: absolute;
    font-family: FontAwesome;
    font-size:120%;
    color: #fff;
    font-weight: normal;
    top: 20px;
    right: 15px;
    content: "\f054";
  }  
  
  #formSend::before {
    content: none;
    display: none;
    
}

td { vertical-align: top; }

table.smallTab td { font-size: 95%; }

p.chyba { font-weight: bold; color: red; margin: 50px 0; }
p.upozorneni { font-weight: bold; color: gray; font-style:italic; font-size:200%; margin: 50px 0; }

ul.rozcestnik { font-size: 200%; }
ul.rozcestnik li { padding: 10px 0; line-height: 1.2; }

.gridPadLeft { padding-left: 30px; }

ul.odsazLeft { margin-left: 20px; }

img.full { width: 100%; }

img.imgBlockCenter { display: block; margin: 2em auto; }

img.roundedImage { 

  border-radius: 100%;
  
  
}

img.contactImage  { width: 150px; }


.topMarg { margin-top: 2em; }
  
/* video wrapper */

.videoWrapper {
	position: relative;
  padding-bottom: 53.25%; /* 16:9 */
	padding-bottom: 51.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} 


.spacAddTitle {
	color: #e6006a;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}


/* specialy */

table.cenaTab {
	margin: 0 0 1rem 0;
	background-color: #eee;
	border-spacing: 1px;
border-collapse: initial;
}



table.cenaTab td {
	padding: 3px 8px;
	background-color: #fff;
}

table.cenaTab td.headerCell {
	font-weight: 700;
	background-color: #eee;
}

table.cenaTab td.lab {
	text-align: right;
}

.qrWrap  {


	margin: 0 auto 3rem auto;
  text-align: center;
  padding: 1.5rem 1rem 1rem 1rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  border-radius: 10px;
 
 }

 .qrWrap a {


	font-weight: 700;
	font-size: 1.3rem;
    display: block;
	margin: 0 0 1rem 0;
 
 }

 .qrWrap p {


	font-weight: 300;
	font-size: 1rem;
     line-height: 1rem;
	margin: 0;
	padding: 0;
	color: gray;
 
 }

.qrWrap img {

   display: block;
   margin: 0 auto;
   max-width: 300px;

}

p.specialMotto { font-size: 150%; line-height: 1.5; color: #cc6106; font-weight: bold;  }
div#sidebar .partneri img { display: block; margin: 5.0em auto; }

div.kdykdebox { margin: 0 0 3.0em 0; }
div.kdykdebox p { font-weight: bold; }

table.program { margin: 0 0 2.0em 1.0em; }
table.program td {padding: 5px 0; font-weight: bold; color: #323234; font-size: 16px;}
table.program td.cas { 
	padding-right: 10px; 
	text-align: right;
	color: #a94f02;
	 white-space: nowrap; 
	}

div.partneri { margin: 40px 0 20px 0; padding: 10px 20px 20px 20px; background-color: white;
   -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.partneri h3 { color: gray; margin: 0 0 20px 0; padding: 0; font-weight: normal; }
div.partneri table { width: 100%; }
div.partneri td { vertical-align: middle; }

ul.logaFloats { display: inline; } 
ul.logaFloats li { display: inline-table; vertical-align: middle; padding: 50px 70px; text-align:center;}
ul.logaFloats li img { display: block; margin: 0 auto;  }

ul.logaFloats.sideLogo li { display: block; }

.regSideInfo img { max-width: 150px;
float: right;
margin: 0 0 1em 1em;
 }
 
.vsBox { 
	margin: 0.5em 0 2em 0; 
	border: 2px solid #e50069; 
	padding: 1.5em; 
	border-radius: 0.5em; 
	background-color: rgba(152,172,38,0.1); 
	font-size: 1.2rem;
line-height: 2.2rem;
} 

.vsQrImg {

display: block;
margin: 2rem auto;
max-width: 300px;

}

.vsBox p { margin: 0; padding: 0; }

/* prispevky */
p.kkinfo { font-size: 12px; padding: 3px 0 3px 27px; margin: 3px 0; line-height: 1.1;  background-repeat: no-repeat; background-position: 5px 0;}
p.pDetInfo { color: #cb5d00; font-size: 120%; padding: 0 0 0 27px; margin: 10px 0; line-height: 1.1;  background-repeat: no-repeat; background-position: 5px 0;}

.termin { background-image: url(/images/icons/calendar527.png); background-size: 16px 16px; }
.mapa {  background-image: url(/images/icons/marker52.png); background-size: 16px 18px; background-position: 0 3px;}
.vstupenka {  background-image: url(/images/icons/cart52.png); background-size: 16px 16px; }


div.prispevekBox  p.kkinfo  { font-size: 100%; margin: 10px 0; }

div.prispevekBox { font-size: 110%; }

div.prispevekFotoBox  img { float: left; margin: 0 10px 10px 0; }


/* titulka */
img.imgFloatLeft { float: left; margin: 0 20px 20px 0; }
p.bigCenter { text-align: center; font-size: 2.0em; font-weight: bold; }
p strong { font-weight: bold; }
.mainDesc { margin-bottom: 2em; }

div#titulkaPopisVice:first-child { margin-top: 0; padding-top: 0; }

/* organizace */

.podporujemeRozcestnik img { width: 100%; }


.podpBox {
           background-color:white;
           font-size: 15px; margin: 0; padding: 7px 5px; 
}

.podpBox img { display: block; margin: 0 0 0.5em 0; padding: 0; width: 100%; }

.podpBox a { letter-spacing:0; font-weight:bold; color: #008fd3; text-decoration: none; }

.podpBox:hover { background-color: #008dc8;   }   
.podpBox:hover a { color: white; }

div.orgElement {  float: none; margin: 0 0 2em 0;  padding: 0;   }
div.orgElement h2 { margin-bottom: 20px; border-top: 8px solid #97ae26;  padding: 0.5em 0 0 0;}
div.noBorder {  border: 0; }
div.orgElement ul { list-style-type: square; margin-left: 30px; }
div.orgElement em { font-style: italic; }

table.orgKontakt { margin: 0 0 10px 20px; }
table.orgKontakt td { padding: 10px 0; }
table.orgKontakt td.klab { text-align: right; padding-right: 10px; white-space: nowrap; font-weight: bold; }

p.patroni img { float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid silver; }
p.patroni strong { display: block; margin: 0 0 10px 0; }

div.orgZavazek h2 { border: 0; padding: 0; margin: 0 0 0.5 0; color: gray; font-weight: bold; font-size: 150%; letter-spacing: 0; }
div.orgZavazek ul { list-style-type: square; margin-left: 30px; }

img.orgLogo { display: block; margin: 0 auto 2em auto;max-width: 100%; }

div.imgWrapFloaters img { float: left; margin: 0 10px 10px 0; max-width: 45%; border: 1px solid #fcc993; padding: 1px; }

img.orgLetakImg { display: block; margin: 0 auto 1.5em auto; max-width: 100%; }

/* ergones */
div.ergones { background: url(/images/ergones.gif) 0 5px no-repeat; padding: 77px 0 0 0;  border-top: 3px solid #C80000; }
div.ergones ul { margin: 0 0 0 20px; padding: 0; list-style-type:none; }
div.ergones li { padding: 0 0 10px 0; } 

/* box s float nahledy */

div.floatThumbs img { float: left; margin: 0 0 10px 10px; }

 
 /* o sdruzeni */ 

 .partneriGrid { margin: 5em 0; } 
 .partneriGrid img { float: left; margin: 0 4em 4em 0; max-width: 200px; }
 
ul.prodTym { list-style-type: none; margin: 0; padding: 0; }
ul.prodTym li { padding: 0 0 1.5em 0; }
ul.prodTym span { color: gray; display: block; font-size: 0.9rem; line-height: 0.9rem; margin: 0 0 0.3rem 0;}
ul.prodTym h3 { font-size: 1.0em; margin: 0; padding: 0; }

ul.prodTym span.mobil, ul.prodTym span.email {  margin: 0; font-size: 80%; float: left; }
ul.prodTym span.mobil { 
background-image: url(/images/icons/mobile-phone.png); 
background-position: 0 5px;
background-repeat: no-repeat;
background-size: 16px 16px;
padding: 5px 0 3px 18px;
 }
 ul.prodTym span.email { 
	padding: 0.5em 0 0 0;
 }
ul.prodTym span.marLeft { margin-left: 0.5em; }
 
img.teamImage  { max-width: 70px; margin-bottom: 30px; }
 
table.vybor td { padding: 8px 0; font-weight: bold; }
table.vybor td.lab { padding-right: 8px; text-align: right; color: gray; font-weight: normal; }

div.stanovy h2 { font-size: 16px; font-weight: bold; letter-spacing:0; }
div.stanovy p.cl, div.stanovy h2 { text-align: center; }
div.stanovy p.cl { margin-bottom: 0; padding-bottom: 0; }
div.stanovy h2 { margin-top: 0;}
div.stanovy ul { list-style-type: decimal; margin: 10px 0 30px 10px; }
div.stanovy ul li { padding: 5px 0; }
div.stanovy ul ol { list-style-type: decimal; margin: 5px 0 10px 30px; }
div.stanovy ul ol li { padding: 3px 0; }
div.stanovy ul ol.abecedne { list-style-type: lower-alpha; }

ul.logo {  list-style-type: none;  } 
ul.logo li { padding: 2em 0; } 
ul.logo a  {  padding: 10px 0 40px 120px; background: url(/images/dmpz_logo_100x61.png) 0 0 no-repeat; 
font-weight: bold; font-size: 120%;

}
ul.logo em { font-style: normal; color: gray; padding-left: 20px; }


/* partneri */

#content section header.centerNoBorder { border: 0; padding: 0; }
#content section header.centerNoBorder h2 { margin: 30px 0 0 0; padding: 20px 0 0 0; border-top:1px solid silver; text-align:center; }
section.partnerLogo img { display: block; margin: 30px auto; }

/* patroni */

div.patronBox { margin: 0 0 50px 0; }   
div.patronBox img { float: left; margin: 0 30px 30px 0; }

div.patronBox h2 { margin-top: 0; padding-top: 0; font-size: 15px; font-weight: bold; }
div.patronBox td { padding: 0 0 15px 0; }
div.patronBox td.plab { color: gray; text-align: right; padding-right: 10px; white-space: nowrap; }


/* napsali o nas  */

div.napsaliBox { padding: 8px;  text-align: center; width: 218px; float: left;	margin: 0 15px 15px 0;
 background-color: #dce8ed;
 border: 1px solid #9ee3ff;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  }
  
div.napsaliBox:hover { background-color: #fffbb8; border-color: #fcf474; }  

div.napsaliBox img { display: block; margin: 10px auto 0 auto;   }
div.napsaliBox img.off { border-color: white; }
div.napsaliBox img.on { border-color: #0088c9; }

div.napsaliBox h3 { margin: 0 0 5px 0; padding: 0; font-weight: normal; font-size: 12px; }
div.napsaliBox a { font-size: 15px; font-weight: bold; }

img.napsImg { display: block; padding: 5px; border: 1px solid silver; margin: 0 auto; }


/* Spolupracujeme */
.partnerLogo h2 { text-align: center; margin: 1em 0;}
.partnerLogo h2 span { 
padding: 0.5em 1.0em; 
border: 1px solid rgba(0,0,0,0.09);
letter-spacing: 1px;
border-radius: 5px;
 }

/* kontakt */

img.kontimg { float: right; }

div.kontBox { padding: 10px; margin: 0; background-color: #e4e4dd;}
div.kontBox h2 { margin: 0 0 10px 0; padding: 0; font-size: 16px; font-weight: bold; }

table.kontakt { margin: 0 0 10px 20px;  float: left;}
table.kontakt td { padding: 10px 0; }
table.kontakt td.klab { text-align: right; padding-right: 10px; white-space: nowrap; font-weight: bold; }


div.plesFotogBox img { float: left; margin: 0 5px 5px 0; }


/* popup */
body.popup { padding: 20px; background-image: none; font-family: 'Open Sans', sans-serif; }
body.popup h2 {  font-size: 28px; font-weight: normal; margin: 0 0 20px 0; padding: 0; }

body.popup.bytydd { 

   background-image: url(/images/2019/byty/bytybg2.jpg);
   background-position: center bottom;
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
}

body.popup img { float: right; margin: 0 0 0 20px; }

div.popupContentBox { padding: 0; }

body.popup p.ppopis { padding: 0; margin: 0; width: 300px; }

body.popup h2.byth2 { 
margin: 0 0 20px 0; 
padding: 0 0 10px 0; 
font-size: 15px;
 border-bottom: 1px solid silver; 
 font-weight: normal; 
 color: gray; 
  letter-spacing: 0;
  }
  

body.stromrezervace h1 .polozka { 
   
   background-color: #60b700; padding: 3px 6px; color: white; 
   /*Border radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   
    }

h1 span.polozka { display:inline; color: white; background-color: #0088c9; padding: 2px 3px; font-size: 26px; border-radius: 5px; }

div.stromManageBox { position: relative; background: url(/images/littletree.png) 100% 85% no-repeat; 
   
   background-color: #f9ff6c; 
   padding: 10px 270px 10px 10px;
   
    border:10px solid #56c9ff; 
    
     /*Border radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    
    margin: 25px 0 0 0; }

.stromManageBox.bytyBox {

  background-image:none;
  border:0;
  -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
 
  padding: 1.5em;
  
  background-color: rgba(249,255,108,0.8);
  
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}

.botyBox { background-image: none; }
   
   div.stromRightBox { float: right; width:320px;  }
   div.stromRightBox img.hf { float: right; }
   
   
   div.stromManageBox p { font-size: 13px; margin: 0 0 20px 0; padding: 0; text-align: left; }
   
   .aukceFormBox p { font-size: 15px;  }
   
    div.stromManageBox table { margin-left: 10px; }
   
    div.stromManageBox td { padding: 5px 0; font-size: 12px; }
   
    div.stromManageBox td.ambHeader { white-space: nowrap; text-align: right; padding: 7px 8px 0 0; color: #292929;  }
    div.stromManageBox td.ambInfo { font-size: 11px; padding-left: 10px; }
    
    div.stromManageBox input { font-size: 12px; border: 1px solid silver;-webkit-border-radius: 3px;-moz-border-radius: 3px;	border-radius: 3px;	padding: 3px; }
     div.stromManageBox input:focus { border-color: #56c9ff;  }
     
    div.stromManageBox input.butt { padding: 10px 20px; font-weight: bold; 
    font-size: 14px; 
    background-color: #5eb401; color: white; 
    border-style:solid; border-width: 1px; 
    border-color: #6dd300 #468602 #468602 #6dd300; }
    div.stromManageBox input.butt:hover { background-color: red;
             border-color: #ff5252 #b00000 #b00000 #ff5252;
      }
    div.stromManageBox ul { color: red; font-weight: bold; margin: 10px 0; padding: 0; list-style-type: none; }
    div.stromManageBox p.aukceErr { color: red; font-weight: bold; margin: 20px 0; }
    div.stromManageBox p.ok { background-color: white; font-weight: bold; padding: 10px 20px; font-size: 15px; color: #C80000; text-align: center;
    
     -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
     }
   
   div.stromManageBox img { 
   position: absolute; 
   top: 58px; 
   right: 30px; 
   padding: 0; 
   max-width:130px; 
   border: none; 
   }
   
   div.stromManageBox img.logo { 
         border: 0; 
         padding: 0; 
         max-width: 250px;  
         float: right; 
         margin: 0 0 0 30px;
   }
   
   	@media screen and (max-width: 636px) {
         div.stromManageBox { padding: 10px; }
         div.stromManageBox img.logo { display: none; }
    }
   
   div.bytManageBox { position: relative; background-color: #f9ff6c; padding: 10px 270px 10px 10px; border:10px solid #56c9ff; margin: 25px 0 0 0; }
   
   div.bytManageBox p { font-size: 13px; margin: 0 0 20px 0; padding: 0; text-align: left; }
   
  
a#okbut { color: gray; text-decoration: none; font-weight: bold; font-size:15px; padding: 10px 20px; 
  border:1px solid silver;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;                           
	
		/*Background*/
	background: #EDEDED; 
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ffffff),color-stop(1, #E5E5E5));
	background: -moz-linear-gradient(center top,#ffffff 20%,#E5E5E5 100%); 
}

a#okbut:hover {color: black; }

body.iframe { padding: 1em !important; }

.galbox { padding: 2em 0 0 0; }

.iw { position: relative; float: left; margin: 0.25em;}
img.nth { border: 5px solid #e5e6da;}
span.ip { position: absolute; top: 0; left: 0; color: gray; padding: 0 2px; background-color: #e5e6da; font-weight: bold; font-size: 10px; font-family: verdana; }


#main-wrapper .partnerBoxSpecial {

  margin: 1em 0;
  padding: 1em;
  border: 1px solid rgba(150,150,150,0.3);
  border-radius: 0.5em;

}

#main-wrapper .partnerBoxSpecial .partnerLogo { float: left; max-width: 150px; margin: 0 2em 0 0; }

table.noBorderTab { margin: 0 0 1em 0; }
table.noBorderTab td { padding: 3px 5px; }


h1.h1admin { margin-top: 2em; }


/* Breadcrumb navi */

.breadcrumbBox {
    background-color: #fff;
    border: 1px solid rgba(156,158,158,0.2);   
    display: flex;
    margin-left: -1px;
    margin-right: -1px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}  


.breadcrumbBox.fixed {
    position: fixed;
    top: 5em;
    left: 0;
    width: 100%;     
    box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.1);
    cursor: default;
    z-index: 10000;
    padding: 0 0 0 1rem;
    border: 0;  
    margin: 0;  
    display: flex;   
} 

.breadcrumb,
.breadcrumb a {
  height: 33px;
  display: inline-block;
}

.breadcrumb .icon {
	padding-left: 0;
  }

.breadcrumb { 
  margin: 0;
  padding: 0;   
  overflow: hidden;   
}

.breadcrumbBox.fixed .breadcrumb {
   margin: 0 auto;  
} 

.breadcrumb a {
    text-rendering: optimizeLegibility;
    line-height: 33px;
    font-size: 15px;         
	text-decoration: none;
    padding: 0 10px 0 20px;
	position: relative;                 
    background-color: #fff;
    border: 0;       
} 

.breadcrumb a .icon { color: unset;  }
        
.breadcrumb a:first-child { padding-left: 16px; }    
.breadcrumb a:last-child { padding-right: 16px; }

.breadcrumb a:after,
.breadcrumb a:before { 
			content: ''; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 17px solid transparent;
			border-bottom: 17px solid transparent;
  /* make left half the height */
            border-left: 10px solid transparent;
			position: absolute;
            margin: auto;
			top: 0;
            bottom: 0;
			left: 100%;
			z-index: 2;
}
        
.breadcrumb a:before { 
      margin-left: 1px;
	  z-index: 1;
      border-left-color: rgba(156,158,158,0.6); /* #9C9E9E */
}

.breadcrumb a:last-child {  color: gray; }

.breadcrumb a:last-child {	pointer-events: none;	cursor: default; }

.breadcrumb a:last-child:after,
.breadcrumb a:last-child:before { border: none; }  

.breadcrumb a:after { border-left-color: #fff;}
.breadcrumb a:hover { background: #f5f5f5;  }
.breadcrumb a:hover:after { border-left-color: #f5f5f5; }