html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {	margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

html, body {
 height: 100%;
}
*, html {
 -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
body {
 margin: 0;	padding: 0; font-size: 14px; font-family: 'Titillium Web', sans-serif; font-size: 16px; line-height: 100%; /* 300, 400, 600, 700, 800 */
}
ul { list-style: none; }
ul.ib li { display: inline-block; font-size: 0; }

img { border: none; }
img, fieldset {	border: 0; }
img {	max-width: 100%;	height: auto;	width: auto\9; /* ie8 */ }

a:link, a:visited, a:active { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }

[hidden], .hidden { display: none; }
.hidden.show { display: block; }

.infoblok {
 padding: 10px; line-height: 150%; color: #3c3c30; font-weight: 600; background: #ffffcf; border: 1px solid #e7e6be;
}
.infoblok a {
 text-decoration: underline;
}
.infoblok.red {
 color: #99020b; background: #feeeee; border: 1px solid #d30208;
}
.infoblok.green {
 color: #638c00; background: #f4ffdb; border: 1px solid #7db100;
}
.infoblok.gray {
 color: #393939; background: #f5f5f5; border: 1px solid #b6b6b6;
}
.infoblok.red a {
 color: #99020b;
}
.infoblok.green a {
 color: #638c00;
}
.infoblok.gray a {
 color: #393939;
}

.h5 { height: 5px !important; }
.h10 { height: 10px !important; }
.h15 { height: 15px !important; }
.h20 { height: 20px !important; }
.h25 { height: 25px !important; }
.h30 { height: 30px !important; }
.h35 { height: 35px !important; }
.h40 { height: 40px !important; }
.h50 { height: 50px !important; }

.pb-30 { padding-bottom: 30px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-150 { padding-bottom: 150px !important; }
.pb-200 { padding-bottom: 200px !important; }

.pt-30 { padding-top: 30px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-150 { padding-top: 150px !important; }
.pt-200 { padding-top: 200px !important; }
.pt-250 { padding-top: 250px !important; }

.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30, .margb30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-100 { margin-bottom: 100px !important; }

.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-80 { margin-top: 80px !important; }

h1 {
 margin: 0 0 25px 0; padding: 0; font-size: 22px; line-height: 120%; color: #171717;
}
h2 {
 margin: 10px 0 18px 0; padding: 0; font-size: 18px; line-height: 120%; color: #171717;
}
.h1 {
 margin: 0 0 0 0; padding: 20px; font-size: 24px; font-weight: 600; line-height: 120%; color: #404040; background: #f5f5f5;
 border-bottom: 1px solid #e6e6e6;
}
.h2 {
 margin: 0 0 15px 0; font-size: 20px; font-weight: 600; line-height: 120%; color: #000000;
}

hr { height: 1px; background: #bdbdbd; border: none; border-bottom: 1px solid #000000; }
@-moz-document url-prefix() { hr { height: 2px; } }

input[type=submit], input[type=button], input[type=image] { cursor: pointer; border: none; }
input[type=text], input[type=password], textarea {
 padding: 8px 10px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; border: 1px solid #d5d5d5;
}
input:focus { outline: 1px solid #ffe541; }
textarea:focus { outline: 1px solid #ffe541; }
input.povinne:focus { outline: 1px solid #ff363b; }
textarea.povinne:focus { outline: 1px solid #ff363b; }

.left { float: left; }
.right { float: right; }

.clear { clear: both; }
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }

.content {
 padding: 15px 15px 85px 15px;
}
.text {
 line-height: 140%;
}

.stavScript {
 padding: 15px 8px; color: #ffffff; text-align: center; font-weight: 600; line-height: 140%;
}
.stavScript.ok {
 /*color: #78aaff; font-weight: 700; border: 2px solid #78aaff; 88ba14 */
 color: #379612; background: #f0ffea; border: 1px solid #379612;
}
.stavScript.error {
 background: #ff0000;
}

.stavScript.info {
 padding: 15px; line-height: 150%; font-weight: 600; color: #638c00; background: #f4ffdb; border: 1px solid #7db100;
}


.formular {
 position: relative; margin: 10px 0 0 0; padding: 0 15px;
}
.formular .item {
 margin-bottom: 15px;
}
.formular label {
 float: left; width: 80px; height: 36px; line-height: 36px;
}
.formular .item.long label {
 width: 100%; height: 100%; line-height: 130%; margin-bottom: 10px; padding: 0;
}
.formular input[type=text], .formular input[type=password] {
 float: left; width: 300px; height: 46px;
}
.formular .item.long input[type=text] {
 width: 100%;
}
.formular .item.w50 {
 float: left; width: 35%;
}
.formular textarea {
 float: left; width: 400px; height: 140px; padding: 15px;
}

@media screen and (max-width: 1000px) {
 .formular .item.long label { margin-bottom: 7px; }
 .formular.windows input[type=text], .formular.windows input[type=password], .formular textarea { clear: both; width: 90%; }
}


@media screen and (max-width: 500px) {
 .formular.windows input[type=text], .formular.windows input[type=password], .formular textarea { width: 90%; }
}
.formular .item.long textarea {
 width: 100%; height: 80px;
}
.formular .submit {
 margin: 10px 0 0 0;
}
.formular .errorForm {
 display: none; position: absolute; z-index: 101; top: -45px; left: 0; width: 100%; text-align: center; padding: 12px 16px;
 font-weight: 600; color: #ffffff; background: #ff0000; opacity: 0.90;
}
.formular .left {
 width: 48%;
}
.formular .right {
 width: 48%;
}

.formular .infoBlok {
 display: block; width: 100%; padding: 15px 15px; color: #171717; font-size: 14px; background: #fafbec;
}
.formular .infoBlok a {
 font-weight: 600;
}

.button, a.button {
 display: inline-block; height: 40px; line-height: 40px; padding: 0 16px; font-size: 14px; color: #ffffff; background: #000000;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}
.button.center, a.button.center {
 display: table; margin: 0 auto;
}
.button.gray, a.button.gray {
 background: #231f20;
}
.button.red, a.button.red {
 color: #ff0000; font-weight: 700; background: #ffffff;
}
.button:hover, a.button:hover {
 text-decoration: none; background: #a5040e;
}
.button.gray:hover, a.button.gray:hover {
 text-decoration: none; background: #a5040e;
}
.button i, a.button i {
 margin-right: 4px;
}
.button i.alright, a.button i.alright {
 margin-left: 4px;
}

ul.menu {
 margin: 0 0 0 0; padding: 0; list-style: none; font-size: 0;
}
ul.menu li {
 display: inline-block; margin: 0 0 0 15px; padding: 0;
}
ul.menu li a {
 font-size: 14px; color: #000000;
}
ul.menu.login {
 float: right; margin: 20px 0 0 0;
}

.buttons {
 position: fixed; z-index: 100; left: 0; bottom: 0; width: 100%; height: 70px; padding: 15px; background: #ffffff;
}
.buttons a {
 display: inline-block; height: 40px; line-height: 40px; padding: 0 16px; font-size: 14px; color: #ffffff; background: #000000;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease;
}
.buttons a:hover {
 text-decoration: none; background: #a5040e;
}
.buttons a.left {
 float: left;
}
.button a.right {
 float: right;
}

.zasobaproduktu {
}
.zasobaproduktu .udodavatelaINFO {
 display: block; margin-top: 10px; padding: 10px; text-align: center; border: 1px solid #000000;
}
.zasobaproduktu .kontakty {
 margin-top: 10px; font-size: 15px; line-height: 150%;
}
.zasobaproduktu .kontakty span {
 display: inline-block; width: 60px;
}
.zasobaproduktu .kontakty strong {
 font-weight: 600;
}

.produktV {
 width: 100%; margin: 15px 0 0 0; padding: 10px 5px 0 5px; /*border-top: 2px solid #e6e6e6;*/
}
.produktV .image {
 float: left; width: 16%; text-align: center;
}
.produktV .image img {
 max-width: 80px; max-height: 80px;
}
.produktV .popis {
 float: right; width: 80%;
}
.produktV .popis p {
 display: block; margin: 2px 0 12px 0; font-size: 16px; line-height: 140%; font-weight: 600;
}
.produktV .popis span {
 display: block; font-size: 20px; font-weight: 600; color: #a5040e; /*background: #f9f9f9;*/
}



/* hodnotenie */
h1.hodnotenie {
 margin: 0 0 15px 0; padding: 0;
}
.hodnCelkovo {
 margin: 10px 0 20px 0; padding: 0 0 15px 0; border-bottom: 2px solid #fbc033;
}
.hodnCelkovo strong {
 float: left; margin-right: 15px; line-height: 29px; font-size: 20px; color:#f0b831;
}
.hodnCelkovo .hodnotenieSTAR {
 float: left;
}
.hodnotenieSTAR ul {
 float: left; margin: 0; padding: 0; list-style: none; background: url(/img/icons/stars.png?v=3) no-repeat 0 0;
}
.hodnotenieSTAR ul li {
 float: left; width: 30px; height: 29px; margin: 0; padding: 0; cursor: pointer;
}
.hodnotenieSTAR ul li span {
 display: none;
}
.hodnotenieSTAR .hodnotenieRESPONSE {
 float: left; margin: 0 0 0 10px; padding: 6px 0 0 0; font-weight: bold;
}
.hodnotenieSTAR ul.deactive li {
 cursor: default;
}
.hodnotenieSTAR .vysledok {
 color: #bf0000;
}
.hodnotenieSTAR .vysledok.error {
 color: #ff0000;
}
.znamkapopis {
 float: left; margin: 0 0 0 15px; line-height: 29px;
}
/* /hodnotenie */


@media screen and (max-width: 800px) {
 .formular .left { width: 100%; }
 .formular .right { width: 100%; }

 .formular .item.email { width: 100%; }
 .formular .item.phone { clear: both; width: 100%; }
}

@media screen and (max-width: 500px) {
 .content { padding: 15px 15px 120px 15px; }
 .buttons { height: 105px; padding: 10px 15px; }
 .buttons.onlyOne { height: 55px; padding: 10px 15px; }
 .buttons a { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0; font-size: 14px; text-align: center; }
 .buttons a:nth-child(2) { margin-top: 7px; }
 .produktV { display: none; }

 /* .g-recaptcha iframe { width: 220px !important; } */
}

.produkt .ceny .quatroKalkulacka {
 display: none; margin: 10px 0 15px 0; padding: 10px 10px 10px 10px; border-top: 2px solid #ef4427; border-bottom: 2px solid #ef4427; background: #ffffff;
}
.produkt .ceny .quatroKalkulacka h5 {
 margin: 0 0 10px 0; font-size: 14px; color: #000000;
}
.produkt .ceny .quatroKalkulacka label {
 height: 38px; line-height: 38px; margin: 0 8px 0 0; font-weight: 600;
}
.produkt .ceny .quatroKalkulacka input[type=text] {
 width: 100px; font-weight: bold; text-align: right; background: #eeeeee;
}
.produkt .ceny .quatroKalkulacka .row {
 margin: 7px 0;
}
.produkt .ceny .quatroKalkulacka .row:first-child {
 margin-top: 15px;
}
.produkt .ceny .quatroKalkulacka .row strong {
 display: inline-block; margin: 0 5px 0 0; font-weight: 400; text-decoration: underline;
}
.produkt .ceny .quatroKalkulacka .row span {
 display: inline-block; margin: 0 0 0 0; font-weight: 600;
}
.produkt .ceny .quatroKalkulacka .row em {
 font-size: 13px;
}
.produkt .ceny .quatroKalkulacka p {
 margin: 10px 0 0 0; font-weight: 600;
}
.produkt .ceny .quatroKalkulacka p strong {
 color: #ff0000;
}


.odberneVypisSelected {
}
.odberneVypisSelected .item {
}
.odberneVypisSelected .item span {
 display: block; margin-bottom: 3px; line-height: 140%; font-size: 15px;
}
.odberneVypisSelected .item span:last-child {
 margin-bottom: 0;
}
.odberneVypisSelected .item span.mesto strong {
 text-transform: uppercase;
}
.odberneVypisSelected .item span.map {
 margin-top: 15px;
}
.odberneVypisSelected .item span.map a:before {
 content: "\f041"; font-family: "Font Awesome 5 Free"; font-weight: 300; margin-right: 7px;
}
.odberneVypisSelected table.days {
 border-spacing: 0; border-collapse: collapse; font-size: 14px;
}
.odberneVypisSelected table.days tr td:first-child {
 font-weight: 600;
}
.odberneVypisSelected table.days tr td:nth-child(2n) {
 padding: 2px 20px;
}
.odberneVypisSelected .item .more {
 margin-top: 15px; line-height: 140%;
}
.odberneVypisSelected .item .more div:nth-child(n+2) {
 margin-top: 5px;
}
@media screen and (max-width: 1540px) {
 .odberneVypisSelected .left { width: 100%; }
 .odberneVypisSelected .right { width: 100%; margin-top: 20px; }
}


.sutazHodnotenieStatus {
 line-height: 140%; padding: 15px; color: #545454; background: rgba(41,145,0, 0.1);
}
.sutazHodnotenieStatus a {
 font-weight: bold;
}
.sutazHodnotenieStatus:before {
 display: inline-block; position: relative; top: 2px; content: "\f14a"; font-family: "Font Awesome 5 Free"; font-weight: 300; margin-right: 10px; font-size: 20px; opacity: 0.3;
}
.sutazHodnotenieStatus.active {
 color: #ffffff; background: #299100;
}
.sutazHodnotenieStatus.active a {
 color: #ffffff;
}
.sutazHodnotenieStatus.active:before {
 opacity: 1;
}