* {margin: 0; padding: 0; outline: none;}
*, *:after, *:before {
  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
*:focus {outline: auto 5px blue;}
body, input, textarea {
  font-family: 'Magra', sans-serif;
}

body {  
  background: #eeeeee url();
  position: relative;
  font-size: 130%;
  text-indent: 0 !important;  
}
/******************************************************************************/
body, a, .a {color: #000;}
a:hover, .a:hover {color:#393F48;}
.cerveny, .povinne {color: #ea1b1b;}
.textTransformNormal {text-transform: none;}
iframe {max-width: 100%;}
/******************************************************************************/
ul {margin: 0 0 10px 5px;}
ul li {list-style: none ;line-height: 170%;}
a, .a {text-decoration: underline;cursor: pointer;}
a:hover, .a:hover {text-decoration: none;}
a img {border: none;}
/******************************************************************************/
.bold, .b {font-weight: bold;}
.normal {font-weight: normal;}
.cleaner {clear: both; height:0;}
.italic {font-style: italic;}
.hidden {visibility: hidden;display: none;}
hr.hidden, .box-hidden {display: none;}

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

.ukryte {display: none;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.boxLeft {float: left;}
.boxRight {float: right;}

div.text {text-align: left;}
div.text ul, div.text ol {margin: 0 0 15px 22px; text-align: left;}
div.text ul li {list-style: none;  padding: 0 0 10px 5px; line-height: 150%; list-style: circle;}
div.text ol li {padding: 0 0 10px 5px; line-height: 160%;}
div.center ul {display: inline-block;}
div.text-justify {text-align: justify;}
/******************************************************************************/
img {max-width: 100%;height: auto;}
h1, h2.h1 {font-weight: bold; font-size: 180%;padding: 0 0 35px; text-transform: uppercase;}
h2 {font-size: 150%;padding: 0 0 15px;font-weight: bold; line-height: 150%;}
h3 {font-size: 110%;padding: 0 0 10px;line-height: 150%;font-weight: bold;}
h4 {font-size: 100%;padding: 0 0 20px;line-height: 150%;  font-weight: bold;}
div.p, p, address {line-height: 180%;padding: 0 0 20px;font-style: normal;}
table {border-collapse: collapse;width: 100%;border: none;background-color: #fff;margin: 0 0 25px;}
table td, table th {text-align: left;vertical-align: top;padding: 5px 7px;border: solid 1px #666;}
table th {background-color: #d9d9dd;}

/* ------------------- formulare -------------------------*/
input.text, textarea.text, select.text {
  border: none;
  background: #fff;
  padding: 5px 7px;
  color: #002641;
  font-size: 140%;
  text-align: left;
}
textarea.text {height: 222px;}
input.text:focus, textarea.text:focus, select.text:focus {box-shadow: 0px 0px 10px #bbb;}
input.submit, button.submit {
  border: none;
  background: #ed1c24 url() no-repeat left top; background-size: 100% 100%;
  padding: 7px 0; text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  cursor: pointer;
  margin: 0;
  width: 100%;
}
/*input.submit:hover, button.submit:hover {background-color: #fd5b3c;}*/
button.submit span {
  display: none;
}
input.povinny, select.povinny, textarea.povinny {
  border-color: #ff320a;
}
.info-povinne {padding: 5px 0 0; margin: 15px 0 0;}

/****** formulář ****/
div.formular {text-align: center; width: 100%; margin: 0 auto; }
div.formular p.label {padding: 0; line-height: 150%; text-align: left;}
div.formular p label {font-size: 100%;}
div.formular p.input {padding: 0 0 10px 0;}
div.formular p.submit {text-align: left; padding: 0;}

div.formular .formBoxLeft  {float: left; width: 47%;}
div.formular .formBoxRight {float: right; width: 47%;}

div.formular ul {width: 100%; margin: 25px 0 25px 20px;}

div.webFormular {padding: 0 25px; margin: 0 0 25px; border-radius: 0px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);}
div.webFormular label.checkboxLabel {background-color: #ddd; border-radius: 5px; padding: 4px 8px;}
h2.webFormularNadpis {text-align: center;}
h2.webFormularNadpis span {display: inline-block; width: 40px; line-height: 40px; border-radius: 40px; margin: 0 5px 0 0; border: 1px solid #ddd;}

/**** halseni ***/
div.hlaseni-chyby, div.hlaseni-ok {margin: 0 0 15px;padding: 15px 5px 15px 45px;font-size: 140%;text-align: left;}
div.hlaseni-chyby {background: #fff url(../layout/ico-error.png) no-repeat scroll  8px 15px;border:1px solid #ed1c24;}
div.hlaseni-ok {background: #fff url(../layout/ico-ok.png) no-repeat scroll  8px 15px;border:1px solid #1b1b1b;}

/**** cookies lišta ***/
#myConsentCookies, #myConsentCookies * {color: #000;}
#myConsentCookies {position: fixed;bottom: 25px;left: 25px; border-radius: 0px; width: 500px; background-color: rgba(255,255,255,1);z-index: 9999;padding: 30px 40px 30px;font-size: 100%;text-align: left;line-height: 170%; box-shadow: 0 20px 40px rgba(0,0,0,.4);}
#myConsentCookies .boxTl {text-align: center; padding: 0x 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-align: center;}
#myConsentCookies .tlMin {background-color: #ccc;}
#myConsentCookies .tlVse {font-weight: bold; background-color: #40b519; color: #fff;}
#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; margin: 0 0 15px;}
.boxYoutubeIframeHidenText {font-style: italic;}

.tableCookies {width: 100%; max-width: 100%;}