html,body{
	background: #fff;
	margin: 0 auto;
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #676767;
	z-index : 0;
	text-align:center;
  padding:0px;
  border:none;
  height:100%;
  width:auto;
}

/*strona główna*/
#all{
  height:100%;
  display:table;
  width:100%;
}

#kontener
{
  vertical-align:middle;
  display:table-cell;
}
#box{
	width:800px;
	background: url(../images/tlo_03.jpg) no-repeat;
	position:relative;
	margin:0 auto;
	background-position: right;
}
a img { border: none;
}
#logo{
	width: 800px;
	height: 110px;
	text-align:left;
	padding-bottom:5px;
	padding-top:5px;
	margin:0 auto;
}
#menu {
	width: 800px;
	height: 18px;
	margin:0 auto;
	position: relative;
	position:relative;
	padding-bottom:20px;
	z-index:10;
}
#menu a {
	background:#696969;
	display: block;
	color:#fff;
	font: 12px 'verdana', sans-serif;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:10px;
	text-decoration:none;
	white-space:nowrap;
	float:left;	
}
#menu a:hover {
	position:relative;
	text-decoration:none;
	color:#282828;
	z-index:5;
}

#stopka {
	width: 800px;
	height: 70px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top:5px;
}
.stopka {
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #676767;
	margin-left: 0px;
}


#srodek {
	width: 800px;
	height: 100%;
	background: #fff;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px dotted #222222;
	border-top: 1px dotted #222222;
	z-index:1;
}
#srodek_home {
	width: 800px;
	height: 345px;
	background : #1c1c1c;
	margin: 0 auto;
	position: relative;
	overflow:auto;
	border-bottom: 1px dotted #222222;
	border-top: 1px dotted #222222;
}
#srodek_home img{
padding-left:5px;
padding-right:5px;
padding-top:10px;
}
/*koniec strona główna*/



/*kontakt*/
#srodek_k {
	width: 800px;
	height: 345px;
	background: url(../images/tlo_k.jpg) no-repeat;
	background-position: bottom left;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px dotted #222222;
	border-top: 1px dotted #222222;
}
input#imie, #email, #tresc, #data, #miejscowosc {
	padding : 2px;
	border : 1px solid #b9b9b9;
	background : #ededed;
	color : #111111;
	font-size: 12px;
}
input#wyslij {
	width : 80px;
	padding : 2px;
	border : 1px solid #b9b9b9;
	background : #ededed;
	color : #343434;
	cursor : pointer;
}
input#wyslij:hover, input#wyczysc:hover {
	color : #676767;
	border : 1px solid #b9b9b9;
}
textarea {
	border : 1px solid #b9b9b9;
	padding : 2px;
	font-size : 12px;
	color: #fff;
}
#alert{
	text-align:center;
}

#kontakt_l {
	width: 400px;
	height: 345px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	vertical-align: top;
	border-right : 1px dotted #b9b9b9;
	float:left;
}
#kontakt_l_text {	
	padding: 10px;
	text-align: left;
	position: relative;
	line-height: 20px;
}
#kontakt_p {
	width: 380px;
	height: 345px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	vertical-align: top;
	float:left;
}
#kontakt_p_text{
	padding: 10px;
	text-align: left;
	position: relative;
}
/*koniec kontakt*/

/*oferta*/
#srodek_o {
	width: 800px;
	height: 345px;
	background : url(../images/tlo_k.jpg) no-repeat;
	background-position: bottom left;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px dotted #222222;
	border-top: 1px dotted #222222;
	}
#oferta_l {
	width: 800px;
	height: 345px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	vertical-align: top;
	text-align:center;
}
#oferta_l_text {	
	padding: 10px;
	text-align: justify;
	position: relative;
	line-height: 20px;
	}

/*koniec oferta*/
/*o mnie*/
#srodek_om {
	width: 800px;
	height: 345px;
	background: url(../images/tlo_k.jpg) no-repeat;
	background-position: bottom left;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px dotted #222222;
	border-top: 1px dotted #222222;
	}

#kontakt_om_l {
	width: 300px;
	height: 345px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	vertical-align: top;
	border-right : 1px dotted #b9b9b9;
	float:left;
}
#kontakt_om_l_text {	
	text-align: center;
}
#kontakt_om_text {	
	padding: 10px;
	text-align: justify;
	position: relative;
	line-height: 20px;
}
#kontakt_om_p {
	width: 480px;
	height: 345px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	vertical-align: top;
	float:left;
}
/*koniec o mnie*/

/*galeria*/
#srodek_g {
	width: 800px;
	height: 640px;
	background : #fff;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px dotted #222222;
	border-top: 1px dotted #222222;
}
.gallery a.th_a, a.th_a:hover, a.th_a:active
{
	border:0px;
	padding:2px 2px 2px 2px;
}

.gallery img.th_img
{
	border:0px;
}
.gallery img.main_img
{
	padding:10px 0px 10px 0px; 
}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
* html .galleria li div span{width:400px} /* MSIE bug */

.demo{position:relative;margin:1em;}
.gallery_demo{width:710px;margin:0 auto;background:#fff;}
.gallery_demo li{width:68px;height:50px;border:3px double #fff;margin: 0 2px;background:#000;}

	
#main_image{margin:0 auto 5px auto;height:520px;background:#fff;}
#main_image img{margin-bottom:10px;height:100%;border:3px solid #111}
	
.nav{padding-top:10px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;}
	
/*koniec galeria*/

p {
  margin-bottom: 0 }
p + p {
  text-indent: 1.5em;
  margin-top: 0 }

p{
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #676767;
}


a:link, a:visited{
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #676767;
	text-decoration : none;
}
a:hover{
	color : #676767;
	text-decoration : underline;
}

h1{
	font-family: 'century Gothic', 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight : normal;
	color: #909090;
	text-align: left;
	padding: 0px;
	margin-top:2px;
}
h2{
	font-family: 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight : normal;
	color: #909090;
	text-align: left;
	padding: 0px;
	margin-top:2px;
	margin-bottom:10px;
}