@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap');

/* OBECNE *********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

body {background: #fff; margin: 0; padding: 0; color:#000000; font-family: 'Open Sans', sans-serif; font-weight:500; font-size:18px; line-height: 24px;}
a {outline:none;color:#242424;}
strong {font-weight:600;}
.clear{clear: both;}
.clear:before, .clear:after {content: " "; display: table;}
.clear:after {clear: both;}

img {border: 0;	height: auto; -ms-interpolation-mode: bicubic;}
fieldset {border:none;}


/* SPOLECNE *******************************************************************/

.container {margin:0 auto;width:950px;position:relative;}
h1 {font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 600; margin: 10px 0 30px 0; text-transform: uppercase;}
h2, h3 {font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; margin: 10px 0; text-transform: uppercase;}
body#x #content {padding:0;border-radius: 0px 0 0 0;}
#content {padding:0 30px 60px 30px;}
body#xhistorie .content-wrapper {padding-top:0;}
body#xhistorie #content {padding:0;}
body#xhistorie #main {margin-top:30px;overflow-y:unset;}
body#xhistorie .content-wrapper img {margin-top:-30px;}
#fotogalerie {margin-top:20px;}
#fotogalerie a {margin-right:10px;}
#fotogalerie a img {height:190px;width:auto;}
#reference:after {content:"";display:table;clear:both;}
#reference li {display:block;float:left;margin:0;background:#000;}
#reference li a {display:block;width:296px;height:220px;overflow:hidden;}
/*#reference li a img {height:100%;width:auto;}*/
#reference .popis {display:block;}
#reference:hover li:hover {box-shadow:0 0 12px #444;position:relative;z-index:20;}
#refkategorie {/*float:right;margin-top:-60px;*/margin-bottom:10px;}
#refkategorie.back {float:right;margin-top:-60px;}
#refkategorie li {display:inline-block;margin-right:7px;margin-bottom:10px;}
#refkategorie a {display:inline-block;padding:2px 10px;border:2px solid #d9e35a;color:#777;text-decoration:none;border-radius:20px;font-size:13px;font-weight:bold;}
#refkategorie li.active a, #refkategorie a:hover {background:#d9e35a;color:#fff;}
#refkategorie li:first-child {display:block;}
#refkategorie li:last-of-type {margin-right:0;}
.fotoright {float:right;margin:0 0 20px 20px;}
.bigbox {clear:both;display:table;width:100%;}
.bigbox .bigbox-in {display:table-cell;width:50%;box-sizing:border-box;}
#home-box .box-left p {margin-bottom:8px;text-indent:20px;}
#home-box .box-left p a {text-indent:0px;}

/* HEADER *********************************************************************/

header#header {height: 125px;}
header#header #logo {position:absolute;top:22px;left:0;z-index:100;}
header #headermenu {position:absolute;right:0;top:36px;}
header #headermenu ul {list-style:none;}
header #headermenu ul li {background: url(/images/dot.png) no-repeat left center; display:inline-block; margin: 0; padding: 0 30px 0 39px;}
header #headermenu ul li:last-child {padding-right: 0;}
header #headermenu ul li a {float:none;display:inline-block;color:#000;font-size:18px; font-weight: 600; text-decoration:none;height:60px;line-height:60px;text-transform:uppercase; border-bottom: 2px solid #fff;}
header #headermenu ul li a:hover,header #headermenu ul li.active a {text-decoration:none; border-bottom: 2px solid #d9e35a;}
header #headermenu ul li ul {display:none;}


/* HOMEPAGE *******************************************************************/

