@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);

body { font: normal 13px/1.4 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; }

a { color: #111; text-decoration: none; }
a:hover { text-decoration: underline; }

.ad{ text-align:center; padding:5px 0 17px 0; margin-bottom:15px; background:url(/i/go/reklama.gif) no-repeat right bottom; clear:both;}
.ad-billboard, .ad-tradycyjny1, .ad-tradycyjny2, .ad-billboard_autopromocje{ margin:5px 0; padding:5px 0; }
.ad-billboard > div{ margin: 0 auto; }
.ad-skyscraper { position: absolute; right: 101%; }
.floatRight { float: right; }

#page { width: 1020px; margin: 0 auto; position: relative; }
#headline { padding: 5px 0; overflow: hidden; font-size: 12px; color: #707070; }
#headline a { color: #444; }
#headline .floatRight { margin-left: 10px; }
#header { overflow: hidden; position: relative; padding: 10px 0; }
#header .logo { float: left; }
#header .description { position: absolute; top: 55px; left: 108px; width: 135px; background: #FFF; font: italic bold 19px Tahoma; color: #0B7203; text-shadow: 1px 1px 0 #F0F4EF; line-height: 1; }
#header.portal1 .description { display: none; }
#footer { border: 1px solid #E5E5E5; border-width: 1px 0; clear: both; padding: 10px; margin: 10px; }
#copyright { text-align: center; color: #707070; font-size: 11px; }
#content { min-height: 300px; }
#fb { float: left; margin: 10px 0 0 10px; }
#googleplus { float: left; margin: 10px 0 0; }

#menu { margin-bottom: 20px; overflow: hidden; height: 32px; background: #0B7203; border-radius: 2px; }
#menu li { float: left; }
#menu li a { float: left; height: 32px; font: 300 14px/32px Oswald; color: #fff; padding: 0 13px; }
#menu li a:hover { background: #074F00; text-decoration: none; }
#menu li a.current { color: #FAD119; }
#menu li.floatRight { float: right; }
#menu li.floatRight a { background: #FAD119; color: #333; }


#searcher { float: right; width: 325px; padding-top: 20px; }
#searcher input[type=text] { padding: 4px; border: 1px solid #007464; border-color: #CCC #EEE #EEE #CCC; width: 146px; } 
#searcher input[type=submit] { padding: 0 10px; border: 0; padding: 1px 5px; background: #777; color: #FFF; font: 300 14px Oswald; letter-spacing: 1px; margin-left: 3px;  cursor: pointer; } 
#searcher input.half { width: 120px; }
#searcher input.wide { width: 254px; }
#searcher input { vertical-align: middle; }
#searcher select { border: 1px solid #EEE; border-color: #CCC #EEE #EEE #CCC; padding: 3px; vertical-align: middle; } 
#searcher p { margin: 0 0 3px 0; color: #444; font-size: 11px; } 
#searcher p a { color: #BBB; font-weight: bold; margin: 0 5px; } 
#searcher p a.current { color: #34825A; } 

.breadcrumbs { margin-bottom: 5px; font-size: 11px; font-weight: bold; color: #555; clear: both; }
.paginator { border: 1px solid #E3E3E3; height: 30px; line-height: 30px; text-align: center; margin: 10px 0; }
.paginator a { font-weight: bold; color: #707070; }
.borderHeader { padding-top: 5px; margin-bottom: 10px; border-top: 1px solid #E3E3E3; font-size: 16px; color: #34825A; }

.column-left { width: 160px; float: left; margin-right: 8px; margin-bottom: 15px; }
.column-center { width: 545px; float: left; margin-bottom: 15px; }
.right, #right { width: 300px; float: right; margin-bottom: 15px;  }
#left { width: 695px; float: left; }

.block { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; }
.block h2 { font: 300 20px Oswald; margin-bottom: 5px; color: #444; border-left: 7px solid #FAD119; padding-left: 7px; }
.block h2 a { color: #444; }
.bullet_arrow { list-style: none outside square; color: #aaa; padding: 7px 0 5px 17px; }
.bullet_arrow li { margin-bottom: 5px; }
.block .supertitle { font-weight: bold; color: #4166AC; }

.block-main { height: 250px; overflow: hidden; position: relative; margin-bottom: 10px; }
.block-main a { color: #FFF; text-decoration: none; }
.block-main .f { width: 100%; }
.block-main h3 { position: absolute; top: 0; right: 0; width: 300px; padding: 6px 10px; background: url(/i/miasta/transparent.png); background: rgba(0,0,0,0.5); font: 500 20px Oswald; overflow: hidden; }
.block-main p { font: normal 10px/16px Verdana, Arial; position: absolute; bottom: 0; right: 0; width: 525px; background: url(/i/miasta/transparent.png); /*background: rgba(0,0,0,0.5);*/ padding: 10px; }


.block-main-tabs { position: absolute; left: 10px; top: 10px; z-index: 2; }
.block-main-tabs li { float: left; }
.block-main-tabs li a { float: left; width: 15px; height: 15px; font: bold 9px/15px Arial; background: rgba(255,255,255,0.6); text-align: center; margin-right: 2px; text-shadow: 1px 1px 0 #777; border-radius: 2em; }
.block-main-tabs li a.current { background: rgba(0,0,0,0.6); }
.block-main-flowpanes { height: 100%; overflow: hidden; }
.block-main-flowpanes .items { width: 999em; height: 100%; position: absolute; }
.block-main-flowpanes .items > div { float: left; position: relative; width: 545px; height: 100%; }


.block-fullnews h2 { margin-bottom: 10px; }
.block-fullnews a { text-decoration: none; }
.block-fullnews .t { font: 16px/1.25 Oswald; margin-bottom: 5px; }
.block-fullnews p { font-size: 12px; font-size: 12px; }
.block-fullnews p a { color: #555; }
.block-fullnews ul { overflow: hidden; }
.block-fullnews li { overflow: hidden; margin-bottom: 10px; }
.block-fullnews .f { float: left; margin: 0 10px 0 0; }
.block-fullnews .supertitle { color: #4166AC; text-transform: uppercase; text-decoration: underline; }

.block-fullnews.sport h2 a { background: url(/i/sport/logo_small.png) no-repeat top right; height: 30px; line-height: 30px; display: block; }
.block-fullnews.columns2 li { float: left; width: 48%; margin-right: 2%; }
.block-fullnews.turystyka h2 { float: left; }
.block-fullnews.turystyka .icon { float: right; }
.block-fullnews.turystyka > div { clear: both; }


.block-pictures { padding: 10px 0 10px 10px; border: 1px solid #E3E3E3; margin-bottom: 10px; } 
.block-pictures h2 { font: italic bold 16px 'Trebuchet MS', Verdana, Arial; margin-bottom: 5px; color: #3C8E35; }
.block-pictures ul { overflow: hidden; }
.column-center .block-pictures li { float: left; margin: 0 3px 3px 0; }
.block-pictures li { float: left; margin: 0 10px 10px 0; }
.block-pictures li img { border: 1px solid #CCC; padding: 1px; }
.block-pictures.smallPics li img { width: 80px; }
.block-pictures .block-more { padding: 0 5px; }
.block-pictures.smallMore .block-more { font-size: 0.8em; }

.block-pictures-top { margin-bottom: 10px; }
.block-pictures-top ul { width: 110%; overflow: hidden; }
.block-pictures-top li { float: left; margin-right: 7px; }
.block-pictures-top li img { border: 1px solid #CCC; padding: 2px; }
.block-pictures-top h2 { border-top: 1px solid #E3E3E3; border-left: 5px solid #FAD119; font-size: 11px; font-weight: bold; height: 20px; line-height: 20px; padding: 0 10px; margin-bottom: 5px; }



.block-tabs { overflow: hidden; margin-bottom: 10px; }
.block-tabs li { float: left; margin-right: 10px; }
.block-tabs li a { float: left; height: 30px; color: #444; font: 300 16px/30px Oswald; border-bottom: 3px solid #bbb; padding-bottom: 3px; }
.block-tabs li a.current { color: #34825A; border-color: #34825A; }
.block-panes { margin-bottom: 15px; }
.block-panes .block { background: #FFF; border: 0; margin: -5px;  }

.block-more { display: block; text-align: right; font-weight: bold; color: #3C8E35; }

.main-verticalscroller { height: 243px; position: relative; overflow: hidden; margin-bottom: 10px; }
.main-verticalscroller .block-verticalscroller-flowpanes > div { position: absolute; top: 0; left: 0; z-index: 0; }
.main-verticalscroller .block-verticalscroller-flowpanes > div > p { position: absolute; bottom: 0; left: 0; z-index: 1; background: #111; background: rgba(0,0,0,0.5); width: 100%; }
.main-verticalscroller .block-verticalscroller-flowpanes > div > p a { display: block; padding: 7px; color: #FFF; font-size: 11px; }
.main-verticalscroller .block-verticalscroller-tabs { position: absolute; top: 0; right: 0; z-index: 1; width: 170px; border-right: 1px solid #E5E5E5; }
.main-verticalscroller .block-verticalscroller-tabs li { height: 80px; border-bottom: 1px solid #E5E5E5; }
.main-verticalscroller .block-verticalscroller-tabs li a { text-decoration: none; display: block; padding: 10px; font: italic bold 14px/20px 'Trebuchet MS', Verdana; color: #333; text-shadow: 1px 1px 1px #FFF; }
.main-verticalscroller .block-verticalscroller-tabs li.active a { color: #0B7203; text-shadow: 1px 1px 0 #EEE; }


.familie { background: url(/i/wm/familie.jpg) no-repeat; height: 165px; overflow: hidden; margin-bottom: 15px; }
.column-center .familie { background-image: url(/i/wm/familie545.jpg); width: 545px; margin: 0 auto 20px; }
.familie h2 { margin: 11px 120px 8px 0; color: #FFF; font-size: 12px; color: #EEE; text-align: right; }
.familie ul { list-style-type: none; padding: 5px 15px 0; overflow: hidden; margin-bottom: 10px; }
.familie li { padding: 3px 0; border-bottom: 1px dotted #CCC; position: relative; top: 1px; font-size: 12px; margin: 0; }
.familie .block-more { color: #C3236B; margin: 4px 4px 0 0; }

.block.ogloszenia { position: relative; margin: 0 0 15px 0; padding: 0; background: url(/i/go/ogloszenia-bg.png) repeat-x; border: 1px solid #E3E3E3; }
.block.ogloszenia h2 { display: block; height: 40px; margin: 0; border: 0; padding: 0; }
.block.ogloszenia h2 a { height: 100%; display: block; font-size: 0; text-indent: -9999em; }
.block.ogloszenia ul { padding: 10px 0 20px 20px; }
.block.ogloszenia ul a { color: #444; }
.block.ogloszenia.praca h2 a { background: url(/i/go/praca.png) no-repeat center top }
.block.ogloszenia.dom h2 a { background: url(/i/go/dom.png) no-repeat center top }
.block.ogloszenia.moto h2 a { background: url(/i/go/moto.png) no-repeat center top }
.block.ogloszenia.katalog h2 a { background: url(/i/go/katalog.png) no-repeat 10px 10px; }
.block.ogloszenia .block-more { position: absolute; right: 10px; bottom: 8px; }

.block-pozegnania { border:1px solid #BFCAD8; padding-top: 100px; position: relative; }
.block-pozegnania > .block-more { width: 100%; font-size: 0; text-indent: -999em; background:url(/i/wm/pozegnania.jpg) no-repeat; height: 99px; position: absolute; top: 0; left: 0; }
.block-pozegnania ul { overflow: hidden; padding: 0 0 25px 15px; }
.block-pozegnania li { list-style: none inside disc; margin: 0; }

.block-wide li { border: 1px solid #DDDDDD; padding: 5% 10%; margin: 5px 0; overflow: hidden; font: italic bold 40px/40px 'Trebuchet MS', Verdana, Arial; }
.block-wide li .supertitle { text-transform: uppercase; color: #0B7203; }
.block-wide li img.f { float: left; margin-right: 5%; }


.column-left .navigation { border: 1px solid #E3E3E3; border-width: 1px 1px 0 0; margin-bottom: 10px; }
.column-left .navigation li > a { text-indent: 10px; color: #333; text-decoration: none; font-weight: normal; display: block; height: 22px; font-size: 10px; line-height: 22px; border-bottom: 1px solid #E3E3E3; }
.column-left .navigation > li > a { height: 30px; border-left: 5px solid #FAD119; font: 300 13px/30px Oswald; }
.column-left .navigation .roll { text-align: right; padding-right: 5px; }
.column-left .navigation .roll a { cursor: pointer; font-weight: bold; color: #777; }
.column-left .navigation li p { font-size: 10px; padding: 5px; line-height: 1.2em; }

.horizontal-accordion-wrap { overflow: hidden; border: 1px solid #E3E3E3; margin-bottom: 15px; }
.horizontal-accordion { height: 330px; overflow: hidden; width: 2000px; }
.horizontal-accordion > p { font-size: 0; text-indent: 30px; width: 30px; float: left; height: 100%; overflow: hidden; background: url('/i/wm/serwisy.jpg') no-repeat; cursor: pointer; }
.horizontal-accordion > p.ac1 { background-position: left top; }
.horizontal-accordion > p.ac2 { background-position: center top; }
.horizontal-accordion > p.ac3 { background-position: right top; }
.horizontal-accordion > p span { text-transform: uppercase; font: bold 13px/30px Tahoma; color: #333; position: absolute; top: 0; bottom: 0; width: 330px; margin: 0; text-align: center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.horizontal-accordion > div { float: left; width: 435px; padding: 0 10px; display: none; height: 100%; overflow: hidden; }
.horizontal-accordion > div > div { width: 415px; margin: 10px; }
.horizontal-accordion > div > div h2 { text-transform: uppercase; font: italic bold 12px Verdana; }

.tematyczne {  }
.tematyczne .block-tabs a {  }
.tematyczne-wrap { overflow: hidden; margin-bottom: 15px; }
.tematyczne-wrap > p { font-size: 0; text-indent: 30px; width: 30px; float: left; height: 100%; overflow: hidden; background: url('/i/wm/serwisy.jpg') no-repeat; cursor: pointer; }
.tematyczne-wrap > p.ac1 { background-position: left top; }
.tematyczne-wrap > p.ac2 { background-position: center top; }
.tematyczne-wrap > p.ac3 { background-position: right top; }
.tematyczne-wrap > p span { text-transform: uppercase; font: bold 13px/30px Tahoma; color: #333; position: absolute; top: 0; bottom: 0; width: 330px; margin: 0; text-align: center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.tematyczne-wrap > div { display: none; overflow: hidden; }
.tematyczne-wrap > div > div { margin: 10px 0; position: relative; }
.tematyczne-wrap > div > div h2 { position: absolute; top: 0; left: 0; background: rgb(11, 114, 3); background: rgba(11, 114, 3, 0.7); color: #FFF; padding: 6px 10px; font: bold 12px Tahoma; }
.tematyczne-wrap > div > div .block-more { position: absolute; bottom: 0; right: 0; }
.tematyczne .block-tabs a { text-shadow: 1px 1px 0 #FFF; }
.tematyczne .block-tabs a.red { border-color: #CF0004; }
.tematyczne .block-tabs a.blue { border-color: #5472A4; }
.tematyczne .block-tabs a.green { border-color: #0B7203; }
.tematyczne .block-tabs a.orange { border-color: #CE7F00;  }
.tematyczne .block-tabs .current { font-size: 20px; }

.kto table { margin: 5px 0; }
.kto td { vertical-align: top; }
.kto td img.f { margin: 0 10px 5px 0; }
.kto .bar { border: 1px solid #555; height: 8px; background: #27ae60; border-radius: 1px; width: 180px; }
.kto .bar > div { height: 8px; background: #c0392b; }

.block.student { background: url('/i/tematyczne/student/block.jpg') no-repeat; padding-top: 40px; border: 1px solid #7BBBFB; }
.block.student .block-fullnews p { font-size: 10px; line-height: 13px; }
.block.student .block-fullnews .block-more { color: #0E5FA0; }

.calendar-week { font-size: 12px; margin-bottom: 15px; }
.calendar-days { overflow: hidden; }
.calendar-days li {	float: left; width: 14.28%; text-align: center;	padding: 6px 0;	line-height: 15px; cursor: pointer; }
.calendar-days li.current { background: #EEE; color: #CF0004; }
.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: 5px; background: #EEE; }
.calendar-events li { overflow: hidden; }
.calendar-events li li { padding: 3px; border-bottom: 2px solid #F0F0F1; background: #FFF; }
.calendar-events li li.priority1 { background: #F2B144; color: #000; }
.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: 40px; }
.calendar-events li h3 { padding: 0 0 0.4em 0; line-height: 1.4em; }
.calendar-events li li a { text-decoration: none; color: #4C4C4C; }
.calendar-events li li.priority1 a { color: #000; }
.calendar-more { padding: 0 10px 7px 10px; background: #EEE; color: #4166A9 !important;	font-weight: bold; text-align: right; display: block; text-decoration: none !important; }

.column-left .block-fullnews .fl { border: 1px solid #E3E3E3; display: block; padding: 3px; overflow: hidden; }
.column-left .block-fullnews .f { max-width: 100%; }
.column-left .block-fullnews .t { font-weight: 300; font-size: 13px; padding: 3px 0; }
.column-left .block-fullnews h2 { text-indent: 5px; color: #333; display: block; height: 22px; border: 1px solid #E3E3E3; height: 25px; line-height: 25px; border-left: 5px solid #FAD119; font-size: 11px; font-weight: bold; }

.article-icon { font-size: 9px; margin: 0 3px; letter-spacing: 1px; color: #AAA; font-weight: normal; }

h2 a.hlink { float:right;text-align:right;font-size:12px;padding:4px 15px;}

.block-horizontal-infobox { height: 182px; margin-bottom: 15px; position: relative; width: 300px; }
.block-horizontal-infobox-tabs { bottom: 4px; position: absolute; right: 4px; z-index: 2; }
.block-horizontal-infobox-tabs li { float: left; height: 20px; width: 20px; }
.block-horizontal-infobox-tabs li a { background: url("/i/go/dot_wh.png") repeat scroll 0 0 transparent; float: left; font-size: 0; height: 12px; overflow: hidden; text-indent: -10px; width: 12px; }
.block-horizontal-infobox-tabs li a.current { background: url("/i/go/dot_gr.png") repeat scroll 0 0 transparent; }
.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 { height: 182px; width: 300px; }
.block-horizontal-infobox-flowpanes h3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); border-bottom: 1px solid rgba(204, 204, 204, 0.7); border-color: rgba(204, 204, 204, 0.7); left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
.block-horizontal-infobox-flowpanes h3 a { color: #FFFFFF; display: block; padding: 10px; text-decoration: none; }
.block-horizontal-infobox-flowpanes h3 img { display: none; }

#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 > p img { max-width: 100%; }


.weather { overflow: hidden; padding: 0 30px; }
.weather ul { overflow: hidden; }
.weather li { float: left; width: 170px; }
.weather li > a img { opacity: 0.5; height: 48px; }
.weather li > a { float: left; margin-right: 15px; }
.weather li p > * { display: block; font-size: 11px; color: #555; }
.weather select { border: 0; cursor: pointer; font: 300 14px/32px Oswald; letter-spacing: 1px; clear: both; }
.weather > p { width: 340px; }


.wielkanoc #header { background: url(/i/wielkanoc-2.png) no-repeat 10px 10px;   }
.wielkanoc a.logo { background: url(/i/wielkanoc-1.png) no-repeat 50px 0;  }

@media screen and (min-width: 1400px) {	
	#page { width: 1180px; }
	#left { width: 850px; }
	.column-left { margin-right: 20px; }
	.column-center { width: 670px; }
	.block-main { height: 300px; margin-bottom: 20px; }
}

@media screen and (max-width: 1021px) {	
	#page { padding: 10px; }

}