html, body, h1, h2, h3, h4, h5, h6,
div, span, blockquote, p, address,
form, fieldset, label, legend, img,
a, abbr, acronym, ul, ol, dl, dt, dd, li,
hr, table, td, th, big, small,q,
strong, em, sup, sub, del, cite, code {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;

	}


body 
{
	background-color: #1C1908;
	text-align:center;
	

	padding:0;
}
html, body {

	height: 100%;

	width: 100%;

	margin: 0;

	padding: 0;
	background-color: #1C1908;

}

    		html, body {
			height: 100%;
			overflow-y: auto;
			overflow-x: hidden;
		}
		
		body {
			display: table;
			/*width: 768px;*/
			margin: 0 auto;
			position: relative;
		}
		
		#middle {
			display: table-cell;
			vertical-align: middle;
		}


/*   PODSTAWOWE STYLE     */
.middle {
	vertical-align: middle;
	display: table-cell;
	position: relative;
}
.cell_main
{
	/*border: 1px dotted red;	*/
	/*albo tu!! */
	left: 0;
	margin: 0;
}
.hack_main
{
}
.wrap
{
	margin: 0 auto; 
	text-align:center;
	position: relative;
	width:1024px;
	height: 768px;
	margin-top: auto;
	margin-bottom: auto;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
}
.content
{
}
/*   KONIEC PODSTAWOWYCH STYLI     */
.rel
{

	display: block;
	position: relative;
}




img
{
	border: none;
}
a
{
	text-decoration: none;	
	color: #FFCC33;
}
.orange
{
	color: #FFCC33;
}

a:hover
{
	text-decoration: none;
}

h1
{
	font-family: tahoma;
	font-size: 25px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	display: inline;
}
h2
{
	font-family: tahoma;
	font-size: 14px;
	font-weight: 500;
	color: #999999;
	text-decoration: none;
	display: inline;

}
h3
{
	font-family: tahoma;
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	display: inline;

}
.orange
{
	color:#FFCC33;
}

div {

text-align: left;
margin: 0 auto; 

}


.rel
{
	position: relative;
}
	#background_first
	{
			background-image: url(gfx/background_main.jpg);
	}
	#background_main
	{
			background-image: url(gfx/background_main.jpg);
	}
	#background_wnetrza
	{
			background-image: url(gfx/background_wnetrza.jpg);
	}
	#background_interior_design
	{
			background-image: url(gfx/background_wnetrza.jpg);
	}	
	#background_oferta_wnetrza
	{
			background-image: url(gfx/background_oferta_wnetrza.jpg);
	}
	#background_oferta_interior_design
	{
			background-image: url(gfx/background_oferta_wnetrza.jpg);
	}

	
	#background_grafika
	{
			background-image: url(gfx/background_grafika.jpg);
	}
	#background_graphic_design
	{
			background-image: url(gfx/background_grafika.jpg);
	}
	
	
	#background_oferta_graphic_design
	{
			background-image: url(gfx/background_oferta_grafika.jpg);
	}
	#background_oferta_grafika
	{
			background-image: url(gfx/background_oferta_grafika.jpg);
	}
	#background_design
	{
			background-image: url(gfx/background_design.jpg);
	}
	#background_product_design
	{
			background-image: url(gfx/background_design.jpg);
	}
	
	
	#background_oferta_design
	{
			background-image: url(gfx/background_oferta_design.jpg);
	}
	#background_oferta_product_design
	{
			background-image: url(gfx/background_oferta_design.jpg);
		
	}
	#background_galeria
	{
			background-image: url(gfx/background_galeria.jpg);
	}
.logo
{
	position:absolute;
	margin:0;
	left:0;
	width:100%;
	top: 154px;
	

	text-align: center;

}
.logo_small
{
	position:absolute;
	margin:0;
	left:0;
	width:100%;
	text-align: center;

}
	#pos_central_logo_small
	{
		top: 189px;
	}
	#pos_left_logo_small
	{
		top: 60px;
		left: 62px;
		text-align: left;
	}


.menu_top
{
	
	position: absolute;
	margin:0;
	left:0;
	width:100%;
	text-align: center;

	
}
.menu_top a
{
	position: relative;
}

.menu_bottom
{
	top: 724px;
	position: absolute;
	margin:0;
	left:0;
	width:100%;
	text-align: center;
}

.a
{
	position: relative;

text-align:center;
	height: 768px;
margin: auto;
border:1px solid red;
}




	.odst_1
	{
		margin-left: 125px;		


	}
	.odst_2
	{
		margin-left: 25px;
			
	}
		.odst_3
	{
		margin-left: 8px;
	}
	#high_1
	{
		top:489px;
		
	}
	#high_2
	{
		top:378px;
		
	}		

	
	
