@charset "iso-8859-2";
body {
margin:0px;
padding:0px;
background-color:#b2dbf7;
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
}
a { text-decoration:none; color:#02475c}

#top-menu {
position:relative;
width:100%;
height:25px;
background-image:url(../gfx/top_menu.jpg);
}


.container {
position:relative;
width:770px;
height:auto;
margin:0 auto;
}

#menu-top {
position:relative;
height:25px;
width:298px;
background-image:url(../gfx/menu_top.jpg);

background-repeat:no-repeat;
}

.a {
position:relative;
width:60px;
height:20px;
float:left;
margin-right:7px;
cursor:pointer;

}

.a i {
display:none;
}

#menu {
	position:relative;
	width:770px;
	background-image:url(../gfx/menu.jpg);
	padding-top:150px;
	height:171px;

IMG:after { content: attr(alt) ; 	background-attachment: scroll;
}
}

#menu div {
position:relative;
width:245px;
height:80px;
float:left;
margin-left:8px;
margin-bottom:5px;
}

#menu div span{
display:block;
color:#000000;
margin-left:85px;
margin-top:15px;
width:158px;
text-decoration:none;
cursor:pointer;
}

#main-top {
position:relative;
clear:both;
width:770px;
height:44px;
background-image:url(../gfx/main-top.jpg);
}

#main-top div {
float:left;
width:300px;
height:auto;
color:#FFFFFF;
margin-left:20px;
margin-top:7px;
font-size:17px;

}

#main {
position:relative;
overflow:hidden;
clear:both;
width:770px;
height:auto;
background-image:url(../gfx/loop.jpg);
}

.produkt {
position:relative;
height:auto;

position:relative;
float:left;
width:282px;
margin-left:25px;
font-size:17px;
color:#FFFFFF;

}

.produkty {
position:relative;
height:auto;
border-bottom:solid 1px #9dd3f7;
position:relative;
width:280px;
font-size:17px;
color:#FFFFFF;
height:110px;
}

.obrazek {
position:relative;
margin-top:15px;
height:60px;
width:80px;

float:left;
margin-right:15px;
margin-bottom:9px;
}

.s_o {
position:relative;
margin-top:15px;
height:60px;
width:180px;
float:left;
margin-bottom:9px;
font-size:11px;
color:#000000;
}
.s_o h1 {
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
color:#02475c; 
margin-bottom:3px;
}

.wiecej {
text-align:right;
clear:both;
width:260px;
height:20px;
font-size:11px;
overflow:hidden;
margin:0 auto;
}

#opis {
position:relative;
float:left;

margin-left:33px;
font-size:17px;
color:#FFFFFF;
width:400px;
height:auto;

}

#fota {
position:relative;
margin:0 auto;
width:263px;
height:198px;
text-align:center;
margin-bottom:30px;
}

#l_o {
position:relative;
width:380px;
color:#000000;
margin:0 auto;
font-size:11px;
}

#kreska {
margin:0 auto;
width:263px;
border-bottom:solid 1px #9dd3f7;
padding-top:15px;
margin-bottom:15px;
font-size:1px;
height:1px;
}

#dd {
position:relative;
height:50px;
width:380px;
margin:0 auto;
color:#000000;
font-size:12px;

}

#l {
position:relative;
width:49%;
float:left;
text-align:left;
}

#p {
position:relative;
width:49%;
float:left;
text-align:right;
}


#main-dol {
clear:both;
position:relative;
width:770px;
height:19px;
background-image:url(../gfx/main-dol.jpg);
}

#stopka {
position:relative;
width:770px;
background-image:url(../gfx/stopka.jpg);
height:26px;
font-size:11px;
text-align:center;
padding-top:6px;
color:#93a0bd;
}

#stopka a {
color:#3366FF;
}