* {
	margin: 0;
	padding: 0;
}

body {
	background: #222 url(images/layout/background11.jpg) top center no-repeat;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #333;
	text-align: left;
}
#accordion {
	margin: 0 0 40px 0;
}



div.szary2 {
	height: 40px; width: 100%; border-top: 40px
}

div.szary3 {
	height: 40px; width: 100%; border-top: 40px
}

div.szary3:hover {
	height: 40px; background: #323232; width: 100%;
}


div.szary5 {
	height: 80px; width: 80%; padding: 20px 10% 0 10%; color: #777; text-align: right
}

h2 {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	display: inline;
	padding: 0 7px 0 7px;
	text-transform: uppercase;
}
.naglowek_lewy_cz {
	background: url(images/layout/h1_lewy_cz.gif) #bf2121 top left no-repeat;
	display: inline;
	padding-top: 2px;
	padding-bottom: 2px;
}
.naglowek_prawy_cz {
	background: url(images/layout/h1_prawy_cz.gif) top right no-repeat;
	display: inline;
	padding-top: 2px;
	padding-bottom: 2px;

}

.dodano {
	color: #3989af;
	font-weight: bold;
	margin-right: 2px;
}
.news_kolumna1 {
	width: 445px; 
	padding-right: 20px; 
	float: left;
}
.news_kolumna2 {
	width: 445px; 
	padding-left: 20px; 
	float: right;
}
.news {
	margin: 0 10px 30px 0;
	float: left; 
	border: 0;
}


div.menu { 
	width: 100%;
	font-weight: bold;
	font-size: 12px;
}
h1 {
	font-weight: bold;
	font-size: 12px;
}
div.menu:hover { 
	width: 100%;
	background: #3989af;
	color: #fff;
}

div.pozycja {
	width: 992px;
	margin: 0 auto;
	letter-spacing: 0px;
}
div.pozycja:hover {
	color: #fff;
}

div.toggler {
	cursor: pointer;
	color: #3f98cc;
	margin: 0 0 0px 0;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
	font-size: 12px;
}
div.toggler:hover {
	cursor: pointer;
	background: #399fb4;
}

div.element {
	width: 100%;
	background-color: #fff;
	display: block;
}

div.element p, div.element h4 {
}

blockquote {
	padding:5px 20px;
}




.foto_kolumna1 {
	width: 284px; 
	padding-right: 39px; 
	float: left;
}

.foto_kolumna2 {
	width: 607px; 
	padding-left: 0px; 
	float: right;
}

.www_kolumna1 {
	width: 394px; 
	padding-right: 50px; 
	float: left;
}

.www_kolumna2 {
	width: 486px; 
	padding-left: 0px; 
	float: right;
}


.ukryty { 
	font-size: 10px;
	background-color: #fff;
	font-weight: normal;
	padding: 2px 4px 2px 4px;
	color: #fff;
	display: inline
}


img.foto {
	margin: 0 0 10px 10px;
	border: 0;
}
img.www {
	padding: 10px 10px 10px 10px;
	border: 0;
	width: 170px;
}
img.www_d {
	border: 0;
	width: 480px;
	height: 325px;
	float: right;
	border: 1px solid #ccc;
}


/*	3. Szczegolowe style
	   e. Linki		*/

.linki_kolumna1 {
	width: 284px;
	float: left;
	padding-right: 39px;
}
.linki_kolumna2 {
	width: 284px; 
	float: right; 
	padding-right:39px
}
.linki_kolumna3 {
	width: 284px; 
	float: right;
}
a.linki_n:link, a.linki_n:visited, a.linki_n:active {
	font-size: 10px;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	padding: 1px 5px 1px 3px;
}
a.linki_n:hover {
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	background: #69b849;
	
}
a.linki_p:link, a.linki_p:visited, a.linki_p:active {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	text-transform: none;
	padding: 1px 5px 1px 3px;
}
a.linki_p:hover {
	font-size: 11px;
	text-decoration: none;
	color: #333;
	background: #ddd;
	
}
span.linki_c {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	text-transform: none;
	line-height: 155%;
	
}
span.linki_c:hover {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	text-transform: none;
}
span.linki_p {
	font-size: 10px;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	line-height: 155%;
	
}
span.linki_p:hover {
	font-size: 10px;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}
span.plus {
	color: #62b83f;
	font-size: 11px;
	font-weight: bold;
	margin-right: 0px;
}



