@import url("https://use.typekit.net/vqy4wvw.css");
@font-face {font-family: 'museosans300'; src: url('/__css/font/MuseoSans_300-webfont.eot'); src: url('/__css/font/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'), url('/__css/font/MuseoSans_300-webfont.woff') format('woff'), url('/__css/font/MuseoSans_300-webfont.ttf') format('truetype'), url('/__css/font/MuseoSans_300-webfont.svg#museo_sans300') format('svg'); font-weight: normal; font-style: normal;}
.ms900 {font-family: museo-sans, sans-serif; font-weight: 900;}
body {margin: 0; padding: 0; color: #484848;text-align: center; font-family: arial, tahoma, verdana, helvetica, san-serif; position: relative;}
h1, h2, h3, h4, h5, h6 {font-family: tahoma, verdana, helvetica, arial, san-serif; margin: 0; padding: 0;}
h2 {margin: 48px 0 0 52px; padding: 0; position: relative; float: left; color: #FFF; font-size: 36px; font-weight: normal;}
h2 span {font-size: 24px;}
h2 a:link, h2 a:active, h2 a:visited {color: #FFF; text-decoration: none; cursor: text;}
h2 img {float: left; margin-right: 10px;}
h3, h4 {margin: 32px 0 0 0; color: #005fad; font-size: 19px; line-height: 18px; font-weight: normal;}
h4 {margin: 0 0 18px 0; padding: 0; color: #999999;}
h4 span {color: #191919; font-size: 14px;}
ul {color: #868686; font-size: 12px; font-family: arial, tahoma, verdana, helvetica, san-serif; font-weight: normal; margin-left: 0px;}
a img {border: none;}
a:link, a:active, a:visited {color: #484848; text-decoration: underline;}
a:hover {color: #05b9e4; text-decoration: underline;}
form {margin: 0; padding: 0}
form p {margin: 0 0 7px 0; padding: 0; font-size: 10px; color: #605f5d; font-family: verdana, tahoma, helvetica, arial, san-serif; font-weight: normal;}
input {width: 195px; margin: 0 0 8px 0; padding: 8px 5px 8px 5px; border: 1px solid #cecece; color: #484848; font-size: 10px;}
select {width: 205px; margin: 0 0 8px 0; padding: 8px 5px 8px 5px; border: 1px solid #cecece; color: #484848; font-size: 10px;}

.clear{clear:both}
.hidden{display:none}
.container{border:1px solid #fafafa;border-radius:10px;box-shadow:0 0 5px rgba(180,180,180,.5);background:rgba(245,245,245,.9)}

a.close, a.close:link, a.close:hover, a.close:active, a.close:visited {position: absolute; top: 0; right: 10px; z-index: 2; font-size: 35px; text-decoration: none;}
#loading {width: 100%; height: 100%; background: #CCC; background: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 0; z-index: 1000; display: block;}
#loading table {width: 100%; height: 100%;}
#loading td {text-align: center; vertical-align: top;}
#loading.hidden{display:none}
#conditionstext {max-width: 600px; box-sizing: border-box; margin: 50px auto auto auto; padding: 20px 30px; text-align: left; background-color: #FFF; border-radius: 10px; box-shadow: 0 0 4px #999; position: relative;}
#conditionstext li {color: #484848; font-size: 16px;}

#cabg{background:#fafafa url('../__img/background-homepage.jpg') no-repeat 50% 0}
#cabg.blur{filter:blur(8px);-webkit-filter:blur(8px)}
#cabg.blur::before{content:'';display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(255,255,255,.7)}
#holder{width:100%;max-width:min(1010px, 100vw);position:relative;margin:0px auto;padding:0;text-align:left}
#callisto5box{width:242px;height:373px;position:absolute;top:145px;left:7px;z-index:15;background:url('../__img/krabice-zoner-callisto.png') no-repeat 0 0}
#header{width:100%;max-width:min(1010px, 100vw);height:87px;position:relative}
#header h1{padding:25px 0 20px 55px}
#header h1 a img{float:left}

#motive {width:100%;max-width:min(1010px, 100vw);height:368px;position:relative;clear:both;z-index:11;background:url('../__img/camotive.png') no-repeat right top}
#motive h2 {position:absolute;top:200px;left:340px;margin:0;padding:0;color:#fafafa;font-size:46px;letter-spacing:-1px;font-weight:bold;display:inline-block;text-shadow:0 0 5px rgba(90,90,90,.5);line-height:30px}
#motive h2 span {font-size: 28px;}
#downloadform{width:100%;max-width:340px;height:253px;position:absolute;box-sizing:border-box;top:100px;right:2px;background:rgba(240,251,255,.8);background:linear-gradient(300deg, rgba(129,192,250,.8) 0%, rgba(240,251,255,.8) 100%);border-radius:20px 20px 0 0;padding:30px 40px 20px 40px}
#downloadform h3{color:#0a0a0a;font-size:27px;margin:0 0 15px 0}
#modrybox{position:relative;clear:both;z-index:10;margin:-15px 1px 0 1px;padding:10px 0; background: rgb(0,84,113); background: linear-gradient(300deg, rgba(0,95,173,1) 0%, rgba(0,95,173,.5) 100%)}
#modrybox p {position: relative; float: left; margin: 22px 0 30px 52px; padding: 0; color: #d1e2f0; font-size: 14px; line-height: 20px;}
#modrybox h2 b {font-weight: normal;}
#hometriboxy{position:relative;clear:both;z-index:10;padding:0 33px;font-size:14px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;background: linear-gradient(0deg, #d8e7f2 0%, #fff 100%)}
#hometriboxy img{float:right;margin-top:20px}
#homebox1,#homebox2,#homebox3 {position:relative;padding:0 20px}
#homebox1,#homebox2{background: url('../__img/box1-3-cara.png') no-repeat right bottom}
#homebox1 p, #homebox2 p, #homebox3 p {margin: 27px 0 12px 0; color: #585858; font-size: 12px; line-height: 16px; font-weight: normal; font-family: arial, tahoma, verdana, helvetica, san-serif;}

#bilybox{background:#fff;border-radius:0 0 10px 10px;display:grid;grid-template-columns:1fr 1fr;padding:30px 53px 10px 53px;gap:50px}
#bilybox div{position:relative}
#bilybox p {margin: 0; color: #868686; font-size: 12px; line-height: 16px; font-weight: normal; font-family: arial, tahoma, verdana, helvetica, san-serif;}
ul.bluelist {margin-top: 0; padding: 0; list-style-type: none;}
ul.bluelist li {padding-left: 12px; background: url('../__img/arrow-list-blue.png') no-repeat 0 9px; line-height: 24px;}

.logozps {position: relative; float: right; padding: 9px 0 0 0;}
.oddelovac, .oddelovac2 {display: block; font-size: 0px; width: 100%; max-width: 441px; height: 1px; background: #e7e7e7; margin: 16px 0 30px 0;}
.oddelovac2 {max-width: 414px; height: 1px; background: #e7e7e7; margin: 20px 0 30px 0;}

#footer {box-sizing:border-box;width:100%;max-width:min(1010px, 100vw);height:auto;margin:0;padding:0;position:relative;clear:both;z-index:10;color:#707070;font-size:11px;font-family:verdana, helvetica, arial ce, arial, tahoma, san-serif}
#copyright {width:100%;max-width:min(927px, 100vw);padding:20px 53px;box-sizing:border-box}
#footer ul {position: relative; float: left; margin: 0 40px 0 0; padding: 0; list-style-type: none;}
#footer ul li {position: relative; float: left; margin: 0;}
#footer ul li span {margin: 0 6px 0 6px;}
#footer ul li a {position: relative; float: left; color: #707070; font-size: 11px; text-decoration: none;}
#footer ul li a:hover {color: #000; text-decoration: underline;}
#copyrighttext {position: relative; clear: left; font-weight: normal;}		
#footermenu {width:100%;max-width:min(972px, 100vw);border-color:#d8d8d8;border-width:1px 0 1px 0;border-style:solid;margin:0 auto 10px auto;box-sizing:border-box}
#footermenu ul {margin: 9px 40px 9px 39px;}

.tright{text-align:right;position:relative}
#zpsx {max-width:1010px;position:relative;box-sizing:border-box;margin:100px auto;color:#000;text-align:left;font-family:museosans300,sans-serif;font-size:24px}
#zpsx div.grid{display:grid;grid-template-columns:1fr 1fr;}
#zpsx picture{margin:0 -110px 0 auto}
#zpsx img{height:auto;max-width:100%}
#zpsx p {margin: 0 0 40px 0; max-width: 580px; line-height: 40px;}
#zpsx p.smaller {font-size: 19px;}
#zpsx h1 {font-family: museosans300, sans-serif; font-size: 38px; line-height: 60px; margin: 40px 0;}
#zpsx h1 span {letter-spacing: -1px; font-size: 42px;}
#zpsx a.btn {line-height: 40px; font-size: 22px; text-transform: none; padding: 20px 60px; background-color: #8ABA18; box-shadow: 0 3px #759E12; text-shadow: 0 1px #759E12; color: #FFF; text-align: center; text-decoration: none; border-radius: 3px; display: inline-block;}
#zpsx a.btn:hover {background-color: #7aae1d;}

#topzpsx {background-color:#0a0a0a;padding:30px 0;color:#fff;font-size:20px;box-sizing:border-box}
#topzpsx div{max-width:1010px;box-sizing:border-box;margin:auto;text-align:left;display:grid;grid-template-columns:auto 320px;align-items:center}
#topzpsx a.btn{text-decoration:none;font-size:20px;background-color:#0a0a0a;color:#fff;border:3px solid #fff;display:inline-block;max-width:320px;text-align:center;box-sizing:border-box;padding:10px 40px;line-height:40px;border-radius:4px;margin:0 auto}
#topzpsx a.btn:hover{background-color:#fff;color:#0a0a0a}
#topzpsx.invisible {height: 0; overflow: hidden; padding: 0;}

@media only screen and (max-width: 1200px) {
#zpsx{width:90vw;max-width:1010px}
#zpsx picture{margin:0}
#zpsx picture img{max-width:80%;margin:0 0 0 auto}
#zpsx div{}
}

@media only screen and (max-width: 800px) {
#zpsx div.grid,#topzpsx div{grid-template-columns:1fr}
.tright{text-align:center;order:-1;margin-bottom:30px}
#zpsx{font-size:20px;margin:20px auto}
#topzpsx div{padding:30px 15px;text-align:center}
#zpsx p {margin: 0 0 30px 0; max-width: 520px; line-height: 30px;}
#zpsx h1 {line-height: 50px; margin: 30px 0;}
#callisto5box{display:none}
#cabg{background-image:none}
.container{border:none;box-shadow:none;background:#fafafa;text-align:center}
#motive {width:1010px;height:auto;background-image:none}
#motive h2{position:static;color:#0a0a0a;text-shadow:none;display:block;text-align:center;float:none;line-height:40px;font-size:40px;margin:20px auto}
#motive h2 span{font-size:40px}
#motive h2:first-letter{text-transform:uppercase}
#header h1{padding-left:0;text-align:center}
#header h1 a img{float:none}
#downloadform{max-width:100%;height:auto;position:static;border-radius:0;text-align:left}
#modrybox{margin:0;padding:5px 15px;max-width:100%;height:auto}
#modrybox h2,#modrybox p{margin-left:0;float:none}
#hometriboxy{padding:0 15px;grid-template-columns:1fr}
#hometriboxy img{float:none;margin:30px 0 0 0}
#hometriboxy h3{margin-top:10px}
#homebox1,#homebox2{background-image:none}
#bilybox{grid-template-columns:1fr;padding:30px 15px 30px 15px;gap:20px;text-align:left}
.oddelovac,.oddelovac2{width:100%;max-width:90vw}
#copyright,#footermenu{height:auto;position:static}
#footer{padding:0 15px}
#footermenu ul{margin:9px 15px}
}