html, body {
	width: 100%;
}

body {
	background-color: #ffffff;
	background-image: url('img/tlo.jpg');
	background-repeat: repeat-x;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

div {
	padding: 0px;
	margin: 0px;
	text-align: left;
}

div.czysc {
	clear: both;
}

img {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

* {
	font-size: 11px;
	font-family: 'tahoma';
	color: #6b6b6b;
	line-height: 16px;
}

a {
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 935px;
	margin: auto;
}

#top_menu {
	width: 935px;
	height: 111px;
}

#anim {
	width: 935px;
	height: 245px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #DCC7B4;
}

#dol {
	width: 864px;
	margin-left:36px;
	margin-right:35px;
	background-image: url('img/dol_tlo.jpg');
	background-repeat: no-repeat;
	padding-bottom: 40px;
	
}
	

#intro_dol {
	width: 864px;
	margin-left:36px;
	margin-right:35px;
	background-image: url('img/intro_dol_tlo.jpg');
	background-repeat: no-repeat;
	padding-bottom: 40px;
}

#intro_left {
	float: left;
	display: inline;
	width:220px;
	margin-right: 22px;
}


#intro_left #referencje {
	padding: 20px 0px 20px 0px;
}

#intro_left #referencje img.tytul {
	margin: 0px 0px 9px 0px;
	display: block;
}

#pole_grad {
	float: left;
	display: inline;
	width:242px;
}

#pole_grad img.tytul {
	margin: 20px 0px 9px 20px;
	display: block;
}

#pole_grad div.nius {
	margin: 0px 20px 20px 20px ;
	background-image: url('img/bullet_klamra.gif');
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	line-height: 14px;
}

#pole_grad div.tekst {
	float: left; 
	display: inline;
	margin: 0px;
}

#intro_right {
	width: 380px;
	display: inline;
	float: right;
}

#intro_right div.intro_right_container {
	padding: 20px 0px 0px 5px;
	clear: both;
}

#intro_right div.intro_right_container img.pic {
	float: left;
	display: inline;
	margin-right: 3px;
}

#intro_right div.intro_right_container img.tytul {
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	margin-bottom: 10px;
}

a.small_orange {
	font-size: 10px;
	font-weight: bold;
	color: #ff8a1f;
}
	
#stopka_container {
	width: 100%;
	background-color: #262626;
	text-align: center;
	height: 67px;
	padding-bottom: 5px;
}

#stopka {
	margin:auto;
	height: 47px;
	width: 935px;
	
}

#stopka img.logo {
	margin: 14px 0px 10px 36px;
	display: inline;
	display: inline;
	float: left;
}

#stopka #menu {
	padding: 43px 35px 5px 0px;
	float: right;
	display: inline;
}

#stopka #menu a {
	margin-left: 15px;
}

#stopka #menu a:hover {
	color: #ffffff;
}



/* dane dla dizajnu podstrony --------------------------------------------------------*/
#pole_tresc {
	float: right;
	display: inline;
	padding: 0px;
	width: 622px;
	margin: 0px;
}


#pole_tresc img.tytul {
	margin: 20px 0px 9px 20px;
	display: block;
}

#pole_tresc  div.akapit {
	clear: both;
	display: block;
	width: 602px;
	float: right;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

#pole_tresc  div.akapit div.obrazek {
	float: left;
	display: inline;
	margin-right: 20px;
	font-size: 9px;
}

#pole_tresc  div.akapit div.obrazek img {
	display: block;
}

#pole_tresc  div.akapit p {
	float: left;
	display: inline;
	width: 420px;
}

/*#pole_tresc  div.akapit p */
b.tytul {
	display: block;
	font-size: 18px;
	font-family: 'trebuchet ms';
	font-weight: bold;
	color:#ff8a1f;
	margin-bottom: 10px;
}

b.tytul_odstep {
	display: block;
	font-size: 22px;
	font-family: 'trebuchet ms';
	font-weight: bold;
	color:#ff8a1f;
	margin-bottom: 20px;
	margin-left: 20px;
}

#pole_tresc_zawartosc {
	padding: 20px 0px 0px 20px;
}

#pole_tresc_zawartosc img.tytulik {
	margin-bottom: 9px;
	display: block;
	clear: both;
}

#pole_tresc_zawartosc p {
	margin: 0px 0px 35px 0px;
	padding: 0px;
}

#pole_tresc_zawartosc div.box {
	float: right; 
	width: 223x; 
	margin: 0px 0px 20px 20px;
	background-image: url('img/box_tlo.gif');
	background-repeat: repeat-y;
}

#pole_tresc_zawartosc div.box p {
	margin: 10px 10px 5px 10px;
	width: 200px;
}


/* --------------------------------- DANE DLA PORTFOLIO --------------------*/
#pole_tresc_folio {
	float: right;
	display: inline;
	padding: 0px;
	width: 622px;
	margin: 0px;
}


#pole_tresc_folio img.tytul {
	margin: 20px 0px 9px 20px;
	display: block;
}

#pole_tresc_folio  div.akapit {
	clear: both;
	display: block;
	width: 602px;
	float: right;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

#pole_tresc_folio  div.akapit div.obrazek {
	float: left;
	display: inline;
	margin-right: 20px;
	font-size: 9px;
}

#pole_tresc_folio  div.akapit div.obrazek img {
	display: block;
	border: solid 5px #f0f0f0;
}

#pole_tresc_folio  div.akapit p {
	float: left;
	display: inline;
	width: 370px;
	margin: 0px;
	padding: 0px;
}

#pole_tresc_folio  div.akapit p b.tytul {
	display: block;
	font-size: 18px;
	font-family: 'trebuchet ms';
	font-weight: bold;
	color:#ff8a1f;
	margin-bottom: 10px;
}

#przelacz_strony {
	clear: both;
	float: right;
	display: block;
	width: 400px;
	height: 40px;
}

#folio_menu {
	margin: 0px 0px 10px 20px;
}

#folio_menu b.tytul {
	display: inline;
	margin-right: 30px;	
}


a.folio_menu {
	font-size: 15px;
	font-weight: bold;
	font-family: 'trebuchet ms';
	color: #d8b69a;
	margin-right: 30px;	
}

a.folio_menu:hover {
	color: #ff8a1f;
	text-decoration: none;
}


#folio_detal {
	clear: both;
	display: block;
	width: 602px;
	float: right;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

#folio_detal div.obrazek {
	margin-bottom: 10px;
}

#folio_detal div.obrazek img{
	border: solid 5px #f0f0f0;
	float: left;
	display: block;
	margin-right: 5px;
}

#folio_detal div.obrazek p {
	float: right; 
	display: inline;
	width: 342px;
	margin: 0px;
	padding: 0px;
	
}


#map_container {
	margin-top: 20px;
	width: 600px;
	height: 320px;
	border: #e1e1e1 1px solid;
	text-align: center;
	clear: both;
}

#map {
	width: 580px;
	height: 300px;
	margin: 10px;	
}

img.pic_ramka {
	border: #e1e1e1 3px solid;
	margin: 0px 20px 20px 0px;
}

#ofirmie_detal {
	clear: both;
	display: block;
	width: 602px;
	padding: 20px 0px 30px 0px;
	margin: 0px;
}

#ofirmie_detal div.obrazek {
	margin-bottom: 10px;
}

#ofirmie_detal div.obrazek img{
	border: solid 5px #f0f0f0;
	float: left;
	display: block;
	margin-right: 5px;
}

#ofirmie_detal div.obrazek p {
	float: right; 
	display: inline;
	width: 362px;
	margin: 0px;
	padding: 0px;
	
}