* {
margin:0;
padding:0;
}


html, body {
	color:black;
	font-family:Tahoma,verdana, sans-serif;
	font-size:85%;
        background-color:#E9E9E9;
        background-image:url(/gfx/bgbody.gif);
        background-repeat:repeat-x;
}

#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;
}


#kontener {
margin: 0 auto;
min-width:765px;
max-width:911px;
height:auto;
position:relative;
background-image:url(/gfx/bg_kontener.bmp);
background-repeat:repeat-y;
background-color:white;
}

#subkontener {
background-image:url(/gfx/bg_subkontener.bmp);
background-repeat:repeat-y;
background-position:right;
height:auto;
margin: 0 auto;
min-width:765px;
max-width:911px;
position:relative;
}

/*logo --png*/
#logo {
width:226px;
height:84px;
position:absolute;
border:0;
margin-left:17px;
background-color:#DD3422;
color:white;
font-size:120%;
font-weight:bold;
}


#srodek {
max-width:911px;
min-width:770px;
height:auto;
position:relative;
margin:0 auto;
}

#belka {
background-image:url(/gfx/belka_goos.jpg);
background-position: top right;
background-repeat:no-repeat;
min-width:765px;
max-width:911px;
height:333px;
margin:0 auto;
position:relative;
}

#glinki {

}


/* --- flagi ---*/
ul#flagi {
float:right;
margin-top:42px;
margin-right:0px;
width:95px;
height:auto;
}

ul#flagi li{
list-style:none;
display:inline;
text-transform:uppercase;
color:#798792;
}

ul#flagi a {
text-decoration:none;
color:#798792;
}

ul#flagi a:visited {
color:black;
}

ul#flagi a:hover,
ul#flagi a:focus,
ul#flagi a:active {
color:black;
}


/*--- belka menu ---*/
/*--- linki gornego menu ---*/


#listagmenul {
position:absolute;
top:105px;
left:30px;
width:50%;
height:auto;
}

#listagmenul img {
margin-left:-10px;
}

#listagmenul li {
list-style:none;
display:inline;
margin-left:0.4em;
color:#798792;
}

#listagmenul a {
text-decoration:none;
color:#798792;
}

#listagmenul a:visited {
color:#6C7C88;
}

#listagmenul a:hover,
#listagmenul a:focus,
#listagmenul a:active {
color:black;
}

/*--- belka menu --- style muzyczne --*/

#listagmenur {
width:50%;
right:30px;
top:105px;
position:absolute;
color:white;
height:29px;
z-index:1;
}

ul#listagmenur {
background-color:red;
/*width:435px; */
width:355px; /* bez przycisku classic */
margin:0;
padding:0;
}

#listagmenur li {
display:inline;
}

#listagmenur a {
color:white;
text-decoration:none;
text-transform:uppercase;
text-align:center;
margin-left:50px;

}

a#classic span {
background-image:url(/gfx/classic.gif);
background-position:top;
width:90px;
height:30px;
position:absolute;
right:358px;

}

a#swing span {
background-image:url(/gfx/swing.gif);
width:90px;
height:30px;
position:absolute;
right:268px;
top:0px;
}

a#jazz span {
background-image:url(/gfx/jazz.gif);
width:90px;
height:30px;
position:absolute;
right:178px;
top:0px;
}

a#rock span {
background-image:url(/gfx/rock.gif);
width:90px;
height:30px;
position:absolute;
right:89px;
top:0px;
}

a#pop span {
background-image:url(/gfx/pop.gif);
width:91px;
height:30px;
position:absolute;
right:0px;
top:0px;
}



/*menu gorne*/

#belka .menug {
padding-top:140px;
text-align:right;
}
#belka .menug li {
display:inline;
}

#szuwarek {
width:180px;
top:135px;
left:35px;
position:absolute;
}

#szuwarek fieldset {
border:0;
}

#szuwarek legend {
color:#6C7C88;
text-transform:uppercase;
}


#szuwarek input {
margin-top:0.5em;
margin-right:0.5em;
width:124px;
height:20px;
border:solid #b6bec3 1px;
}

#szuwarek #szukaj {
width:10px;
height:10px;
border:0;
position:absolute;
top:18px;
}

.pszuwarek {
color:#6C7C88;
text-transform:uppercase;
margin-left:0px;
}

.tytinput {
color:#6C7C88;
text-transform:uppercase;
margin-left:5px;

}

#newsletter {
position:relative;
top:20px;
margin-left:15px;
}

#newsletter input {
margin-top:0.5em;
margin-right:0.5em;
width:124px;
height:20px;
border:solid #b6bec3 1px;
}

#newsletter fieldset {
border:0;
}

#newsletter legend {
color:#6C7C88;
text-transform:uppercase;
padding-left:5px;
}

