* {
	margin:0;
	padding:0;
	}
	
body {/* 1em = 16pts */
	font-size: 1em;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	/*background-color:#FFF;*/
	
}

/*tu przerobic na uklad staly !!!!!!!!!!!!!!!!!!!!!*/
div#main_wrapper {
	/*min-width:831px; 
	max-width:979px; */
	width:979px;
	/*roznica 148 byla miedzy max a min wiec taka zostawiam*/
	margin: 0;
	margin-left:auto; 
	margin-right:auto; 
	padding:0px;
	/*background: url(../images_pres/cover_circles.jpg) no-repeat 300px 0;*/
	background-color:#FFF;
	text-align:left;
	
	} /* centers layout whe*/

/*n > max width */
div#header {
		/*background: url(../images_pres/gray_header.gif) repeat-y #383838;*/
		
	}

#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	/* I want the header content to touch the edges, so no padding */
	}	

	

#threecolwrap {
 width:100%;
 display: inline;

 	}

#nav {
 	width:214px;
	float:left;
	display: inline;
		
	
	}
	
	#content {
 	width: 539px;
 	padding:0;
	background-color:transparent;
	float: left;
	display: inline;
	
	}

	
	#promo {
 	float:left;
 	width:226px; 
	display: inline;/*pod ie zgodnie z ksiazka*/
	height:359px;
	}
	
	
#nav_inner {
	margin-top:5px;
	background-image: url(../images_pres/remontygadzicki/menu.jpg);
	background-repeat: no-repeat;
height:359px;
	}	
 	
#nav_inner ul{
margin-top: 50px;
margin-left: 30px;
}


#nav_inner li#ofirmie{
padding-bottom:34px;
font-size: 24px;
font-weight: bold;
list-style-type: none;
}


#nav_inner li#cennik{
padding-bottom:34px;
font-size: 24px;
font-weight: bold;
list-style-type: none;
}


#nav_inner li#zakres{
padding-bottom:29px;
font-size: 24px;
font-weight: bold;
list-style-type: none;
}

#nav_inner li#foto{
padding-bottom:30px;
font-size: 24px;
font-weight: bold;
list-style-type: none;
}

#nav_inner li#kontakt{
padding-bottom:30px;
font-size: 24px;
font-weight: bold;
list-style-type: none;
}

#nav_inner a{
text-decoration:none;
color: #f5f745;
}

#nav_inner a:hover{
text-decoration:none;
color: #f87205;
}

	

	
#content_inner {
	/*padding:0 1em .3em 0em;*/
	padding: 35px 0 10px 25px;
	}	
#content_inner h3{
	font-size: 24px;
	color: black;
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: "Times New Roman", Times, serif;
}

#content_inner img{
	
	border: none;
	padding:0;
	margin:0;
	margin-bottom: 20px;

	
	
}


#content_inner p{
	font-size: 14px; /* 16pt */
	line-height: 15px; /* on 22.4pt */
	margin-bottom:.75em; /* 12pts of space */
	font-family: "Times New Roman", Times, serif;
	color: black;
	
}

#content ul li {
	margin: 0 0 0 16px; /* ensure the bullets aren't hanging le of the containing ul */ 
	/*padding:.3em 0; /* vertical space between the bullets */
	font-size:.9em;  /* smaller text size foor the bullets */
	
		font-size: 14px; /* 16pt */
	line-height: 15px; /* on 22.4pt */
	margin-bottom:.75em; /* 12pts of space */
	font-family: "Times New Roman", Times, serif;
	color: black;
	}	
	
	

	
#promo_inner {
	/*padding:.5em .5em 1em 1em;*/
	margin-top:5px;
	}	
	
/*
#promo li { 
	list-style-type:none; /* remove the bullets */
/*	font-size:.8em; /* reduce the type size */
	/*line-height:120%; /* tighten the lines space if the line wraps */
	/*padding:.3em 0; /* increase space between the list items */
	/*}*/	
	
#promo #top_of_box2 {
	/*height:8px;*/
	/*background:url(../images_pres/gray_rnded_box_top.png) no-repeat;*/
	margin:0 0 0 0;
	} 
#promo_inner {
	/*background:url(../images_pres/gray_rnded_box_trans.png) repeat-y;*/
	
	}
#promo #bottom_of_box2 {
	/*height:8px;*/
	/*background:  url(../images_pres/gray_rnded_box_btm.png) no-repeat;*/
	margin:0 0 0 0;
	} 	
	

div.gal_outer{
width:226px;
/*float: left;*/
/*margin-bottom:2px;*/



}

div.gal_inner{
padding:0;
margin:0;
border:0;
position:relative;

}


div.gal_header{

padding:0;
margin:0;
border:0;
	background-image: url(../galeria/opakowanie/gora.jpg);
	background-repeat:no-repeat;
	width:226px;

	height: 9px;
  overflow:hidden; /*dzieki temu skleily mi sie w ie 6 bloki z prawej ze zdjeciami 999999999999999999999999999*/

	
}

div.gal_content{
padding:0;
margin:0;
border:0;
background-image: url(../galeria/opakowanie/srodek.jpg);
background-repeat: repeat-y;
width: 226px;
height:131px;
overflow:hidden; 

}

div.gal_content img{
padding:0;
margin:0;
border:0;
position:absolute;
left:33px;

}



* html div.gal_content img{
padding:0;
margin:0;
border:0;
position:absolute;
left:33px;
top:10px;

}




div.gal_footer{
padding:0;
margin:0;
border:0;
	background-image: url(../galeria/opakowanie/dol.jpg);
	background-repeat:no-repeat;
	width: 226px;
	height: 14px;
	overflow:hidden; 
	}	
	
	
	
	
	
	
	
	
	
	
	
	
 #footer {
 	clear:both;
	
	margin-top:60px;/*dziala mi tylko w ----------------------------------------------------------------------ie 6 */
}
	
	
	
	
/* end of structural styles */ 

/* inner div margin */


	
#footer_inner {
padding:0.5em 5em;

	
	text-align:center;
	background-image: url(../images_pres/remontygadzicki/stopka.jpg);
	background-repeat: no-repeat;
	}
	

#footer p {
	font-size:.75em;
	/*color:#FFF;*/
	font-family: "Times New Roman", Times, serif;
	color: black;
	}	
	
#footer a {
	text-decoration: none;
	
	color: black;
	}	
	
	

/* galeria javascript */
#galeria
{
	position:absolute;
	z-index: 99999999;
	left:0;
	min-height:600px;
	top:0;
	width:100%;
	background-image: url("background.png");
	display:none;
	padding-bottom:10px;
}
#foto
{
	position:relative;
	margin:50px auto;
	padding-top:8px;
	height:100px;
	width:200px;
	background-color:white;
}
#foto img
{
	position:relative;
	margin:0px auto;
	display:none;
}
#nav
{
	position:absolute;
	height:50px;
	display:none;
}
#nav div:hover
{
	cursor:pointer;
}
#prev
{
	float:left;
	width:43px;
	height:63px;
	background-image:url("left.png");
}
#next
{
	float:right;
	width:43px;
	height:63px;
	background-image:url("right.png");
}
#close
{	
	position:absolute;
	width:41px;
	height:42px;
	right:2px;
	top:2px;
	background-image:url("close.png");
}
#close:hover
{	
	cursor:pointer;
}