/* CSS Document */

*{
margin: 0;
padding: 0;
}

html{
height: 100%;
}

body {
background: #f3f3f3;
font-family: verdana, sans-serif; 
font-size: 12px; 
text-align: justify;
height: 100%;
color: #675f51;
}

#container {
position: relative;
min-height: 100%;
_height: 100%;
width: 100%;
}

#page {
margin: 0 auto;
position: relative;
z-index: 1;
width: 1180px;
}

#top {
position: relative;
width: 1098px;
height: 750px;
}

#pas {
background: url('images/pas.jpg') repeat-x;
top: 0px;
left: 0px;
width: 100%;
height: 93px;
position: absolute;
z-index: 1;
}

#f {
background: url('images/logo.jpg') no-repeat;
position: absolute;
left: -20px;
width: 548px;
height: 207px;
top: 41px;
z-index: 2;
}

#m {
background: url('images/sent.jpg') no-repeat;
position: absolute;
left: 575px;
width: 590px;
height: 78px;
top: 155px;
z-index: 2;
}

#gh {
background: url('images/4p.jpg') no-repeat;
position: absolute;
left: 0px;
width: 1180px;
height: 500px;
top: 250px;
z-index: 2;
}

#zkwp {
position: absolute;
left: 120px;
width: 130px;
height: 140px;
top: 54px;
z-index: 10;
}

#fci {
position: absolute;
left: 243px;
width: 130px;
height: 140px;
top: 55px;
z-index: 10;
}

#menu {
background: url('images/menu.jpg') no-repeat;
position: absolute;
left: 330px;
width: 883px;
height: 19px;
top: 67px;
z-index: 7;
}

a#menu1, a#menu2, a#menu4, a#menu5, a#menu6, a#menu8, a#menu9{
left: 0px;
top: 0px;
text-indent: -3000px;
position: absolute;
display: block;
z-index: 8;
}

a#menu1_active, a#menu2_active, a#menu4_active, a#menu5_active, a#menu6_active, a#menu8_active, a#menu9_active{
left: 0px;
top: 0px;
text-indent: -3000px;
position: absolute;
display: block;
z-index: 8;
}

a#menu1 {
top: 0px;
left: 90px;
width: 106px;
height:42px;
}

a#menu1_active {
background: url('images/1.jpg') 0px 0px;
top: 0px;
left: 90px;
width: 106px;
height: 42px;
}

a#menu2 {
top: 0px;
left: 285px;
width: 149px;
height: 42px;
}

a#menu2_active {
background: url('images/2.jpg') 0px 0px;
top: 0px;
left: 285px;
width: 149px;
height: 42px;
}

a#menu4 {
top: 0px;
left: 590px;
width: 76px;
height: 42px;
}

a#menu4_active {
background: url('images/4.jpg') 0px 0px;
top: 0px;
left: 590px;
width: 76px;
height: 42px;
}

a#menu5 {
top: 0px;
left: 684px;
width: 43px;
height: 42px;
}

a#menu5_active {
background: url('images/5.jpg') 0px 0px;
top: 0px;
left: 684px;
width: 43px;
height: 42px;
}

a#menu6 {
top: 0px;
left: 744px;
width: 53px;
height: 42px;
}

a#menu6_active {
background: url('images/6.jpg') 0px 0px;
top: 0px;
left: 744px;
width: 53px;
height: 42px;
}

a#menu8 {
top: 0px;
left: 454px;
width: 116px;
height: 42px;
}

a#menu8_active {
background: url('images/8.jpg') 0px 0px;
top: 0px;
left: 454px;
width: 116px;
height: 42px;
}

a#menu9 {
top: 0px;
left: 217px;
width: 50px;
height: 42px;
}

a#menu9_active {
background: url('images/9.jpg') 0px 0px;
top: 0px;
left: 217px;
width: 50px;
height: 42px;
}

a#menu1:hover {
background: url('images/1.jpg') 0px 0px;
}

a#menu2:hover {
background: url('images/2.jpg') 0px 0px;
}

a#menu4:hover {
background: url('images/4.jpg') 0px 0px;
}

a#menu5:hover {
background: url('images/5.jpg') 0px 0px;
}

a#menu6:hover {
background: url('images/6.jpg') 0px 0px;
}

a#menu8:hover {
background: url('images/8.jpg') 0px 0px;
}

a#menu9:hover {
background: url('images/9.jpg') 0px 0px;
}

