html, body { background: #D5D5D5; }
#body { width: 970px; margin: 10px auto; background: #FFF; padding: 10px; font: 12px/1.4 "lucida grande", Tahoma, Verdana, Arial; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; }

a { color: #111; }

.ad { background: url(/i/go/reklama.gif) no-repeat right bottom; clear: both; margin-bottom: 10px; padding: 5px 0 17px 0; text-align: center; overflow: hidden; }
.ad-billboard > div { margin: 0 auto; }
.ad-skyscraper, .ad-sub_skyscraper { position: absolute; right: 101%; top: 0; }
.ad-skyscraper_right, .ad-sub_skyscraper_right { position: absolute; left: 101%; top: 0; }

.clear { clear: both; }

#header { position: relative; overflow: hidden; background: #003358 url(/i/miasta/olsztyn/header.jpg) no-repeat top right; color: #FFF; } 
#headline { padding: 5px 10px; font-size: 11px; line-height: 20px; }
#headline > * { width: 33%; float: left; }
#links { position: absolute; bottom: 10px; right: 10px; font: 16px/1.3 Georgia; }
#links a { color: #FFF; text-decoration: none; margin-left: 10px; }
#search { position: absolute; top: 5px; right: 5px; }
#fb { position: absolute; top: 40px; left: 400px; }
#googleplus { position: absolute; top: 41px; left: 480px; }

#logo { float: left; width: 400px; padding: 0 10px 10px; }
#logo > a { color: #F1EEEC; font: 50px/60px Gerogia; text-decoration: none; text-shadow: -1px -1px 0 #000; }
#logo p { font-size: 10px; width: 333px; }

#nav { margin-bottom: 10px; background: #003459; background: -moz-linear-gradient(top, #003459 0%, #003e66 48%, #003459 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003459), color-stop(48%,#003e66), color-stop(100%,#003459)); background: -webkit-linear-gradient(top, #003459 0%,#003e66 48%,#003459 100%); background: -o-linear-gradient(top, #003459 0%,#003e66 48%,#003459 100%); background: -ms-linear-gradient(top, #003459 0%,#003e66 48%,#003459 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003459', endColorstr='#003459',GradientType=0 ); background: linear-gradient(top, #003459 0%,#003e66 48%,#003459 100%); }
#nav ul { overflow: hidden; }
#nav li { float: left; }
#nav a { float: left; font: bold 12px/30px Tahoma; padding: 0 10px; color: #FFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 0 #000; }
#nav a:hover, #nav .current { color: #005B8A; text-shadow: 1px 1px 0 #FFF; background: #f4f4f4; background: -moz-linear-gradient(top, #f4f4f4 0%, #c5c5c5 50%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#c5c5c5), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #f4f4f4 0%,#c5c5c5 50%,#f4f4f4 100%); background: -o-linear-gradient(top, #f4f4f4 0%,#c5c5c5 50%,#f4f4f4 100%); background: -ms-linear-gradient(top, #f4f4f4 0%,#c5c5c5 50%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 ); background: linear-gradient(top, #f4f4f4 0%,#c5c5c5 50%,#f4f4f4 100%); }

#footer { background: #1A4355; padding: 10px; overflow: hidden; color: #EEE; }
#footer a { color: #FFF; }
#logo_footer { width: 300px; float: left; }
#foot_links { width: 600px; float: right; }
#foot_links > ul { float: right; margin: 0 0 0 25px; font-size: 11px; }
#foot_links .header { font-weight: bold; padding: 0 0 3px 0; font-size: 12px; color: #EEE; }
#foot_links a { color: #FFF; text-decoration: none; }

#copyright { font: 11px/1.5 Tahoma; text-align: center; padding: 0 0 10px 0; }
#copyright a { color: #111; }

.column-left { width: 180px; float: left; margin: 0 10px 10px 0; }
.column-center { width: 470px; float: left; margin: 0 0 10px 0; }
#right { width: 300px; float: right; margin: 0 0 10px 0; }
#left { width: 655px; float: left; }

.block, .block-fullnews { margin-bottom: 10px; overflow: hidden; }
.block a, .block-fullnews a { text-decoration: none; color: #003960; }
.border { border: 1px solid #003E66; padding: 8px; margin-bottom: 10px; }
.gray { padding: 4px; background: #eee; font-size: 11px; }

.block-fullnews h2, .block-pictures h2, .block.header h2, .borderHeader { color: #FFF; line-height: 24px; font-size: 12px; background: #003960; padding: 0 10px; margin-bottom: 6px; }
.borderHeader .more { float: right; color: #FFF; font-size: 0.8em; font-style: italic; text-decoration: none; }

.block-fullnews li { list-style-type: none; overflow: hidden; margin: 0 0 6px; }
.block-fullnews .f { float: left; margin: 0 10px 3px 0; }
.block .supertitle { text-transform: uppercase; color: #AA2C2C; font-weight: bold; }
.block-fullnews .supertitle { color: #AA2C2C; }

.bullet_arrow { list-style-type: square; padding-left: 17px; }
.bullet_arrow li { line-height: 1.2; margin: 4px 0 0; }

.block-more { font-weight: bold; color: #AA2C2C !important; display: block; text-align: right; }

.block-tabs { overflow: hidden; margin-bottom: 4px; background: #003459; background: -moz-linear-gradient(top, #003459 0%, #003e66 48%, #003459 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003459), color-stop(48%,#003e66), color-stop(100%,#003459)); background: -webkit-linear-gradient(top, #003459 0%,#003e66 48%,#003459 100%); background: -o-linear-gradient(top, #003459 0%,#003e66 48%,#003459 100%); background: -ms-linear-gradient(top, #003459 0%,#003e66 48%,#003459 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003459', endColorstr='#003459',GradientType=0 ); background: linear-gradient(top, #003459 0%,#003e66 48%,#003459 100%); }
.block-tabs li { float: left; }
.block-tabs a { float: left; font: bold 10px/20px Tahoma; padding: 0 10px; color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 #000; }
.block-tabs a:hover, .block-tabs .current { color: #005B8A; text-shadow: 1px 1px 0 #FFF; background: #f4f4f4; background: -moz-linear-gradient(top, #f4f4f4 0%, #c5c5c5 50%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#c5c5c5), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #f4f4f4 0%,#c5c5c5 50%,#f4f4f4 100%); background: -o-linear-gradient(top, #f4f4f4 0%,#c5c5c5 50%,#f4f4f4 100%); background: -ms-linear-gradient(top, #f4f4f4 0%,#c5c5c5 50%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 ); background: linear-gradient(top, #f4f4f4 0%,#c5c5c5 50%,#f4f4f4 100%); }


.block-newstabs { width: 660px; float: left; background: #005B8A; margin-bottom: 10px; position: relative; height: 288px; overflow: hidden; }
.block-newstabs h2 { color: #FFF; background: #003960; font-size: 22px; line-height: 45px; padding: 0 10px; font-weight: normal; }
.block-newstabs a { text-decoration: none; color: #FFF; }
.block-newstabs-tabs { position: absolute; top: 5px; right: 5px; }
.block-newstabs-tabs li { float: left; margin: 0 0 0 5px; }
.block-newstabs-tabs .f { width: 35px; height: 35px; }
.block-newstabs-panes { height: 243px; overflow: hidden; position: absolute; top: 45px; left: 0; width: 9999em; }
.block-newstabs-panes li { height: 243px; width: 660px; float: left; }
.block-newstabs-panes .f { float: left; margin: 0 10px 0 0; }
.block-newstabs-panes h3 { font-size: 20px; line-height: 24px; padding: 5px; }
.block-newstabs-panes p { font-size: 11px; line-height: 14px; padding: 5px; }

.block-main { width: 660px; float: left; background: #005B8A; margin-bottom: 10px; position: relative; height: 288px; overflow: hidden; }
.block-main h2 { color: #FFF; background: #003960; font-size: 22px; line-height: 45px; padding: 0 10px; font-weight: normal; }
.block-main a { text-decoration: none; color: #FFF; }
.block-main li { height: 243px; width: 660px; float: left; }
.block-main .f { float: left; margin: 0 10px 0 0; }
.block-main h3 { font-size: 20px; line-height: 24px; padding: 5px; }
.block-main p { font-size: 11px; line-height: 14px; padding: 5px; }


#orientacja { overflow: hidden; background: #6A88BD; margin-bottom: 10px; }
.calendar-week { font-size: 12px; }
.calendar-days { overflow: hidden; }
.calendar-days li { float: left; width: 20%; text-align: center; padding: 6px 0; line-height: 15px; cursor: pointer; }
.calendar-days li.current { background: #4166A9; color: #EA6100; }
.calendar-days li.inactive { color: #9F9F9F; text-shadow: 1px 1px 0 #FFF; }
.calendar-days li span { display: block; }
.calendar-days li strong { display: block; }
.calendar-events { padding: 2px; background: #4166A9;  }
.calendar-events li { overflow: hidden;}
.calendar-events li li { padding: 3px; border-bottom: 1px solid #6A88BD; }
.calendar-events > li > p { padding: 5px; font-weight: bold; color: #555; text-shadow: 1px 1px 0 #FFF; }
.calendar-events li img.f { float: left; margin: 0 1em 0 0; height: 60px; }
.calendar-events li h3 { font-size: 10px; }
.calendar-events li li a { text-decoration: none; color: #FFF; }
.calendar-more { font-size: 10px; padding: 0 5px 5px 0; background: #4166A9; color: #FFF !important; font-weight: bold; text-align: right; display: block; text-decoration: none; }

.tematyczne { padding: 4px; background: #EEE; }
.tematyczne ul { overflow: hidden; }
.tematyczne li { width: 50%; float: left; margin-bottom: 8px; overflow: hidden; height: 180px; }
.tematyczne .supertitle { font: bold 9px Arial; padding: 3px 0; }
.tematyczne h3 { font: bold 10px/13px Arial; padding-right: 3px; }
.tematyczne .f { padding: 3px; border: 1px solid #CCC; width: 74px; height: 74px; }

.szukajtanio { background: #0972AB url(https://gazetaolsztynska.pl/i/go/szukajtanio.png) no-repeat 3px 10px; padding: 60px 4px 4px; }
.szukajtanio .f { padding: 1px; border: 1px solid #FFF; }
.szukajtanio li { list-style-type: none; text-align: center; }
.szukajtanio ul { padding: 0; }
.szukajtanio a { color: #FFF; font: bold 10px Tahoma; padding: 3px 0; display: block; }

.block-pictures { margin-bottom: 10px; }
.block-fullnews.gallery ul, .block-pictures ul { width: 110%; overflow: hidden; }
.block-fullnews.gallery li, .block-pictures li { width: 100px; position: relative; float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #CCC; }
.block-fullnews.gallery h3, .block-pictures h3 { position: absolute; bottom: 4px; right: 4px; padding: 3px; font: bold 9px Arial; background: #111; background: rgba(0,0,0,0.7); width: 94px; }
.block-fullnews.gallery a, .block-pictures a { display: block; color: #FFF; }

.block-horizontal-infobox { position: relative; width: 300px; height: 182px; margin-bottom: 15px; }
.block-horizontal-infobox-tabs { position: absolute; bottom: 4px; right: 4px; z-index: 2; }
.block-horizontal-infobox-tabs li { float: left; width: 20px; height: 20px;  }
.block-horizontal-infobox-tabs li a { background: #FFF; width: 12px; height: 12px; font-size: 0; float: left; text-indent: -10px; overflow: hidden; box-shadow: 2px 2px 3px rgba(0,0,0,0.3), inset 0 0 3px rgba(0,0,0,0.2); }
.block-horizontal-infobox-tabs li a.current { background: #AA2C2C; }
.block-horizontal-infobox-flowpanes { height: 182px; overflow: hidden; position: relative; }
.block-horizontal-infobox-flowpanes .items { position: absolute; width: 20000em; }
.block-horizontal-infobox-flowpanes .items div { float: left; position: relative; width: 300px; }
.block-horizontal-infobox-flowpanes img.f { width: 300px; height: 182px; }
.block-horizontal-infobox-flowpanes h3 { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; background: rgb(0,0,0); background: rgba(0,0,0,0.7); border-bottom: 1px solid #CCC; border-color: rgba(204, 204, 204, 0.7); }
.block-horizontal-infobox-flowpanes h3 a { display: block; padding: 10px; color: #FFF; text-decoration: none; }
.block-horizontal-infobox-flowpanes h3 img { display: none; }

.block-video { margin-bottom: 10px; overflow: hidden; }
.block-video ul { overflow: hidden; width: 110%; border: 1px solid #CCC; padding: 4px 0 2px 0; border-width: 1px 0; }
.block-video li { float: left; position: relative; }
.block-video li:hover { top: 1px; }

.block-pozegnania { background: url(/i/miasta/pozegnania.jpg) no-repeat top center; border: 1px solid #BFCAD8; margin: 10px 0; padding: 50px 0 5px 0; position: relative; }
.block-pozegnania ul { overflow: hidden; }
.block-pozegnania li { float: left; width: 229px; font-size: 11px; }
#right .block-pozegnania li { float: none; width: auto; }
.block-pozegnania ul a:link,.block-pozegnania ul a:visited { color: #222; text-decoration: none; }
.block-pozegnania ul a:hover { text-decoration: underline; }
.block-pozegnania .block-more { position: absolute; right: 10px; top: 10px; }
.block-pozegnania a.block-more { color: #FFF; }

.block.gazeta ul { overflow: hidden; }
.block.gazeta li a { display: block; font: bold 11px/30px Verdana; color: #111; background: #EEE; margin: 0 0 2px 0; padding: 0 5px; text-shadow: 1px 1px 0 #FFF; }
.block.gazeta > a { float: left; border: 3px solid #EEE; }

.block-icons a:hover { position: relative; top: 1px; left: 1px; }

#ogloszenia { clear: both; margin: 25px 10px; width: 960px; }
#ogloszenia h2 { color: #158D47; font: bold 14px Arial; margin: 4px 10px; }
#ogloszenia .block-tabs { margin: 0; }
#ogloszenia .block-panes { background: #F9F9F9; border: 1px solid #E3E3E3; overflow: hidden; border-width: 5px 1px 1px; margin: 0 2px; }
#ogloszenia .block-panes>div { height: 225px; overflow: hidden; }
#ogloszenia .block-panes a { color: #555; text-decoration: none; }
#ogloszenia .block-more { clear: both; padding: 5px; }
#ogloszenia .katalog h2 { background: url(/i/go/katalog.png) no-repeat; border-right: 1px solid #FFF; color: #797979; float: left; font-weight: normal; height: 60px; margin: 10px 0 0 10px; padding-top: 80px; width: 210px; }
#ogloszenia .katalog h2 a { color: #DD5727; text-decoration: none; }
#ogloszenia .katalog ul { margin-top: 10px; overflow: hidden; }
#ogloszenia .katalog li { background: none; border-left: 1px solid #DDD6DD; float: left; list-style: disc inside none; margin: 0; padding: 3px 10px; width: 400px; }
#ogloszenia .katalog .li1 { border-left: 1px solid #DDD6DD; border-right: 1px solid #FFF; height: 160px; list-style: none outside none; margin: 0; text-align: center; width: 170px; }
#ogloszenia .katalog .li1 img { border: 1px solid #FFF; margin-bottom: 10px; }
#ogloszenia .katalog .li1 a { color: #DD5727; display: block; text-align: center; }
#ogloszenia .block-ogloszenia > div { float: left; width: 300px; }
#ogloszenia .block-ogloszenia ul { height: 140px; margin: 7px 14px; padding: 0; }
#ogloszenia .block-ogloszenia li { background: none; list-style: square inside none; margin: 0 0 2px; }
#ogloszenia .block-ogloszenia h2 { display: block; height: 36px; margin: 0; }
#ogloszenia .block-ogloszenia h2 a { display: block; font-size: 0; height: 100%; text-indent: -9999em; }
#ogloszenia .block-ogloszenia .block-more { background: url(/i/go/ogloszenia-more.png) no-repeat; float: right; font-size: 0; height: 17px; margin: 5px; text-indent: -9999em; width: 102px; }
#ogloszenia .praca h2 a { background: url(/i/go/praca.png) no-repeat center top; }
#ogloszenia .dom h2 a { background: url(/i/go/dom.png) no-repeat center top; }
#ogloszenia .moto h2 a { background: url(/i/go/moto.png) no-repeat center top; }
#ogloszenia .praca,#ogloszenia .moto { border-right: 1px solid #FFF; }
#ogloszenia .moto,#ogloszenia .dom { border-left: 1px solid #DDD6DD; }

.block-ogloszenie {  height: 290px; position: relative; margin: 0 0 15px 0; width: 320px; float: left; padding: 0; background: url(/i/go/ogloszenia-bg.png) repeat-x; border: 1px solid #E3E3E3; }
.block-ogloszenie.right { float: right; }
.block-ogloszenie h2 { display: block; height: 55px; margin: 0; }
.block-ogloszenie h2 a { height: 100%; display: block; font-size: 0; text-indent: -9999em; }
.block-ogloszenie ul { padding: 0 0 30px 25px; }
.block-ogloszenie .praca h2 a { background: url(/i/go/praca.png) no-repeat center top }
.block-ogloszenie .dom h2 a { background: url(/i/go/dom.png) no-repeat center top }
.block-ogloszenie .moto h2 a { background: url(/i/go/moto.png) no-repeat center top }
.block-ogloszenie .katalog h2 a { background: url(/i/go/katalog.png) no-repeat 50% 5px; }
.block-ogloszenie .block-more { position: absolute; right: 0; bottom: 0; padding: 5px; }
.block-ogloszenie .block-more.left { position: absolute; left: 0; bottom: 0; right: auto; }

.block-ogloszenia-drobniak {clear:both; border:1px solid #E3E3E3; position: relative; margin-bottom: 15px; padding: 5px; }
.block-ogloszenia-drobniak .block {margin-bottom: 0px;}
.block-ogloszenia-drobniak ul.drobniak-ico li { float:left; margin-right:25px; }
.block-ogloszenia-drobniak ul.drobniak-ico li a { float:left; padding:10px 0 0 4px; display: block; color: #D90000; font-weight:bold;}
.block-ogloszenia-drobniak ul.drobniak-ico li a:first-child { float:left; display: block; padding:0; }
.block-ogloszenia-drobniak ul.drobniak-ico img { padding:5px; }
.block-ogloszenia-drobniak p.drobniak-logo {margin:10px 0 0 0;}
.block-ogloszenia-drobniak a.block-more { color: #D90000; position: absolute; right: 0; bottom: 0; padding: 5px; }
.block-ogloszenia-drobniak a.block-more.left { bottom: 0; left: 0; position: absolute; right: auto; }
.block-ogloszenia-drobniak .drobniak-ico { margin-bottom: 20px; overflow: hidden;}

.widget.szukajtanio ul { overflow: hidden; }
.widget.szukajtanio li { width: 30%; float: left; }
.widget.szukajtanio { margin-bottom: 15px; }


.paginator { background: #EEE; padding: 10px; text-align: center; margin-bottom: 10px; }
.paginator a, .paginator span { display: inline-block; background: #FFF; padding: 0 5px; line-height: 20px; text-decoration: none; }
.paginator span { color: #AAA; }

.breadcrumbs { background: #EEE; height: 20px; font-size: 10px; line-height: 20px; padding: 0 5px; font-weight: bold; margin-bottom: 10px; }
.breadcrumbs a { text-decoration: none; color: #333; }
.breadcrumbs { color: #555; }

#right .banner-tag { border: 1px solid #CCC; padding: 1px; margin-bottom: 15px; }
#right .banner-tag > a { text-decoration: none; display: block; font: bold 29px Tahoma; color: #111; text-shadow: 1px 1px 1px #CCC; padding: 10px; }
#right .banner-tag > p { padding: 10px; line-height: 1.7em; }
#right .banner-tag-0 > a { background: #DFDFDF; color: #FFF; color: #FFF; text-shadow: 2px 2px 2px #000; }
#right .banner-tag-1 > a { background: url(/i/sport/banner-tag-football.jpg) no-repeat right center; color: #FFF; color: #FFF; text-shadow: 2px 2px 2px #000; }
#right .banner-tag-9 > a { background: url(/i/sport/banner-tag-handball.gif) no-repeat right bottom; color: #FFF; color: #FFF; text-shadow: 2px 2px 2px #000; }
#right .banner-tag-101 > a { background: url(/i/miasta/banner-tag-person.jpg) no-repeat right center; color: #FFF; color: #FFF; text-shadow: 2px 2px 2px #000; }
#right .banner-tag-102 > a { background: url(/i/miasta/banner-tag-transport.jpg) no-repeat right center; color: #FFF; color: #FFF; text-shadow: 2px 2px 2px #000; }
#right .banner-tag-103 > a { background: url(/i/miasta/banner-tag-education.jpg) no-repeat right center; color: #FFF; color: #FFF; text-shadow: 2px 2px 2px #000; }
#right .banner-tag-description { background: #3F3F3F; background: -moz-linear-gradient(center bottom, rgb(114, 114, 114) 7%,rgb(54, 54, 54) 54%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0.2, rgb(114, 114, 114)), color-stop(0.6,rgb(54, 54, 54))); color: #FFF; }
#right .banner-tag-description a { color: #FFF; }
#right .banner-tag-description p { margin: 5px 0; }

.art-contactinfo { background: #AD0000; padding: 7px 10px; font-size: 11px; font-weight: bold; color: #FFF; }
.art-contactinfo a { color: #FFF; }
.art-source { margin-bottom: 15px; }