a.foto_ludzie_91 {
	display: block;
	height: 80px;
	width: 120px;
	overflow: hidden;
	margin: 0 0 10px 10px;
	float: right;
	
}
a.foto_ludzie_91 img {
	display: block;
	border: 0;
}
a.foto_ludzie_91:hover img {
	margin-left: -120px;
}
a.foto_ludzie_92 {
	display: block;
	height: 80px;
	width: 121px;
	overflow: hidden;
	margin: 0 0 10px 10px;
	float: right;
	
	
}
a.foto_ludzie_92 img {
	display: block;
	border: 0;
}
a.foto_ludzie_92:hover img {
	margin-left: -121px;
}
a.foto_ludzie_93 {
	display: block;
	height: 80px;
	width: 135px;
	overflow: hidden;
	margin: 0 0 10px 10px;
	float: right;
	
	
}
a.foto_ludzie_93 img {
	display: block;
	border: 0;
}
a.foto_ludzie_93:hover img {
	margin-left: -135px;
}
div.www_tabela_wiersz {
	background: #000;
}
div.www_tabela_wiersz:hover {
	background: #eee;
}
div.www_tabela_lewa_sz {
	width: 100px;
	float: left;
	padding: 7px 0 7px 0;
}
div.www_tabela_lewa {
	width: 100px;
	float: left;
	padding: 7px 0 7px 0;
}
div.www_tabela_prawa_sz {
	width: 284px;
	float: right;
	
	padding: 7px 0 7px 0;
}
div.www_tabela_prawa {
	width: 284px;
	float: right;
	padding: 7px 0 7px 0;
}
div.www_tabela_prawa:hover {
	width: 284px;
	float: right;
	padding: 7px 0 7px 0;
	background: #eee;
}
span.www_tabela_naglowek {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	
}



table.www {
	padding        : 0;     /* ustala odstęp tekstu od brzegów komórek */   
   	border-spacing : 0;    /* ustala odstęp między komórkami - wokół obwódek */
   	border-collapse: collapse; /* składa obwódki przyległych komórek */
   	border-width   : 0;    /* ustala szerokość obwódek */
	margin-top: 25px;
	border-bottom: 1px solid #ccc;
}
table.www tr {
	background:#fff;
	border-top: 1px solid #ccc;
}

table.www tr:hover {
	background:#eee;
	border-bottom: 1px solid #ccc;
}

td.www_lewa {
	width: 108px;
	padding: 6px 6px 8px 6px;
	vertical-align: top;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

td.www_prawa {
	width: 268px;
	padding: 6px 6px 8px 0px;
	vertical-align: top;
	
}

#imageContainer {
	position:relative;
	margin:auto;
	width:486px;
	border:0px solid #000;
}




table.www_nav {
	padding        : 0;     /* ustala odstęp tekstu od brzegów komórek */   
   	border-spacing : 0;    /* ustala odstęp między komórkami - wokół obwódek */
   	border-collapse: collapse; /* składa obwódki przyległych komórek */
	border: 1px solid #ccc;
	background: #eee;
	width: 392px;
}


a.www_nav_pop:link, a.www_nav_pop:visited, a.www_nav_pop:active {
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	height: 19px;
	line-height: 19px;
	width: 124px;
	padding-left: 6px;
	text-align: left;
	
}
a.www_nav_pop:hover {
	color: #fff;
	background: #69b849;
}
td.www_nav_pop_n  {
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #eee;
	text-transform: uppercase;
	height: 19px;
	line-height: 19px;
	width: 124px;
	padding-left: 6px;
	text-align: left;
	
}

a.www_nav_lis:link, a.www_nav_lis:visited, a.www_nav_lis:active {
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	height: 19px;
	line-height: 19px;
	width: 132px;
	text-align: center;
	
}
a.www_nav_lis:hover {
	color: #fff;
	background: #69b849;
}
a.www_nav_nas:link, a.www_nav_nas:visited, a.www_nav_nas:active {
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	height: 19px;
	line-height: 19px;
	width: 124px;
	padding-right: 6px;
	text-align: right;
	
}
a.www_nav_nas:hover {
	color: #fff;
	background: #69b849;
}

span.duze {
	text-transform: uppercase;
	font-size: 10px;
}
a.www_linki:link, a.www_linki:visited, a.www_linki:active {
	font-size: 11px;
	text-decoration: none;
	color: #333;
	text-align: center;
	padding: 1px 5px 1px 3px;
	
}
a.www_linki:hover {
	background: #ddd;
}