.text_box
{
	position:absolute;
	text-align: left;
	color: #999999;
	font-family: tahoma;
	font-size: 12px;
	
	
}

	.two_columns
	{
		width: 855px;
		margin: 0;
	}
	#text_pos_left
	{
		
		left:60px;
		top:216px;
	}
	#left_side
	{
		float: left;
	}
	
	#right_side
	{
		float:right;
	}
	.text_box img
	{
		clear: left;
	}
	.text_box p
	{
		/*margin-top:12px;
		margin-bottom: 29px;*/
		width: 231px;
	}
	.text_box .text_big
	{
		width: 382px;
		margin-top:12px;
		margin-bottom: 29px;
	}
	.text_box ul 
	{
		list-style: none;
	}
	
	.text_box ul li
	{
		background-image: url("gfx/li.png");
		background-repeat: no-repeat;
		background-position: left 7px; 
		padding-left: 9px;
	}	

	


.galeria_foto
{
	position:absolute;
	margin:0;
	left:0;
	width:100%;
	height: 91px;
	top: 603px;
	text-align: center;
	background-image: url(gfx/pasek_galeria.png);

}

	.galeria_foto .menu
	{
		position:absolute;
		text-align: center;
		margin: 0 auto; 
		width:600px;
		height: 74px;
		left:212px;
		top:9px;

	}
	
		.galeria_foto .menu .small
		{
			position: absolute;
			text-align: left;
			
			left: 40px;
			width:512px;
			height: 74px;

			padding: 0;
			
		}
		.galeria_foto .galeria_ramka
		{
			width:72px;
			height: 72px;
			text-align: center;
			position: absolute;
			padding: 0;

		}

	
		.galeria_foto .menu .small img
		{

			position: relative;
			
			margin: 0 auto;
			
			
			
		}
		.galeria_foto .menu .shift_back
		{
			position: absolute;
			left:0px;
			width: 13px;
			height: 19px;
			top: 28px;
	
		}		
		.galeria_foto .menu .shift_forward
		{
			position: absolute;
			right:0px;
			width: 13px;
			height: 19px;
			top: 28px;
			
			
		}

		
		
		
.referencje
{
	position:absolute;
	text-align: left;
	color: #BFBFBE;
	left:60px;
	top:216px;
	font-family: Tahoma;
}
	.referencje .box
	{
		position: relative;
	}
		.referencje h3
		{
			background-image: url(gfx/refer_down.png);
			background-position: 220px 2px;
			background-repeat: no-repeat;
			padding: 0 50px 0 0;
			margin: 0px;
			display:block;
			cursor: pointer;
		}
		.referencje h3.active
		{
		
			background-image: url(gfx/refer_up.png);
			
		}
		.referencje h3 a
		{
			font-family: Tahoma;
			font-size: 16px;
			color: #BFBFBE;
			margin: 0px 0 0 0;
		}
		.referencje .text_box
		{
			width:1024px;
			margin: 7px 0px 0px -60px;
			
			background-image: url(gfx/referencja_tlo.png);
			background-repeat: repeat;
/*			border: 1px solid red;*/

			position:relative;
		}

		.referencje p
		{
			position: relative;

			padding: 16px 0px 16px 60px;
			margin: 0;
/*			border: 1px solid blue;*/
			width: 845px;
			font-size: 12px;

		}
		
		
		
.o_nas
{
	position:relative;
	top: 215px;
	text-align: center;
	width: 620px;
}
	.o_nas img
	{
				position:relative;
		top: 0px;
		
	}

	.o_nas h3
	{
		position:relative;
		font-family: Tahoma;
		font-size: 14px;
		

		top:35px;

	}
	
.menu_bottom_left
{
	top:721px;
	left: 25px;
	position: absolute;
	text-align:left;

	width:70px;	
}

#lang_vers
{
	float: left;
}
#player_container {
	position: relative;

	width:30px;
	height:30px;
	float:right;
	top:1px;

	
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	cursor: pointer;
	float: right;
}
#player_play {
	background: url("gfx/music_off.png") 0 0 no-repeat;
}

#player_pause {
	background: url("gfx/music_on.png") 0 0 no-repeat;
}

.foto
{
	position:absolute;
	margin:0;
	left:0;
	width:100%;
	top: 104px;
	text-align: center;
	

}
.foto img
{
	/*width: 885px;*/
	/*height: 454px;*/
}



.foto
{
	display: block;
	clear: both;

	float: left;
}
.show_foto_big
{
	
}


.foto .exit_button
{
	width: 33px;
	height: 30px;

/*	margin: -30px 0px 0px -37px;*/
	left:50%;
	position: absolute;
	top:0px;
	margin: -30px 0px 0px 0px;
	
}