#newsletter #wyslijem {
width:10px;
height:10px;
border:0;
position:absolute;
top:18px;
}

p.lineheight {
line-height:160%;
padding-left:5px;
color:#7d90a4;
}

#newsletter input {
width:124px;
height:20px;
margin-left:5px;
border:solid #b6bec3 1px;
}

#newsletter p {
color:#7d90a4;
margin:0.5em 0em 0.5em 0em;
}

#certyfikat {
margin-top:50px;
margin-left:15px;
}


#certyfikat img {
margin:0px 0px 0px 5px;
padding-top:10px;

}


#lkolumna {
width:23%;
height:auto;
float:left;
margin-left:15px;
position:relative;
margin-top:-110px;
}


/*--- podzial strony ---*/

/*--- innerdiv ---*/
#innerdiv {
width:70%;
float:left;
margin-left:1%;
color:#7C91A6;
margin-top:-160px;
}

#innerdiv h2 {
color:#23699E;
font-size:210%;
font-weight:normal;
margin:0.5em 0.5em 0.5em 0px;
font-family:Tahoma,verdana,sans-serif;
}

#innerdiv h3 {
font-size:100%;
font-weight:normal;
margin:0.5em 0.5em 0.5em 0px;
text-transform:uppercase;
}


#innerdiv p {
margin:1em 0em 1em 0em;
}

#innerdiv a {
color:#23699E;
text-decoration:none;
}

#innerdiv a:visited {
color:black;
}

#innerdiv a:hover,
#innerdiv a:focus,
#innerdiv a:active {
color:black;
}

#innerdiv a img {
border:0;
}

#innerdiv a.growlink {
color:#23699E;
text-decoration:none;
background-image:url(/gfx/grow_right.gif);
background-repeat:no-repeat;
padding-left:12px;
background-position:2px 60%;
}

#innerdiv a.growlink:visited {
color:black;
}

#innerdiv a.growlink:hover,
#innerdiv a.growlink:focus,
#innerdiv a.active {
color:black;
}

.tekst {
margin-left:30px;
width:90%;
height:auto;
}

/*--- kolorystyka ---*/
div.kolorystyka {
width:170px;
heigth:120px;
float:left;
margin:20px 0px 20px 0px;
text-align:center;
}

div.kolorystyka img {
padding:2px;
border:solid #B6BDC3 1px;
}



#pstro {
width:70%;
height:auto;
float:left;
}

#pkolumna {
width:28%;
float:right;
height:auto;
}

.imagelist img {
border:0;
}

#pkolumna .imagelist img {
border:solid #D6DADD;
padding:3px;
border-style:double;
}

h2.header {
color:#24679C;
font-size:200%;
}

#lmenu {
background-color:#23699e;
background-image:url(/gfx/top_left.gif);
background-repeat:no-repeat;
margin-left:20px;
margin-top:0px;
width:100%;
}

ul#lmenul {
background-image:url(/gfx/bottom_right.gif);
background-repeat:no-repeat;
background-position:bottom right;
margin-top:-30px;

}


#lmenu2 {
background-image:url(/gfx/top_right.gif);
background-repeat:no-repeat;
background-position:top right;
}

#lmenu3 {
background-image:url(/gfx/bottom_left.gif);
background-repeat:no-repeat;
background-position:bottom left;

}


#lmenul {
margin:0px 0px 0px 10px;

}

#lmenul li {
list-style:none;
border:solid #5289b3 1px;
border-width:0px 0px 1px 0px;
padding:0.9em 0em 0.9em 0em;
margin:0px 20px 0px 10px;
}

#lmenul a {
color:white;
text-decoration:none;
display:block;
}

#lmenul a:visited {
color:white;
}

#lmenul a:hover,
#lmenul a:focus,
#lmenul a:active {
color:#A8E7FF;
}



#stopka {
text-align:left;
width:auto;
height:auto;
color:#798792;
margin-left:30px;
}


.setia {
width:97%;
margin:10px 0px 0px 15px;
float:left;
text-align:right;
color:#7D90A4;
}

.setia img {
border:0;
}

.setia a {
font-size:95%;
color:#7D90A4;
text-decoration:none;
}

/*-------------------*/
.opisproduktu {
width:300px;
margin:0 auto;
}

/*--- plobiekt ---*/
span.nawigacja img {
border:0;
}

span.nawigacja {
border:solid #D6DADD 1px;
padding:2px;
margin-left:0.5em;
background-color:white;
}

span.nawigacja a {
text-decoration:none;
color:#24679C;
}

table.proptable {
padding:0.3em;
margin:0em 0em 1em 0em;
}

