html,body{
	background: #000 url(../images/tlo.jpg) no-repeat center;
	margin: 0 auto;
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #fff;
	z-index : 0;
	text-align:center;
	vertical-align:middle;
  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;
}

#logo{
	background: url(../images/logo.png) no-repeat;
	width: 926px;
	height: 106px;
	margin:0 auto;
	position: relative;
}
#blog{
	width: 880px;
	height: 28px;
	margin:0 auto;
	position: relative;
	text-align:right;
}

#zawartosc{
	background: #000 url(../images/zawartosc_tlo.gif) repeat;
	width: 926px;
	min-height: 600px;
	height:auto !important;
	height:600px;
	margin:0 auto;
	position: relative;
}

#menu{	
	width: 400px;
	height: 30px;
	margin:0 auto;
	position: relative;
	text-align:center;
	float:right;
	margin-top:20px;
}	
#menu a.home{	
	text-indent:-1000px;
	display:block;
	overflow:hidden;
	width:135px;
	height:30px;
	float:left;
}	
#menu a.oferta{	
	text-indent:-1000px;
	display:block;
	overflow:hidden;
	width:67px;
	height:30px;
	float:left;
}
#menu a.referencje{	
	text-indent:-1000px;
	display:block;
	overflow:hidden;
	width:96px;
	height:30px;
	float:left;
}
#menu a.kontakt{	
	text-indent:-1000px;
	display:block;
	overflow:hidden;
	width:76px;
	height:30px;
	float:left;
}
#menu a.home {
background: url(../images/home1.gif) no-repeat;
}
#menu a.home:hover {
background: url(../images/home2.gif) no-repeat;
}

#menu a.oferta {
background: url(../images/oferta1.gif) no-repeat;
}
#menu a.oferta:hover {
background: url(../images/oferta2.gif) no-repeat;
}

#menu a.referencje {
background: url(../images/referencje1.gif) no-repeat;
}
#menu a.referencje:hover {
background: url(../images/referencje2.gif) no-repeat;
}

#menu a.kontakt {
background: url(../images/kontakt1.gif) no-repeat;
}
#menu a.kontakt:hover {
background: url(../images/kontakt2.gif) no-repeat;
}

#menu_gal{
	width: 400px;
	height: 30px;
	margin:0 auto;
	position: relative;
	text-align:center;
	float:right;
	color:#676767;
	margin-top:20px;
	clear:both;
}
#menu_gal a{
	font-size:12px;
	font-family: Tahoma, 'Verdana', Arial, sans-serif;
	font-weight : normal;
	color:#676767;
}
#menu_gal a:hover{
	color:#fff;
}


/*oferta*/

#pakiety {
	font:11px verdana,arial,sans-serif;
	width:410px;
	padding:5px 0 0 0;
	line-height:15px;
}

#pakiety div.off {
	color:#343434;
	height:30px;
	margin-right:2px;
	line-height:33px;
	padding:0 15px;
	float:left;
	background: #000;
	border:0px dotted #fff;
	border-bottom-color:#333333;
	cursor:pointer;
	position:relative;
	z-index:20;
}

#pakiety div.on {
	color:#e9e9e9;
	padding:0 10px;
	margin-right:2px;
	margin-top:1px;
	float:left;
	background: #232323;
	border:1px solid #333333;
	cursor:pointer;
	border-bottom:0;
	height:25px;
	line-height:25px;
	position:relative;
	z-index:100;
}

div.hide {
	display:none;
	width:0;
	overflow:hidden;
}

div.show {
	clear:left;
	width:360px;
	margin-top:0;
	top:-4px;
	border:1px solid #333333;
	padding:15px;
	position:relative;
	z-index:50;
	font:11px verdana, arial, sans-serif;
	line-height:15px;
}

div.show img {
	float:left;
	margin:0 10px 10px 0;
}

.clear {clear:both;
}
#lewa_oferta {
	width: 440px;
	height: 500px;
	margin: 0 auto;
	background : url(../images/tlo_o.jpg) no-repeat;
	text-align: justify;
	position: relative;
	float:left;
}
#prawa_oferta {
	width: 450px;
	height: 600px;
	margin: 0 auto;
	position: relative;
	float:left;
	margin-left:10px;
}

