body {margin: 0; 
		padding: 0; 
		background: #fff url(../gfx/body-bg.jpg) 50% 0 no-repeat;
		font-family: Arial, Tahoma, Helvetica sans-serif;
		font-size: 12px;
		border-top: 4px solid #02bdf2;
		color: #252525;}

html {margin: 0; padding: 0;}	

* {margin: 0; padding: 0;}

p {font-size: 12px;}

a {color: #3c76d0; text-decoration: none;}
a:hover {color: #69b2eb;}

img {border: none;}
/*img, div {behavior: url(iepngfix.htc);}*/

:focus {
  outline: 0;
}

div {overflow: hidden;}

#autor {background: url(../gfx/netius.png) 0 50% no-repeat; font-size: 8px; display: block; float: left; width: 120px; line-height: 8px; padding: 2px 0 2px 45px;}


.box {width: 250px; height: 278px; background: url(../gfx/box-bg.png) 0 0 no-repeat; padding: 18px 10px 8px 10px; margin: 10px 10px 5px 10px; line-height: 14px; float: left;}
.box h2 {font-size: 16px; color: #fff; padding: 0 0 22px 16px;}
.box h2 a {color: #fff;}
.box img {width: 110px; float: left; border: 1px solid #c0c0c0; margin: 2px 18px 1px 0;}

#box {width: 250px; height: 278px; background: url(../gfx/box-bg.png) 0 0 no-repeat; padding: 18px 10px 8px 10px; margin: 0px 25px 5px 0px; line-height: 14px; float: left;}
#box h2 {font-size: 16px; color: #fff; padding: 0 0 22px 16px;}
#box div {padding: 15px;}
#box div p{font-size: 14px;}
#box div p span{font-size: 16px;}

#chmury {width: 916px; height: 175px; margin: 0 auto;}

#container {width: 100%; background: url(../gfx/body-bgr.png) 0 100% repeat-x; padding-bottom: 50px; position: relative; z-index: 999;}

#content {width: 876px; background: #fcfcfc; padding: 0 20px 30px 20px; min-height: 681px;}
#content-box {float: left;}
#content-bottom {width: 916px; height: 12px; background: url(../gfx/content.png) 0 100% no-repeat; }

#content-main {width: 549px; height: 731px; margin-bottom: 20px; margin: 0 12px; float: left;}

.err {color: #ff0000; padding: 10px 0;}

#flash {width: 863px; height: 287px; border: 1px solid #b0b0b0; margin: 30px 0 20px 0; padding: 6px;}

#footer {clear: both; width: 100%;}
#footer-links {float: right; color: #fff; font-weight: bold; padding-top: 8px;}
#footer-links p{text-align: right;}
#footer-links li {float: left; border-right: 1px solid #c0c0c0; padding: 0 10px; list-style: none;}
#footer-links li.noborder {border-right: none;}
#footer-links  a{color:#fff;}
#footer-links  a:hover{color:#f0f0f0;}

#hotcms {background: url(../gfx/hot-cms-big.png) 0 0 no-repeat; display: block; float: left; width: 120px; height: 43px; margin-left: 30px;}

#kontakt {margin: 0 0 0 5px;}
#kontakt label {font-weight: bold; font-size: 11px;}
#kontakt input{width: 510px; display: block; padding: 5px; margin: 5px 0; border: 1px solid #E0E0E0; background: #F9F9F9
;}
#kontakt input:hover,#kontakt input:focus{background:#fff; border: 1px solid #69b2eb;}
#kontakt textarea{width: 510px; display: block; height: 200px; padding: 5px; margin: 5px 0 10px 0; border: 1px solid #E0E0E0; background: #F9F9F9;}
#kontakt textarea:hover,#kontakt textarea:focus{background:#fff; border: 1px solid #69b2eb;}

.kontakt-box {float: left; width: 238px; line-height: 18px; background: #fff; margin: 0 5px;}
.kontakt-box h5 {font-size: 16px; font-weight: bold; padding: 0 0 10px 0;}
.kontakt-box img {border: 1px solid #c0c0c0; padding: 1px; width: 234px;}
.kontakt-box img:hover {border: 1px solid #f0f0f0;}
.kontakt-box div {background: #f9f9f9; padding: 5px;}


#menu {width: 916px; background: url(../gfx/menu-bg.png) 100% 0 no-repeat; height: 49px;}
#menu li {display: block; float: left; text-align: center;}
#menu li#b1 {background: url(../gfx/home.png) 0 -38px no-repeat; width: 139px; height: 49px;  }
#menu li a{width: 139px; height: 49px;  display: block;}
#menu li#b1:hover{background: url(../gfx/home.png) 0 0px no-repeat; }
#menu li#b2 {background: url(../gfx/lidak.png) 0 1px no-repeat; width: 134px; height: 40px; }
#menu li#b2:hover, #menu li#b2.current  {background: url(../gfx/lidak.png) 0 -38px no-repeat; }
#menu li#b3 {background: url(../gfx/oferta.png) 0 1px no-repeat; width: 134px; height: 40px;  }
#menu li#b3:hover, #menu li#b3.current  {background: url(../gfx/oferta.png) 0 -38px no-repeat; }
#menu li#b4 {background: url(../gfx/referencje.png) 0 1px no-repeat; width: 134px; height: 40px;  }
#menu li#b4:hover, #menu li#b4.current  {background: url(../gfx/referencje.png) 0 -38px no-repeat; }
#menu li#b5 {background: url(../gfx/kontakt.png) 0 1px no-repeat; width: 134px; height: 40px;  }
#menu li#b5:hover, #menu li#b5.current  {background: url(../gfx/kontakt.png) 0 -38px no-repeat; }

.more {float: right; color: #000; font-weight: bold; padding: 0 10px; background: url(../gfx/more.png) 0 70% no-repeat;}

#ms {background: url(../gfx/max-shop.jpg) 0 50% no-repeat; font-size: 8px; display: block; float: left; width: 120px; line-height: 8px; padding: 2px 0 2px 60px;}

.nobg {background: none!important;}

#page {position: absolute; width: 100%; top: 0;}

#send {float: right; background: url(../gfx/send.jpg) 0 0 no-repeat; width: 179px; height: 50px; cursor: pointer; margin-right: 26px; border: 0; padding: 0;}

#sub {width: 500px; display: block; margin: 10px 0;}
#sub li {font-size: 14px; list-style: none; padding: 0 0 0 30px; line-height: 31px; background: url(../gfx/sub-li.jpg) 0 0 no-repeat; display: block; width: 500px; height: 31px; margin: 5px 0;}
#sub li a {color: #69b2eb;}
#sub li a:hover {color: #a3d7ff;}

#text {padding: 20px 10px 20px 10px; clear: both;}

#thumb {width: 136px; height: 137px; float: right; margin: 0 0 20px 20px;}

#thumbs div{float: left; margin: 5px 20px 5px 0; text-align: center;}
#thumbs img {border: 1px solid #c0c0c0; padding: 1px; width: 150px;}
#thumbs img:hover{border: 1px solid #505050;}

#top {width: 100%; padding: 130px 0 10px 0;}
#top h1 {font-size: 28px; color: #ebebeb; float: right;}

#wrapper {width: 916px; margin: 0 auto; position: relative; z-index: 1;}