table.proptable tr th {
border:solid #E3E7EA 1px;
border-width:0px 0px 1px 0px;
padding:3px;
font-weight:normal;
text-align:left;
}

table.proptable tbody {
font-weight:none;
}

table.proptable td {
border:solid #E3E7EA 1px;
border-width:0px 0px 1px 0px;
padding:3px;
}

div.listakolorow {
text-align:center;
width:120px;
height:120px;
float:left;
}

/*--plkategoria*/

ul.listaprod li {
list-style:none;
height:350px;
width:32%;
float:left;
}

ul.listaprod img {
border:solid #E3E7EA;
border-style:double;
padding:3px;

}

ul.listaprod li.even {
float:left;
width:45%;
}

a.aobiekt {
font-weight:bold;
}


/*--- formularz ---*/
#kontaktkontener {
margin-left:26px;
}

#kontaktkontener h2 {
margin-top:0px;
}


#formularz {
margin-top:2em;
}


#formatka fieldset {
border:0;
}

div.label {
margin-top:1em;
margin-bottom:5px;
}

div.input input {
border:solid #B6BDC3 1px;
height:18px;
width:147px;
}


#lforma {
width:147px;
float:left;
height:auto;
}


#rforma {
width:382px;
float:right;
margin-right:50px;
height:auto;
}

div.textarea textarea {
width:363px;
height:113px;
border:solid #B6BDC3 1px;
}

div.textarea img {
position:relative;
top:-108px;
}

div.wyslij {
width:71px;
float:right;
margin-right:16px;
margin-top:20px;

}

div.wyslij input {
width:71px;
height:18px;
text-align:left;
font-size:90%;
}


#guzik {
border:solid #D6DADB 1px;
background-color:white;
background-image:url(/gfx/ale_groty.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:10px;
position:relative;
top:25px;
color:#22699D;
}


#panelout {
width:170px;
position:relative;
float:right;
top:180px;
left:50px;
z-index:1;
}

#panelout img {
border:0;
margin-left:10px;
background-color:#23699e;
}

#panelout a {
color:white;
text-decoration:none;
}

#panelout a:visited {
color:#f2f2f2;
}

#panelout a:hover,
#panelout a:focus,
#panelout a:active {
color:red;
}


/*--- o nas ---*/
#onaskontener {
width:auto;
height:auto;
margin-top:10px;
margin-left:20px;
}

#lonas {
width:41%;
float:left;
margin-left:10px;
margin-top:0px;
}

.imgborder {
border-style:double;
border:solid #D6DADD;

}
img.imgborder {
border-style:double;
}

span.imgborder {
border-style:double;
padding:0.3em;
}


#ronas {
width:57%;
float:right;
margin-top:-40px;
}

/*--- mozesz ....---*/
p.ponas {
padding-top:65px;
padding-left:50px;
}

#katalogi {
width:100%;
height:auto;
margin-top:-25px;
position:relative;
}

#katalogA {
width:137px;
height:58px;
margin-left:50px;
background-image:url(/gfx/bgkataloga.gif);
background-repeat:no-repeat;
position:relative;
top:22px;
padding:2px;
}

#katalogA a {
text-align:center;
top:20px;
left:5px;
position:relative;
}

div.katalogus {
display:block;
width:100px;
height:28px;
margin:3px 0px 0px 3px;
padding-top:12px;
padding-left:5px;
border:solid #E2E2E2 1px;
}


#katalogB {
width:137px;
height:58px;
margin-right:60px;
background-image:url(/gfx/bgkatalogb.gif);
background-repeat:no-repeat;
position:relative;
left:200px;
top:-40px;
padding:2px;
}

#katalogB a {
top:15px;
left:5px;
position:relative;
}


#katalogC {
width:136px;
height:58px;
margin-left:50px;
margin-top:33px;
background-image:url(/gfx/bgkatalogc.gif);
background-repeat:no-repeat;
position:relative;
top:-50px;
padding:2px;
}

#katalogC a {
top:20px;
left:5px;
position:relative;
}

#katalogD {
width:136px;
height:58px;
margin-left:200px;
margin-top:33px;
background-image:url(/gfx/bgkatalogd.gif);
background-repeat:no-repeat;
position:relative;
top:-145px;
padding:2px;
}

#katalogD a {
top:20px;
left:5px;
position:relative;
}

#katalogE {
width:136px;
height:58px;
margin-left:50px;
margin-top:33px;
background-image:url(/gfx/bgkataloge.gif);
background-repeat:no-repeat;
position:relative;
top:-155px;
padding:2px;
}

#katalogE a {
top:20px;
left:5px;
position:relative;
}

table.tablekat {
border:solid #DFDFDF 1px;
width:30%;
height:280px;
float:left;
margin:5px;
}


#twojkosz {
border:0;
}