body {
margin: 14px 0 60px;
padding: 0;
background: #fff url(http://imgs.bee.pl/grafika/bg.jpg) repeat-x;
text-align: center;
font: 11px/130% Tahoma, Arial, Helvetica, sans-serif;
color: #585858;
}
* {
text-align: left;
}
a {
font: 11px/130% Tahoma, Arial, Helvetica, sans-serif;
color: #585858;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
input, select, textarea {
font: 11px/130% Tahoma, Arial, Helvetica, sans-serif;
color: #589CB9;
}
img {
border: 0;
}
ul, ul li {
margin: 0;
padding: 0;
list-style: none;
}
table {
border: 0;
border-spacing: 0;
border-collapse: collapse;
}
table td {
padding: 0;
font: 11px/130% Tahoma, Arial, Helvetica, sans-serif;
color: #585858;
vertical-align: top;
}
.flr {
margin: 0 !important;
margin: 0 -3px;
}
.bp {
border: 1px solid #DAD2BB;
padding: 1px;
display: block;
}
.bp img {
display: block;
}
#content {
width: 738px;
margin: 0 auto;
overflow: auto;
background: url(http://imgs.bee.pl/grafika/bgc.gif) repeat-y;
}
#top1 {
width: 364px;
height: 152px;
background: url(http://imgs.bee.pl/grafika/top1.jpg) no-repeat;
float: left;
}
#top2 {
width: 374px;
height: 152px;
background: url(http://imgs.bee.pl/grafika/top2.jpg) no-repeat;
float: left;
clear: right;
position: relative;
}
#top2 #login {
width: 138px;
height: 17px;
border: 1px solid #68A8C4;
background: #EFF5F7;
padding: 0;
position: absolute;
top: 67px;
left: 73px;
}
#top2 #haslo {
width: 138px;
height: 17px;
border: 1px solid #68A8C4;
background: #EFF5F7;
padding: 0;
position: absolute;
top: 97px;
left: 73px;
}
#top2 input.zapamietaj {
position: absolute;
top: 124px;
left: 74px;
}
#top2 label.zapamietaj {
position: absolute;
top: 125px;
left: 97px;
color: #fff;
}
#top2 #loguj {
position: absolute;
right: 53px;
bottom: 13px;
}
#top2 ul {
position: absolute;
top: 67px;
left: 247px;
color: #fff;
}
#top2 ul a {
color: #fff;
}
#srodek {
width: 710px;
height: auto;
overflow: auto;
float: left;
background: url(http://imgs.bee.pl/grafika/__75.jpg) repeat-y;
}
#srodek2 {
width: 710px;
height: auto;
overflow: auto;
float: left;
}
#menu {
width: 710px;
}
#menu li {
float: left;
}
#menu b {
display: none;
}
#mt_home {
width: 89px;
height: 32px;
display: block;
background: url(http://imgs.bee.pl/grafika/mt_home.jpg) no-repeat;
}
#mt_home:hover {
background: url(http://imgs.bee.pl/grafika/mt_home2.jpg) no-repeat;
}
#mt_komponenty {
width: 89px;
height: 32px;
display: block;
background: url(http://imgs.bee.pl/grafika/mt_komponenty.jpg) no-repeat;
}
#mt_komponenty:hover {
background: url(http://imgs.bee.pl/grafika/mt_komponenty2.jpg) no-repeat;
}
#mt_webmaster {
width: 89px;
height: 32px;
display: block;
background: url(http://imgs.bee.pl/grafika/mt_webmaster.jpg) no-repeat;
}
#mt_webmaster:hover {
background: url(http://imgs.bee.pl/grafika/mt_webmaster2.jpg) no-repeat;
}
#mt_webbazar {
width: 89px;
height: 32px;
display: block;
background: url(http://imgs.bee.pl/grafika/mt_webbazar.jpg) no-repeat;
}
#mt_webbazar:hover {
background: url(http://imgs.bee.pl/grafika/mt_webbazar2.jpg) no-repeat;
}
#mt_forum {
width: 89px;
height: 32px;
display: block;
background: url(http://imgs.bee.pl/grafika/mt_forum.jpg) no-repeat;
}
#mt_forum:hover {
background: url(http://imgs.bee.pl/grafika/mt_forum2.jpg) no-repeat;
}
#mt_rozrywka {
width: 89px;
height: 32px;
display: block;
background: url(http://imgs.bee.pl/grafika/mt_rozrywka.jpg) no-repeat;
}
#mt_rozrywka:hover {
background: url(http://imgs.bee.pl/grafika/mt_rozrywka2.jpg) no-repeat;
}
#mt_gsm {
width: 89px;
height: 32px;
display: block;
background: url(http://imgs.bee.pl/grafika/mt_gsm.jpg) no-repeat;
}
#mt_gsm:hover {
background: url(http://imgs.bee.pl/grafika/mt_gsm2.jpg) no-repeat;
}
#mt_kontakt {
width: 87px;
height: 32px;
display: block;
background: url(http://imgs.bee.pl/grafika/mt_kontakt.jpg) no-repeat;
}
#mt_kontakt:hover {
background: url(http://imgs.bee.pl/grafika/mt_kontakt2.jpg) no-repeat;
}
#footer {
width: 738px;
margin: 0 auto;
overflow: auto;
background: #fff url(http://imgs.bee.pl/grafika/stopka.gif) no-repeat 0 0;
clear: both;
}
#footer table {
margin: 20px 0 0;
width: 100%;
}
#footer table td {
color: #959696;
text-align: center;
vertical-align: middle;
}
#footer table td a {
color: #959696;
}
#left {
width: 216px;
float: left;
}
#right {
width: 494px;
float: right;
}
#left *, #right * {
color: #589CB9;
}
#left h1 {
margin: 0;
padding: 15px 0 0 16px;
width: 200px !important;
width: 216px;
height: 20px !important;
height: 37px;
background: url(http://imgs.bee.pl/grafika/belkamenu.jpg) no-repeat;
border-top: 2px solid #fff;
}
#left h1 img, #right h1 img {
display: block;
}
#right h1 {
margin: 12px 0 0 10px;
padding: 4px 0 0 9px;
width: 196px !important;
width: 205px;
height: 14px !important;
height: 18px;
background: url(http://imgs.bee.pl/grafika/__65.gif) no-repeat;
}
#left .menul {
width: 216px;
background: url(http://imgs.bee.pl/grafika/__73.jpg) no-repeat;
overflow: auto;
}
#najnowsze_serwisy {
width: 170px;
margin: 13px 0 10px 22px;
}
#najnowsze_serwisy li {
padding: 4px 0 4px 22px;
background: url(http://imgs.bee.pl/grafika/s.gif) no-repeat 9px 12px;
border-bottom: 1px solid #E7E0CB;
}
#wyszukiwarka {
width: 494px;
height: 40px;
background: url(http://imgs.bee.pl/grafika/wyszukiwarka.jpg) no-repeat;
position: relative;
}
#wyszukiwarka input.tekst, #wyszukiwarka2 input.tekst {
border: 1px solid #589CB9;
background: #F5F5F5;
width: 137px;
height: 17px;
position: absolute;
top: 11px;
right: 214px;
padding: 0 0 0 2px;
}
#wyszukiwarka select, #wyszukiwarka2 select {
border: 1px solid #589CB9;
background: #F5F5F5;
width: 137px;
height: 17px;
padding: 0;
position: absolute;
top: 11px;
right: 61px;
}
#wyszukiwarka input.ok, #wyszukiwarka2 input.ok {
position: absolute;
top: 11px;
right: 12px;
}
#menur {
margin: 7px 0 0 6px;
}
#menur li {
padding: 2px 0 1px !important;
padding: 1px 0;
}
#menur li a {
padding: 0 0 0 11px;
}
#menur li a:hover {
background: url(http://imgs.bee.pl/grafika/s.gif) no-repeat 0 7px;
font-weight: bold;
text-decoration: none;
}
#katalogl {
margin: 12px 0 20px 15px;
}
#katalogr {
margin: 12px 0 20px 30px;
}
#katalogl li .ngl, #katalogr li .ngl {
background: url(http://imgs.bee.pl/grafika/s.gif) no-repeat 0 7px;
font-weight: bold;
padding: 0 0 0 10px;
}
#katalogl span, #katalogr span {
color: #979797;
}
#katalogl div, #katalogr div {
margin: 3px 0 4px;
}
#katalogl div, #katalogr div, #katalogl div a, #katalogr div a {
color: #585858;
font-size: 10px;
}
#baner {
width: 494px;
background: url(http://imgs.bee.pl/grafika/__78.jpg) no-repeat;
overflow: auto;
}
#baner div {
width: 468px;
border: 1px solid #DAD2BB;
padding: 1px;
margin: 13px 0 0 11px;
}
#baner div img {
display: block;
}
#reklama {
margin: 12px 0 0; 
width: 494px; 
background: url(http://imgs.bee.pl/grafika/__83.gif) no-repeat;
}
#reklama td {
padding: 12px 0 9px;
text-align: center;
vertical-align: middle;
}
/* podstrona */
#wyszukiwarka2 {
width: 516px;
height: 40px;
background: url(http://imgs.bee.pl/grafika/wyszukiwarka2.jpg) no-repeat;
position: relative;
}
#left2 {
width: 194px;
float: left;
}
#right2 {
width: 516px;
float: right;
}
#right2 h1 img {
display: block;
}
#right2 h1 {
margin: 12px 0 0 19px;
padding: 4px 0 0 9px;
width: 196px !important;
width: 205px;
height: 14px !important;
height: 18px;
background: url(http://imgs.bee.pl/grafika/__65.gif) no-repeat;
}
#right2 p {
margin: 8px 10px 15px 30px;
padding: 0;
line-height: 155%;
}
#menupl {
width: 194px;
background: url(http://imgs.bee.pl/grafika/__07.jpg) repeat-y;
}
#menupl2 {
width: 194px;
background: url(http://imgs.bee.pl/grafika/__03.jpg) no-repeat 0 0;
overflow: auto;
}
#menupl ul {
margin: 23px 0 20px 12px;
width: 169px;
}
#menupl ul li {
border-bottom: 1px solid #629DBC;
background: url(http://imgs.bee.pl/grafika/s2.gif) no-repeat 4px 14px;
}
#menupl ul li a {
color: #fff;
height: 18px !important;
height: 24px;
display: block;
padding: 6px 0 0 17px;
}
#menupl ul li a:hover {
background: url(http://imgs.bee.pl/grafika/__10.jpg) no-repeat;
text-decoration: none;
}
#si {
width: 250px;
height: 60px;
background-color: #ffffff;
overflow: auto;
font-family: verdana;
padding: 5px;
font-size: 8px;
overflow:hidden;
}
#si h1 {
font-size: 10px;
text-align: center;
}

.linkuj {
text-decoration: none;
color: silver;
font-size: 9px;
}


#bee h1 {
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial;
color: #589CB9;
}

#bee p {
text-indent:25px;
font-size: 10px;
font-family: Verdana, Arial;
color: gray;
}


.linkuj {
text-decoration: none;
color: silver;
font-size: 9px;
}

#linkuj p {
width: 468px;
border: 0px solid #FFFFFF;
padding-left: 12px;
padding-top: 2px;
margin: 5px 0 0 11px;
text-align: center;
text-decoration: none;
color: silver;
font-size: 9px;
}

#banner div {
width: 468px;
border: 0px solid #FFFFFF;
padding-left: 12px;
padding-top: 2px;
margin: 5px 0 0 11px;
}