@import url(https://fonts.googleapis.com/css?family=Francois+One&subset=latin-ext,latin);
@import url(https://fonts.googleapis.com/css?family=News+Cycle&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* font-family: 'News Cycle', sans-serif; */
html, body {background: #fff; margin: 0;font-family: 'Roboto', sans-serif; color: #555;}
#container {position: relative;}
a{text-decoration: none; color: inherit;}
#adanchor{background: rgba(0, 0, 0, 0.7) !important;right: 0;bottom: 30px;border:1px solid;display: block;position: absolute;margin: 10px;font-size: 1.2em;font-weight: bold;padding: 10px 5px;color: white;min-height: 0;}
#adanchor:before {content: "Zobacz więcej";}
textarea:focus, input:focus{
    outline: none;
}
.transition{
	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}
 
.rotate{
	  -webkit-transform: rotate(360deg);
	     -moz-transform: rotate(360deg);
	       -o-transform: rotate(360deg);
	      -ms-transform: rotate(360deg);
	          transform: rotate(360deg);
}

.halfrotate{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.overrotate{
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
         -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}

.lessrotate{
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.sticky{position:fixed !important;top:0;}

.shadowbox {overflow:hidden;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 7px rgba(0, 0, 0, .3);
}
.insetshadowleft {overflow:hidden;
    -webkit-box-shadow: inset -30px 4px 7px -15px rgba(0, 0, 0, .3);
    box-shadow: inset -30px 4px 7px -15px rgba(0, 0, 0, .3);
}
.insetshadowright {overflow:hidden;
    -webkit-box-shadow: inset 30px 4px 7px -15px rgba(0, 0, 0, .3);
    box-shadow: inset 30px 4px 7px -15px rgba(0, 0, 0, .3);
}

.dropshadow	{-webkit-filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, .6));
			filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, .6));}
	
.fullradius {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.bottomradius {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.topradius {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.bottomrightradius {
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}

.bottomleftradius {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}

.toprightradius {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}

/*HEADER START*/
header{width:100%;z-index:9998; max-width:1210px; margin:0 auto;}
.stickmenu {position: fixed; top: 0; left: 0; right: 0;
	-webkit-box-shadow: 0 11px 7px -7px rgba(0, 0, 0, .3);
	box-shadow: 0px 11px 7px -7px rgba(0, 0, 0, .3);}
.relativemenu {position: relative;}
header #headercontainer {height: 60px;padding: 3px 0;color: #555;background: #fff;}
header #chosenregion {background: #eee;text-align: center;}
header #chosenregion img{max-height: 40px;padding:5px;vertical-align: middle;}
header h1 {margin: 0; font-size: 1.5em;font-family: 'Francois One', sans-serif;}
header #logo{display:inline-block;padding: 5px;color: rgb(245,145,32); white-space:nowrap; float: left;}
header #logo img{width: 50px; vertical-align: middle; margin-left: 5px;}

header .emptybutton {height: 60vh;}
header .emptymenu {display: none !important;}
header .emptyregions {display: none !important;}

header #menu_button {height: 100%; float: left;margin-left: 10px; cursor: pointer;}
header #menu_button a {display:block; background-image: url(/gfx/menu.png); background-repeat: no-repeat; background-position: center; background-size: 100%;width:30px;height:100%;}
header #menu_button .menu1, header #menu_button .menu2, header #menu_button .menu3 {width: 40px;height: 5px; background-color: #555;margin: 11px 0; border-radius: 3px;}
header .x .menu1 {
	-webkit-transform: rotate(-45deg) translate(-15px, 10px) ;
	    transform: rotate(-45deg) translate(-15px, 10px) ;}
header .x .menu2 {opacity: 0;}
header .x .menu3 { -webkit-transform: rotate(45deg) translate(-12px, -7px) ;
	    transform: rotate(45deg) translate(-12px, -7px) ;}
header #menu_content {height: 100%;float:left;font-size: 0.9em;}
header #menu_content ul {list-style-type: none; margin: 0; padding: 0; display: table-row;-webkit-overflow-scrolling: touch;} 
header #menu_content ul li {vertical-align: middle;padding: 0 14px;}
header #menu_content ul li .arrow {display:inline-block;}
header #menu_content ul li ul {-webkit-box-shadow: 0 11px 7px -7px rgba(0, 0, 0, .3);
	box-shadow: 0px 11px 7px -7px rgba(0, 0, 0, .3);display: none;}
header #menu_content ul li ul li {display: block;}
header #menu_content a{border-radius: 3px;  padding: 5px 10px; display: inline-block;}
header #menu_content a:hover{color:rgb(245, 145, 32);box-shadow: 0px 0 5px #555;}

.livemenu span.first {border: 1px solid red; display: inline-block;}
#live_button {background:red;color:white;padding:1px 4px 4px;border:0 !important; display: inline-block;vertical-align:middle;}
#live_button:hover {color: white !important;padding:1px 8px 4px !important;border:0 !important}
.livemenu span.smartspan {overflow: hidden; display: none; vertical-align: middle;}
#smarttv_button {color: red;padding: 1px 4px 4px;border: 0 !important; display: inline-block;}
#smarttv_button:hover {color: red !important;padding:1px 8px 4px !important;border:0 !important;}

header #regions_button {margin: 4px; padding: 10px; border: 1px solid; float: right;}
header #regions_button a {display:block;}
header #regions_button a span{padding: 0 5px; display: inline-block;}
header #regions {float: right;text-align:center;height: 100%;width: 100%; background: white;}
header #regions ul {list-style-type: none;display:table-row;-webkit-overflow-scrolling: touch; padding: 0;}
header #regions ul li {display: table-cell;vertical-align:middle;padding:0px;}
header #regions ul li a{display: block;border-bottom: 1px solid white;}
header #regions ul li a:hover{color: #aaa;border-color: #aaa;}
header #regions ul li .region-dot{width:13px;height:13px;-webkit-border-radius: 13px; border-radius: 13px;margin:0 auto 4px;}
header #regions ul li span{display: block; font-size: 0.7em;}
header #regions ul li img {max-height: 36px;display: none;margin-bottom: 0px;}

header #partner {display: block;height:100%;float:right;position:relative;}
header #partner span {display: block;position: absolute;font-size: 0.6em;left: 5px;top: 0px;width:100%;text-align:center;}
header #partner img {height: 44%; padding-top: 14%; max-height: 52px;}
header #partner img:hover {-ms-transform: scale(1.1, 1.1); /* IE 9 */
  	  				  -webkit-transform: scale(1.1, 1.1); /* Safari */
    				  transform: scale(1.1, 1.1);}

header #search-button{float: right;height: 100%;display: table;}
header #search-button a {display: table-cell;vertical-align: middle;}
header #search-button img {height: 30px;margin: 0 10px;}
header #search-button a:hover img {-ms-transform: scale(1.2, 1.2); /* IE 9 */
  	  				  -webkit-transform: scale(1.2, 1.2); /* Safari */
    				  transform: scale(1.2, 1.2);}
header #search {position:absolute;top:66px;display: none;}
.search{height:40px;z-index:1;width:100%;height:70px;background:white;}
.search input[type="text"]{height:100%;width: 80%;background:transparent;color:#555;border:0;padding:0;text-align:center;font-size:1.3em;}
.search input[type="submit"]{float:right;height:100%;width:20%;border:0;/*background:url(/gfx/search.png) no-repeat center orange;background-size: 30px;*/background: orange; color: white; cursor:pointer;padding:0;font-size: 1.3em;-webkit-appearance: none;}
.search input[type="submit"]:hover {background: #555;}
*::-webkit-input-placeholder{color: #555;}
*:-moz-placeholder {/* FF 4-18 */color: #555;}
*::-moz-placeholder {/* FF 19+ */color: #555;}
*:-ms-input-placeholder {/* IE 10+ */color: #555;}

/*HEADER END*/

/*CONTENT START*/
#embed .video-js {width: 100%; height: 100%;}
#show .video-js {width: 100%; height: auto; padding-top: 56.25% !important;}
.vjs-control-bar {background-color: orange !important;}
#livebox {width: 80%; margin: 0 auto; padding: 20px 0;}
#live .youtube {width: 100%;height: auto;padding-top: 56.25% !important;position: relative;}
#live .youtube iframe, #embed iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.separator {margin: 0 auto; width: 50px; height: 50px; background-image: url('/gfx/logo_biale.png'); background-size: 100%;}

main{margin:0px auto;background: #eee; max-width:1210px;overflow: hidden; clear: both;}
main a:hover {color: orange;}
main .h_top {display: table;border-bottom: 2px solid orange;padding: 0 70px 0 5px;margin:0 0 10px 20px;}
main #left{width:59.3%;float:left; border-right: 1px solid orange;}
main #right{width:40%;float:right;}
main .slash {color: orange;font-weight: bold;}

main .day {width: 100%;margin: 0px auto;position: relative;}
main .day h2 {text-align: center;margin: 10px auto;background: #eee;font-size: 2em;}
main .day .si {width: 70%; margin: -65px auto 0;}
main .day .fl-box {display: flex;}
main .day .left {border-right: 1px solid orange;padding: 20px 0;width: 50%;min-height:40px;}
main .day .right {padding: 20px 0; width:50%;}
main .date-options {height: 40px; text-align: center;}
main .date-options .to-date {display: inline-block; vertical-align: middle;height: 40px; width: 40px; background-color: white; background-image: url(/gfx/to-date.png);background-size: 80%;background-position: center;background-repeat: no-repeat;}
main .date-options .to-date:hover {background-image: url(/gfx/to-date-hover.png);}
main .date-options .pick-date {display: initial !important;}
main .load-more {display: inline-block;width: 190px;height: 34px;padding: 6px 0 0;font-size: 17px;background-color: #fff;text-align: center;vertical-align: top;}
main .load-more img {height: 40px;}
main .load-day {display: none;}

main .recommended {margin: 20px auto;}
main .recommended_container {position: relative;}
main .recommended_content {position: relative;  left: 0; width: 70%;margin: 0 auto;white-space: nowrap;}
main .recommended_content section {display: inline-block;}
main .recommended_content article {width: 100%; margin: 0 auto;opacity: 0.7;}
main .recommended_content article.visible {-ms-transform: scale(1.03, 1.03);-webkit-transform: scale(1.03, 1.03);transform: scale(1.03, 1.03);z-index: 999; opacity: 1;}

main section {margin: 0 auto;}
/*main section h3 {text-align: center;margin: 0 auto;padding: 5px 0 10px;font-size: 1em;}*/
main article {margin: 30px auto 0px; width: 95%;position: relative;z-index:888;}
main article a {padding: 0px; display: block;position: relative; color: orange;min-height: 150px;}
main article a:hover, main article a.hover {-ms-transform: scale(1.03, 1.03); /* IE 9 */
  	  				  -webkit-transform: scale(1.03, 1.03); /* Safari */
    				  transform: scale(1.03, 1.03);}
main article img {width: 100%;}
main article .description {position: absolute; bottom: 0;width: 100%;padding-top: 20px;background: linear-gradient(rgba(0, 0, 0, 0), darkred 84%); color: orange;}
main article time {font-size: 0.8em;display: block;text-align: right; margin: 5px;position:absolute;bottom:0;right:0;}
main article h1 {padding: 10px; margin: 0;}
main article h3 {margin: 0px 10px;text-align: left; font-size: 1.5em; text-transform: uppercase;text-shadow: 2px 2px rgba(0,0,0, .6); border-bottom: 2px solid;}
main article p {padding: 10px; margin: 0 0 17px; line-height: 0; opacity: 0;}
main article a:hover p, main article a.hover p{line-height: 1; opacity: 1;}
main article .playable {position: absolute; top:0 ;left: 0; width: 35px; height: 35px; background: url(/gfx/stk_play.png) no-repeat center; background-size: 100%;}
main article .fb-comments iframe {width: 100% !important;}

main section .more {padding: 10px;display: block;text-align: center;margin: 10px auto 30px; width: 80%;}
main #subpage .more {margin: 30px auto -30px;}
main section .logo {position:absolute;top:0;right:0;}
main section .logo img {max-width: 100px;padding: 6px;}
main section .logo h3 {font-size: 0.8em;text-shadow: none; margin: 0; padding: 6px;}

.slider {width: 95%;position:relative;margin: 30px auto;background: #555;}
.top_slider {width: 80%; max-width: 800px; margin: 0px auto; position: absolute; top:-3px; left:0; right:0; white-space: nowrap;}
.top_slider_inside {position: relative;height:100%;}
.top_slider_content {position: absolute; top: 0px; left:0; right:0; margin: 0; width: 100%; max-width: 800px;}
.top_slider_content .slide {display: inline-block; width: 100%; height: 100%;vertical-align: top;white-space: normal;}
.top_slider_content p {margin: 0; padding: 10px;}
.top_slider_content img {max-width: 100%;}
.top_slider_content article {width: 100% !important; margin: 0 !important; padding: 0 !important;}
.top_slider_content article h3 {font-size: 1.2em; margin-bottom: 10px;}
.top_slider_content article a:hover {-ms-transform: scale(1.01, 1.01); /* IE 9 */
  	  				  -webkit-transform: scale(1.01, 1.01); /* Safari */
    				  transform: scale(1.01, 1.01);}


.top_slider_header {position: absolute; top: 0px; left: 0px; background: rgba(255,255,255,.75);}
.slider_left, .slider_right {cursor:pointer;position:absolute;top:50%;margin-top: -30px;height: 60px;width: 60px;z-index:999;-webkit-border-radius: 30px;border-radius: 30px;background-color: #555;background-size: auto 50px;background-repeat:no-repeat;}
.slider_left:hover, .slider_right:hover {background-color: orange;}
.slider_left {
	left:-30px;	
	background-image: url(/gfx/arrows.png);
	background-position:15px;	
}
.slider_right {
	right: -30px;
	background-image: url(/gfx/arrows.png);
	background-position:-52px;
}

main #subpage section {text-align:center;background-repeat:no-repeat;background-position: top left; background-size: cover; padding-bottom: 30px;}
main #subpage section #logo {font-size: 2.9em; font-family: 'Francois One', sans-serif; margin: 0; padding: 5% 5% 0;text-align: left;}
main #subpage section #logo img {max-width: 240px;}
main #subpage article {padding:0 10px; width:45%;display:inline-block;vertical-align:top;text-align: left;}
main #subpage .slider {background: transparent;}

main #subpage section article#show {width: 70%; background: white; padding: 20px 0px;}
main #subpage section article#show time{top: 0;}
main #subpage section article#show #adanchor {background: transparent;}
main #subpage section article#show #adanchor:hover {background: transparent;}
main #subpage section article#show p {line-height: 1;opacity:1; padding: 10px;}
main #subpage section article#show #contencts {line-height: 1; padding: 10px;}
main #subpage section article#show #contencts p{padding: 0px;}
main #subpage section article#show a {display: inline;}
main #subpage section article#show #contencts img {max-width: 100% !important; height: auto;}
main #subpage section article#show #map {width: 100%; height: 300px; margin: 15px auto;}

main #social {list-style-type: none; margin:0; padding: 0 10px;}
main #social li {display: inline;}
main #social span {vertical-align: top !important;}

main #share {background: #eee; display: inline-block; padding: 10px; margin: 3px;cursor:pointer;}
main #share label {font-size:0;vertical-align:middle;display:inline-block;width:0;}
main #share textarea {display:block;border:0;padding:0px;width:100%;font-size: 13px;height:0;resize: none;}

main #search-results {text-align: center;}
main #search-results section {width: 30%;display:inline-block;vertical-align:top;}


main .clear {clear:both;}

#pagination {position: relative;}
#pagination::before {content: "";position:absolute;width:25px;left:0;top:0;height:100%;background: linear-gradient(to right, #eee, rgba(238, 238, 238, 0));border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
#pagination::after {content: "";position:absolute;width:25px;right:0;top:0;height:100%;background: linear-gradient(to right, rgba(238, 238, 238, 0), #eee);border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
#article-pages {list-style-type: none; text-align: center; padding: 10px; margin: 0; clear: both;overflow: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}

#article-pages::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;}
#article-pages::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#article-pages::-webkit-scrollbar-thumb{background-color: #AAA;border-radius: 10px;}

#article-pages li {display: inline-block; margin: 2px 0;}
#article-pages a {display: block;width: 30px;line-height: 2;font-size: 15px; -webkit-border-radius: 30px; border-radius: 30px;text-decoration: none; color: orange; border: 1px solid;}
#article-pages a:hover {color: white; background: orange;
							-ms-transform: scale(1.2, 1.2); /* IE 9 */
	  	  				  -webkit-transform: scale(1.2, 1.2); /* Safari */
	    				  transform: scale(1.2, 1.2);}
#article-pages .noactive {background: white;}
#article-pages .active {background: orange; color: white;}

#gallery {width: 100%;text-align: center;padding: 0;margin: 10px 0;}
#gallery .image {display: inline-block;max-width: 300px;width: 22%;position: relative;}
#gallery .image a {display: block; padding: 0; margin: 0;}
#gallery .image a:hover {background: orange;}
#gallery .image a:active {background: orange;}
#gallery .image img {margin: 0; padding: 0; width: 100%;}

#embed {position:absolute;width:100%;height:100%;}
#embed h1 {position: absolute; top: 0;color: white; background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0 ,0) 100%);width: 100%;text-align: center;margin: 0;padding: 10px 0;font-size: 1.3em;}
#embed img {max-width: 100%; max-height: 100%;}
#embed #stk {position:absolute;bottom:5px;left:5px;padding:5px 5px 2px;background:rgba(255,255,255,0.3);}
#embed #stk img {width: 50px;}

#anchor {position: absolute; width: 100%;height: 100%;}
#anchor h1 {position: absolute; bottom: 0; color: white; background: linear-gradient(rgba(0, 0, 0 ,0), rgba(0, 0, 0, 0.8) 100%);width: 100%;text-align: center;margin: 0;padding: 10px 0;font-size: 1.3em;}
#anchor #stk {position: absolute; top: 5px; right: 5px; padding: 5px 5px 0px; background: rgba(0,0,0,0.3)}
#anchor #stk img {width: 40px;}


#contact {padding-bottom: 5px;}
#contact #info h1 {margin: 0; margin: 0 40px;text-align: center;}
#contact #info h1 span{font-size: 0.6em;}
#departments {list-style-type: none; padding: 0; margin: 0 40px;line-height: 1;text-align: center;}
#departments li {display: inline-block;font-weight: bold; font-size: 1.1em; margin: 10px 3%; min-width: 27%;}
#departments li ul {padding: 0;}
#departments li ul li{display: block; margin: 0;font-weight: normal;font-size: 0.9em;}
#contact #map {width: 100%; height: 300px; margin: 15px auto;}
#contact #form {max-width: 700px; margin: 0 auto; padding-bottom: 15px;}
#contact #form h2 {margin:0 auto; width: 90%;}
#contact .sendinfo {color: green;}
#contact .error {display: block; color: red; font-size: 0.9em;line-height: 1;}
#contact input[type="text"], #contact input[type="email"] {border: 0;width: 90%; margin: 10px auto; padding: 10px 3px; color: #555; font-size: 1.1em;display: block;}
#contact textarea {border: 0; width: 90%; min-height: 110px; margin: 10px auto; padding: 10px 3px; color: #555; font-size: 1.1em;display:block;}
#contact input[type="submit"] {border: 0; margin: 0 auto; display: block; font-size: 1.2em; background: white; color: #555;}
#contact input[type="submit"]:hover {background: #555; color: white;}

#advertise #info {margin: 0 40px;}
#advertise .board {display: inline-block;margin: 0 1% 2%;background-size: cover;position:relative;text-align: center;width: 31%;vertical-align: top; cursor: pointer;}
#advertise .board .naroznik {position: absolute;top:0;right:0;width: 100px;height: 105px; margin:0;background-repeat: no-repeat; background-size: 100%;}
#advertise .board .internet {background-image: url('/gfx/reklama/naroznik_internet.png');}
#advertise .board .tv {background-image: url('/gfx/reklama/naroznik_tv.png');}
#advertise .board .kw {background-image: url('/gfx/reklama/naroznik_kw.png');}
#advertise .board a {display: block; width: 100%;height: 100%;min-height: 105px; position: relative;color: inherit;}
#advertise .board .content {max-height: 0;height:0;}
#advertise .board h2 {text-shadow: 1px 1px #333;margin: 0 auto; width: 50%; padding: 35px 0; font-size: 20px;line-height: 1;text-transform: uppercase;}
#advertise .board p {padding: 5px;opacity: 0;display:none;}
#advertise .board .price {font-size:2em;padding:0px;margin:0 0 10px;width:100%;line-height:1;}
#advertise .board:hover a {background: rgba(0,0,0,.6);}
#advertise .board:hover a div {max-height: 500px;height:auto;}
#advertise .board:hover a p {opacity: 1;display:block;}
.jeden {color: rgb(215, 200, 231);background-color: purple;background-image: url('/gfx/reklama/plansza.jpg');}
.dwa {color: rgb(208, 208, 208);background-color: lightslategray;background-image: url('/gfx/reklama/srebrna.jpg');}
.trzy {color: rgb(255, 192, 53);background-color: darkgoldenrod;background-image: url('/gfx/reklama/zlota.jpg');}
.cztery {color: rgb(255, 239, 199);background-color: royalblue;background-image: url('/gfx/reklama/kolej.jpg');}
#advertise .specification {background-size: cover; position: relative; padding: 2%;border: 10px solid orange; height: auto !important; z-index: 997; display: none; opacity: 0;}
#advertise .specification h2 {text-shadow: 1px 1px #333;margin: 0;font-size: 1.1em;text-transform: uppercase;}
#advertise .specification p {opacity: 1;}
#advertise .specification ul {list-style-type: circle;}
#advertise .specification:before {content: '';width: 0;position: absolute;
									border-width: 0 15px 15px;
									border-style: solid;
									border-color: orange transparent;
									top: -25px;}
#advertise #jeden_content {margin: -10px 1% 10px;}
#advertise #jeden_content:before {left:35px;}
#advertise #dwa_content {margin: -10px 1% 10px 32%;}
#advertise #dwa_content:before {left:35px;}
#advertise #trzy_content {margin: -10px 26% 10px 1%;float: right;}
#advertise #trzy_content:before {right:35px;}
#advertise #cztery_content {margin: -10px 1% 10px;float: right;}
#advertise #cztery_content:before {right:35px;}

#onas, #politykaprywatnosci, #realizacje, #informacjeonadawcy {padding-bottom: 5px;}
#onas p, #politykaprywatnosci p, #realizacje p, #informacjeonadawcy p {padding: 0 20px;}
#onas a, #politykaprywatnosci a, #informacjeonadawcy a {font-weight: bold;}

.columns {display: flex; margin: 30px;}
.columnleft {width:30%;background: #ddd;}
.columnright {width: 70%}

.verticalmenu {list-style-type: none; margin: 0; padding: 0;}
.verticalmenu a {display: block; background: #ddd; padding: 2px 5px;}
.verticalmenu a:hover {background: #666;}
.verticalmenu a.active {background: #666; color: orange;}


/*CONTENT END*/

/*FOOTER START*/
#cookies {background-color: rgba(255, 255, 255, 0.9);background-image: url(/gfx/cookie.png);background-repeat: no-repeat;background-size: 50px;background-position: 10px center;padding: 0 10px 20px 70px;position:fixed;bottom:0;left:0;right:0;z-index:9999;color:black;box-shadow: 0px -5px 15px rgba(0,0,0,0.4)}
#cookies a {color: orange;}
#cookies a:hover {color: darkorange;}
#cookies div {display: block;text-align: right; padding: 10px;}
#cookies div a {color: black; font-weight: bold;}
#facebook {position: fixed;bottom: 0;left: -240px;z-index:9998;width:240px;-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .3);box-shadow: 0 4px 7px rgba(0, 0, 0, .3);}
#facebook .handle {background-image: url(/gfx/logo_facebook.jpg); background-position: center; background-size: 100%; background-repeat: no-repeat;cursor: pointer;display: block; height: 35px; width: 35px; position: absolute; bottom: 0; right: -35px;}
footer{background:white;overflow:auto;text-align:right;max-width: 1210px; margin: 0 auto;}
footer a{text-decoration:none;color:#555;background: #eee;padding:3px 20px 3px 3px;display:block;}
footer a:hover{color:#eee;background:#555;padding-right: 40px;}
footer ul{list-style-type:none;margin:0;padding:0;}
/*FOOTER END*/

#ablock {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0,0,0,0.9);
  box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
}
#ablock div {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  cursor: pointer;
}
#ablock p {
  padding: 45px 125px 45px 0;
  margin: 5%;
  color: rgb(245,145,32);
  font-size: 1.2em;
  background-image: url(/gfx/ablock.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 120px;
}


@media(min-width: 1115px){
	header #regions_button {display: none !important;}
	header #regions {display: table !important;}
}

@media(max-width: 1114px){
	header #regions_button {display: inline-block !important;}
	header #regions {display: none; position: absolute;width: 100%;top: 66px;background: white;text-align: center; height: calc(100vh - 66px);}	
	header #regions ul {display: block; background: white; padding: 0; margin: 0 0 20px; height: 100%; overflow: auto;}
	header #regions ul li {display: block; padding: 10px 0; width: 100% !important;}
	header #regions ul li span {font-size: 1.5em;}
		header .emptyregions {display: block !important;}
	main article h3 {font-size: 1.2em;}
	#advertise .board {width: 98%;}
	#advertise .board h2 {font-size: 15px}
	#advertise .board .price {font-size:1.2em;}
	body {min-width: 320px;}
	main article h3 {font-size: 1em;}
	main #subpage section #logo {text-align: center;}
	main #subpage article {width: 95%; padding: 0;}
	main #subpage section article#show {width: 100%;}
	main #subpage #slider {width: 90%;padding: 11px 5%;}
	#contact #departments li {width: 94%;}
	main #left{width:100%;float:none;border:0;}
	main #right{width:100%;float:none;}
	.columns {flex-direction: column;}
	.columnleft {width: 100%; order: 2;}
	.columnright {width: 100%; order: 1;}
}

@media(min-width: 1001px){

	header #menu_button {display: none !important;}
  header #menu_content {display: table !important;}
  header #menu_content li {display: table-cell;}
  header #menu_content ul li ul {position: absolute;background-color:white;margin-left:-10px;padding: 14px;}

}

@media(max-width:1000px){
  header #menu_button {display: inline-block !important;}
  header #menu_content {display: none; position: absolute;width: 100%;top: 66px;background: white;text-align: center;height: calc(100vh - 66px);}
  header #menu_content ul {height: 100%; overflow: auto; display: block;}
  header #menu_content ul li {padding: 10px;}
  header #menu_content a{font-size: 1.5em;font-weight: bold;}
  header #menu_content ul li ul {position: relative;font-size:1.2em;color: #777; background: #eee;}
  header .emptymenu {display: block !important;}
  main #search-results section {width: 40%;}
  #advertise .board .naroznik {display: none;}
  #advertise .board h2 {width: 90%;}
}

@media(max-width:565px){
	header h1 {font-size: 0;}
	header #partner {display: none;}
	#embed h1 {font-size: 1em;}
	#anchor h1 {font-size: 1em;}
	main .day .si {width: 100%;}
	main .day .fl-box {display: block;}
	main .day .left {width: 100%;}
	main .day .right {width: 100%;}
  main #search-results section {width: 90%;}
}