body {
	margin: 0;
    background: url('graph/tlo.jpg') repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
td {
	padding: 7px 0;
}
img.noBorder {
	border: 0;
}
.bold {
	font-weight: bold;
}
p {
	margin: 0 0 10px 0;
}
address {
	font-style: normal;
}
#mainContainer {
	width: 969px;
	position: relative;
	margin: 0 auto;
}
#topContainer {
	width: 969px;
	height: 85px;
	float: left;
}
#logo {
	width: 200px;
	height: 83px;
	float: left;
	margin: 10px 0 0 5px;
}
#topRight {
	float: right;
}
/* menu górne (strona główna i kontakt) */
#topNav {
	float: right;
	font-size: 11px;
	margin: 20px 5px 20px 0;
} 
#topNav a, #topNav a:visited {
	text-decoration: none;
	color: #fff;
} 
#topNav a:hover {
	text-decoration: underline;
	color: #fff;
}

#rezerwujBox {
	width: 282px;
	height: 21px;
	clear: both;
	float: right;
}
/* box do rezerwacji na gorze strony  */
#rezerwuj {
	float: left;
	width: 151px;
	height: 21px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#rezerwuj a, rezerwuj a:visited {
	float: left;
	width: 151px;
	height: 21px;
	background: url('graph/zarezerwuj_box.png') no-repeat;
	color: #fff;
	text-decoration: none;
	padding: 2px 0 0 6px;
}
#rezerwuj a:hover {
	float: left;
	width: 151px;
	height: 21px;
	background: url('graph/zarezerwuj_box_2.png') no-repeat;
	color: #fff;
	text-decoration: none;
	padding: 2px 0 0 6px;
}
/* box z numerem telefonu na gorze strony  */
#numerTel {
	float: left;
	width: 123px;
	height: 21px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
}
#numerTel a, #numerTel a:visited {
	float: left;
	width: 123px;
	height: 21px;
	color: #fff;
	text-decoration: none;
	background: url('graph/tel_box.png') no-repeat;
	padding: 3px 0 0 7px;
}
#numerTel a:hover {
	float: left;
	width: 123px;
	height: 21px;
	color: #fff;
	text-decoration: none;
	background: url('graph/tel_box2.png') no-repeat;
	padding: 3px 0 0 7px;
}
/* box do rezerwacji na podstronach */
#rezerwujSmallText {
	margin: -2px 0 0 5px;
}
#rezerwujSmall {
	float: left;
	width: 129px;
	height: 18px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}
#rezerwujSmall a, #rezerwujSmall a:visited {
	float: left;
	width: 129px;
	height: 18px;
	background: url('graph/zarezerwuj_box1.png') no-repeat;
	color: #fff;
	text-decoration: none;
}
#rezerwujSmall a:hover {
	float: left;
	width: 129px;
	height: 18px;
	background: url('graph/zarezerwuj_box2.png') no-repeat;
	color: #fff;
	text-decoration: none;
}
/* Menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#menu {width:810px; height:32px; position:relative; z-index:100;}
#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; color:#005f00;width:115px; height:32px; text-align:center;padding-top: 10px; font-size:12px;font-weight: bold; overflow:hidden;}
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

/* specific to non IE browsers */
#menu ul li:hover a {color:#fff; background: url('graph/menu_up.png') no-repeat;}
#menu ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:50px;}
#menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
#menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background:#C6D4A3; color:#005f00 !important; border-bottom:1px solid #fff;}
#menu ul li:hover ul li a:hover {background:#f5f8ed; color:#85b416;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
#menu ul li:hover ul li:hover ul.left {left:-105px;}

