* {
margin:0;
padding:0;
}


html, body {
	color:black;
	font-family:Tahoma,Trebuschet MS,verdana,sans-serif;
	font-size:85%;
        background-color:#E2E0D4;
        background-image:url(/gfx/head.jpg);
        background-position:top center;
        background-repeat:repeat-x;
}


#kontener {
	margin: 0 auto;
	width:683px;
	position: relative;
}


#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-image:url(/gfx/srodek-bg.gif);
background-repeat:repeat-y;
}

#bela {
height:322px;
background-repeat:no-repeat;
background-position: top left;
margin:0 auto;
}


/*GORNE MENU*/
#gmenu {
width:683px;
height:169px;
position:absolute;
top:146px;
}

#gmenu li {
display:block;
}

#gmenu li a {
display:block;
color:white;
width:170px;
height:169px;
color:white;
float:left;
}

a#gmenu-a span {
display:block;
width:170px;
height:169px;
position:absolute;
background:url(/gfx/m1.jpg) no-repeat;
}

a#gmenu-a:hover span,
a#gmenu-a:focus span,
a#gmenu-a:active span {
background:url(/gfx/m1_a.jpg);
}


a#gmenu-b span {
display:block;
width:170px;
height:169px;
position:absolute;
left:170px;
top:0px;
background:url(/gfx/m2.jpg) no-repeat;
}

a#gmenu-b:hover span,
a#gmenu-b:focus span,
a#gmenu-b:active span {
background:url(/gfx/m2_a.jpg);
}



a#gmenu-c span {
display:block;
width:170px;
height:169px;
position:absolute;
left:340px;
top:0px;
background:url(/gfx/m3.jpg) no-repeat;
}

a#gmenu-c:hover span,
a#gmenu-c:focus span,
a#gmenu-c:active span {
background:url(/gfx/m3_a.jpg) no-repeat;
}



a#gmenu-d span {
display:block;
width:170px;
height:169px;
position:absolute;
left:510px;
top:0px;
background:url(/gfx/m4.jpg) no-repeat;
}

a#gmenu-d:hover span,
a#gmenu-d:focus span,
a#gmenu-d:active span {
background:url(/gfx/m4_a.jpg) no-repeat;
}


#logo {
width:683px;
height:126px;
position:absolute;
top:28px;
background-color:#3B392D;
font-weight:bold;
color:white;
font-size:120%;
}


/* czesc tekstowa */

#innerdiv {
width:100%;
}

/* strona lewa */
#left {
width:226px;
height:auto;
float:left;
text-align:justify;
padding:0px 10px 0px 10px;
}



#stopka {
width:100%;
background-color:#413F34;
color:white;
text-align:center;
background-image:url(/gfx/stopka-bg.png);
background-repeat:repeat-x;
padding:20px 0px 20px 0px;
}


#stopka ul {
width:683px;
margin:0px auto;
border-bottom:solid white 1px;
padding:20px 0px 20px 0px;

}

#stopka ul li {
list-style:none;
display:inline;
margin-left:20px;
background-image:url(/gfx/stopka-li-bg.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:15px;
}

#stopka ul li a {
color:#CCCCCC;
text-transform:capitalize;
}

#stopka ul li a:hover,
#stopka ul li a:focus,
#stopka ul li a:active {
text-decoration:none;
}

.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:#413F34;
text-decoration:none;
}

/* formularz */

#form {
width:100%;
height:auto;
}

#form textarea {
width:200px;
height:120px;
}


/* clearfix: auto-clear */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*