@import "reset.css";

img {

	 behavior: url("js/iepngfix.htc");

	}

body {

	background-image: url(../img/bodybg.png);
        background-color: #ececec;
        background-position: top center;
        background-repeat: no-repeat;
	font: 12px/16px Arial, Helvetica, sans-serif;
        min-width: 900px;
        min-height: 800px;
	color: #161616;

}

.container { position:relative; width: 962px; margin: 0 auto; z-index:100;}

#header {float: left;width: 962px;padding-top: 37px}

#header img {float: right;margin-top: 12px}

#header img.logo { float: left; margin: 0}

#header ul {float: left;width: 100%; position: relative; z-index:2;list-style:none}

#header ul li {float: left; position: relative}

#header ul li a {

	float: left;

	height: 68px;

	font-size:0;

	line-height: 0;

	text-indent: -9999%;

	text-decoration: none;

}



#header ul li a.news,

#header ul li.act a.news {background: url(../img/m_aktualnosci.gif);width: 121px}

#header ul li a.news:hover,

#header ul li.act a.news {background: url(../img/m_aktualnoscih.gif)}

#header ul li a.about,

#header ul li.act a.about {background: url(../img/m_kimjestem.gif);width: 108px}

#header ul li a.about:hover,

#header ul li.act a.about {background: url(../img/m_kimjestemh.gif)}

#header ul li a.blog,

#header ul li.act a.blog {background: url(../img/m_blog.gif);width: 76px}

#header ul li a.blog:hover,

#header ul li.act a.blog {background: url(../img/m_blogh.gif)}

#header ul li a.prioritets,

#header ul li.act a.prioritets {background: url(../img/m_priorytety.gif);width: 146px}

#header ul li a.prioritets:hover,

#header ul li.act a.prioritets {background: url(../img/m_priorytetyh.gif)}

#header ul li a.coworkers,

#header ul li.act a.coworkers {background:url(../img/m_wspolpracownicy.gif);width: 156px}

#header ul li a.coworkers:hover,

#header ul li.act a.coworkers {background:url(../img/m_wspolpracownicyh.gif)}

#header ul li a.work,

#header ul li.act a.work {background: url(../img/m_pracapos.gif);width: 144px}

#header ul li a.work:hover,

#header ul li.act a.work {background: url(../img/m_pracaposh.gif)}

#header ul li a.media,

#header ul li.act a.media {background: url(../img/m_media.gif);width: 124px}

#header ul li a.media:hover,

#header ul li.act a.media {background: url(../img/m_mediah.gif)}

#header ul li a.contact,

#header ul li.act a.contact {background: url(../img/m_kontakt.gif);width: 87px}

#header ul li a.contact:hover,

#header ul li.act a.contact {background: url(../img/m_kontakth.gif)}

#flash-content, #flash-content object {float: left; position: relative; z-index:0}

/* submenu */

#header ul li ul { display: none; list-style:none}

#header ul li:hover ul {

	position: absolute;

	top: 62px;

	left: 0;



	background: #f3f3f3;

	border-top: 6px solid #e98000;

	padding: 10px 0;

	display: block;

	list-style:none;

}

#header ul li ul li {float: left;width: 100%}

#header ul li ul li a {

	float: left;

	margin-left: 15px;

	display: inline;

	width: auto;

	height: auto;

	padding: 0;

	text-indent: 0;

	font: bold 11px/14px Arial, Helvetica, sans-serif;

	color: #0d55ad;

	padding: 5px 0 5px 10px;

	background: url(../img/submenupt.gif) no-repeat 0 10px;

}

#header ul li ul li a:hover {

	color: #e98000;

	background-image: url(../img/submenupth.gif);

}

#content {

	float: left;

	width: 948px;

	border-right: 5px solid #fff;

	border-left: 7px solid #fff;

	background: #fff url(../img/contentbg.gif) repeat-x;

	position: relative;

	z-index: 2;

	border-bottom: 8px solid #fff;

}

#content h3 {

	float: left;

	height: 51px;

	text-indent: -9999%;

	font-size: 0;

	line-height: 0;

}

#con ul {float: left;}

#con ul li { float: left; padding-left:20px; padding-top: 10px;}

#social {

	float: left;

	width: 277px;

	height: 277px;

	display: inline;

	background: url(../img/socials.jpg) repeat-x top left;

	margin: 0 10px 0 14px;

}

#social h3 {

	background: url(../img/h3spol.gif);

	width: 277px;

}

