* {margin: 0; padding: 0; outline: none;}
*, *:after, *:before {
  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
html, li, p, address, h1, h2, h3, h4, h5, input, textarea, a, span, div {
  font-family: 'Open Sans', sans-serif, Arial;
}

body {  
  background: #fff url("../layout/bgBoxHlavni.gif") repeat fixed center top;
  position: relative;
  font-size: 1em;
  text-indent: 0 !important;  

}


/******************************************************************************/
body {
  color: #222;
}

a, .a, #menuZakladni ul li a:hover {
  color: #000;
}  
.cervene, .povinne {color: #e70000;}
.zeleny, .ihned-k-odberu {
  color: #3aae00;
}
/******************************************************************************/

ul {margin: 0 0 10px 5px;}
ul li {list-style: none url();line-height: 180%;  }
a, .a, .link {text-decoration: underline; cursor: pointer;}
a:hover, .a:hover, .link:hover {text-decoration: none;}
a img {border: none;}
strong {font-weight: 700;}

/******************************************************************************/
.bold, .b {
  font-weight: 700;
}
.cleaner {
  clear: both;
}
.italic {
  font-style: italic;
}

.hidden {
  visibility: hidden;
  display: none;
}
hr.hidden, .box-hidden, .hiddenFull {
  display: none;
}


li.cleaner {
  float: none !important; 
  clear: both !important; 
  height:0 !important; 
  width: 0 !important;
  padding: 0 !important;  
}
.maly {width: 100px;}
.stredni {width: 200px;}
.velky {width: 100%;}
.vetsi, .cele-okno {width: 100%;}

.ukryte {display: none;}

.left {text-align: left;}
.right {text-align: right !important}
.center {text-align: center;}

.box-left, .boxLeft {float: left;}
.boxRight, .box-right {float: right;}

div.text {text-align: justify;}
div.text li {
  background: transparent url(../layout/bgList.gif) no-repeat 0 10px;
  padding: 0 0 7px 20px;
}
/******************************************************************************/
img {
  max-width: 100%;
  height: auto;
}
h1 {
  font-weight: 300;
  border: none;  
  font-size: 1.6em;
  padding: 0 0 15px;          
}
h1 span {
  visibility: hidden;
}
h2 { 
  font-size: 1.4em;
  font-weight: normal;
  padding: 0 0 15px;  
}
h3 { 
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 15px;
}
h4 { 
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 15px;
  line-height: 150%;  
}
p, address {
  line-height: 170%;
  padding: 0 0 15px;
  font-style: normal;
}
table {
    border-collapse: collapse;
    margin: 0 0 15px;
    width: 100%;
}
table td, table th {text-align: left; padding: 2px 0px;}
/* ------------------- formulare -------------------------*/
input.text, textarea.text, select.text {
  border: solid 1px #808080;
  background: #fff;
  padding: 5px 7px;
  color: #111;
  font-size: 14px;
}


input.submit, button.submit {
  border: none;
  background: #222 url() repeat-x left top;
  text-transform: uppercase;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  white-space: normal;
}
button.submit span {
  display: none;
}
input.submit:hover, button.submit:hover {background-color: #e5c804; color: #000;}
input.povinny, select.povinny, textarea.povinny {
  border-color: #e70000;
}
/***** POPUP BLOCK *****/
.white-popup-block {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 20px auto;
  max-width: 900px;
  padding: 2em 3em;
  position: relative;
  width: auto;
}

/**** halseni ***/
div.hlaseni-chyby,
div.hlaseni-ok,
div.hlaseni-info {
  border: 1px solid #e5c804;
  margin:5px 0 15px;
  padding: 15px 5px 15px 49px;
  font-size: 16px;
  text-align: left;
}
div.hlaseni-ok a, div.hlaseni-chyby a {color: #000;}
div.hlaseni-chyby {background: #e5c804 url(../layout/ico-error.png) no-repeat scroll 8px 10px;}
div.hlaseni-ok {background: #e5c804 url(../layout/ico-ok.png) no-repeat scroll 8px 10px;}
div.hlaseni-chyby a img {position: relative;top: 5px;padding: 0;}

div.hlaseni-info {
  border: 1px solid #222;
  background: #fff url("../layout/information.png") no-repeat scroll 8px 12px;
}

/**** cookies lišta ***/
#myConsentCookies, #myConsentCookies * {color: #000;}
#myConsentCookies {position: fixed;bottom: 25px;left: 25px; border-radius: 10px; width: 450px; background-color: rgba(255,255,255,1);z-index: 9999;padding: 40px 40px 30px;font-size: 1em;text-align: left;line-height: 170%; box-shadow: 0 20px 40px rgba(0,0,0,.4);}
#myConsentCookies .boxTl {text-align: center; padding: 30px 0 10px; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;justify-content:space-between;}
#myConsentCookies .tl {padding: 4px 12px;cursor: pointer;margin: 0 0 5px; color: #000; display: inline-block; cursor: pointer; width: 48%; border-radius: 0px; text-transform: uppercase; font-size: .9em;}
#myConsentCookies .tl:hover {background-color: #000;color: #fff;}
#myConsentCookies .tlMin {background-color: #ccc;}
#myConsentCookies .tlVse {font-weight: bold; background-color: #e5c804; color: #000;}
#myConsentCookies .nadpis {font-size: 120%; font-weight: bold; padding: 0 0 10px;}

.boxTableCookies {max-width: 100%;overflow: auto;}
.boxTableCookies h3 {font-size: 100%; font-weight: bold; margin: 0; padding: 0 0 5px;}
.boxTableCookies .b1 {width:20%;}
.boxTableCookies .b2 {width:20%;}
.boxTableCookies .b3 {width:40%;}
.boxTableCookies .b4 {width:40%;}
.boxYoutubeIframeHiden {padding: 90px 10px 50px; color: #000; text-align:center; line-height: 170%; background: #ddd url("../layout/YouTubeHide.png") no-repeat scroll center top 40px; background-size: 100px auto; }
.boxYoutubeIframeHidenText {font-style: italic;}

.tableCookies {width: 100%; border-collapse: collapse; margin: 0 0 15px; max-width: 100%;}
.tableCookies td, .tableCookies th {text-align: left; vertical-align: top; padding: 2px 5px 2px 0; border-bottom: solid 1px #ddd;}