/* BSAK.cz Mobile CSS
   Released: 13.4.2015
   Update: 02.03.2023
   Autor: PC-IN PLZEN, https://www.pcinplzen.cz
*/

body {margin:0;padding:0;background-color:#fff;font-size:0.9em;font-family: Hind, Helvetica, sans-serif;color:#646567}
textarea {font-family: Hind;}
img, a {border:0}

#top {background-color:#1A1512;height:auto;min-height:50px !important;padding:5px 0 5px 0;}
#top-center {padding:10px 0 0 0;}
#top-center p {padding:10px;line-height:0.8}
#top-center a {color:#fff;text-decoration:none;font-size:1.3em;text-transform:uppercase}
#top-center a.active {text-decoration:underline}
#top-center a:hover {color:#fff;}
#top-center #jazyky {float:right;margin-right:60px;}
#top-center #jazyky img {height:20px;margin:5px;}

#klasicke-menu {display:none !important;}
#mobilni-menu img.logo {width:180px;top:-3px;}

#header {background-color:#332D2A;height:auto;margin-top:0px;clear:both;font-size:0.9em;color:#fff;position:relative;top:-10px;}
#header-center .obrazek {width:100%;height:200px;background-size:cover;background-position:center center;}

#slider {height:160px;text-align:left !important;}
#slider img {height:auto;width:100%;}
#slider #slideshow {margin-top:0px; position: relative; width: 100%;height:160px;}
#slider #slideshow > div {position: absolute;top: 1px;left: 1px;right: 1px;bottom: 1px;}
#slider #slideshow span {display:none;}

#content {padding:10px 10px 10px 10px;background-color:#fff;}
#content a {color:#000}
#content a.tlacitko {color:#4268A0;text-decoration:none;padding:3px 7px 3px 7px;border:1px solid #4268A0;font-size:18px;clear:both;}
#content a.tlacitko:hover {color:#fff;background-color:#4268a0;}
#content h1 {color:#4268A0;text-transform:uppercase;margin-top:5px;font-size:30px;font-weight:normal;}
#content h2 {text-transform:uppercase;font-weight:normal;font-size:24px;margin-top:10px;line-height:1.3em !important;}
#content h3 {text-transform:uppercase;font-weight:normal;color:#4268A0}
#content img.pravnik {border-radius:100px 100px;float:left;margin:0 20px 20px 0;width:100px;height:100px}
#content .sloupec {padding:5px 10px 5px 10px;text-align:left;}
#content .sloupec-last {padding:5px 10px 5px 10px;text-align:left;}
#content .mobile {padding:5px 10px 5px 10px}
#content table.kontakt tr {vertical-align:top;}
#content .line {height:1px;background-color:#EFEEEE;width:auto;margin:20px 0 20px 0;}
#content .submenu {padding:0;border-bottom:1px solid #ededed;margin-bottom:20px;}
#content .submenu ul {text-transform:uppercase;list-style-type:none;margin-left:-45px;margin-top:-15px;}
#content .submenu a {color:#646567;text-decoration:none;}
#content .submenu a:hover {color:#427FC0;}
#content .submenu a.active {color:#427FC0;font-weight:bold;}
#content .submenu li {padding:10px;display:inline-block;}
#content .obsah {padding:5px 10px 5px 10px}
#content .obsah h2 {clear:both}
#content tr.reference img {filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
#content tr.reference:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%);transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
#content .ref {width:45%;height:auto;min-height:300px;background-color:#fff;padding:2%;vertical-align:top;display:inline-block;margin-bottom:20px;box-shadow:0 3px 5px rgba(0,0,0,.3);text-align:center;}
#content .ref img {width:auto;max-width:90%;height:auto !important;}
#content .ref img.hvezda {width:16px;max-width:16px;height:16px !important;}
#content .ref span {font-size:16px !important;}
#content .ref:hover {background-image: linear-gradient(to bottom, #fff, #ededed);transition:1s all;color:#000;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}

.clear {clear:both;height:20px;}

#prefooter {background-color:#80A1C8;height:auto;text-align:center;padding:20px 10px 40px 10px;}
#prefooter a {padding:7px 10px 7px 10px;color:#fff;text-decoration:none;border:1px solid #fff;text-transform:uppercase;}
#prefooter a:hover {color:#000;border:1px solid #000;}
#prefooter h3 {color:#fff;text-transform:uppercase;padding-bottom:20px;font-size:1.6em;font-weight:bold}

.contactform {color:#fff;}
.contactform input[type=text] {padding:10px;background-color:#EFEEEE;width:80%;border:0;font-size:1em;text-align:center;margin-bottom:10px;}
.contactform input[type=number] {padding:10px;background-color:#EFEEEE;width:80%;border:0;font-size:1em;text-align:center;margin-bottom:10px;}
.contactform textarea {padding:10px;background-color:#EFEEEE;width:80%;height:200px;border:0;font-family:Hind, Helvetica, sans-serif;font-size:1em;text-align:center;}
.contactform input[type=submit] {padding:7px 30px 7px 30px;background-color:#fff;border:1px solid #4268A0;color:#4268A0;font-weight:bold;margin-top:20px;cursor:pointer;font-size:1.2em;}
.contactform input[type=submit]:hover {color:#fff;background-color:#4268a0;}

#footer {padding:10px;background-color:#4B454A;height:auto;border-bottom:8px solid #565656}
#footer ul {margin-left:-40px;list-style-type:none;font-size:0.9em}
#footer a {color:#fff;}
#footer h3 {color:#fff;font-size:0.9em}
#footer p.copy {clear:both;font-size:0.8em;margin-top:10px;padding-top:10px;border-top:1px solid #B2B1A8;color:#B2B1A8}
#footer img {margin:10px 10px 10px 0;clear:both;}
#footer p.copy a {color:#B2B1A8;}
#footer-center .sloupec {padding:2%;display:inline-block;width:45%;vertical-align:top;}


@media (min-width: 400px) {
#header-center .obrazek {width:100%;height:170px;background-size:cover;}
#slider {height:170px;text-align:left !important;}
#slider #slideshow {margin-top:0px; position: relative; width: 100%;height:170px;}
}


@media (min-width: 500px) {
#header-center .obrazek {width:100%;height:190px;background-size:cover;}
#slider {height:190px;text-align:left !important;}
#slider #slideshow {margin-top:0px; position: relative; width: 100%;height:190px;}
}

@media (min-width: 600px) {
#header-center .obrazek {width:100%;height:240px;background-size:cover;}
#slider {height:240px;text-align:left !important;}
#slider #slideshow {margin-top:0px; position: relative; width: 100%;height:240px;}
}

@media (min-width: 700px) {
#header-center .obrazek {width:100%;height:260px;background-size:cover;}
#slider {height:260px;text-align:left !important;}
#slider #slideshow {margin-top:0px; position: relative; width: 100%;height:260px;}
}

@media (min-width: 800px) {
#header-center .obrazek {width:100%;height:280px;background-size:cover;}
#slider {height:280px;text-align:left !important;}
#slider #slideshow {margin-top:0px; position: relative; width: 100%;height:280px;}
}

@media (min-width: 900px) {
#header-center .obrazek {width:100%;height:300px;background-size:cover;}
#slider {height:300px;text-align:left !important;}
#slider #slideshow {margin-top:0px; position: relative; width: 100%;height:300px;}
}

@media (max-width: 500px) {
#mobilni-menu img.logo {width:180px;top:3px;}
img.menu {width:32px;height:32px;}
#content table.kontakt td {display:block;width:100%;}
}

#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:fixed;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;}