#social ul {

	width: 216px;

	display: inline;

	margin: 17px 0 0 23px;

	list-style:none;

}

#social ul li a {

	float: left;

	height: 36px;

	width: 108px;

	padding-top: 11px;

	

}

#social ul li a.right {

	float: right;

	height: 36px;

	width: 108px;

	padding-top: 11px;

	

}

#social ul li a.center {

	float: left;

	height: 36px;

	width: 216px;

	padding-top: 11px;

	text-align:center;

}

#social ul li a span { display: none}

#social ul li a.photo {background: url(../img/zdjecia.gif)}

#social ul li a.photo1 {background: url(../img/zdjecia1.gif)}

#social ul li a.watch {background: url(../img/ogladaj.gif)}

#social ul li a.watch1 {background: url(../img/ogladaj1.gif);}

#social ul li a.join {background: url(../img/dolacz.gif)}
#social ul li a.join1 {background: url(../img/dolacz1.png)}

#news {

	float: left;

	background: url(../img/news.jpg) 0 0;

	width: 323px; 

	height: 288px;

}

#news h3 {

	background: url(../img/h3aktualnosci.gif);

	width: 321px; height: 51px;

}

#content .news {

	float: left;

	display: inline;

	margin: 21px 0 21px 48px;

}

.news img {

	float: left;

	padding: 1px;

	background: #fff;

	border: 1px solid #818181;

	margin-right: 15px;

	display: inline;

}

.news div {float: left;width: 171px}

.news div a {

	float: left;

	text-decoration: none;

	text-align: right;

	width: 100%;

	color: #2b2b2b;

	margin-top: 3px;

}

.news div a.title {

	color: #07458e;

	text-transform: uppercase;

	font-weight: bold;

	text-align: left;

	margin-top:0;

}

.news span {

	float: left;

	color: #ababab;

	width: 100%;

	margin-bottom: 3px;

}

#actions {

	float: left;

	background: url(../img/akcje.jpg);

	width: 324px;

	height: 288px;

}

#actions ul {margin-left: 15px;display: inline;list-style:none}

#actions h3 {

	background: url(../img/h3akcje.gif) -2px 0;

	width: 324px;

	height: 51px;

}

#actions li a {

	float: left;

	background: #fff;

	padding: 1px;

	border: 1px solid #c5c5c5;

	margin-top: 17px;



}

#actions li a img { float: left}

#footer {

	float: left;

	width: 100%;

	background: url(../img/footer.jpg) no-repeat center;

	height: 237px;

	position: relative;

	z-index: 0;

	margin-top: -84px;

}

/* podstrona.html */

#main-content {float: left;background: #fff}

#main-content .title {

	float: left;

	background: url(../img/title.gif) no-repeat 0 0;

	width: 949px;

	height: 55px;

	margin-left: 8px;

	display: inline;

}

#main-content .title h1 {

	float: left;

	width: 400px;

	height: 30px;

	margin: 12px 0 0 18px;

	display: inline;

}

#main-content h2 {

	float: left;

	width: 100%;

	height: 18px;

	margin-bottom: 10px;

}

#main-content #sidebar {

	float: left;

	display: inline;

	margin: 20px 0 0 25px;

	width: 135px;

}

#main-content #sidebar ul { float: left; width: 100%;list-style:none}

#main-content #sidebar ul li {float: left;padding: 5px 0;width: 100%}

#main-content #sidebar a {

	font-size: 12px;

	color: #0750a9;

	font-weight: bold;

	text-decoration: none;

}

#main-content #sidebar a:hover, #main-content #sidebar a.act {color: #ff6600}



#main-content #contents1 {



	width: 735px;

	display: inline;

	margin: 20px 0 0 60px;

	padding-bottom: 25px;

}

#main-content #contents {

	float: right;

	width: 735px;

	display: inline;

	margin: 20px 60px 0 0;

	padding-bottom: 25px;

}

#main-content #contents.full-width { width: 875px}

#main-content #contents p {display: inherit;margin-top: 15px}



#main-content #contents1.full-width1 { width: 610px; float: left;}

#main-content #contents1 p {display: inherit;margin-top: 15px}

.news-item {

	float: left;

	margin-top: 15px;

	width: 100%;

	border-bottom: 1px solid #d8d8d8;

	padding-bottom: 15px;

}

.news-item img {float: left;margin-right: 22px;display: inline}

.news-item div {float: left;width: 720px}