#menu #selected a {
	background: url('graph/menu_up.png') no-repeat;
	color: #fff !important;
}
#banner {
	width: 969px;
	height: 217px;
	float: left;
}
#mainCont {
	width: 969px;
	float: left;
	margin-top: 23px;
}
#leftColumn, #middleColumn, #rightColumn {
	width: 318px;
	height: 188px;
	float: left;
}
#leftColumn {
	margin-right: 8px;
}
#leftColumnArt {
	width: 318px;
	float: left;
}
#rightColumn {
	float: right;
}
/* hover dla trzech boxów na stronie index */
/*#hoverBox1, #hoverBox2, #hoverBox3 {
	float: left;
	width: 318px;
	height: 188px;
}
#hoverBox1 {
	background: url('graph/box1.jpg') no-repeat;
}
#hoverBox2 {
	background: url('graph/box2.jpg') no-repeat;
}
#hoverBox3 {
	background: url('graph/box3.jpg') no-repeat;
}
#hoverBox1 a, #hoverBox1 a:visited, #hoverBox1 a:hover,
#hoverBox2 a, #hoverBox2 a:visited, #hoverBox2 a:hover,
#hoverBox3 a, #hoverBox3 a:visited, #hoverBox3 a:hover  {
	float: left;
	width: 318px;
	height: 188px;
}
#hoverBox1 a, #hoverBox1 a:visited {
	background: url('graph/box1.jpg') no-repeat;
}
#hoverBox1 a:hover {
	background: url('graph/box1b.jpg') no-repeat;
}
#hoverBox2 a, #hoverBox2 a:visited {
	background: url('graph/box2.jpg') no-repeat;
}
#hoverBox2 a:hover {
	background: url('graph/box2b.jpg') no-repeat;
}
#hoverBox3 a, #hoverBox3 a:visited {
	background: url('graph/box3.jpg') no-repeat;
}
#hoverBox3 a:hover {
	background: url('graph/box3b.jpg') no-repeat;
}
*/
#kontaktArtykuly {
	width: 317px;
	height: 203px;
	float: left;
	margin-top: 15px;
	background: url('graph/kontakt_small_box.jpg') no-repeat;	
}
#kontaktArtykulyHeader {
	width: 277px;
	float: left;
	padding: 10px 0 0 20px;
}
#kontaktArtykulyText {
	width: 140px;
	float: left;
	margin-top: 10px;
	padding: 20px 0 0 20px;
	color: #333534;
	line-height: 20px;
}
#rezerwujButton {
	width: 135px;
	height: 20px;
}
#artykulyColumn {
	float: right;
	width: 641px;
}
#artykulyColumnHeader {
	width: 616px;
	height: 31px;
	float: left;
	color: #79a31b;
	font-size: 16px;
	font-weight: bold;
	padding: 13px 0 0 25px;
	background: url('graph/art_naglowek.jpg') no-repeat;
}
#artykulyColumnCont {
	width: 601px;
	min-height: 332px;
	float: left;
	padding: 15px 20px;
	text-align: justify;
	line-height: 18px;
	background: url('graph/artykuly_bg.jpg') repeat;
}
.artykulyPhoto {
	width: 190px;
	height: 120px;
	float: left;
	padding: 0;
	margin: 10px 4px 20px 0;
	border: 2px solid #a4a4a4;
}
.artykulyPhoto1 img {
  float: left;
  margin: 10px 20px 20px 0;	
  border: 2px solid #a4a4a4
}
.photoRightVertical {
	width: 130px;
	height: 200px;
	float: right;
	padding: 0;
	margin: 5px 0 10px 20px;
	border: 2px solid #a4a4a4;
}
.uslugiText {
	clear: left;
}
#kadraWideBox, #kontaktWideBox {
	width: 969px;
}
#kadraTopText {
	padding: 0 30px;
	margin-bottom: 15px;
}
#kadraLongHeader {
	width: 969px;
	height: 59px;
	float: left;
	background: url('graph/kadra_long.jpg') no-repeat;
}
#kadraBoxesContainer {
	float: left;
}
.kadraSeparateBox {
	width: 899px;
	min-height: 120px; 
	padding: 20px 35px;
	clear: left;
	background: #c3c3c3 url('graph/kadra_bottom_line.jpg') bottom no-repeat;
}
.kadraLongText {
	margin-left: 160px;
	font-size: 12px;
	line-height: 18px;
}
#kontaktLongHeader {
	width: 969px;
	height: 55px;
	float: left;
	background: url('graph/kontakt_naglowek_long.jpg') no-repeat;
}
#kontaktCont {
	width: 969px;
	float: left;
	padding-bottom: 20px;
	background: url('graph/kontakt_bg.jpg') repeat;
}
#kontaktLeftColumn {
	width: 490px;
	float: left;
}
.kontaktInsideHeader {
	width: 200px;
	height: 32px;
	float: left;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0 0 40px;
	background: url('graph/line_bg.jpg') repeat-x;
}
/* form */
fieldset {
	border: 0;
	clear: left;
	margin-left: 50px;
}
fieldset.topForm {
	height: 60px;
}
label {
	display: block;
	float: left;
	width: 180px;
}
.inputText {
	width: 177px;
	height: 20px;
	border: 0;
}
#submit {
	float: left;
	width: 105px;
	height: 21px;
}
#submitMargin {
	margin: 10px 0 0 295px;
}
.formMargin {
	margin-bottom: 15px;
}
select {
	height: 20px;
}
select#day {
	width: 50px;
}
#kontaktRightColumn {
	width: 370px;
	float: right;
	padding: 0 45px 0 45px;
}
#powrotContainer {
	clear: both;
}
#powrotLink {
	float: right;
	font-size: 13px;
	padding: 20px 20px 0 0;
}
#powrotLink a, #powrotLink a:visited {
	text-decoration: none;
	color: #699608;
}
#powrotLink a:hover {
	text-decoration: underline;
	color: #699608;
}
#kadraBox {
	width: 526px;
	float: left;
	margin-top: 26px;
}
#kadraNaglowek {
	width: 526px;
	height: 56px;
	float: left;
	background: url('graph/nasza_kadra_naglowek.jpg') no-repeat;
}
#kadraCont {
	width: 491px;
	float: left;
	padding-left: 25px;
	background: url('graph/tlo.jpg') repeat;
}
#kadraPhotoBox1, #kadraPhotoBox2, #kadraPhotoBox3 {
	width: 110px;
	float: left;
	text-align: center;
}
#kadraPhotoBox1, #kadraPhotoBox2 {
	margin-right: 60px; 
}
.kadraPhotoBox {
	width: 110px;
	float: left;
	text-align: center;
	margin-right: 60px; 
}
.kadraText {
	clear: left;
	font-size: 9px;
}
.kadraGreenHeader {
	color: #699608;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 8px 160px;
}
#kontaktBox {
	width: 436px;
	height: 205px;
	float: right;
	margin-top: 26px;
	font-size: 12px;
	background: url('graph/kontakt_box.jpg') no-repeat;
}
#kontBoxHeader {
	width: 114px;
	float: left;
	padding: 13px 0 0 25px;
}
#kontaktText {
	width: 130px;
	clear: left;
	margin-top: 45px;
	padding: 20px 0 0 30px;
	color: #333534;
	line-height: 22px;
}
#kontaktTextMain {
	width: 160px;
	float: left;
	color: #333534;
	line-height: 22px;
}
#kontaktOtwarcie {
	width: 107px;
	height: 54px;
	float: right;
	background: url('graph/godz_przyjec_round.jpg') no-repeat;
}
.kontaktGreenText, .kadraGreenText {
	color: #709a1a;
}
#sprzetPhotos {
	width: 202px;
	float: right;
	margin-left: 25px;
}
.sprzetPhotoText {
	float: left;
	color: #709a1a;
	margin: -10px 0 15px 0;
	font-size: 12px;
	text-align: left;
}
#kontaktFlash {
	float: right;
	margin: 18px 18px 0 0;
}
#kontaktArtykulyMapa, #indexMapa {
	float: right;
	margin: 15px 15px 0 0;
}
#dyplomyBox {
	width: 959px;
	height: 109px;
	float: left;
	margin-top: 33px;
	padding-top: 10px;
	background: url('graph/dyplomyBg.jpg') no-repeat;
}
#footer {
	width: 879px;
	height: 75px;
	clear: left;
	padding-left: 90px;
	margin-bottom: 20px;
}
#footerImg {
	float: left;
	border: none;
}
#footerText {
	width: 245px;
	float: right;
	font-size: 9px;
	margin: 25px 60px 0 0;
}
#messageSent {
	margin-left: 30px;
}
#messageNotSent {
	margin-left: 30px;
	font-weight: bold;
	color: red;
}