#page {
	position:absolute;
	left:50%;
	width: 900px;
	margin: 0px;
	margin-left:-450px;
	background-color: #fff;
}

#layout-one { background: url(../images/bg1.gif) 0 115px repeat-x;  }
#layout-one #bg2 { position:absolute; width: 50%; height: 332px; top: 0px; left: 50%; background: #fff url(../images/bg1.gif) 0 bottom repeat-x; }
#layout-two { background: url(../images/bg2.gif) 0 115px repeat-x;  }
#layout-two #bg2 { position:absolute; width: 50%; height: 332px; top: 0px; left: 50%; background-color: #fff}

#header { width: 100%; height: 88px; }

h1#logo { float: left; text-indent: -9999px; font-size: 0; margin: 36px 0 0 0; padding: 0 63px 0 50px; }
h1#logo a { display: block; width: 187px; height: 39px; background: url(../images/logo.gif) right no-repeat; text-decoration: none; }

#menu-top { float: left; height: 88px; padding: 0 0 0 1px; margin: 0; background: url(../images/dot-v.gif) 0 0 repeat-y;}
#menu-top ul { float: left; padding: 0;	margin: 0; }
#menu-top ul li { float: left; list-style-type: none; padding: 0px;	margin: 0;  }
#menu-top ul li.last { padding: 0;}
#menu-top a { display: block; float: left; height: 88px; padding: 0 18px; text-indent: -9999px; font-size: 0;}
#menu-top a:hover { display: block; float: left; background-color: #F0EFEC;}
  
#menu-top #firma a { width: 40px; background: url(../images/firma-btn.gif) 50% 36px no-repeat;	}
#menu-top #oferta a { width: 42px; background: url(../images/oferta-btn.gif) 50% 36px no-repeat; }
#menu-top #sklep a {	width: 77px; background: url(../images/sklep-btn.gif) 50% 36px no-repeat;	}
#menu-top #porady a { width: 44px; background: url(../images/porady-btn.gif) 50% 36px no-repeat; }
#menu-top #praca a {	width: 41px; background: url(../images/praca-btn.gif) 50% 36px no-repeat;	}
#menu-top #oddzialy a {	width: 54px; background: url(../images/oddzialy-btn.gif) 50% 36px no-repeat;	}
#menu-top #kontakt a { width: 49px; background: url(../images/kontakt-btn.gif) 50% 36px no-repeat; }
#menu-top #kontakt { padding-right :0; }
#menu-top #firma a:hover, #menu-top #oferta a:hover, #menu-top #sklep a:hover,#menu-top #porady a:hover, #menu-top #praca a:hover, #menu-top #oddzialy a:hover, #menu-top #kontakt a:hover { background-color: #F0EFEC; }


#layout-one #container { float: left; width: 100%; height: 425px; background: url(../images/container-bg.gif) 0 0 no-repeat; }
#layout-two #container { float: left; width: 100%; background: url(../images/dot-v.gif) 629px 0 repeat-y; }

#container-header { float: left; width: 100%; height: 148px; background: url(../images/container-header-bg.gif) 0 0 no-repeat; }
#container-header h2 { float: left; width: 600px; font-family: "Swis721 LtEx BT", sans-serif; font-size: 26px; color: #4f79a0; margin: 65px 0 0 0; padding: 0 0 0 30px; }
#container-header h2 span { font-weight: normal; color: #fff; }

.content { float: left; width: 570px; padding: 30px; }
.rightside { float: right; width: 270px; padding-top: 25px; }

