* {
margin:0;
padding:0;
}


html, body {
color:black;
font-family:Trebuchet MS,Arial,verdana,sans-serif;
font-size:100%;      
background-color:#670101;
background-image:url(/gfx/bg-body.gif);
}


#kontener {
margin: 0 auto;
width:800px;
height:auto;
}


#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/bg-srodek.png);
background-repeat:repeat-y;
background-position:top left;
}


/* clearfix: auto-clear */

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

.clearfix {display: inline-table;}

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




/* belka gorna */

#belka {
height:190px;
background-image:url(/gfx/belka.jpg);
background-repeat:no-repeat;
background-position: top left;
}


/* klikalne logo strony */

#logo {
width:414px;
height:190px;
position:absolute;
margin:0;
padding:0;
left:570px;
font-weight:bold;
text-align:center;
font-size:150%;
color:#FFB922;
}


#lewemenu {
background:url(/gfx/menu-bg.gif) no-repeat top center;
width:205px;
height:auto;
float:left;
margin-left:50px;
}

#lewemenu ul {
margin:50px 5px 0px 0px;
}

#lewemenu ul li {
list-style:none;
display:block;
margin-top:1px;
width:202px;
height:35px;
}

#lewemenu a {
color:white;
font-weight:bold;
text-decoration:none;
display:block;
width:202px;
height:35px;
}

#lewemenu a img {
border:0;
}


#lewea {
background:url(/gfx/o_nas.gif) no-repeat;
}

#leweb {
background:url(/gfx/rasy.gif) no-repeat;
}

#lewec {
background:url(/gfx/suczki.gif) no-repeat;
}

#lewed {
background:url(/gfx/psy.gif) no-repeat;
}

#lewee {
background:url(/gfx/szczeniaki.gif) no-repeat;
}

#lewef {
background:url(/gfx/planowane_mioty.gif) no-repeat;
}

#leweg {
background:url(/gfx/galeria.gif) no-repeat;
}

#leweh {
background:url(/gfx/kontakt.gif) no-repeat;
}

#lewei {
background:url(/gfx/linki.gif) no-repeat;
}


#lewej {
background:url(/gfx/aktualnosci.gif) no-repeat;
}




#lewea:hover,#lewea:focus,#lewea:active,
#leweb:hover,#leweb:focus,#lwewb:active,
#lewec:hover,#lewec:focus,#lewec:active,
#lewed:hover,#lewed:focus,#lewed:active,
#lewee:hover,#lewee:focus,#lewee:active,
#lewef:hover,#lewef:focus,#lewef:active,
#leweg:hover,#leweg:focus,#leweg:active {
background-position:bottom left;
text-decoration:underline;
color:red;
}


.flagi {
width:150px;
height:auto;
text-align:center;
}

#lewemenu .flagi a {
display:inline;
}

.flagi ul li {
list-style:none;
display:inline;
float:left;
}

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

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


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

.setia img {border:0}

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


#footerbig {
width:100%;
min-height:37px;
}

#footer {
width:960px;
min-height:37px;
margin:0 auto;
color:#acae71;
text-align:center;
}

#footer p {
padding-top:10px;
}

#footer a {
color:#EDEDBE;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
color:white;
text-decoration:none;
}