body {
	font-family: arial, helvetica, sans-serif; color: #b3cce6; font-size: 12px;
	width: 100%;
	margin: 0 auto; padding: 0;
	background: #354f6a url(images/background.jpg) no-repeat center 0;
	}

a:link, a:visited, a:hover {text-decoration: none; color: #b3cce6;}
	 
img {border: 0;}

.bold {font-weight: bold;}
.underline {text-decoration: underline;}
#container .bold-link {text-decoration: underline; font-weight: bold; color: #b3cce6;}
#container2 .bold-link {text-decoration: underline; font-weight: bold; color: #b3cce6;}
#container .bold-link:hover {color: #4d82ba;}
#container2 .bold-link:hover {color: #4d82ba;}

/* png ie6 */
img, div, p, span, input, a { _behavior: url(iepngfix.htc) }

.left {float: left;}

input {border: 0;}

h3 {width: 100%; float: left; margin: 0 0 25px 0; padding: 0;}
h2 {margin: 0; padding: 0; font-size: 14px;}

/* obrazek w topie */
#img-top {width: 100%; height: 451px; overflow: hidden; background: url(images/img-top.jpg) no-repeat center 0;}
#img-top .center {width: 920px; margin: 0 auto; overflow: hidden;}

#logo {float: left;}

/* nawigacja w topie */
ul#menu-top {float: right; list-style: none; margin: 35px 0 0 0; padding: 0;}
ul#menu-top li {float: left; margin: 0; padding: 0;}

/* linki */
ul#menu-top a {display: block; height: 94px; float: left;}
ul#menu-top a#start {width: 129px; background: url(images/menu-top.png) no-repeat 0 0; _background: url(images/menu-top-ie6.gif) no-repeat 0 0;}
ul#menu-top a#firma {width: 158px; background: url(images/menu-top.png) no-repeat -129px 0; _background: url(images/menu-top-ie6.gif) no-repeat -129px 0;}
ul#menu-top a#oferta {width: 174px; background: url(images/menu-top.png) no-repeat -287px 0; _background: url(images/menu-top-ie6.gif) no-repeat -287px 0;}
ul#menu-top a#kontakt {width: 122px; background: url(images/menu-top.png) no-repeat -461px 0; _background: url(images/menu-top-ie6.gif) no-repeat -461px 0;}

/* po najechaniu */
ul#menu-top a:hover#start {background: url(images/menu-top-hover.png) no-repeat 0 0; _background: url(images/menu-top-ie6.gif) no-repeat 0 0;}
ul#menu-top a:hover#firma {background: url(images/menu-top-hover.png) no-repeat -129px 0; _background: url(images/menu-top-ie6.gif) no-repeat -129px 0;}
ul#menu-top a:hover#oferta {background: url(images/menu-top-hover.png) no-repeat -287px 0; _background: url(images/menu-top-ie6.gif) no-repeat -287px 0;}
ul#menu-top a:hover#kontakt {background: url(images/menu-top-hover.png) no-repeat -461px 0; _background: url(images/menu-top-ie6.gif) no-repeat -461px 0;}

/* wyroznione */
ul#menu-top a#start-wyr {width: 129px; background: url(images/menu-top-wyr.png) no-repeat 0 0; _background: url(images/menu-top-ie6.gif) no-repeat 0 0;}
ul#menu-top a#firma-wyr {width: 158px; background: url(images/menu-top-wyr.png) no-repeat -129px 0; _background: url(images/menu-top-ie6.gif) no-repeat -129px 0;}
ul#menu-top a#oferta-wyr {width: 174px; background: url(images/menu-top-wyr.png) no-repeat -287px 0; _background: url(images/menu-top-ie6.gif) no-repeat -287px 0;}
ul#menu-top a#kontakt-wyr {width: 122px; background: url(images/menu-top-wyr.png) no-repeat -461px 0; _background: url(images/menu-top-ie6.gif) no-repeat -461px 0;}

#container {width: 900px; margin: 35px auto 0 auto; overflow: hidden; background: url(images/container-space.png) no-repeat 565px 55px; _background: none;}
#container2 {width: 900px; margin: 35px auto 0 auto; overflow: hidden;}

/* tresc */
#content {width: 525px; float: left; margin: 0; overflow: hidden; line-height: 17px; text-align: justify;}
#content img {float: left; margin: 0 10px 0 0;}
#content2 {width: 900px; float: left; margin: 0; overflow: hidden; line-height: 17px; text-align: justify;}

/* kontakt - strona glowna */
#small-contact {width: 300px; float: right; line-height: 17px;}
#small-contact a {text-decoration: underline; color: #b3cce6;}
#small-contact a:hover {color: #4d82ba;}
.dane {width: 170px; float: left; margin: 50px 0 0 0; padding: 0 0 0 130px; position: relative; line-height: 21px;}
.dane img {position: absolute; left: -50px; top: 5px; z-index: 1;}

/* przycisk formularz */
a.button-formularz {display: block; width: 142px; height: 30px; float: left; margin: 25px 0 0 0; position: relative; z-index: 2; background: url(images/button.png); cursor: pointer;}
a:hover.button-formularz {background: url(images/button-hover.png);}

#frame {width: 100%; height: 6px; float: left; margin: 40px 0 0 0; font-size: 0; background: url(images/frame.png);}

/* stopka */
#footer {width: 100%; float: left; overflow: hidden; padding: 20px 0; background: #fff;}
#footer .center {width: 900px; margin: 0 auto; overflow: hidden;}

#copyright {float: left; font-size: 10px; color: #a2a2a2;}
#copyright p {margin: 5px 0 0 0;}
#copyright a {color: #a2a2a2;}
#copyright a:hover {text-decoration: underline;}

/* linki -stopka */
#links-footer {float: right;}
#links-footer ul {float: left; list-style: none; margin: 0; padding: 0;}
#links-footer li {float: left; margin: 0; padding: 0 15px; background: url(images/footer-space.gif) no-repeat 100% 5px;}
#links-footer li.no-space {padding: 0 0 0 15px; background: none;}

/* linki */
#links-footer a {display: block; height: 22px; float: left;}
#links-footer a#start {width: 39px; background: url(images/links-footer.gif) no-repeat 0 0;}
#links-footer a#firma {width: 54px; background: url(images/links-footer.gif) no-repeat -72px 0;}
#links-footer a#oferta {width: 44px; background: url(images/links-footer.gif) no-repeat -160px 0;}
#links-footer a#kontakt {width: 50px; background: url(images/links-footer.gif) no-repeat -240px 0;}

/* po najechaniu */
#links-footer a:hover#start {background: url(images/links-hover-footer.gif) no-repeat 0 0;}
#links-footer a:hover#firma {background: url(images/links-hover-footer.gif) no-repeat -72px 0;}
#links-footer a:hover#oferta {background: url(images/links-hover-footer.gif) no-repeat -160px 0;}
#links-footer a:hover#kontakt {background: url(images/links-hover-footer.gif) no-repeat -240px 0;}

/* wyroznione */
#links-footer a#start-wyr {width: 39px; background: url(images/links-wyr-footer.gif) no-repeat 0 0;}
#links-footer a#firma-wyr {width: 54px; background: url(images/links-wyr-footer.gif) no-repeat -72px 0;}
#links-footer a#oferta-wyr {width: 44px; background: url(images/links-wyr-footer.gif) no-repeat -160px 0;}
#links-footer a#kontakt-wyr {width: 50px; background: url(images/links-wyr-footer.gif) no-repeat -240px 0;}

ul.oferta {width: 900px; float: left; list-style: none; margin: 0 0 40px 0; padding: 0;}
ul.oferta li {width: 830px; margin: 0 0 1px 0; padding: 7px 35px 7px 35px;}
ul.oferta li.color1 {background: #3f5e7f url(images/p.png) no-repeat 10px 8px; border-bottom: 1px solid #324c67;}
ul.oferta li.color2 {background: #375370 url(images/p.png) no-repeat 10px 8px; border-bottom: 1px solid #324c67;}

.form {width: 350px; margin: 0 0 5px 0; padding: 7px 0 7px 7px; color: #a2bad2; font-family: arial; font-size: 12px; background: #354f6a; border: 1px solid #284462;}
textarea {width: 450px; height: 160px; margin: 0 0 20px 0; padding: 7px 0 7px 7px; font-family: arial; font-size: 12px; color: #a2bad2; background: #354f6a; border: 1px solid #284462;}

input.button-send {width: 142px; height: 30px; float: left; background: url(images/button-send.png); cursor: pointer;}
input.button-clean {width: 142px; height: 30px; float: left; margin: 0 0 0 15px; background: url(images/button-clean.png); cursor: pointer;}