﻿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;
		color: #252525;}

html {margin: 0; padding: 0;}	

* {margin: 0; padding: 0;}

p {font-size: 12px;}

a {color: #505050; text-decoration: none;}
a:hover {color: #b30909;}

img {border: none;}

:focus {
  outline: 0;
}

div {overflow: hidden;}

h1 {color: #fff; font-size: 30px;}
h1 span {font-size: 18px;}

h2 {padding-bottom: 20px;}

#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 {background: url(../gfx/box-bg.png) 0 0 no-repeat; width: 278px; height: 150px; float: left; text-align: center; padding-top: 8px; margin: 10px 22px 10px 0;}
.box img {padding-top: 7px;}
.box img:hover {opacity:0.4;filter:alpha(opacity=40)}

#c-1 {font-weight: bold; color: #fff; padding-bottom: 55px;}

#contact-box {width: 180px; height: 279px; background: url(../gfx/kontakt-box.png) 0 0 no-repeat; padding: 5px 7px 0 15px;}

#container {width: 900px; margin: 0 auto;}

#content {width: 450px; float: left; background: #fff; padding: 20px;}
#content-photo {width: 395px; border: 1px solid #000; padding: 1px; margin: 0 auto; display: block;} 

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

#flash {width: 881px; height: 118px; margin-bottom: 20px;}

#footer {clear: both; width: 100%; background: url(../gfx/footer-bgr.png) 0 0 repeat-x; height: 205px;}
#footer-content {margin: 0 auto; width: 900px; padding-top: 50px;}
#footer-links {float: right; color: #c0c0c0; padding-top: 10px; font-size: 12px;}
#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 li a{color:#c0c0c0;}
#footer-links li a:hover{color:#ff883d;}
#footer-netius {float: left;}

#hotcms {background: url(../gfx/hot-cms-big.png) 0 0 no-repeat; _background: url(../gfx/hot-cms-big.gif) 0 0 no-repeat; display: block; float: left; width: 146px; height: 40px;}

#kontakt label {font-weight: bold; font-size: 11px;}
#kontakt input{width: 420px; display: block; padding: 5px; margin: 5px 0; border: 1px solid #E0E0E0; background: #F9F9F9;}
#kontakt input:hover,#kontakt input:focus{background:#fff; border: 1px solid #fe7e01;}
#kontakt textarea{width: 420px; display: block; height: 200px; padding: 5px; margin: 5px 0 10px 0; border: 1px solid #E0E0E0; background: #F9F9F9; clear: both;}
#kontakt textarea:hover,#kontakt textarea:focus{background:#fff; border: 1px solid #fe7e01;}
#kontakt img {float: right; border: 1px solid #c0c0c0; padding: 1px;}
#kontakt img:hover {border: 1px solid #fe7e01; cursor: pointer;}

#left {width: 200px; padding-right: 20px; float: left;}

#main-note {text-align: center; padding: 10px 0 32px; font-size: 14px;}

#menu {width: 881px; height: 42px; background: url(../gfx/menu-bg.png) 0 0 no-repeat; margin: 0 auto; padding: 13px 20px;}
#menu li {list-style: none; display: block; font-weight: bold; float: left; background: url(../gfx/menu-li-bg.png) 0 0 no-repeat; text-align: center; padding-top: 1px; margin: 0 5px; width: 73px;} 
#menu li a{color: #fff; font-size: 12px; padding: 1px 0 0 11px; display: block; height: 19px;}
#menu li:first-child a {text-transform: uppercase;}

#menu-left {margin-bottom: 15px;}
#menu-left li {
	display: block;
	width: 170px;
	line-height: 16px;
	background: url(../gfx/menu-left-bg.png) 0 0 repeat-y;
	margin: 1px 0;
	list-style: none;
	padding: 1px 10px 1px 20px;
}
#menu-left li a {color: #fff; font-weight: bold;}
#menu-left li a:hover, #menu-left li a.active {color: #b30909;}

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

#offer a{font-weight: bold;}

#organizacja {width: 230px; padding: 20px;}
#organizacja h2 {text-align: center; font-size: 16px; color: #9b762c;}
#organizacja img {width: 235px; border: 1px solid #000; padding: 1px; display: block; margin: 10px 0;}

#producenci {border-bottom: 1px dotted #c0c0c0; margin: 10px 0; padding: 10px 0 15px 0; _clear: both; _float: left; _width: 500px;}
#producenci div  {border: 1px solid #c0c0c0; padding: 1px; display: block; float: left; margin-right: 20px; text-align: center; width: 160px;}

#pytaj {color:#fe7e01; font-weight: bold;}
#pytaj:hover {color: #feb34c;}

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

#text {padding: 10px 5px;}

#thumbs div {border: 1px solid #c0c0c0; padding: 2px; float: left; margin: 4px; text-align: center;}
#thumbs div:hover{border: 1px solid #505050;}

#top {width: 900px; height: 189px; margin: 0 auto;}

#wrapper {width: 900px; margin: 0 auto; padding: 30px 0;}
#wrapper2-container {width: 670px;}
#wrapper2 {width: 626px; padding: 30px 20px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
#wrapper-top {width: 668px; height: 31px; background: url(../gfx/wrapper-top.png) 0 0 no-repeat;}
#wrapper-top h2 {padding: 5px 0 0 20px; color: #505050;}
#wrapper-bottom {width: 668px; height: 10px; background: url(../gfx/wrapper-bottom.png) 0 0 no-repeat;}

#interviol_top:hover{
	cursor: pointer;
}