#tresc {
position: relative;
width: 1098px;
height: auto;
margin: 0 auto;
z-index: 1;
}

#text {
position: relative;
width: 1098px;
height: auto;
margin: 0 auto;
padding: 0px 0px 40px 0px;
z-index: 1;
}

a:link, a:visited {
color: #4b453c; 
text-decoration: none;
}

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

a:focus { 
outline: none;
}

#zdj {
padding: 5px; 
background:#FFFFFF;
display: inline-block; 
vertical-align: top;
margin-left: 20px;
border: 1px solid #C0C0C0;
}

.border {
padding:10px; 
background:#dcdcdc;
display:inline-block; 
vertical-align:top;
margin-left:0px;
border:3px solid #fff;
}

.border2 {
padding:5px; 
background:#eee5d8;
display:inline-block; 
vertical-align:top;
margin-left:0px;
border:0px solid #fef5e7;
}

#bottom {
width: auto;
height: 44px;
bottom:0;
left: 0;
position: relative;
margin-left: 0px ;
z-index: 10;
}

#bottom01 {
background: url('images/pas.jpg') repeat-x;
position: relative;
top: auto;
left: 0px;
width: 100%;
height: 93px;
z-index: 5;
}

.czyt-wiecej a:link {
color: #ffffff;
background-color: #565d65;
padding: 8px 10px;
border-radius: 6px 6px / 6px 6px;
font-size: 12px;
}

.czyt-wiecej a:hover { 
color: #ffffff;
background-color: #000000;
padding: 8px 10px;
border-radius: 6px 6px / 6px 6px;
font-size: 12px;
}

.czyt-wiecej a:visited {
color: #ffffff;
padding: 8px 10px;
border-radius: 6px 6px / 6px 6px;
font-size: 12px;
}

TABLE.ped {
	border-collapse: collapse;
	border: 10px solid #ffffff;
	color: #203342;
	text-align: left;
	font-size: 9pt;
	width: 100%;
	background: #eaeaea;
}

TD.ped {
	text-align: center;
	padding: 2px 0px 2px 5px;
}

TD.ped-b {
	border-bottom: 1px solid #ffffff;
	text-align: center;
	padding: 2px 0px 2px 5px;
}

TABLE.show2 {
	border-collapse:separate;
	border: 10px solid #ffffff;
	color: #000000;
	width: 500px;
	text-align: left;
	font-size: 10px;
	width: 70%;
	background: #dfd7cb;
}

TABLE.show {
	border-collapse:separate;
	border: 10px solid #ffffff;
	color: #000000;
	width: 500px;
	text-align: left;
	font-size: 10px;
	width: 100%;
	background: #dfd7cb;
}

.show-td {
	border: 1px solid #FEEAD3;
	text-align: left;
	padding: 2px 0px 2px 5px;
}

#copy {
background: url('images/log.jpg');
position: absolute;
width:926px; margin-left: -460px;
height:125px; margin-top: -79px;
position:absolute; top:50%; left:50%;
z-index: 6;
}

#ak {
background: url('images/ak.jpg') no-repeat;
position: relative;
top: 105px;
left: 813px;
width: 97px;
height: 9px;
z-index: 6;
}

.style2 {
font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px;
  color: #fff;
}

.style3 {
font-family: 'Birthstone', cursive;
  font-size: 25px;
  font-style: italic;
  color: #000000;
}

.style3b {
font-family: 'Barlow Condensed', sans-serif;
  font-size: 25px;
  color: #000000;
}

.style4 {
font-family: 'Open Sans Condensed', sans-serif;
  font-size: 18px;
  color: #9a866b;
}

.style5 {
font-family: 'Josefin Slab', serif;
  font-size: 35px;
  color: #000000;
}

.style6 {
font-family: 'Dosis', sans-serif;
  font-size: 16px;
  color: #9a866b;
}

.style7 {
font-family: 'Oswald', sans-serif;
  font-size: 40px;
  color: #000;
}

.styleZ {
font-family: 'Arima Madurai', cursive;
  font-size: 17px;
  color: #000000;
}

.styleP {
font-family: 'Arima Madurai', cursive;
color: #000000; 
font-size: 17px; 
}

.styleN {
font-family: 'Arima Madurai', cursive;
color: #565d65; 
font-size: 17px; 
}

.styleS {
color: #998361;
font-family: Verdana, Sans-Serif;
font-size: 11px; 
}

.styleZ2 {
font-family: 'Dosis', sans-serif;
  font-size: 14px;
  color: #000000;
}








