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

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

#wrapper {background-color:#F8F7F5;}

#top {background:url('../images/paragraf-top.webp') no-repeat;background-position:10px 35px;background-color:#1A1512;height:84px;margin-top:0px;}
#top-center {width:1020px;margin:0 auto;background-color:#1A1512;height:84px;}
#top-center #jazyky {float:right;}
#top-center #jazyky img {height:20px;margin:5px;}
#top-center img.logo {float:left;margin-top:42px;margin-left:3px}

#top-center ul {margin-top:40px;float:right;}
#top-center li {display:inline-block;margin-right:10px;}
#top-center li a {color:#fff;padding:5px 13px 5px 13px;text-decoration:none;font-size:1em;text-transform:uppercase}
#top-center li a:hover {color:#fff;background-color:#80A1C8}

#mobilni-menu {display:none !important;}
                                    
#header {background-color:#F8F7F5;height:auto;margin-top:0px;}
#header-center {width:1020px;margin:0 auto;background-color:##332D2A;height:auto;color:#fff;padding:0;}
#header-center .obrazek {width:100%;height:340px;background-size:cover;background-position:center center;}

#slider {margin:0 auto;padding:0;width:1020px;}
#slider #slideshow {margin-top:0px; position: relative; width: 1020px; height: 340px;overflow:hidden;}
#slider img {width:1020px;height:auto;}
#slider #slideshow > div {position: absolute;top: 1px;left: 1px;right: 1px;bottom: 1px;}
#slider #slideshow span {position:absolute;bottom:20px;margin-left:20px;padding:5px 10px 5px 10px;background-color:#332D2A;color:#fff;font-size:1.2em}

#content {width:980px;margin:0 auto;padding:20px 20px 50px 20px;height:auto;overflow:auto;background-color:#fff !important;;font-size:1em;}
#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 .submenu {float:left;width:250px;height:auto;color:#646567;background-color:#fff !important;padding:0 50px 40px 30px;}
#content .submenu ul {margin-left:-40px;margin-top:40px;list-style-type:none;text-transform:uppercase;font-size:1em;height:auto;}
#content .submenu li {border-bottom:1px solid #EAEAE5;border-top:1px solid #EAEAE5;line-height:2.5em;}
#content .submenu a {text-decoration:none;color:#9D9FA2}
#content .submenu a.active li {color:#768BB9;border-bottom:1px solid #768BB9 !important;border-top:1px solid #768BB9 !important;}
#content .submenu a li:hover {border-bottom:1px solid #768BB9 !important;border-top:1px solid #768BB9 !important;z-index:1000;color:#768BB9 !important;}
#content .submenu a.active li:hover {color:#768BB9;border-bottom:1px solid #768BB9 !important;border-top:1px solid #768BB9 !important;}
#content .obsah {width:580px;height:auto;margin-left:330px;top:90px;background-color:#fff;line-height:1.7em;font-size:1em}
#content .obsah h2 span {color:#4268A0;line-height:1.8em;}
#content a {color:#666769}
#content a:hover {text-decoration:none}
#content a.tlacitko {color:#4268A0;text-decoration:none;padding:7px 10px 7px 10px;border:1px solid #4268A0;float:right;}
#content a.tlacitko:hover {color:#fff;background-color:#4268a0;}
#content .line {height:1px;background-color:#EFEEEE;width:auto;margin:20px 0 20px 0;}
#content img.pravnik {border-radius:128px 128px;float:left;margin:0 20px 20px 0;width:128px;height:128px}
#content .sloupec {width:30%;height:auto;float:left;margin-right:30px}
#content .sloupec-last {width:30%;height:auto;float:left;}
#content table.kontakt tr {vertical-align:top;}
#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:280px;height:auto;min-height:300px;background-color:#fff;padding:20px;vertical-align:top;display:inline-block;margin-bottom:20px;box-shadow:0 3px 5px rgba(0,0,0,.3);text-align:center;}
#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;}

#prefooter {background-color:#80A1C8;height:auto;text-align:center;padding:40px 0 60px 0;}
#prefooter a {padding:7px 10px 7px 10px;color:#fff;text-decoration:none;border:1px solid #fff;text-transform:uppercase;}
#prefooter a:hover {color:#80A1C8;font-weight:bold;border:1px solid #fff;background-color:#fff}
#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:300px;border:0;font-family:Hind, Helvetica, sans-serif;font-size:16px;text-align:center;}
.contactform input[type=number] {padding:10px;background-color:#EFEEEE;width:300px;border:0;font-family:Hind, Helvetica, sans-serif;font-size:16px;text-align:center;}
.contactform textarea {padding:10px;background-color:#EFEEEE;width:300px;height:120px;border:0;font-family:Hind, Helvetica, sans-serif;font-size:16px;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-family:Hind, Helvetica, sans-serif;font-size:20px;text-align:center;}
.contactform input[type=submit]:hover {color:#fff;background-color:#4268a0;}

#footer {padding:10px;background-color:#4B454A;height:auto;min-height:200px;border-bottom:8px solid #565656}
#footer-center {width:940px;margin:0 auto;background:url('../images/paragraf-footer.webp') no-repeat;background-position:right 20px;
background-color:#4B454A;height:auto;color:#fff}
#footer-center ul {margin-left:-40px;list-style-type:none;font-size:0.9em}
#footer-center a {color:#fff;text-decoration:none}
#footer-center a:hover {text-decoration:underline;}
#footer-center h3 {color:#fff;font-size:0.9em}
#footer-center p.copy {clear:both;font-size:0.8em;margin-top:10px;padding-top:10px;border-top:1px solid #B2B1A8;color:#B2B1A8}
#footer-center img {float:left;margin:15px 30px 10px 0}
#footer-center p.copy a {color:#B2B1A8;}
#footer-center .sloupec {width:18%;height:auto;float:left;margin-right:30px}

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