/* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body {margin: 0;padding:0;font-family: Source Sans Pro, Helvetica, sans-serif;overflow-x:hidden;} body.main {backgroun-color:#EDECED; transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} body.main:hover {transition:2s all; -webkit-transition:2s all;-moz-transition:2s all; -o-transition:2s all; -ms-transition:2s all;} h1 {letter-spacing:2px;color:#1C3B43;transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} h1:hover {letter-spacing:5px;color:#7D8E5B;transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} h2 {letter-spacing:2px;font-size:46px;color:#1C3B43;} h3 {letter-spacing:2px;font-size:28px;color:#1C3B43;} p.sub {padding:50px 10px 50px 10px;} p.sub a {padding:5px;margin:5px;} #top {background-color: #1C3B43; padding:10px;height:auto;min-height:100px;position:sticky;top:0px;z-index:10;border-bottom:1px solid #efefef;} #top-center {width:1000px;margin:0 auto;padding:0;} #top-center a {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;color:#fff;} #top-center a.logo {float:left;padding:5px;color:#fff;text-decoration:none;position:relative;top:-10px;} #top-center a.logo:hover {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;transform: scale(1.05);} #top-center a.logo img {height:90px;} #top-center a span {color:#7D8E5B;font-weight:bold;letter-spacing:6px;} #mobile_open {display:none;} #mobile_close {display:none;} .topnavi {float:right;} .topnavi li {display:inline-block;margin-left:10px;} .topnavi li a {color: #fff;text-align: center; padding: 10px 10px; text-decoration: none; font-size: 22px; letter-spacing:1px;transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} .topnavi li a:hover {color:#7D8E5B !important;transform: scale(1.1);transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} .topnavi img {height:32px;} .topnavi a:hover {color:#7D8E5B;transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} .topnavi a.active {color: #7D8E5B;} .topnavi a.prihlaska {background-color:#7D8E5B;color:#fff;border:1px solid #fff;margin-left:10px;} .topnavi a.prihlaska:hover {background-color:#EDECED;color:#1C3B43 !important;border:1px solid #1C3B43;} .botnavi {display:none;width:auto;height:auto;padding:10px;background-color: #1C3B43;position:absolute;top:60px;margin-left:-10px;text-align:left;} .botnavi a {display:block;text-align:left !important;} .topnavi li:hover .botnavi {display:block;} #subnavi {text-align:center;background-color:#F8F8F8;padding:10px;} #subnavi li {display:inline-block;margin:0px 10px;} #subnavi a {padding:5px 10px;text-decoration:none;font-size:20px;color:#1C3B43;} #content {height:auto;min-height:100px;letter-spacing:1px;background:linear-gradient(#F5F5F5, #EDECED);background:-webkit-linear-gradient(#F5F5F5, #EDECED);} #content a {color:#000;} #content li {list-style-position: inside;} #content iframe {width:460px;height:360px;position:static;margin:0;padding:0;} input[type=text] {padding:15px 10px;letter-spacing:1px;width:auto;min-width:300px;font-size:20px;border-radius:10px;border:0;letter-spacing:2px;} input[type=email] {padding:15px 10px;letter-spacing:1px;width:auto;min-width:300px;font-size:20px;border-radius:10px;border:0;letter-spacing:2px;} input[type=password] {padding:15px 10px;letter-spacing:1px;width:auto;min-width:300px;font-size:20px;border-radius:10px;border:0;letter-spacing:2px;} input[type=number] {padding:15px 10px;letter-spacing:1px;width:auto;min-width:300px;font-size:20px;border-radius:10px;border:0;letter-spacing:2px;} input[type=number].mobil {padding:15px 10px;letter-spacing:3px;font-size:20px;width:auto;min-width:300px;border-radius:10px;border:0;letter-spacing:2px;} input[type=file] {padding:7px 10px;letter-spacing:1px;background-color:#7D8E5B;color:#fff;border:1px solid #fff;cursor:pointer;font-size:20px;width:auto;min-width:300px;border-radius:10px;border:0;} input[type=file]:hover {background-color:#EDECED;;color:#1C3B43;border:1px solid #1C3B43;} textarea {padding:15px 10px;letter-spacing:1px;font-size:20px;width:auto;min-width:300px;font-family: Source Sans Pro;min-height:120px;height:auto;border-radius:10px;border:0;letter-spacing:2px;} input[type=radio] {padding:15px 10px;letter-spacing:1px;height:16px;width:16px;} input[type=checkbox] {padding:15px 10px;letter-spacing:1px;height:16px;width:16px;} select, #content option {padding:15px 10px;letter-spacing:1px;border-radius:10px;border:0;letter-spacing:2px;} input[type=submit] {padding:15px 10px;letter-spacing:1px;background-color:#1C3B43;color:#fff;border:0;border-radius:10px !important;cursor:pointer;font-size:24px;width:auto;min-width:320px;} input[type=submit]:hover {background-color:#7D8E5B;;color:#fff;border:0;} a.button {padding:15px;letter-spacing:1px;background-color:#1C3B43;color:#fff !important;border:0;border-radius:10px;cursor:pointer;font-size:24px;text-decoration:none;font-weight:normal;display:inline-block;margin:5px;} a.button span {font-size:16px;} a.button img {height:64px;} a.button:hover {background-color:#7D8E5B;color:#fff !important;border:0;} #content .main-image {width:100%;height:500px;background:url('../media/images/slideshow/olejnikova.jpg') no-repeat; background-size:cover;background-position: center 0px; transition:1s all;-webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} #content .main-image:hover {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} #content .main-image a {position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);background-color:#7D8E5B;color:#fff;border:4px solid #fff;padding:20px;font-size:30px !important;letter-spacing:3px;text-decoration:none;font-size:36px;} #content .main-image a:hover {color:#1C3B43;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;background-color:#EDECED;;border:4px solid #1C3B43;} #content .main-image span.jmeno {float:right;padding:10px;margin:10px;background-color:#1C3B43;color:#fff;font-size:20px;} #content .main-text {width:400px;height:auto;color:#131E29;margin:80px 10% 80px 10%;} .main-social {background-color:#EDECED;;padding:20px;height:auto;min-height:60px;text-align:center;} .main-social h2 {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} .main-social:hover>.main-carousel-image {} .main-social:hover h2 {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;color:#7D8E5B;} .main-social a {margin:20px;color:#fff;} .main-social a:hover img {transform: rotateY(360deg);transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;} .main-novinky { height:auto;min-height:500px; background:url('/media/images/footer.webp') no-repeat;background-size:cover;background-position:center right; padding:20px 20px 20px 20px;text-align:center; } .main-novinky a {margin:20px;color:#fff;} .main-novinky h2 {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} .main-novinky:hover h2 {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;color:#7D8E5B;} .main-novinky iframe {width:460px !important;height:360px !important;} .main-novinka {display:inline-block;padding:30px 10px 10px 10px;margin:10px;vertical-align:top;width:300px;height:200px;background-size:100% center;background-position:top center;text-align:center;} .main-novinka a {float:none;position:absolute;margin-top:150px;} .main-novinka span {font-size:20px;color:#fff;background-color:#1C3B43;display:inline;padding:10px;width:auto;} .main-novinka p {font-size:20px;color:#fff;background-color:#1C3B43;display:inline-block;padding:10px;height:50px;vertical-align: middle;} .main-novinka a.button {float:none;} .main-carousel {position:relative;margin-left:-40px;height:410px;background-color: #fff;text-align:center;overflow:hidden;transition:3s all;-webkit-transition:3s all;-moz-transition:3s all;-o-transition:3s all;-ms-transition:3s all;} .main-carousel:hover {margin-left:-600px;transition:3s all;-webkit-transition:3s all;-moz-transition:3s all;-o-transition:3s all;-ms-transition:3s all;} .main-carousel-image {width:320px;height:400px;display:inline-block; background-position: 0px center;background-size:cover; margin-left:-25px;} .main-carousel:hover .main-carousel-image {position:relative;margin-left:30px;background-position: 20px center;} #content .soutez-image {width:auto;height:500px;transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;background-size:cover;background-position:center 0px;} #content .soutez-image:hover {transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;} #content .hlavni {width:1000px;height:auto;margin:0 auto;} #content .hlavni h1 {font-size:64px;padding:10px 20px 10px 20px;background-color:#fff;opacity:0.9;display:inline-block;} #content-center {padding:20px 10px 40px 10px;width:1000px;height:auto;margin:0 auto;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;font-size:20px;} #content-center h2 {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;} #content-center a {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;} #content-center ul {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;} #content-center p {display:block;max-width:100% !important;line-height:26px;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;} #content-center:hover {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;} #content-center:hover h1 {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;color:#7D8E5B;} #content-center:hover p {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;color:#1C3B43;letter-spacing:2px;} #content-center:hover h2 {letter-spacing:5px;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;color:#7D8E5B;} #content-center:hover a {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;color:#1C3B43;letter-spacing:2px;} #content-center:hover ul {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;color:#1C3B43;letter-spacing:2px;} #content-center iframe {max-width:100%;border:0;} #content-center img {max-width:100%;border:0;} #content-center video {max-width:100%;border:0;} #form {background-color:#efefef;padding:10px 10px 30px 10px;} #form-center {width:1000px;height:auto;margin:0 auto;font-size:20px;} #form h2 {font-size:48px;display:inline-block;max-width:70%;} a.navi-left {position:fixed;left:0;bottom:0;z-index:100;} a.navi-right {position:fixed;right:0;bottom:0;z-index:100;} #footer {background-color: #EDECED; padding:10px;height:auto;min-height:60px;top:0;color:#1C3B43;} #footer h2 {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} #footer:hover h2 {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;color:#7D8E5B;} #footer-center {width:1000px;margin:0 auto;padding:0;text-align:center;font-size:18px;} #footer-center a {color:#1C3B43;text-decoration:none;} #footer-center center {padding:20px 0 20px 0;} #footer-center center a {margin:0 20px 0 20px;} #footer-center a:hover {color:#7D8E5B;transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} #footer-center .footer {display:inline-block;width:45%;text-align:left;vertical-align:top;padding-bottom:40px;} .footer ul {margin-left:-40px;} .footer li {list-style:none;margin:10px 0 10px 0;} .footer li a {padding:5px 5px 5px 0;letter-spacing:1px;} .green {background-color: #ddffdd;border-left: 6px solid #4CAF50;padding:20px;margin:10px 0 20px 0;text-align:center;} .red {background-color: #ffdddd;border-left: 6px solid #f44336;padding:20px;margin:10px 0 20px 0;text-align:center;} .orange {background-color: #ffffcc;border-left: 6px solid #ffeb3b;padding:20px;margin:10px 0 20px 0;text-align:center;} .blue {background-color: #e7f3fe;border-left: 6px solid #2196F3;padding:20px;margin:10px 0 20px 0;text-align:center;} .gold {background-color:#7D8E5B;border-left: 6px solid #ffeb3b;padding:20px;margin:10px 0 20px 0;text-align:center;color:#fff;} table.vypis {width:100%;max-width:1000px;font-size:20px;margin:0 auto;} table.vypis thead tr {background-color:#1C3B43;color:#fff;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;text-align:left;} table.vypis thead th {padding:10px !important;} table.vypis tbody tr {text-align:left;} table.vypis tbody tr:hover {background-color:#7D8E5B;color:#fff;cursor:pointer;font-weight:bold;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;transform: scale(1.05);} table.vypis tbody td {padding:10px;} /* ------------------------------------------ male displeje ------------------------------------------ */ @media (max-width:1024px){ body {overflow-x:hidden;background:#f5f5f5;} h1 {font-size:32px;} #content {width:auto;} #content .hlavni h1 {font-size:32px;width:90%;max-width:90% !important;height:auto;padding:10px 20px 10px 20px;background-color:#fff;opacity:0.9;display:block;} #top {background-color: #1C3B43; padding:10px;height:auto;min-height:60px;position:sticky;top:0;z-index:10;border-bottom:1px solid #efefef;} #top-center {width:100%;margin:0 auto;padding:0;} #top-center a {color:#fff !important;text-decoration:none;} #top-center a:hover {color:#7D8E5B !important;transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} #top-center a.logo {margin-top:5px;} #top-center a.logo img {height:60px;} #mobile_open {display:inline-block;text-align:center;padding:5px;position:absolute;top:10px;right:120px;} a#mobile_open {color:#fff !important;text-decoration:none;letter-spacing:2px;font-size:18px;} #mobile_open:hover #navi {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} #mobile_close {display:none;text-align:center;padding:5px;position:absolute;top:10px;right:120px;} a#mobile_close {color:#fff !important;text-decoration:none;letter-spacing:2px;font-size:18px;} #mobile_close:hover #navi {transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} #navi {display:none;width:100%; background-color:#1C3B43; text-align:center;height:auto;margin-left:-40px;margin-top:-10px;transition:1s all; -webkit-transition:1s all;-moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;} .topnavi li {display:inline-block;width:auto;margin:20px;} .topnavi li a {margin:0;} .botnavi {display:none !important;} #top-social {position:absolute;margin-top:0px;right:20px;top:15px;} #subnavi {padding:1px;} #subnavi ul {margin-left:-40px;} #subnavi li {margin:15px 5px 15px 5px;} #content iframe {height:360px !important;} #content .main-text {width:95%;height:auto;color:#131E29;padding:10px;margin:0 0 0 0;text-align:center;background:#f5f5f5;opacity:0.9} #content .main-text h1 {margin-top:20px;} #content li {margin-left:-40px;} #content .soutez-image {width:auto;height:400px;background-position: center 0px;} #content-center {width:auto;height:auto;margin:0 auto;} #content-center h2 {font-size:32px} #form-center {width:auto;height:auto;margin:0 auto;font-size:20px;} #form-center h2 {font-size:32px} #footer-center {width:90%;margin:0 auto;padding:0;text-align:center;font-size:16px;} table.vypis {width:100%;max-width:100%;font-size:18px !important;margin:0 auto;} table.vypis thead th {padding:5px !important;} table.vypis tbody td {padding:5px !important;font-size:18px !important;} table.vypis tbody td span {font-size:18px !important;} } /* mobilni sablona */ @media (max-width:640px){ #content {padding:0 !important;margin:0 !important;height:auto !important;min-height:auto !important;} #content h1 {margin-top:0;font-size:26px;} .main-carousel {height:200px !important;} .main-carousel-image {height:200px !important;width:33% !important;} #content iframe {height:280px !important;} #content .soutezici-detail {margin:0;padding:1%;width:47%;height:auto;display:inline-block;padding-bottom:0px;margin-bottom:2px;text-align:left;} #content .soutezici-foto {width:100%;height:380px;} #content .detail {width:97% !important;height:400px !important;display:block;} #content .vitezky-detail {width:100% !important;height:560px !important;display:block;} #content .vitezky-detail-image {width:100% !important;height:500px !important;} #content .prispevek {transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all; margin:0;padding:1%;width:97%;height:auto;min-height:440px;display:block;margin-bottom:20px;background-size:100% !important auto !important;background-position:center center;} #content .prispevek {} #content .profil .prispevek {margin-bottom:200px} #content .profil .prispevek>.prispevek-text {margin-top:372px} #content .novinky .prispevek {width:97%;display:block;margin-bottom:20px;} #content .novinky .prispevek>.prispevek-text {display:block;opacity:0.8;width:78%;height:170px;} #content .novinky .prispevek-text h2 {font-size:20px;} #content .novinky .prispevek-text p {position:absolute;bottom:0;font-size:16px;} #content .novinky .prispevek-text a {position:relative;margin-top:0px;left:0;margin-left:140px;margin-right:10px;} #content .main-image {width:auto;height:300px;background-position: center 0px;} #content .main-image span.jmeno {float:right;position:relative;top:180px;padding:10px;margin:10px;background-color:#1C3B43;color:#fff;font-size:16px;} #content .soutez-image {width:auto;height:300px;background-position: center center !important;background-size:cover !important;} #footer-center .footer {display:inline-block;width:49%;text-align:center;vertical-align:top;padding-bottom:40px;} table.vypis {width:100%;max-width:100%;font-size:16px !important;margin:0 auto;} table.vypis thead th {padding:3px !important;} table.vypis tbody td {padding:3px !important;font-size:16px !important;} table.vypis tbody td span {font-size:16px !important;} } @media (max-width:500px){ #top-social {display:none;} #mobile_open {display:inline-block;text-align:center;padding:5px;position:absolute;top:5px;right:10px;} #mobile_close {display:none;text-align:center;padding:5px;position:absolute;top:5px;right:10px;} #content .soutezici-detail {margin:0;padding:1%;width:97%;height:auto;display:inline-block;padding-bottom:0px;margin-bottom:2px;text-align:left;} #content .soutezici-foto {width:100%;height:400px;} table.vypis {width:100%;max-width:100%;font-size:14px !important;margin:0 auto;} table.vypis thead th {padding:1px !important;} table.vypis tbody td {padding:1px !important;font-size:14px !important;} table.vypis tbody td span {font-size:14px !important;} } #cookie { transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all; text-align:center;padding:5px;width:100%;height:auto;font-size:12px;color:#fff;background-color:#000;opacity:0.9;position:sticky;bottom:0; } #cookie a {color:#fff;text-decoration:none;cursor:pointer;display:inline-block;} #cookie a.c_vse {padding:5px 10px;background-color:green;border-radius:10px;margin:10px;} #cookie a.c_vybrane {padding:5px 10px;background-color:orange;border-radius:10px;margin:10px;} #cookie a.c_ne {padding:5px 10px;background-color:red;border-radius:10px;margin:10px;}