* {
margin:0;
padding:0;
}


html, body {
	color:black;
	font-family:Trebuschet MS,verdana,sans-serif;
	font-size:85%;
        background-color:#85A284;
}


#kontener {
	margin: 0 auto;
        width:770px;
        height:auto;
        position:relative;
        border:solid black 1px;
        border-width:0px 1px 1px 0px;

}


#skiper {
	position:absolute;
	left:-2000px;
	top:5px;
	background-color:yellow;
	color:#004400;
	display:block;
	text-decoration:none;
	padding:0.5em;
	border: solid red 2px;
	text-transform:uppercase;
	font-weight:bold;
}



#srodek {
width:100%;
height:auto;
background-color:#A9BEA5;
background-image:url(/gfx/bgsrodek.gif);
background-repeat:repeat-y;

}

#bela {
width:769px;
height:82px;
background-image:url(/gfx/prodrex_belka.jpg);
background-repeat:no-repeat;
margin:0 auto;
background-color:#B3B495;
border:solid black 1px;
border-width:0px 1px 0px 1px;
}

#bela h1 {
font-size:100%;
color:black;
margin-left:20px;
margin-top:-12px;
display:block;
width:200px;

}

#bela img {
border:0;
}


#bela a.prodrexlogo {
width:173px;
height:32px;
position:absolute;
font-weight:bold;
color:black;
font-size:110%;
display:block;
top:38px;
left:85px;
}



/*LEWA KOLUMNA*/
#lkolumna {
width:158px;
height:auto;
float:left;
}

#lkolumna img {
margin:5px 0px 0px 30px;
border:0;
}

#lkolumna ul li {
list-style:none;
}


#lkolumna ul li a {
color:white;
text-decoration:none;
background-color:#4E7982;
display:block;
padding-left:10px;
padding-top:3px;
border:solid black 1px;
border-width:0px 1px 1px 1px;
}

#lkolumna ul li a:visited {
color:white;
background-color:#618188;
}


#lkolumna ul li a:hover,
#lkolumna ul li a:focus,
#lkolumna ul li a:active {
color:black;
background-color:white;
}

/* --- czesc tekstowa ---*/

#innerdiv {
width:604px;
height:auto;
float:right;
}

.tekst {
width:auto;
height:auto;
margin:15px;
text-align:justify;
}

.tekst ul, .tekst ol {
margin:10px 0px 10px 0px;
}


.tekst ul li, .tekst ol li {
margin:0px 0px 0px 30px;
}


.tekst p {
margin:10px 0px 10px 0px;
}

.tekst a {
color:white;
font-weight:bold;
text-decoration:none;
}

.tekst a:hover,
.tekst a:focus,
.tekst a:active {
text-decoration:underline;
}

#stopka {
width:769px;
height:25px;
text-align:center;
font-size:90%;
background-image:url(/gfx/bgstopka.gif);
border:solid black 1px;
border-width:0px 1px 0px 1px;
background-color:#85A284;
background-repeat:repeat-x;
}


.setia {
width:100%;
margin:0px auto 5px auto;
float:left;
text-align:right;
}

.setia img {border:0}

.setia a {
font-size:90%;
font-weight:bold;
color:#336E34;
text-decoration:none;
}




#formatka {
width:80%;
margin-top:3em;
}

#formatka label {

	float: left;
	display: block;
	width:33%;
}

#formatka legend {
color:#535353;
font-weight:bold;
}

#formatka ul {
	list-style:none;
	list-style-image:none;
	margin: 1em 0 1em 1em;
	padding:0;
}

#formatka ul li {
	clear:both;
	list-style:none;
	list-style-image:none;
	margin:2px 0 0 0;
	padding:0;
}

#rezerfor ul li {
	clear:both;
	list-style:none;
	list-style-image:none;
	margin:2px 0 0 0;
	padding:0;
}

#formatka .t {
	width:66%;
}

#formatka .tx {
	width:100%;
}

#formatka label.l {
	float:right;
	width:90%;
	display:block;
}

#formatka fieldset {border:0}


/* obrazki na liscie */
.liheight li {
display:block;
margin:10px 0px 0px 0px;
height:155px;
text-align:right;
font-weight:bold;
font-size:105%;
color:white;
list-style:none;
}

ul.liheight img {
float:right;
margin-left:10px;
border:solid white 3px;
}

/* styl tekstu wysrodkowanego */
span.txtcenter {
text-align:center;
display:block;
margin:10px 0px 10px 0px;
}

div.uldkolumny img {
border:solid white 3px;
}

div.uldkolumny ul li {
width:220px;
list-style:none;
margin:0px 10px 0px 10px;
}

div.uldkolumny ul li.even {
float:left;
margin-top:10px;
}


div.uldkolumny ul li.odd {
float:right;
margin-top:10px;
}