body {margin:0;padding:0;background-color:#0E0F17;font-size:17px; font-family:Roboto, Tahoma;}
img, a {border:0;max-width:100%;} /* IE Fix */
a {color:#1F1D21;}

table td img {max-width:100% !important;}
input[type=submit], button {padding:10px 15px 10px 15px;cursor:pointer;font-size:16px;font-family:Roboto, Tahoma;}
input[type=submit].btn, a.btn {padding:10px 15px 10px 15px;border:0;color:#fff;background-color:#1F1D21;text-decoration:none;font-weight:bold;text-transform:uppercase;display:inline-block;}
input[type=submit].btn:hover, a.btn:hover {background-color:#E9E8E8;color:#1F1D21;}
input[type=text], input[type=email] {padding:10px;width:300px;font-size:18px;font-family:Roboto, Tahoma;}
select {padding:10px;width:320px;font-size:16px;font-family:Roboto, Tahoma;}
option {font-size:16px;font-family:Roboto, Tahoma;}                                                                             
textarea {padding:10px;width:300px;font-size:16px;font-family:Roboto, Tahoma;}

h1 {color:#000;text-transform:uppercase;font-size:28px;text-align:left;margin:20px 0 20px 0;}
h2, h2 a {color:#000;line-height:1.3em;margin:20px 0 10px 0;}
#top {height:70px;background-color:#E9E8E8;} 
#top-center {width:980px;padding:10px;margin:0 auto;}

img.logo {margin-top:5px;}
.logo-mobile {display:none;}

.text {width:240px;float:left;margin-right:30px}
.ikonka {width:50px;float:left;}
.ikonka img {position:relative;top:30px}
.ikonka img:hover {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform;
-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg);}

/* jazyky */
#top-center #lng {position:absolute;top:15px;margin-left:890px;}
#top-center #lng a {text-decoration:none;}
#top-center #lng a.czech {margin:0 5px 0 5px;font-size:15px;padding:0 11px;background-image: url('https://www.pilsfree.net/media/images/ikony/czech.png');background-size:100% 200%;background-position: 0 100%;}
#top-center #lng a.english {margin:0 5px 0 5px;font-size:15px;padding:0 11px;background-image: url('https://www.pilsfree.net/media/images/ikony/english.png');background-size:100% 200%;background-position: 0 100%;}
#top-center #lng a.telefon {margin-left:-75px;;font-size:15px;padding:0 11px;font-weight:bold;}
a.telefon img {position:relative;top:2px;margin-right:5px;}
#top-center #lng a:hover {transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#top-center #lng a.czech:hover {background-position: 0 0;}
#top-center #lng a.english:hover {background-position: 0 0;} 
#top-center #lng a:hover img, #top-center #lng a.active{opacity:1;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}

/* navigace */
#main-nav {float:right;color:#1F1D21;}
#main-nav-container > ul{font-size:0;margin:0;padding:0;list-style-type:none;}
#main-nav-container > ul > li{font-size:18px;vertical-align:middle;display:inline-block;position:relative;margin-top: 5px;}
#main-nav-container > ul > li+li{margin-left:15px;}
#main-nav-container a{color:#1F1D21;text-decoration:none;padding:3px 8px;margin:10px;font-size:16px;}
#main-nav-container li a:hover, #main-nav-container > ul > li:hover > a {color:#000;text-decoration:underline;}
#main-nav-container li.active a{color:#000;text-decoration:underline;} 
#main-nav-container li.active a{color:#000;font-weight:bold;text-decoration:none;}
#main-nav-container > ul > li > ul{background-color:#E9E8E8;margin:0;padding:15px 10px;width:210px;list-style-type:none;position:absolute;left:-15px;top:100%;display:none;text-align:left;z-index:800;}
#main-nav-container > ul > li:hover > ul{display:block;}
#main-nav-container > ul > li > ul > li+li{margin-top:5px;}
#main-nav-container > ul > li > ul > li > a{display:block;font-weight:normal;}
#main-nav-container > ul > li.active > ul > li > a{font-weight:normal;text-decoration:none;}
#main-nav-container > ul > li > ul > li.active a {text-decoration:none;font-weight:bold;}
#main-nav-container > ul > li > ul > li > a:hover{text-decoration:underline;}

#main-nav-container #show {display:block;}
#main-nav-container #hide {display:none;}

#main-nav #search {display:none;position:absolute;margin-left:220px;top:70px;background-color:#E9E8E8;font-size:16px;width:auto;padding:15px 20px 15px 20px;z-index:1000;}
#main-nav #search input[type=text] {width:190px;float:left;padding:10px;border:1px solid #C6C6C6;background-color:#E9E8E8;font-size:12px;font-style:italic;}
#main-nav #search input[type=submit] {border:0;background-color:transparent;padding:8px 10px;background-image: url('https://www.pilsfree.net/media/images/ikony/vpravo.png');background-repeat: no-repeat;background-size:auto auto;background-position:center center;}

/* header */
#header {height:150px;padding:40px 0;background-color:#363B3F;text-align:center;color:#fff;}
#header-center {width:980px;margin:0 auto;line-height:1.5em;}
#header-center h1 {color:#fff;line-height:1.1em;}

#ovladac-pc {background:url('/images/ovladac-pc-pozadi.jpg') no-repeat;background-size:100% 100%;}
#ovladac-pc img {width:100%;}
#ovladac-mobil {height:770px;width:100%;display:none !important;}
#ovladac-mobil-text {display:none !important;background-color:#efefef !important;}
/* bila obsahova cast */ 
#content {background-color:#F5F3F3;}
#content-center {width:980px;height:auto;padding:10px;margin:0 auto;line-height:1.4em;display:block;}
#content-center .autor {display:inline-block;}
#content-center .autor img {float:left;height:64px;width:64px;border-radius:90%;float:left;margin:10px;}
#content-center .autor span {float:right;margin:10px 10px 0 0;}
#content-center h2 {text-align:center;color:#D89B03 !important;}
#content-center h3, #content-center h4 {text-align:center;}
#content-center h2, #content-center h2 a {color:#FFA900 !important;line-height:1.3em;}
#content-center h2 a:hover {text-decoration:none;}

#content-center tr {vertical-align:top;}
#content-center td h2 {text-transform:none;font-size:16px;text-align:left;}
#content-center table.tri td {width:33% !important;}
#content-center td {font-size:14px;}
#content-center a.tlacitko {margin-top:15px;padding:8px 16px;border:1px solid #373437;color:#373437;text-decoration:none;font-size:12px;line-height:16px;display:inline-block;}
#content-center a.tlacitko:hover {text-decoration:underline;}

#content a.button {background-color:#FDB812;padding:6px 30px 6px 30px;color:#616A6D;border-radius:7px;text-decoration:none;}
#content a.button:hover {cursor:pointer;color:#000;}
#content-center img.tv {padding:20px 20px 20px 20px;border:1px solid #E0E2E2;margin:15px;}
#content-center a img.tv {text-decoration:none;}
#content-center a img.tv:hover {background-color:#efefef;border:1px solid #FDB812;}

#content-center .left_bar {float:left;width:520px;height:auto;}
#content-center .right_bar {float:right;width:400px;height:auto;}

#content-center .program {display:inline-block;width:189px;height:300px;padding:15px 0 10px 0;text-align:center;border-bottom:1px dotted #ccc;vertical-align:top;font-size:0.9em;}
#content-center span.tv_prg {cursor:default;background-color:#ddd;font-size:0.3em;letter-spacing:12px;position:relative;top:-3px;}

#novinky {background-color:#F3A600;color:#fff;height:auto;background:url('/images/novinky-historie.jpg') no-repeat;background-size: cover;}
#novinky-center {width:980px;margin:0 auto;padding:0 0 30px 0;}
#novinky-center a {color:#fff;text-decoration:none;}
#novinky-center a:hover {text-decoration:none;}
#novinky-center h2 {color:#fff;text-transform:uppercase;padding-top:10px;}

#novinky-center .ctvrt {float:left;width:225px;height:auto;height:100px;padding:10px;margin-top:18px;}
#novinky-center .ctvrt img {float:left;margin:20px 20px 100px 0;}
#novinky-center p.right {text-align:right;margin-right:30px;}
#novinky-center p.right a {margin-left:100px;}

#novinky-center .bar {margin:0 0 80px 0;width:220px;height:300px;padding:100px 10px 100px 10px;display:inline-block;text-align:center;vertical-align:top;}
#novinky-center .bar:hover {background:url('../images/pozadi.png') no-repeat;background-size:100% 100%;}


#footer {background-color:#0E0F17;color:#fff;height:auto !important;width:100%;font-size:16px;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer-center {width:980px;padding:20px 0;margin:0 auto;text-align:center !important;}
#footer-center .social {width:220px;margin:0 auto;margin-bottom:0px;}
#footer-center .social a {margin:0 10px 0 10px;}
#footer-center .social a img {background-color:#F4AE00;border-radius:90%;}
#footer-center .social a:hover img {background-color:#fff; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}

#footer-center .ctvrt {display:inline-block;width:auto;margin:0 0 20px 0;text-align:center;}
#footer-center .pul {display:inline-block;width:45%;margin:0 10px 20px 10px;text-align:center;}
#footer-center .ctvrt img {position:relative;top:10px;margin-right:7px;}
#footer-center .pul img {position:relative;top:4px;margin-right:7px;}
#footer-center .copyright {text-align:center;font-size:12px;}

@media (min-width: 1000px) {
#main-nav-container {display:block !important;} /* 20.5.2022 */
}
 
/* mobil */
@media (max-width: 1000px) {
body {overflow-x:hidden;text-align:center;}
img {max-width:100% !important;}

#top {height:auto !important;padding-bottom:40px;}
#top-center {width:auto;}
.pripravujeme {display:none;}
.logo {display:none;}
.logo-mobile{background-image:url(https://www.pilsfree.net/media/images/logo.png);background-repeat:no-repeat;width:174px;height:36px;background-size:100% 100%;display:block;position:absolute;left:50%;top:10px;margin-left:-350px;}
h1 {color:#000;text-transform:uppercase;font-size:28px;margin-top:10px;text-align:center;line-height:1.2em;}

#main-nav{height:60px;position:fixed;z-index:1000;left:0;top:0;right:0;margin:0;padding:0;background-color:#E9E8E8;width:auto;max-width:100% !important;border-bottom:3px solid #1F1D21;}
#main-nav:after, #main-nav-container:after{content:'';background-image:url(../images/bgr-header-shadow.png);height:4px;position:absolute;left:0;top:100%;right:0;}
#main-nav-instead{height:50px;}
#main-nav-container{background-color:#E9E8E8;position:absolute;left:0;top:100%;right:0;display:none;z-index:1100;}
#main-nav-container > ul{padding:5px 0 10px;text-align:center;}
#main-nav-container > ul > li{display:block;margin:0 !important;}
#main-nav-container > ul > li.no{display:none !important;}
#main-nav-container > ul > li+li{margin-top:5px !important;}
#main-nav-container > ul > li > ul > li{margin-top:5px !important;}
#main-nav-container a{padding:5px;display:block;}
#main-nav-container > ul > li > ul{background-color:transparent;padding:0;width:auto;position:static;box-shadow:none;display:block;text-align:center;}
#main-nav-toggle{margin-right:-350px;width:70px;height:48px;position:absolute;top:0;right:50%;padding-top:15px;}
#main-nav-toggle > span{display:block;background-color:#1F1D21;margin:0 auto 5px;width:34px;height:5px;}

#header {height:auto;padding:0;}
#header-center {width:auto;padding:10px;font-size:14px;}
#header-center h1 {color:#fff;line-height:1.1em;font-size:26px;margin-top:10px;}

#content-center {width:95%;padding:10px 5px 10px 5px;}
#content-center table {width:99% !important}
#content-center td {display:block;width:99% !important; }
#content-center ul, #content-center ol {margin-left:-20px;font-size:0.9em;}
#content-center iframe {max-width:99% !important;}

#novinky-center {width:100%;}
#novinky-center .bar {margin:0 0 10px 0;width:220px;height:300px;padding:30px 10px 80px 10px;display:inline-block;text-align:center;vertical-align:top;}
#novinky-center .bar:hover {background:url('../images/pozadi.png') no-repeat;background-size:100% 100%;}


#footer-center {width:auto;padding:20px 10px 20px 10px;font-size:14px;text-align:center;}
#footer-center .social {width:auto;margin:10px;padding:0;}
#footer-center .ctvrt {display:block;width:100%;margin:20px 0;text-align:center;}
#footer-center .pul {display:block;width:100%;margin:10px;text-align:center;}
#footer-center img {max-height:24px;/*position:relative;top:10px;margin-right:7px;*/}
#footer-center .copyright {float:none;margin-top:60px;text-align:center;}
}

@media (max-width:768px){
#content-wrap{width:auto;}
#hc-top{margin-top:-10px;margin-bottom:10px;}
.logo-mobile{left:15px;margin:0;}
#main-nav-toggle{right:0;margin:0;}
h1 {color:#000;text-transform:uppercase;font-size:28px;margin-top:10px;}
input[type=submit], button {width:99%;}
input[type=text], input[type=email] {width:99% !important;padding:10px 0 10px 0;}
select {width:99% !important;padding:10px 0 10px 0;}                                                                             
textarea {width:99% !important;padding:10px 0 10px 0;}

#ovladac-pc {display:none !important;}
#ovladac-mobil {display:block !important;background:url('/images/ovladac-mobil.jpg') no-repeat;background-size:100% 100%;}
#ovladac-mobil-text {display:block !important;padding:2%;text-align:left;}

#content-center p {text-align: left !important;}
#content-center td {display:block;width:99% !important;text-align:left !important;}
#content-center h2 {text-align:center;display:block;}
}

@media (max-width:500px){
#ovladac-mobil {height:650px;width:100%;}
#content-center td {display:block;width:auto !important;text-align:center !important;}
#content-center td h2 {text-align:center;}
#content-center table.tri td {display:block;width:99% !important;text-align:left !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: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;}