@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
/*@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.ttf') format('truetype'),
         url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('robotocondensed-regular-webfont.eot');
    src: url('robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-regular-webfont.woff2') format('woff2'),
         url('robotocondensed-regular-webfont.woff') format('woff'),
         url('robotocondensed-regular-webfont.ttf') format('truetype'),
         url('robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
html {background-image: url(../files/img/background.jpg);}
#top {position:fixed; top:0; width:100%; height:32px; background-color:#001840; opacity:.7;z-index:10; -webkit-box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 7px 9px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 7px 9px 0px rgba(0, 0, 0, 0.5);}
body { margin:0px; padding:0; font-family: Roboto,Tahoma, Arial, Verdana, Helvetica, sans-serif;  font-size:15px; color: #333;background: url("../images/sky7.jpg") no-repeat top center; } 
@media screen and (max-width: 480px)  {
body {font-size:13px;}
}
a { text-decoration: none; color: #04b;}
hr {border: 0; height: 2px; color: #94268c; background: #eee;}
#Document {text-align: left; margin: 0 auto 10px auto; padding-top:32px; position: relative; z-index: 2;overflow: hidden;}
.container  {max-width: 1008px; margin:0 auto;}
#pasek {position:relative; height:30px;}
#mobilemenu {width:28%; float:right;}
#Szukaj {padding:4px; border:none; width:180px; font-size: 11px; margin-top:4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#Szukaj_Button {margin-left: 7px; vertical-align: bottom; margin-bottom:2px; padding-top: 5px;}
#AddThis {padding-left: 650px; padding-top: 6px; position: absolute;}
#Date { float:left; font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size:16px; color:#ffffff; padding-top:6px; text-align:center;  width:66%;}
#zegar {width:33%; float:left; font-size:16px; margin-top:6px; color:#FFF; text-align:left;}
#logo {height: 122px; width: 150px; background: url('../files/img/a.png') no-repeat; float: left; margin-left:20px;}
#banner { max-width: 750px; height: 100px; margin-top:22px; padding-bottom:2px; float:left; margin-left: 25px; } 
#Header { clear:both; max-width:980px; margin:0 auto; height:35px; padding-top:0px; color:#ffffff; font-size:11px; font-family: Tahoma, Geneva, Arial, Verdana, sans-serif; }
@media screen and (max-width: 672px)  {
#navigation {display:none;}
}
#Header .Top { height:50px; width:986px; padding-bottom:0px; } 
#Header .Top .Logo IMG { float:left; height:50px; width:493px; } 
#Header .Top .Logo { float:left; height:50px; width:493px; } 
#Header .Top .Menu { float:left; height:14px; margin-top:11px; margin-left: 91px; } 
#Header .Top .Menu .Item { float:left; border-left:1px solid white; padding-right:8px; padding-left:9px; } 
#main-table {clear:both; max-width:1008px; position:relative; overflow:hidden; margin-top: 5px;}
#main-table.kom { margin-top: 20px;}
#Body, #news {float:left;}
@media screen and (min-width: 960px) {
#Body, #news {width: 67%;}
#news {width: 66%; padding:0 8px 0 0;}
}
@media screen and (min-width: 676px) and (max-width: 959px)  {
#Body, #news {width: 674px; float:none; margin:0 auto;}
}
@media screen and (max-width: 675px)  {
#Body {width: 98%; float:none; margin:0 auto;}
#news {width: 96%; float:none; margin:0 auto;}
}
#dashedborder {border: 0px dashed #C5C2B3;}
#navigation { height: 30px; background: transparent url('../files/img/menu.png') no-repeat; font-family:Tahoma, Verdana, Helvetica, sans-serif; } 
#navigation a.kirjaudu { float: right; margin: 5px 8px 0px 0px; color: #000000; text-decoration: none; } 
#navigation a:hover.kirjaudu { color: #999999; } 
#navigation ul { float: left; margin:0 18px; padding: 0px 0px 0px 0px; list-style: none; border-right: 1px solid #cccccc; } 
#navigation ul li { display: inline; margin: 0px; padding: 0px; } 
#navigation ul li a { display: block; float: left; padding: 8px 8px 8px 8px; background: transparent; color: #224466; border-left: 1px solid #cccccc; text-decoration: none; } 
#navigation ul li a:hover { background: transparent url(../files/top_bg_over.gif) repeat-x; color: #ffffff; } 
#tags  {width:985x; margin:5px auto; font-size:11px;}
#tags .RightModule {background: #ffffff; margin-bottom: 12px; position: relative; border-left: 1px solid #cdd7dc; border-right: 1px solid #cdd7dc; border-bottom: 1px solid #cdd7dc; border-top: 1px solid #cdd7dc;}
#tags .RightModule .Header {background: #FFFFFF; color: #992200; font-size: 11px; font-weight: bold; height: 17px; line-height: 15px; padding: 2px 0px 0px 6px; overflow: hidden;}
#tags .RightModule .Contents{ padding: 5px; }
#tags .RightModule .Contents table td{font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:11px;} 
#tags .RightModule .Contents A { text-decoration: none; color:#287bca; } 
#tags .RightModule .Contents A:hover { background-color: #ad005a; color:white; }
#tags A { text-decoration:none; color:#287bca; }
#tags A:Hover { text-decoration:underline; color:#cf0566; } 
.tytul { } 
.tytul2 { color: #26a; font-size:12px; font-family: Roboto, Tahoma, Helvetica, sans-serif; font-weight: bold; } 
.tytul3 { color: #2266aa; font-size: 17px; font-family: roboto_condensedregular, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; } 
.old { color: black; font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; } 
.style1 {margin-right: 3px;}
.style2 { float:left; background-image: url('../files/line_main.gif'); width:5px;} 
.style3 {text-align: center; position: fixed;}
.style4 { font-size: x-small; color: black; font-family:Verdana, Helvetica, sans-serif; font-size:11px; } 
.data { height:15px; font-family: Tahoma, Lucida Grande, Helvetica, Arial, sans-serif; font-size: 10px; color: #777777; padding-left:17px; float:left; margin-right:16px; line-height:12px; }
@media screen and (max-width: 320px)  {
.data { margin-right:6px;}
}
#mostread .datacom {position:relative; height:20px;}
#mostread .data { padding-left:0; }
#mostread .obrazek img { height:auto; max-height:50px; max-width:75px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #FFF;}
.mr-item {position:relative; clear:both; margin-bottom:5px; overflow:hidden; background-color:#ddd; padding:5px; -webkit-border-radius: 6px;
-moz-border-radius: 6px; border-radius: 6px; border:1px solid #BBB;} 
.mr-item .mr-content {position:relative; clear:both; overflow:hidden;}
.mr-item .obrazek {padding-top:3px;}
/*.mr-item .title { word-break: break-all;} */
.news .datacom {position:relative; height:24px;}
.date {background:url("../images/date_icon.gif") no-repeat top left;}
.wysw {background:url("../images/wysw_icon.gif") no-repeat top left;}
.com {background:url("../images/kom_icon.gif") no-repeat top left; margin-right:0;}
.tagi { font-family: Tahoma, sans-serif; font-weight: bold; color: #333333; font-size: 11px; } 
.tagi2 { position:relative; font-family: "Roboto Condensed"; font-weight: normal; color: #777777; font-size: 12px; }
.channel .tagi2, .ite .tagi2 {margin:8px 0; }
.news .tagi2 {padding-bottom:12px;}
.source { position:relative; font-family: Tahoma, sans-serif; font-weight: normal; color: #777777; font-size: 10px; margin:0 0 8px 0; overflow:hidden;}
.news .tagi2 {color: #000; margin:0;}
#index .tagi2 {font-size:0; height:0;}
.source {float:left; clear:both; margin-bottom:0;} 
.tagi2 span, .source span {color:#448800;} 
.obrazek, .obrazek1 {display: table-cell; float: left;}
.obrazek img, div.right div.obrazek img {height: 33px;}
.obrazek1 img, .tresc1 p img, .tresc1 img, div.ite div.tre img, div.ite div.tre p img {width: 120px;}
.tresc-titul, .tresc-titul a {margin: 0; padding: 0;}
.main {background-color: #fff; min-width: 109px; padding:5px; margin-bottom:8px; border:1px solid #bbb; overflow:hidden; border-radius:5px;}
.main .datacom, .channel .datacom {position:relative; overflow:hidden; height:18px;}
.main .obrazek {display:table-cell; float:left; background-color: #ccc; border:1px solid #bbb; padding:3px; margin-right:7px; margin-bottom:5px;}
.main .obrazek img {height:60px; margin:0}
.main .tresc {height:45px; line-height:15px; overflow:hidden; color:#443e33; font-size:11px;}
.main2 {position:relative;background-color:#eeeeee; padding:0 2px}
.main1 div, .main2 div {background-color: #fff; padding:5px; margin-top:2px; border:1px solid #ccc; min-height:26px;}
.main1 div a .tytul2 {background:url(../files/arrow4.gif) no-repeat left center; padding-left:10px;}
.channel.row {justify-content: space-between;}
div.channel {overflow:hidden; }
div.channel p, div.right p {}
div.channel p a, div.ite p a, div.right p a {font-size: 12px;}
.more {float:right; font-size:10px; margin:0;}
.more a {color:#287bca!important;} 
.more1 {text-align:right; font-size:14px; margin:5px 0 0 0;}
.more1 a {color:#290 !important;} 

/*div.ite {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #dddddd; overflow: auto;}
div.ite div.title {background: #ffffff; margin-bottom: 5px;}
div.ite div.title a {font-size: 13px; font-weight: bold;}
div.ite div.datakom {margin-bottom: 5px; color: #777777;}
div.ite p {clear: right; text-align: right;}*/
div.ite, td.ite{margin-bottom:6px; padding:5px; overflow: auto; background-color:#fff; border:1px solid #BBB;}
#RightColumn .ite{margin:10px 0;}
.even {clear:both; float:left;}
.odd {float:right;}
.ite .title, .main .title {padding-right:5px; padding-left: 8px; width:100%;}
div.ite div.title a, .main .title a, .mr-item .title a {display:block; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height:22px; color:#359; margin-top:-4px; font-weight:bold;}
div.ite:hover div.title a:hover, .main .title a:hover, .mr-item .title a:hover {color:#08d;}
.main .title a {}
div.ite div.datakom {margin-bottom: 5px; color: #777777;}
div.ite p {}
div.ite div.obraz { clear:both; background-color: #EEEEEE;} 
div.ite div.obraz img { max-height: 60px; max-width:120px; margin: 0; padding:3px; border:1px solid #ddd; } 
div.ite div.tre { font-size:12px; color: #443E33; height: 45px; line-height: 15px; overflow: hidden; margin-top:8px; }
div.right div.title {margin-bottom:5px;} 
div.right div.tresc {color: #443E33; font-size: 11px; height: 31px; line-height: 14px; overflow: hidden;} 

.maly {clear:both; background-color: #fff; padding: 5px; border: 1px solid #CCC; margin-bottom:2px; overflow:hidden;}
.obrazek-m {float:left; margin-right:4px;}
.obrazek-m img {width:50px; height:autopx; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.Middle {margin-right:5px;} 
.news {position:relative; overflow:hidden; background-color: #fff; padding:10px; margin-bottom:10px;}
.news-title {background: url('../images/line.gif') bottom center repeat-x; margin-bottom:10px; padding-bottom:12px;}
.news-title h1 {margin: 0;} 
.news-datakom {margin-bottom:5px;}
.news-obrazek {clear:both; float:left; padding:5px; background-color:#eee; border:1px solid #ddd; max-width:312px; min-height:50px; margin-right:16px; font-size:0;}
.news-tresc {font-size:18px; line-height:25px;}
@media screen and (min-width: 481px) and (max-width: 959px)  {
.news-obrazek {float:none; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width: 480px)  {
.news-obrazek {float:none; margin-left:auto; margin-right:auto; margin-bottom:20px}
.news-tresc {font-size:15px; line-height:21px;}
}
.news-obrazek img {width:100%; height:auto !important;}
.news-ads {float:left; height:205px; width:205px; margin-left:10px;}
.news p {text-align:right; margin-bottom:5px;}
.news p a {font-size:11px; color:#480!important;}
#footer {position:relative; clear:both; background-color:#001840; opacity:.7; min-height:50px; margin:10px auto 0 auto;}
#footer-inner {max-width: 950px; margin: 0 auto;}
#footer-left {max-width:750px; float:left; margin:5px 10px; color: #DDD; font-family:Verdana, Helvetica, sans-serif; font-size:11px; }
A.RightTriangle:Hover {color: #000000;}
OL {margin: 0px; padding: 0px; padding-left: 15px;}
UL.ArrowList {padding-left: 0px;}
#kontakt {width: 100px; float: right; height: 16px; margin-top: 16px; font-size:13px;}
#kontakt a {color: #08F;}
 td.c10 { background-color: #EEEEEE; padding: 2px; } 
  td.c9 {width: 66%}
  div.c8 {background-color:#eeeeee; padding:2px}
  div.c7 {padding: 5px 10px 10px 10px; overflow: hidden;}
  div.c6 {text-align: left; left: 0px}
  div.c5 {padding: 0px;}
div.c4 {width:332px; float:left; margin-left:5px;}
div.c3 {clear:both; width:332px; float:left;}
@media screen and (max-width: 672px)  {
div.c4, div.c3, #RightColumn .RightModule {width:100%; float:none; margin:0;}
div.ite {width:97%; float:none; margin:0 0 5px 0;}
}
div.c2 {padding: 2px; width:321px; background-color: #EEEEEE; float:left;}
div.c1 {padding: 2px; border: 1px solid #CDD7DC; }
 div.c1a {padding: 5px; border:1px solid #bdbdcd; border-radius:10px;}
#miasto a, #kategorie a, .kategorie a {background:url(../files/arrow1.gif) no-repeat left center; font-size:16px; padding-left:10px; margin:7px; display:inline-flex;}
h1, .news-title a {font-family: Roboto Condensed; color: #359; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-family: robotoregular, Tahoma, Helvetica, Arial, Sans-serif; color: #678;}
#tagi {font-size:18px; line-height:26px; text-align:justify; padding:8px 4px 2px 10px !important;}
#tagi a {color:#287bca;}
#tagi-all {font-size:18px; line-height:26px;}
#tagi h1, #tagi h2, #tagi h3, #tagi h4, #tagi h5, #tagi h6, #tagi-all h1, #tagi-all h2, #tagi-all h3, #tagi-all h4, #tagi-all h5, #tagi-all h6 {display:inline; font-family: Roboto, Verdana, Tahoma }    
h1 {font-size:180%; text-align:center;}
h2 {font-size:140%; text-align:center;}
h3 {font-size:120%; font-weight:lighter}
h5 {font-size:100%; font-weight:bolder;}
h6 {font-size:80%; font-weight:lighter;}
#mostread {}
#pagination {text-align:center; margin:10px 0;}
#pagination a { font-size:12px; padding: 2px 4px; border: 1px solid #AAA; color: #333; text-decoration: none; margin: 0 2px; display:inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; line-height:15px; } 
#pagination span { font-size:12px; padding: 2px 4px; border: 1px background-color:#AAA; color: #08F; margin: 0 2px; display:inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; line-height:15px; } 
#kontakt-form td {padding:5px; margin:5px; vertical-align:middle;}
.sf-menu { margin: 0; padding: 0; list-style: none; }
 .sf-menu * { margin: 0; padding: 0; list-style: none; }
 .sf-menu ul { position: absolute; top: -999em; width: 10em; }
 .sf-menu ul li { width: 100%; }
 .sf-menu li { float: left; position: relative; }
 .sf-menu li:hover { visibility: inherit; }
 .sf-menu a { display: block; position: relative; }
 .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 28px;
z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
 ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em;
top: 0; }
 ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
 ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em;
top: 0; }
 .sf-menu { margin: 0; padding: 0; list-style: none; }
 .sf-menu * { margin: 0; padding: 0; list-style: none; }
 .sf-menu ul { position: absolute; top: -999em; width: 10em; }
 .sf-menu ul li { width: 100%; }
 .sf-menu li { float: left; position: relative; }
 .sf-menu li:hover { visibility: inherit; }
 .sf-menu a { display: block; position: relative; }
 .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 28px;
z-index: 1000; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
 ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em;
top: 0; }
 ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
 ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em;
top: 0; }
.wrap { max-width: 1045px; margin: 0 auto; }
header.global { clear:both;}
 header.global .date-search { height: 30px; background: #fcfcfc; border-top: 3px solid #dd374e; }
 header.global .branding { background: #2d2d2d; height: 137px; overflow: none; border-top: 4px solid #dd374e; }
 header.global .branding h1 { margin: 0; }
 header.global .branding img.logo { margin: 18px 0 0 16px; }
 header.global nav { font-family: roboto_condensedregular; background: #678; border-top: 1px solid #89a; border-bottom: 2px solid #456; min-height: 30px; -webkit-box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.5); }
 header.global nav #hamburger { display: none; cursor: pointer; text-align: center; line-height: 46px; color: #dddddd; }
 @media screen and (max-width: 768px) { header.global nav #hamburger { display: block; }
 }
 header.global nav ul { margin: 0; padding: 0; display: block; }
 @media screen and (max-width: 768px) { header.global nav ul { display: none; margin: 7px 0; padding: 0; width: 100% !important;  height:400px;}
 }
 header.global nav ul li { display: inline-block; color: #dddddd; line-height: 30px; border-right: 1px solid #456; border-left: 1px solid #89a;}
 @media screen and (max-width: 768px) { header.global nav ul li { width: 100%; background: #456; border-left: none; border-right: none; border-bottom: 1px solid #141414; }
 header.global nav ul li:first-child { border-top: none; }
 header.global nav ul li:last-child { border-bottom: none; }
 }
 header.global nav ul li:first-child { border-left: none; }
 header.global nav ul li:last-child { border-right: none; }
 header.global nav ul li:hover { color: white; }
 @media screen and (min-width: 768px) { header.global nav ul li:hover > a { position: relative; }
 header.global nav ul li:hover > a:after { content: ""; position: absolute; left: 10px; top: 23px; border-width: 0 8px 8px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #456; display: block; width: 0; z-index: 999; }
 }
 header.global nav ul li ul { margin-top: 4px; background: #445566; padding: 0; width:300px !important; }
 .sf-menu li.active {background-color:#479;}
 .sf-menu li.active > a{color:#046; font-weight:bold;}
 @media screen and (max-width: 767px) { header.global nav ul li ul, header.global nav ul li ul li { background: #234; }
 }
 header.global nav ul li ul li { border-right: none; border-left: none; width:145px !important; }
 header.global nav ul li ul li:first-child { border-top: none; }
 header.global nav ul li ul li:last-child { border-bottom: none; }
 header.global nav ul li ul li a { padding: 10px 15px; line-height: 1em; }
 header.global nav ul li ul li:hover { padding-left: 5px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
 @media screen and (min-width: 768px) { header.global nav ul li ul li:hover a:after { border: none; }
 }
 header.global nav ul li a { text-decoration: none; color: #dddddd; padding: 0 10px; font-size:13px;}
 header.global nav ul li a:hover { color: white; }
 header.global nav ul li.home { min-width: 46px; background: #dd374e; border-right: none; text-align: center; }
 header.global nav ul li.home span { display: none; }
 header.global nav ul li .sub-indicator, header.global nav ul li .top-menu ul li a .sub-indicator { right: 7px; top: 50%; margin-top: -2px; position: absolute; display: inline-block; content: ''; width: 0; height: 0; border: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid #dddddd; }
 .cnt { clear: both; display: flex; flex-direction: row; justify-content: left; align-items: center;}
.main .cnt img {height:56px; margin:4px 0 7px 0;}
#mostread .title {padding-left:6px;}