﻿* {
	margin: 0;
	padding: 0;
	font-family: tahoma, verdana, arial, serif;
}

body {
	padding: 0 0 20px 0;
	margin: 0;
	background: #1d3977;
	color: #d9dadb;
	text-align: center;
	font-size: 11px;
	line-height: 0;
}

a {
	color: #ffc600;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ffc600;
}

#gray {
	background: #375391 url('gfx/bg.gif') 50% 0 repeat-x;
	padding: 0 0 37px 0;
	overflow: hidden;
	line-height: 13px;
}

#mainframe {
	width: 800px;
	height: 500px;
	background: url('gfx/frendzel1.gif') no-repeat 4px 26px;
	margin: 0 auto 0 auto;
}

#top {
	height: 290px;
	background: url('gfx/frendzel2.gif') no-repeat 1px 232px;
}

#logo {
	height: 290px;
	background: url('gfx/logo.gif') no-repeat 1px 81px;
}

#menu {
	height: 290px;
	background: url('gfx/menubg.gif') no-repeat 295px 79px;
}

#menu #m {
	display: block;
	padding-left: 295px;
	height: 190px;
	background: url('gfx/menublack.png') no-repeat 295px 0;
}

#menu #m a {
	background: url('gfx/menured.png') no-repeat;
	width: 101px;
	height: 110px;
	display: block;
	float: left;
}

#menu #m a#m1 { background-position: -101px 0; }
#menu #m a#m2 { background-position: -202px 0; }
#menu #m a#m3 { background-position: -303px 0; }
#menu #m a#m4 { background-position: -404px 0; }

#menu #m a:hover {
	background: transparent;
}

#oferta, #ofertadnia {
	padding: 24px 26px 0 33px;
	float: right;
	/*width: 451px !important;
	width: 510px;
	height: 174px !important;
	height: 200px;*/
	width: 451px;
	height: 174px;
	background: url('gfx/box.png') no-repeat;
	text-align: left;
	color: #495359;
	overflow: hidden;
}

#ofertadnia {
	position: absolute;
	/*height: 472px !important;
	height: 498px;*/
	height: 472px;
	z-index: 15;
	margin-left: 290px;
	margin-top: 190px;
}

#oferta a, #ofertadnia a {
	color: #a00;
}

#newsletter {
	padding-top: 145px;
	float: left;
	width: 280px;
	/*height: 75px !important;
	height: 220px;*/
	height: 75px;
	color: #fff;
	background: url('gfx/newsletter.gif') no-repeat 20px 120px;
}

#newsletter * {
	float: left;
	margin-left: 10px !important;
	margin-left: 5px;
	margin-bottom: 10px;
}

input#email, input.input, textarea {
	/*width: 155px !important;
	width: 169px;
	height: 13px !important;
	height: 25px;*/
	width: 155px;
	height: 13px;
	border: 0;
	padding: 5px 6px 5px 6px;
	border: 1px solid #000;
	background: transparent url('gfx/input.gif') no-repeat;
	font-size: 11px;
	margin-bottom: 4px;
	text-align: left;
}

input.input, textarea {
	/*width: 246px !important;
	width: 260px;*/
	width: 246px;
}

textarea {
	/*height: 88px !important;
	height: 100px;*/
	height: 88px;
}

#oferta .head, #oferta .head h1, #ofertadnia .head, #ofertadnia .head h1 {
	padding-bottom: 1px;
	border-bottom: 1px solid #2f393e;
}

#oferta img, #ofertadnia img {
	border: 1px solid #888;
}

#oferta .head h1, #ofertadnia .head h1 {
	height: 16px;
	background: url('gfx/oferta.gif') no-repeat;
}

#oferta .head h1 span, #ofertadnia .head h1 span {
	display: none;
}

#oferta .head, #ofertadnia .head {
	margin-bottom: 16px;
}

#content {
	clear: both;
	text-align: left;
	padding-left: 20px;
}

#content #line {
	float: left;
	width: 780px;
	clear: both;
	background: url('gfx/kropka.gif') repeat-y 279px 0;
	overflow: hidden;
}

#content .left, #content .right {
	float: left;
}

#content .left {
	/*width: 260px !important;
	width: 305px;*/
	width: 260px;
	padding-right: 45px;
}

#content .right {
	width: 475px;
}

#content .head, #content .head h1 {
	padding-bottom: 1px;
	border-bottom: 1px solid #ffc600;
}

#content .head h1 {
	height: 18px;
	background: url('gfx/formularz.gif') no-repeat;
}

#content .head h1.head_index { background: url('gfx/onas.gif') no-repeat; }
#content .head h1.head_oferta { background: url('gfx/oferta2.gif') no-repeat; }
#content .head h1.head_ofertadnia { background: url('gfx/ofertadnia.gif') no-repeat; }
#content .head h1.head_serwis { background: url('gfx/serwis.gif') no-repeat; }
#content .head h1.head_referencje { background: url('gfx/referencje.gif') no-repeat; }
#content .head h1.head_kontakt { background: url('gfx/kontakt.gif') no-repeat; }

#content .head h1.onas { background: url('gfx/onas.gif') no-repeat; }
#content .head h1.oferta { background: url('gfx/oferta2.gif') no-repeat; }
#content .head h1.ofertadnia { background: url('gfx/ofertadnia.gif') no-repeat; }
#content .head h1.serwis { background: url('gfx/serwis.gif') no-repeat; }
#content .head h1.referencje { background: url('gfx/referencje.gif') no-repeat; }
#content .head h1.kontakt { background: url('gfx/kontakt.gif') no-repeat; }

#content .head h1 span {
	display: none;
}

#content .head {
	margin-bottom: 16px;
	margin-top: 16px;
}

#stopka {
	border-top: 2px solid #536fad;
	padding-top: 15px;
	padding-bottom: 17px;
	line-height: 12px;
}

#stopka p {
	padding-bottom: 10px;
}

#stopka p span {
	padding: 0 10px 0 10px;
}


#stopka a {
	color: #d9dadb;
	text-decoration: none;
}

#stopka a:hover {
	text-decoration: underline;
	color: #ffc600;
}

.right p {
	padding-bottom: 10px;
}

#baner {
	position: absolute;
	margin-top: 120px;
	margin-left: 316px;
	width: 468px;
	height: 70px;
	overflow: hidden;
	z-index: 10;
}

#baner img {
	display: block;
	width: 468px;
	height: 70px;
	overflow: hidden;
}

a img {
	border: none;
}

#mapka_google {
	display: block;
	width: 310px;
	height: 210px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #000000;
	margin-left: 10px;
}
