@charset "utf-8";

body{
text-align:center;
background-color:#FFFFFF;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
}
.oneColFixCtr #container {

	width: 905px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}


ul {margin:0px;}


#main-page {
	width:640px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
}

#srodek {
	width: 209px;
	height: 242px;
	position: absolute;
	left: 299px;
	top: 90px;
	visibility: visible;
	z-index: 9;
	overflow: visible;
	margin-top: 0px;
	padding-top: 0px;
	
	}

#prawa {
	width: 233px;
	height: 241px;
	position: absolute;
	left: 508px;
	top: 89px;
	overflow: visible;
	visibility: visible;
	z-index: 9;
	
	}

#text-allwidth {
	margin:15px;
	width:720px;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;

}
.date



{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#003366;
	padding-top:25px;
	padding-left:5px;

}

#stopka {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-align:center;
	margin:0px;
	margin-top:50px;
	background-color:#a4b483;
	padding-left:15px;
}

#stopka a:link{color:#FFF;
}
#stopka a:visited{
	color:#FFF;}
#stopka a:hover{color:#FFF;}
#stopka a:active{color: #D3F2D0;}


.text1{
	font-size:10px;
}
#stopka ul{
	margin-left:0px;
	padding-left:10px;
}

#tekst1 {
float:right;
text-align:left;
width:250px;



}
.TEKST2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	padding-left:20px;
	text-align:left;
}

#foto-right {
float:right;
text-align:left;



}



.glossymenu{
padding: 0;
width: 142px; /*width of menu*/
text-align:right;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
font:  16px "Times New Roman", Times, serif;
font-weight:300;
color: #2d2d2d;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-right:10px;
background-image:url(images/bg_button.gif);

text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #2d2d2d;
background-image:url(images/bg_button.gif);
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color:#003366;
background-image:url(images/bg_button3.gif);

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid white;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px Arial, Helvetica, sans-serif;
color: #003366;
text-decoration: none;
padding: 2px 0;
padding-right: 10px;
}

.glossymenu div.submenu ul li a:hover{
color: #660000;
background-image:url(images/bg_button2.gif);
}

#linki {
	height: 58px;
	width: 110px;
	position: static;
	padding: 5px;
	top: 689px;
	z-index: 8;
	left: 10px;
	text-align:center;
	overflow: visible;
}

.linki {
	position: absolute;
	overflow: visible;
	z-index: 5;
	padding: 6px;
	width: 4px;
	height: 31px;
	
	}

#linki a:link {
	}

#linki a:visited {
	color: #FFF;
	}

#linki a:hover {
	color: #093;
	}
	
#linki a:active {
	color: #C00;
	}	





#indexr1c1 {
	position:absolute;
	left:0px;
	top:0px;
	width:142px;
	height:237px;
	z-index:1;
	visibility:visible;
}
#indexr1c2 {
	position:absolute;
	left:143px;
	top:1px;
	width:759px;
	height:28px;
	z-index:2;
	visibility:visible;
	margin:0px;
margin-top:0px;
padding-top:0px;
text-align:right;
}

#indexr1c2 p {
margin:0px;
margin-top:0px;
padding-top:0px;

}
#indexr2c2 {
	position:absolute;
	left:142px;
	top:29px;
	width:210px;
	height:344px;
	z-index:3;
	visibility:visible;
}
#indexr2c3 {
	position:absolute;
	left:352px;
	top:29px;
	width:530px;
	height:314px;
	z-index:0;
	visibility:visible;
}
#indexr2c4 {
	position:absolute;
	left:882px;
	top:29px;
	width:19px;
	height:344px;
	z-index:5;
	visibility:visible;
}
#indexr3c1 {
	position:absolute;
	left:0px;
	top:237px;
	width:142px;
	height:1208px;
	z-index:6;
	visibility:visible;
	background-image: url(images/menu-bg.jpg);
	background-repeat: no-repeat;
}
#indexr4c3 {
	position:absolute;
	left:352px;
	top:343px;
	width:530px;
	height:30px;
	z-index:0;
	visibility:visible;
	background-color: #a4b483;
	text-align:right;
}

#indexr4c3 a:link{color:#FFF;
}
#indexr4c3 a:visited{
	color:#FFF;}
#indexr4c3 a:hover{color:#FFF;}
#indexr4c3 a:active{color: #D3F2D0;}




.sitemap-contact{
color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	}

#indexr5c2 {
	position:absolute;
	left:142px;
	top:373px;
	width:759px;
	height:1071px;
	z-index:1;
	visibility:visible;
	text-align:left;
}

#indexr5c2 p{
	margin:0px;
	
}



#indexr6c1 {
	position:absolute;
	left:0px;
	top:1445px;
	width:901px;
	height:105px;
	z-index:9;
	visibility:visible;
}
.style1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #2d2d2d;
}
.style2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}


li.style2 {
	margin-left:20px;
}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
width:300px;
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
z-index:50;

}

.staffimg{
	float:left;
	vertical-align:top;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index:1000;
position: absolute;
text-decoration:none;

}





/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 400px;
border: 2px solid #C0C09F;
padding: 6px 2px 0px 10px;
background-color: #FFFFff;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:4px;
margin-bottom:0px;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
}

#video {
	position:absolute;
	left:140px;
	top:5px;
	width:200px;
	height:230px;
	z-index:2;
	visibility:visible;
}


a:link {


	color: #036;
	text-decoration: none;
}
a:visited {

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

}
a:active {
	color: #036;
	text-decoration: none;