* { padding: 0; margin: 0; border: 0; }
body { background: url(images/bg.gif) repeat-x; font-family: Tahoma; font-size: 12px; color: #2b2a2a; }
a { font-size: 12px; color: #634b7e; text-decoration: none; }
a:hover { font-weight: bold; }

.clear { float: none; clear: both; }

#top { width: 768px; margin: auto; background: url(images/top.jpg) no-repeat; height: 125px; }
#top #menu { width: 375px; height: 41px; float: left; padding-left: 80px;}
#top #menu a { color: #302e2d; font-size: 14px; font-family: Tahoma; text-decoration: none; float: left; line-height: 41px; width: 123px; text-align: center; font-weight: bold; }
#top #menu a:hover { color: #634b7e; }
#content { width: 768px; margin: auto; }
#content .image { padding: 4px; border: 1px solid #606061; float: left; width: 360px; height: 240px; margin-top: 20px;	margin-right: 25px; }
#content .box { width: 372px; height: 251px; float: left;  }
#content .box .text { padding: 20px; font-size: 14px; }

#content .box .text p { clear: both; float: none; margin-top: 20px; margin-left: 9px; margin-right: 9px; text-align: justify; font-size: 12px; font-weight: normal; }
#content .box .text p.grey { clear: both; float: none; margin-top: 20px; margin-left: 9px; margin-right: 9px; text-align: justify; font-size: 12px; font-weight: normal; color: #959595; }
#content .box .text textarea { width: 303px; height: 155px; margin-left: 10px; margin-top: 15px; border: 1px solid #959595; color: #959595; padding: 5px; }
#content .box .text input { width: 165px; float: right; margin-top: 5px; border: 1px solid #959595; color: #959595; height: 18px; }
#content .box .text .button { width: 65px; float: right; margin-left: 10px; background: #bbbbbb; margin-top: 5px; border: 1px solid #959595; color: #ffffff; height: 20px; margin-right: 7px; }
#content .box .text a.link { color: #634b7e; float: right; background: url(images/strzalka.gif) no-repeat left top; padding-left: 20px; line-height: 17px; margin-right: 50px; }

.image .img1 { background: url(images/img_sklep.jpg) no-repeat; float: left; width: 360px; height: 240px; }
.image .img2 { background: url(images/img_meble.jpg) no-repeat; float: left; width: 360px; height: 240px; }
.image .img3 { background: url(images/img_drzwi.jpg) no-repeat; float: left; width: 360px; height: 240px; }
.image .img4 { background: url(images/img_parkiety.jpg) no-repeat; float: left; width: 360px; height: 240px; }

.image .img1:hover { background: url(images/img_sklep2.jpg) no-repeat; }
.image .img2:hover { background: url(images/img_meble2.jpg) no-repeat; }
.image .img3:hover { background: url(images/img_drzwi2.jpg) no-repeat; }
.image .img4:hover { background: url(images/img_parkiety2.jpg) no-repeat; }

#footer { width: 760px; margin: auto; font-size: 10px; color: #4c4239; text-align: right; margin-bottom: 20px; margin-top: 45px; }
#footer .news { width: 230px; float: left; text-align: left; }
#footer .news span { font-size: 16px; }
#footer .news .span { font-size: 16px; }
#footer .news .more { width: 100%; text-align: right; }
#footer .news a { margin-right: 15px; }
#footer .info { width: 490px; float: left; margin-left: 20px; text-align: left; }
#footer .info span { font-size: 16px; }
#footer .info .span { font-size: 16px; }
#footer .info .columns { width: 490px; text-align: left; }
#footer .info .columns a { color: inherit; font-size: inherit; }
#footer .info .columns span { font-size: 10px; color: #634b7e; }
#footer .info .columns .span { font-size: 10px; color: #634b7e; }
#footer .info .columns .first { float: left; width: 130px; margin-right: 15px; }
#footer .info .columns .second { float: left; width: 140px; margin-right: 15px; padding-left: 15px; border-left: 1px solid #cfccc9; }
#footer .info .columns .third { float: left; width: 150px; padding-left: 15px; border-left: 1px solid #cfccc9; }
#footer .info .columns .f_left { float: left; width: 90px; }