.content h1 { margin: 0 0 1em; color: #2D6FAC; font: normal 1.6em Tahoma, Verdana, sans-serif; }
.content h3 { margin: 0 0 0.5em; color: #000; font: bold 1.2em Tahoma, Verdana, sans-serif; }
.content h3 a { color: #000; font-size: 1em; }
.content img.right { float: right; margin: 0 0 10px 10px; }
.content img.left { float: left; margin: 0 10px 10px 0; }
.content .hr { display: block; height: 0; clear: both; margin: 2em 0; padding: 5px 0 0; border: 0; background: url(/audiofon/images/dot-h.gif) repeat-x 0 0; }
.content .tabelka { border-collapse: collapse; }
.content .tabelka th { padding: 5px; border: 1px solid #ccc; background: #eee; vertical-align: top; font-size: 1.2em; font-weight: bold; }
.content .tabelka td { padding: 3px; border: 1px solid #ccc; vertical-align: top; }
.content #newsletter { padding: 3em 0; }
.content #newsletter h3 { color: #2D6FAC; }
.content #newsletter fieldset { border: 0; }
.content #newsletter .text,
.content #newsletter select { width: 150px; border: 1px solid #2D6FAC; }
.content #newsletter .image { position: relative; bottom: -5px; }
.content .form .text,
.content .form select { width: 150px; margin: 10px; border: 1px solid #2D6FAC; }

ul#seria { float: left; width: 602px; padding: 0; margin: 27px 0 28px 0; list-style-type: none; }
ul#seria li { float: left; width: 301px; height: 109px; padding: 0; margin: 0;}
ul#seria a, ul#seria h3 div { display: block; width: 251px; height: 59px; color: #d7d6cc; padding: 50px 0 0 50px; background: url(../images/strzalka-fiolet.gif) 15px 50% no-repeat; }
ul#seria h2 { text-indent: -9999px; font-size: 0; display: block; margin: 40px 0 0 0; width: 100%; height: 40px; background: url(../images/aparaty-sluchowe-najwyzszej-jakosci.gif) 50% 0 no-repeat; }
ul#seria h3 { font-weight: normal; }
ul#seria p { text-indent: -9999px; font-size: 0; padding: 0; margin: 0;}
ul#seria .seria-passion h3 { background: url(../images/seria-passion.gif) 50px 30px no-repeat; }
ul#seria .seria-flash h3 { background: url(../images/seria-flash.gif) 50px 30px no-repeat; }
ul#seria .seria-m h3 { background: url(../images/seria-m.gif) 50px 30px no-repeat; }
ul#seria .seria-mind440 h3 { background: url(../images/seria-mind440.gif) 50px 30px no-repeat; }
ul#seria .seria-mind330 h3 { background: url(../images/seria-mind330.gif) 50px 30px no-repeat; }
ul#seria .seria-mind220 h3 { background: url(../images/seria-mind220.gif) 50px 30px no-repeat; }
ul#seria .seria-real h3 { background: url(../images/seria-real.gif) 50px 30px no-repeat; }

ul#seria .seria-passion { background: url(../images/img-passion.jpg) 201px 50% no-repeat; }
ul#seria .seria-flash { background: url(../images/img-flash.jpg) 201px 50% no-repeat; }
ul#seria .seria-m { background: url(../images/img-m.jpg) 201px 50% no-repeat; }
ul#seria .seria-mind440 { background: url(../images/img-mind440.jpg) 201px 50% no-repeat; }
ul#seria .seria-mind330 { background: url(../images/img-mind330.jpg) 201px 50% no-repeat; }
ul#seria .seria-mind220 { background: url(../images/img-mind220.jpg) 201px 50% no-repeat; }
ul#seria .seria-real { background: url(../images/img-real.jpg) 201px 50% no-repeat; }

#box-grey { float: left; width: 602px; height: 152px; background: url(../images/box-grey-bg.gif) 0 0 no-repeat; color: #5B7895; }
#box-grey ul { float: left; padding: 0; margin: 0;}
#box-grey ul li { float: left; display: block; margin: 0; padding: 0 15px; width: 271px;}
#box-grey h3 { text-indent: -9999px; font-size: 0; margin: 25px 0 0 0; float: left; width: 100%;}
#box-grey h3 a { float: left; }
#box-grey .odwiedz-nas { position: relative;  }
a#mapka { position: absolute; top: 40px; right: 30px; width: 70px; height: 65px; background: url(../images/mapka1.gif) 0 0 no-repeat; }

#box-grey .odwiedz-nas h3 { padding-bottom: 10px;}
#box-grey .sklep-online h3 { padding-bottom: 6px;}
#box-grey .twoj-eprotetyk h3 { padding-bottom: 6px;}
#box-grey .odwiedz-nas h3 a { width: 131px; height: 16px; background: url(../images/odwiedz-nas.gif) 0 0 no-repeat;}
#box-grey .sklep-online h3 a { width: 131px; height: 20px; background: url(../images/sklep-online.gif) 0 0 no-repeat;}
#box-grey .twoj-eprotetyk h3 a { width: 150px; height: 20px; background: url(../images/twoj-eprotetyk.gif) 0 0 no-repeat;}


.more { padding: 2px 0 2px 25px; font-weight: bold; background: url(../images/strzalka-fiolet2.gif) 0px 50% no-repeat; }
.more-zielone-tlo { color:#D7D6CC; padding: 2px 0 2px 25px; font-weight: bold; background: url(../images/bg-rozowa-strzalka-zielone-tlo.gif) 0px 50% no-repeat; }
a.more-zielone-tlo { color:#D7D6CC; }
	
#hand { float: right; position: relative; width: 298px; height: 425px; background: url(../images/bg-mod-hand.gif) 0 0 no-repeat; }
#hand2 { position: absolute; width: 24px; height: 18px; top: -18px; left: 104px; background: url(../images/hand2.gif) 0 0 no-repeat; }
#mod-bbs { width:298px; height:135px; }
#mod-bbs img { padding:90px 0px 0px 80px; }
#mod-mwa { width:298px; height:129px; }
#mod-mwa h3 a { color:#D7D6CC; font-weight:normal; padding:0px 0px 0px 165px; line-height:145px; }
#mod-wd { width:298px; height:161px }
#mod-wd p { color:#D7D6CC; font-weight:normal; padding:0px 15px 0px 15px; }

#postac1 { position: absolute; top: 59px; right: 0; width: 270px; height: 165px; }

ul.menu-right  { padding: 10px 0; margin: 0 20px; }
ul.menu-right li { list-style-type: none; background: url(../images/menu-right-a.gif) 5px 7px no-repeat; padding: 3px 0px 3px 20px;	margin: 0  0 1px 0; border-bottom: 1px solid #F5F5F5}
ul.menu-right a { padding: 0;  }

ul.glowna li { list-style-type: none; background: url(../images/menu-rightglowna-a.gif) 10px 55% no-repeat; padding: 3px 0px 3px 20px;	margin: 0  0 1px 0; border-bottom: 1px solid #F5F5F5}
ul.glowna a { color: #888888;}

.rightside h3 { font-size: 1.6em; font-weight: normal; color: #35424F; font-family: sans-serif, Tahoma, Verdana; margin: 10px 20px 0 20px; padding: 0; }

#form-wizyta {
	width:300px;
	line-height:24px;
}
#form-wizyta label {
	width:120px;
    float:left;
}

#footer { clear: both; float:left; width: 100%; padding: 15px 0; color: #6c88a4; background: url(../images/dot-h.gif) 0 0 repeat-x; }
#footer ul { padding: 0;	margin: 0; }
#footer ul li { float: left; list-style-type: none; padding: 0 15px; margin: 0; border-right: 1px solid #e1e0e8; }