@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Light';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Light'), url('MyriadPro-Light.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('MYRIADPRO-BOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('MYRIADPRO-BOLDCONDIT.woff') format('woff');
}

*{margin: 0 auto; font-family: 'Hind Guntur', sans-serif; text-align: center;}
body{text-align: center; -webkit-font-smoothing: antialiased; background: #fff; }
input, textarea{}
img{border: 0;}
input[type="submit"]:hover{cursor: pointer;}
header, nav, section, article, aside, footer{display: block;}
.sto{width: 100%; position: relative; float: left;}
.pade{width: 50%; }
.tretina{float: left; width: 100%; margin-top: 30px;}
strong{font-weight: 700;}    
p{text-align: left; margin: 15px 0; font-size: 15px; font-weight: 400; color: #00325d; letter-spacing: 0.5px;}
p a{color: #ee7e1a;} 
ul{list-style: none; text-align: left; padding: 0;}
ol{margin-bottom: 15px;}
article ol li{padding-left: 15px;}
article li{/*background: url('../images/li.png') left 3px no-repeat;*/ padding-left: 30px; text-align: left; font-size: 17px; color: #595959;}
.flleft{float: left;}
.flright{float: right;} 
h1, h2, h3, h4{width: 100%; float: left; text-align: left;}
h1{font-size: 35px; font-weight: 300; color: #00325d; margin: 20px 0;}
h2{font-size: 20px; font-weight: 600; color: #ec6a06; margin: 10px 0 10px;}
h3{font-size: 18px; font-weight: 500; color: #00325d; margin: 20px 0 10px;}
.hes{display: none;}

.container{width: 96%; margin-left: 2%; float: left; position: relative;}

/* 50px border-radius */ .nepopes .okno .top input, .hp_newsletter input[type="text"], .cta_border, .bluecta{border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; }
/* 50% border-radius */ .kosik-kroky .ico{border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; }
/* 5px border-radius */ .cta, .doprava-platba input, .filrt-hes_checkbox, .pridatbutton, .eshop_items .item .bottom .detail, .eshop_items .item .bottom .do_kosik, .kosik{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
/* 0.5s transition all */ .delete:after, .download a, .leftnav a, .filrt-hes_checkbox label:before, .eshop_right .pridat button, .eshop_items .item .bottom .detail, .eshop_items .item .bottom .do_kosik, .pod_tabs a, .leftudalost, .cta_border, .bluecta, nav a{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
/* border-box */ nav, .inner, .filrt-hes_checkbox, .download .item p, .pod_tabs .tabswrap a, .hp_newsletter input[type="text"], .doprava-platba input, .radio-lab, .check-lab, textarea, .nepopes .okno .top input, .nepopes .okno .top, .download a, .filrt-hes_checkbox label, .eshop_left, .eshop_items .item .bottom, .eshop_items .item .text, .eshop_items .item, .pod_dvast_dva .kde_konani, .pod_dvast_dva .misto_konani , .pod_dvast_jedna ul li, .nenaslijste, .rightclen, .clenove_vypis .clen, .inputsearch input[type="text"], .zobrazeno_p, .input_datepicker, .pod_udalosti .rightudalost, footer .top .clenstvi li, .rightudalost{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} 
/* display: -webkit-box */ {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} 
/* flex: 1 */ {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
/* -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); */


nav{display: inline-block; width: 100%; text-align: right; background: #043f85;}
  nav a{padding: 12px 20px; font-size: 22px; display: inline-block; color: #fff; font-weight: 700; text-decoration: none;  text-transform: uppercase;  }
  nav a:hover{background: #ec6a06;}

.web2020{height: 140px; float: none; display: inline-block; max-width: 1920px; background: url('../images/2020web3.jpg') center top no-repeat; background-size: cover; width: 100%; position: relative; z-index: 2;}
.inner{width: 100%; background: #fff; float: left; text-align: left; padding: 80px 20px; padding-bottom: 50px; padding-left: 5%; padding-right: 5%; background: #fff; font-family: 'Myriad Pro Regular'; font-size: 20px; line-height: 30px; position: relative; z-index: 3;}
  .nadpis{color: #868686; font-weight: 700;}
    .okna{color: #043f85;}
    .dvere{color: #ec6a06;}
  .cta{background: #f8ad00; border: 1px solid #ec6a06; display: inline-block; margin-top: 50px; padding: 20px 30px 13px; text-transform: uppercase; color: #000; text-decoration: none;}
  .cta:hover{text-decoration: underline;}

footer{float: left; height: auto; width: 100%; margin: 50px 0 0 0; position: relative; z-index: 9;}
  footer .top{float: left; width: 100%; text-align: center;}
    footer .top .container{display: inline-block; float: none; margin: 0; width: 96%; margin-left: 2%; background: url('../images/logo_footer.png') center top no-repeat; padding-top: 110px;  }  
    footer .adresa{float: right; width: 100%; text-align: left;}
      footer .adresa .left{float: left; width: 15%; color: #839cb1; font-size: 14px; font-weight: 500;}
      footer .adresa .right{float: right; width: 80%;}
      footer .adresa p{margin: 0; float: left; width: 100%; color: #00325d; font-size: 14px; font-weight: 400;}
      footer .adresa p strong{font-weight: 600;}
    footer .top .clenstvi{float: right; width: 100%; margin: 20px 0;}
      footer .top .clenstvi .nadpis{font-size: 16px; font-weight: 600; float: left; width: 100%; text-align: left; color: #00325d; text-transform: uppercase;}
      footer .top .clenstvi ul{float: left; width: 100%;}
      footer .top .clenstvi li{float: left; width: 100%; padding-left: 20px; background: url('../images/footer-li.png') left 40% no-repeat; text-align: left;}
        footer .top .clenstvi li a{color: #50728f; text-decoration: none; font-size: 14px; font-weight: 400;}
    .footerloga{float: right; width: 100%; background:  url('../images/footerloga.png') center center no-repeat; height: 170px;}
  footer .bottom{float: left; width: 100%; border-top: 1px solid #eaeef2; padding: 10px 0;}
    footer .bottom p{color: #839cb1; font-size: 13px; float: left; width: auto; margin: 0;}
    footer .bottom p a{color: #839cb1;}
    footer .bottom p.vytvorilo{float: right;}
    
    
table{float: left; width: 100%; border-collapse: collapse; margin-bottom: 50px;}
  table td{text-align: left; padding: 10px 0; font-size: 16px; border-bottom: 1px solid #b9b9b9; line-height: 24px;}
  table tr td:last-child{text-align: right; width: 105px;}
  .usekname{color: #033f86; font-weight: 600;}
  
.canceled{display: inline-block; color: red; border: 2px solid red; padding: 20px 40px 15px; font-size: 30px; font-weight: 700; background: #fff; margin: -40px 0 40px;}  