#oferta {
	width: 900px;
	min-height: 500px;
	height:auto !important;
	height:500px;
	margin: 0 auto;
	text-align: justify;
	position: relative;
}
#film{
width: 450px;
height:280px;
margin:0 auto;
position:relative;
margin-bottom:5px;
}
/*koniec oferta*/


/* referencje */

#referencje{
	width: 850px;
	min-height: 600px;
	height:auto !important;
	height:600px;
	margin:0 auto;
	position: relative;
	text-align:justify;
}
#ref_box1{
	width:850px;
	height:370px;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #333333;
}
#ref_box2{
	width:850px;
	height:370px;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #333333;
}
#ref_box3{
	width:850px;
	height:370px;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #333333;
}
#ref_box4{
	width:850px;
	height:370px;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #333333;
}
#ref_box5{
	width:850px;
	height:370px;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #333333;
}
.img_ref{
	padding:10px;
	position:relative;
	float:left;
	border: 1px solid #333333;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
p.text_ref{
	font-family: Helvetica,'Verdana', Arial, sans-serif;
	font-size: 10pt;
	font-weight : normal;
	color: #fff;
	line-height: 18px;
	text-align: justify;
}

/* koniec referencje */


/*kontakt*/
#kontakt{
	width: 850px;
	height: 500px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	text-align:left;
}
input#imie, #email, #tresc, #token, #pytanie {
	padding : 2px;
	border : 1px solid #676767;
	background:#000 url(../images/tlo2.jpg) repeat;
	color : #fff;
	font-size: 12px;
}

input#wyslij {
border:none;
text-indent:-1000px;
	width:49px;
	background:#000 url(../images/wyslij.gif) no-repeat;
	cursor : pointer;
	float:right;
}
input#kasuj {
border:none;
text-indent:-1000px;
	width:42px;
	background:#000 url(../images/kasuj.gif) no-repeat;
	cursor : pointer;
		float:right;
		margin-left:20px;
}

textarea {
	border : 1px solid #1e1e1e;
	padding : 2px;
	font-size : 12px;
	color: #313131;
}
.alert{
	text-align:center;
	color: #ff0000;
	font-size: 12px;
}

#kontakt_l{
	width: 500px;
	height: 550px;
	margin:0 auto;
	position: relative;
	float:left;
}
#kontakt_p{
	width: 300px;
	height: auto;
	margin:0 auto;
	position: relative;
	float:left;
	margin-left:20px;
}

fieldset {
border: 1px solid #676767;
width: 300px;
padding: 3px;
}
fieldset legend {
background: #232323;
padding: 4px;
font-weight: bold;
}
/*koniec kontakt*/

/*stopka*/

#stopka {
	background: url(../images/stopka.png) no-repeat;
	width: 926px;
	height: 54px;
	margin: 0 auto;
	position: relative;
	text-align:right;
	line-height:54px;
}
.stopka {
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 7pt;
	font-weight : normal;
	color : #676767;
	padding-right:20px;
	}
.stopka a{
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #676767;
}
.stopka a:hover{
	color : #fff;
}
/*koniec stopka*/

/*galeria*/

.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:70px;height:70px;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; background:url(../images/loading.gif) no-repeat center;}
.gallery_demo{width:800px;margin:0 auto;}
.gallery_demo li{width:70px;height:48px;border:1px solid #1e1e1e;margin:0 2px;background:#000;float:left;}

	
#main_image{margin:0 auto;height:520px;}
#main_image img{margin-bottom:20px;border:1px solid #1e1e1e;}
#gal{
background:#000;
	width: 750px;
	height: 52px;
	margin: 0 auto;
	position: relative;
	float:left;
	padding:0;
}
.nav_wstecz{width:30px;height: 50px;float:left;position:relative;}
.nav_dalej{width:30px;height: 50px;float:right;position:relative;}
.nawigacja{background:#000;width:890px; height:52px;margin:0 auto; position:relative;}
#portfolio{
	width: 900px;
	min-height: 600px;
	height:auto !important;
	height:600px;
	margin:0 auto;
	position: relative;
}
/*koniec galeria*/




a img { border: none;
}
a{
	font-style: inherit;
	font-family : Helvetica, 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #fff;
	text-decoration : none;
}
a:hover{
	color : #ff7200;
	text-decoration : none;
}

p.text{
	font-family: Helvetica,'Verdana', Arial, sans-serif;
	font-size: 10pt;
	font-weight : normal;
	color: #fff;
	line-height: 18px;
	text-align: justify;
	padding-right:5px;
}