.news-item div a {float: left;color: #094eab;font-weight: bold;text-decoration: none}

.news-item div a:hover { text-decoration: underline}

.news-item div a.more {float: right}

#main-content #contents .news-item div p {margin-top: 5px;float: left;width: 100%}

.news-item div span {float: right;color: #dedede;font-weight: bold}



/*dodane*/

a.nawi {color: #094eab;font-weight: bold;text-decoration: none}

a.nawi:hover{ text-decoration: underline}



#images{

	float			: left;

	clear			: both;

	width			: 900px;

	padding-left	: 5px;

	margin-top		: 10px;

}

	#images h1{

		margin			: 7px 0 0 15px;

	}

	#images div.catimage{

		float			: left;

		clear			: none;

		width			: 140px;

		height			: 140px;

		padding			: 25px;

		margin			: 20px 0 0 30px;

		border			: 1px solid #ccc;

		background		: #fbfbfb;

		text-align		: center;

	}

		#images div.catimage img{

			display			: block;

			margin			: 0 auto;

			max-height		: 120px;

		}

		#images div.catimage h2{

			display			: inline;

			width			: 120px;

			margin			: 8px auto;

		}

		#images div.catimage h2 a{

			font-size		: 16px;

		}

#images div.image{

		float			: left;

		clear			: none;

		width			: 140px;

		padding-left		: 25px;

		margin-top		: 20px;

	}

		#images div.image img{

			float			: left;

			clear			: both;

		}

		#images div.image h2{

			float			: left;

			clear			: both;

			width			: 120px;

		}

		#images div.image h2 a{

			width			: 120px;

			display			: block;

			font-size		: 16px;

			margin			: 8px auto;

			text-align		: center;

		}

		





#fixedtipdiv{

clear: both;

position: absolute;

float: left;





border:1px solid black;

font:normal 12px Verdana;

line-height:18px;

z-index:100;

}



ol li { float: left; width: 100%}

table { float: left;}

#mailform{

	float			: left;

	clear			: both;

	width			: 550px;

	margin			: 0px 0 0 0px;

	padding-left	: 5px;

}

	#mailform h1{

		float			: left;

		clear			: both;

		padding-bottom	: 10px;

		font-weight: bold;

		

	}

	#mailform p{

		float			: left;

		clear			: both;

		padding			: 0px;

		margin			: 0px;

	}

	#mailform div{

		float			: left;

		clear			: both;

		margin			: 20px 0 0 0;

	}

		#mailform div label{

			float			: left;

			clear			: none;

			width			: 180px;

			cursor			: pointer;

		}

		#mailform div input{

			border			: 1px solid #ccc;

			width			: 180px;

		}

		#mailform div input.submit{

			text-align: center;

		}

		#mailform div textarea{

			border			: 1px solid #ccc;

			width			: 350px;

			height			: 200px;

		}

.news_img {

	width: 200px;

	max-width: 250px;

	clear: both;

	float: left;

	margin-top: 20px;

	border: 0;

}

.news_content {



	float: left;

	margin: 0;

	padding: 5px;

}

.sifr {
        
	color: #fff;
        
	font-weight: bold;

	font-size: 16px;

	line-height: 30px;

}
.sifr span {
    clear: both;
    float: left;
}
.sifr a {
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(../img/feed.png);
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    margin: 5px auto auto 5px;
}
.pagination {
    margin: 5px;
    position: relative;
    width: 865px;
    height: 50px;
    clear: both;
    text-align: center;
    margin: auto;
    text-align: center;
}
.pagination span {
    display: block;
}
.pagination .sites {
    margin-left: 92px;
    width: 680px;
}
.pagination .left {
    background-image: url(../img/left.gif);
    background-position: left top;
    background-repeat: no-repeat;
    left: 11px;
    display: block;
    height: 16px;
    width: 76px;
    text-indent: -9999px;
    position: absolute;
    top: 15px;
    cursor: pointer;
}
.pagination .left:hover {
    background-image: url(../img/left.gif);
    background-position: 0 -16px;
    background-repeat: no-repeat;
}
.pagination .right {
    background-image: url(../img/right.gif);
    background-position: left top;
    background-repeat: no-repeat;
    right: 11px;
    display: block;
    height: 16px;
    width: 76px;
    text-indent: -9999px;
    position: absolute;
    top: 15px;
    cursor: pointer;
}
.pagination .right:hover {
    background-image: url(../img/right.gif);
    background-position: 0 -16px;
    background-repeat: no-repeat;
}