/* Slider */
.swiper-container {padding-bottom: 48px; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.09);-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.09);box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.09);}
.slide-item {position: relative; margin: 0; padding: 0;}
h1.slide-title {display:none;position: absolute;  top: 65px;  right: 75px;  font-size: 82px; font-weight: 300;  line-height: 95px;  width: 360px;  text-transform: uppercase; color: #fff;z-index:20;}
#main {overflow-y: hidden;}
.content-wrapper {background: url(/images/bg.jpg) repeat-x left top;padding: 48px 0 0; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.09);-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.09);box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.09);}
#home-box {background: url(/images/art.png) no-repeat center bottom; padding-bottom: 140px;}
.box-left {float: left;width: 60%;}
.box-right {float: right; width: 40%;}
.box-inner {padding: 0 42px 40px 40px;}
.box-inner > h2 {margin-top: 0px; margin-bottom: 55px;}
.box-right .box-inner {border-left: 2px solid #d9e35a;}
#homeslider .container {border-radius: 30px 0 0 0;overflow:hidden;box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.09)}
#homeslider .swiper-container {border-radius: 30px 0 0 0;}
.typo-email a {text-decoration:none;color:#000;}
.typo-email a:hover {text-decoration:underline;}

.tp-btn {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 25px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 2px solid #ebebed;
    background: #eff48e; /* Old browsers */
    background: -moz-linear-gradient(top,  #eff48e 0%, #dce662 50%, #c2d224 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff48e), color-stop(50%,#dce662), color-stop(100%,#c2d224)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eff48e 0%,#dce662 50%,#c2d224 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eff48e 0%,#dce662 50%,#c2d224 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eff48e 0%,#dce662 50%,#c2d224 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eff48e 0%,#dce662 50%,#c2d224 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff48e', endColorstr='#c2d224',GradientType=0 ); /* IE6-9 */

}
.typo-phone {display: block; background: url(/images/icon-phone.png) no-repeat 0 2px; padding-left: 50px; margin-bottom: 32px; line-height: 30px;}
.typo-email {display: block; background: url(/images/icon-email.png) no-repeat 0 2px; padding-left: 50px; margin-bottom: 32px; line-height: 30px;}
.typo-address {display: block; background: url(/images/icon-map.png) no-repeat 0 0px; padding-left: 50px; margin-bottom: 32px; line-height: 32px;}

#kontaktbox {margin-top:30px;}
#formkontakt {padding:22px 0 0 0;}
#formkontakt input, #formkontakt textarea {padding:7px 7px;color:#5d5d5d;border:1px solid #e2e2e2;background:#fff;margin:0 15px 8px 0;}
#formkontakt input {width:300px;}
#formkontakt textarea {width:100%;height:130px;margin-right:0 !important;box-sizing:border-box;}
#formkontakt input.btn {border:none;height:35px;color:#fff;font-style:italic;padding:0 35px;background: #313131;width:auto;cursor:pointer;}
#formkontakt #inpcaptcha {width:230px;}

#formkontakt #code {vertical-align:top;display:inline-block;}
#formkontakt #code table td {vertical-align:top;}
#formkontakt #code table td a {margin-top:8px;display:block;}
#formkontakt #code a {border:none;}
#formkontakt #code a img {}
#formkontakt input[type="submit"] {margin-right:0;float:right;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 25px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 2px solid #ebebed;
    background: #eff48e; /* Old browsers */
    background: -moz-linear-gradient(top,  #eff48e 0%, #dce662 50%, #c2d224 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff48e), color-stop(50%,#dce662), color-stop(100%,#c2d224)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eff48e 0%,#dce662 50%,#c2d224 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eff48e 0%,#dce662 50%,#c2d224 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eff48e 0%,#dce662 50%,#c2d224 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eff48e 0%,#dce662 50%,#c2d224 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff48e', endColorstr='#c2d224',GradientType=0 ); /* IE6-9 */
    height:auto !important;
}

#xnabizime #main .content-wrapper {background:#d9e35a;border-radius:30px 0 0 0;padding-top:20px;}
#xnabizime #main .content-wrapper h1 {color:#fff;font-weight:bold;}
#xnabizime #main .content-wrapper p {color:#000;font-weight:500;}
#xnabizime #main .content-wrapper p strong {color:#fff;font-weight:bold;}
#xnabizime #main .content-wrapper ul {margin-bottom:10px;}
#xnabizime #main .content-wrapper #content {background: url(/images/art2.png) no-repeat right 0;}
#xnabizime #main .content-wrapper li {padding-left:25px;padding-bottom:10px;background: url(/images/li2.png) no-repeat 0 6px;font-weight:600;}

#fbline {float:right;width:50%;display:block;font-size:15px;color:#3c5a99;line-height:35px;padding-left:40px;font-weight:bold;margin-top:-5px;box-sizing:border-box;background: url(/images/fb.png) no-repeat 0 center;}



/* FOOTER *********************************************************************/

#footer {background: #d9e35a; border-top-left-radius: 20px; height: 49px;padding: 30px 10px 10px 30px;margin-top:-20px;}
#footer span {color:#fff;}