/* Agencja Reklamy Studio Szahal {+++}- studioszahal.pl */
/* CSS Reset ======================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul , li {
	list-style: none;
}
body {
	background: url(img/bg.jpg) center top repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #000000;
	line-height: 18px;
	font-size: 11px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#wrap {
	width: 970px;
	margin: 0px auto;
	padding: 0px;
}
/* ############# header ############# */
#header {
	float: left;
	width: 970px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header h1 {
	float: left;
	width: 244px;
	margin: 6px 0 0 40px;
	line-height: 0px;
	font-size: 0px;
}
#header h2 {
	float: left;
	padding: 36px 0 0 50px;
	font-size: 11px;
	font-weight: normal;
	color: #ffd800;
}
#header .emialtop {
	float: right;
	margin: 54px 40px 0 0;
}
#header .emialtop a {
	color: #ffd800;
	text-decoration: none;
}
#header .emialtop a:hover {
	color: #000;
	text-decoration: none;
}
#header .top {
	float: left;
	width: 970px;
	margin: 3px 0 0 0;
	padding: 0px;
}
.ona {
	position: absolute;
	width: 321px;
	top: 82px;
	margin-left: 164px;
	left: 50%;
}
#menu {
	float: left;
	width: 400px;
	background:;
	margin: 22px 0 8px 40px;
}
.swf {
	float: left;
	width: 970px;
	height: 210px;
}
/* ############# content ############# */
#content {
	float: left;
	width: 918px;
	margin: 30px 0px 0px 0px;
	padding: 0px 26px;
	background:;
}
#content h4 {
	float: left;
	padding-bottom: 18px;
}
/* ############# strona glowna ############# */
#content #left {
	float: left;
	width: 460px;
	margin: 0px;
	padding: 0px;
	background:;
}
#content #right {
	float: right;
	width: 360px;
	margin: 0px;
	padding: 0 0 47px 0;
	background: url(img/zakladanie_ogrodow_pila.gif) right 90px  no-repeat;
}
#content #right ul {
	float: left;
	width: 330px;
	padding: 0 0 0 26px;
	background: url(img/arrow.png) 0px 4px no-repeat;
}
#content #right ul li {
	padding: 2px 0 3px 2px;
	border-bottom: 1px dashed #d7e193;
}
#content #right ul li.link1 {
	width: 160px;
}
#content #right ul li.link2 {
	width: 106px;
}
#content #right ul li.link3 {
	width: 250px;
}
#content #right ul li.link4 {
	width: 134px;
}
#content #right ul li.link5 {
	width: 138px;
}
#content #right ul li.link6 {
	width: 92px;
}
#content #right ul li a {
	color: #000;
	text-decoration: none;
}
#content #right ul li a:hover {
	color: #4da829;
	text-decoration: none;
}
/* ############# oferta ############# */
#content #oferta-left {
	float: left;
	width: 918px;
	margin: 0px;
	padding-bottom: 34px;
}
#content #oferta-left h4 {
	float: left;
	width: 918px;
	padding-bottom: 18px;
}
.itoferta {
	float: left;
	width: 918px;
	border-bottom: 1px solid #e1e9c5;
	padding-bottom: 22px;
	margin-bottom: 22px;
}
.itoferta img {
	float: left;
	width: 138px;
	margin: 4px 16px 0 16px;
}
.txtoferta {
}
.txtoferta p {
	float: left;
	width: 746px;
	padding-top: 6px;
}
.txtoferta ul {
	float: left;
	width: 330px;
	padding: 0 0 0 26px;
	background: url(img/arrow.png) 0px 4px no-repeat;
	font-weight: bold;
}
.txtoferta ul li {
	padding: 2px 0 3px 2px;
	border-bottom: 1px dashed #d7e193;
}
.txtoferta ul li.link01 {
	width: 168px;
}
.txtoferta ul li.link02 {
	width: 126px;
}
.txtoferta ul li.link03 {
	width: 356px;
}
.txtoferta ul li.link04 {
	width: 226px;
}
.txtoferta ul li.link05 {
	width: 164px;
}
.txtoferta ul li.link06 {
	width: 110px;
}
/* ############# galeria ############# */
#content #galeria {
	float: left;
	width: 918px;
	margin: 0px;
	padding-bottom: 34px;
}
#content #galeria h4 {
	float: left;
	width: 918px;
	padding-bottom: 18px;
}
#content #galeria img {
	float: left;
	width: 138px;
	background: url(img/imggallery_border.gif) center bottom no-repeat;
	padding-bottom: 2px;
	margin: 0 7px 20px 7px;
}
/* ############# kontakt ############# */
#leftkontakt {
	float: left;
	width: 460px;
	margin: 0px;
	padding: 0px;
}
#leftkontakt h4 {
	float: left;
	width: 460px;
	padding-bottom: 18px;
}
#rightkontakt {
	float: right;
	width: 360px;
	margin: 0px;
	padding: 0 0 47px 0;
	background:;
}
#rightkontakt h4 {
	float: left;
	width: 360px;
	padding-bottom: 18px;
}
.leftkontakt1 {
	float: left;
	width: 280px;
}
.leftkontakt2 {
	float: left;
	width: 180px;
}
.leftkontakt2 ul {
	float: left;
	width: 110px;
	padding: 0 0 0 26px;
	background: url(img/arrow.png) 0px 4px no-repeat;
}
.leftkontakt2 ul li {
	padding: 2px 0 3px 2px;
	border-bottom: 1px dashed #d7e193;
}
.leftkontakt2 ul li.linkk1 {
	width: 106px;
}
.leftkontakt2 ul li.linkk2 {
	width: 104px;
}
#leftkontakt a {
	color: #4da829;
	text-decoration: none;
}
#leftkontakt a:hover {
	color: #000;
	text-decoration: none;
}
.mapa {
	float: left;
	width: 168px;
	margin-top: 20px;
}
.mapa #various3 {
	display: block;
	width: 168px;
	height: 88px;
	background: url(img/mapa_dojazdu.gif) 0px 0px no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
}
.mapa #various3:hover {
	display: block;
	width: 168px;
	height: 88px;
	background: url(img/mapa_dojazdu.gif) 0px -88px no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
}
/* ############# formularz kontaktowy ############# */
.contact_box {
	float: left;
	width: 360px;
	margin: 0px;
}
.contact_box label {
	float: left;
	width: 100px;
}
.contact_box .input {
	padding-bottom: 10px;
}
.contact_box input, .contact_box textarea {
	font-size: 11px;
	font-family: tahoma;
	border: 1px dashed #d7e193;
	padding: 2px 4px;
	width: 244px;
}
.contact_box textarea {
	height: 80px;
}
.contact_box .send {
	float: left;
	width: 95px;
	height: 17px;
	border: none;
	padding: 0px;
	margin-left: 100px;
}
#info {
	display: none;
}
.error {
	margin-bottom: 16px;
}
.error p {
	background: url(img/komunikat_3.gif) 0px 0px  no-repeat;
	color: #ffffff;
	padding: 1px 0 2px 36px;
	margin-bottom: 3px;
}
.success {
	margin-bottom: 16px;
}
.success p {
	background: url(img/komunikat_2.gif) 0px 0px  no-repeat;
	color: #ffffff;
	padding: 1px 0 2px 36px;
	margin-bottom: 3px;
}
.waiting {
	background: url(img/komunikat_1.gif) 0px 0px  no-repeat;
	color: #474747;
	margin-bottom: 18px;
}
.waiting p {
	background: url(img/load.gif) 12px 2px no-repeat;
	padding: 1px 0 2px 36px;
}
/* ############# footer ############# */
#footer {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -20px;
	background: url(img/bg_footer.gif) 0px 29px repeat-x;
}
#footerw {
	width: 970px;
	margin: 0px auto;
}
.footerimg {
	float: left;
	width: 265px;
	margin: 0px;
	padding: 0px;
}
.footermenu {
	float: left;
	width: 250px;
	background:;
	margin: 66px 0 0 20px;
}
.footermenu a {
	color: #ffd800;
	text-decoration: none;
}
.footermenu a:hover {
	color: #ffd800;
	text-decoration: underline;
}
.footermenu span {
	color: #225020;
	margin: 0 4px;
}
.footerp1 {
	float: right;
	margin: 66px 6px 0 0px;
	color: #225020;
}
.footerp1 a {
	color: #225020;
}
.footerp1 a:hover {
	color: #ffd800;
}
.footerp2 {
	float: right;
	margin: 46px 6px 0 0px;
	color: #afac9c;
}
.footerp2 a, .footerp2 a:hover {
	color: #afac9c;
}