body {margin: 0; 
		padding: 0; 
		background: #FFF url(../gfx/body-bgr.png) 0 0 repeat-x;
		font-family: Arial, Tahoma, Helvetica sans-serif;
		font-size: 12px;
		color: #252525;}

html {margin: 0; padding: 0;}	

* {margin: 0; padding: 0;}

p {font-size: 12px;}

a {color: #808080; text-decoration: none;}
a:hover {color: #f30000}

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

:focus {
  outline: 0;
}

h1 {font-size: 30px;}

div {overflow: hidden;}

.arrow {background: url(../gfx/arrow.png) 0 50% no-repeat; height: 19px; padding-left: 25px; display: block; line-height: 19px;}

#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;}

#blue {padding: 5px 20px 5px 5px; text-align: right; background: #00A5BD; color: #fff;}
#blue  a {color: #fff;}
#blue  a:hover {color: #f9f9f9;}

#blue-up {width: 449px; height: 53px; background: url(../gfx/blue-up.png) 0 0 no-repeat; _background: url(../gfx/blue-up.gif) 0 0 no-repeat; line-height: 48px; padding-left: 40px;}
#blue-up p {font-size: 18px; color: #fff;}

#cennik {text-align: center; font-size: 14px;}
#cennik td {padding: 5px 5px;}
#cennik-head {background: #f0f0f0;}

#container {width: 990px; margin: 0 auto; padding: 10px 0 0 0;}

.desc {width: 680px; clear: both; margin: 20px 0; text-align: justify; border-bottom: 1px solid #c0c0c0; padding-bottom: 20px;}
.desc img {float: left; border: 1px solid #c0c0c0; margin: 0 20px 20px 0; padding: 1px;}
.desc p {font-size: 16px; margin-bottom: 10px;}
.desc table td {padding: 0 5px;}
.desc li {list-style: disc; margin-left: 25px; font-size: 16px;}

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

#footer {clear: both; width: 100%; padding-top: 20px;}
#footer-content {width: 990px; margin: 0 auto; padding: 15px 0 20px 20px;}

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

#kontakt p {font-size: 14px;}
#kontakt label {font-weight: bold; font-size: 12px;}
#kontakt input{width: 570px; display: block; padding: 5px; margin: 5px 0; border: 1px solid #E0E0E0; background: #F9F9F9
;}
#kontakt input:hover,#kontakt input:focus{background:#fff; border: 1px solid #f82f03;}
#kontakt textarea{width: 570px; 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 #f82f03;}

#logo {width: 201px; height: 102px;}

#menu {width: 180px; height: 365px; float: left; border: 1px solid #c0c0c0; background: #fff; padding: 20px 40px;}
#menu ul {list-style: none;}
#menu li {background: url(../gfx/li-bg.gif) 0 50% no-repeat; padding: 10px 0 10px 25px; font-size: 17px; font-weight: bold;}

#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;}

#promocje {width: 115px; height: 47px; background: url(../gfx/promocje.png) 0 0 no-repeat; line-height: 40px; text-align: center; margin: 20px auto 0; display: block;}
#promocje p {font-weight: bold; color: #fff; font-size: 16px;}
#promocje a {color: #fff;}

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

#thumbs img {border: 1px solid #c0c0c0; padding: 1px; float: left; margin: 5px;}
#thumbs img:hover{border: 1px solid #505050;}

#top {float: right; padding: 20px; text-align: right; font-weight: bold;}
#top a {color:#00A5BD;}
#top a:hover {color:#f30000;}

.wider {width: 110px;}

#wrapper {width: 685px; padding: 0 10px 0 30px; }