/* easy.web - odory.com.pl */
/* autor kodu: Tomasz 'nbw' Staniak; ma3o zadowolony z tego jestem - można dużo lepiej. */

body{	margin: 0;padding: 0;	font-size: 14px;font-family: verdana, arial, sans-serif;background: #4073a6 url('/img/bg.jpg') 0 304px repeat-x;} /* 311 */
a	{	text-decoration: none;	}

#header-info
{
	display: none;
}


#menu-container	{	width: 936px;	height: 268px;	position: relative;	background: #fff;	margin: 0 auto;	z-index: 2;	border-bottom: 1px solid #fff;	margin-top: 11px; padding-top: 30px;
	}

	#lang_nav	{	position: absolute;	right: 4px;	bottom: 216px;	text-transform: lowercase;	}
	#lang_nav ul, #lang-nav li	{	list-style: none;	margin: 0;	padding: 0;	font-size: 10px;}
	#lang_nav li	{	display: inline;	}

	#lang_nav a	{	color: #36563D;	font-size: 10px;	}

	/* Menu layout oraz */

	a img
	{
	border: 0;
	}

	#menu-container #menu
	{
	position: absolute;
	bottom: 0;
	left: 0;
	}

	#menu ul, #menu li
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#menu li {
	line-height: 28px;	
	}
	#menu span
	{
	display: none;
	}

/* brak prze3adowywania w menu */

	.informacje_ogolne_,
	.nasza_metoda_,
	.zastosowanie_,
	.ekspertyzy_,
	.artykuly_,
	.o_nas_,
  .ulotki_,
	.kontakt_
	{
	display: block;
	width: 165px;
	height: 29px;

	/* IE5+ White-space bug Hack */

	float: left;
	clear: left;
	}

	/* Gecko hack */

	li>.informacje_ogolne_, li>.nasza_metoda_, li>.zastosowanie_, li>.ekspertyzy_, li>.artykuly_, li>.o_nas_, li>.kontakt_, li>.ulotki_
	{
	float: none;
	line-height: 28px;
	padding:0px;
	margin:0px;
	}
	.o_nas_
	{
	background: url('/img/menu.gif') 0px 0px no-repeat;
	}
	.nasza_metoda_
	{
	background: url('/img/menu.gif') 0px -29px no-repeat;
	}
	.zastosowanie_
	{
	background: url('/img/menu.gif') 0px -58px no-repeat;
	}
	.ekspertyzy_
	{
	background: url('/img/menu.gif') 0px -87px no-repeat;
	}
	.artykuly_
	{
	background: url('/img/menu.gif') 0px -145px no-repeat;
	}
  .ulotki_
  {
  background: url('/img/menu.gif') 0px -174px no-repeat;
  }
	.kontakt_
	{
	display: block;
	background: url('/img/menu.gif') 0px -203px no-repeat;
	height: 28px;
	float: left;
	clear: left;
	}
	.informacje_ogolne_
	{
	background: url('/img/menu.gif') 0px -116px no-repeat;
	}

	.o_nas_:hover
	{
	background: url('/img/menu.gif') 0px -231px no-repeat;
	}
	.nasza_metoda_:hover
	{
	background: url('/img/menu.gif') 0px -260px no-repeat;
	}
	.zastosowanie_:hover
	{
	background: url('/img/menu.gif') 0px -289px no-repeat;
	}
	.ekspertyzy_:hover
	{
	background: url('/img/menu.gif') 0px -318px no-repeat;
	}
	.informacje_ogolne_:hover
	{
	background: url('/img/menu.gif') 0px -347px no-repeat;
	}
	.artykuly_:hover
	{
	background: url('/img/menu.gif') 0px -376px no-repeat;
	}
  .ulotki_:hover
  {
  background: url('/img/menu.gif') 0px -405px no-repeat;
  }
	.kontakt_:hover
	{
	display: block;
	background: url('/img/menu.gif') 0px -434px no-repeat;
	height: 28px;
	float: left;
	clear: left;
	}

	#menu-container #flash1
	{
	position: absolute;
	bottom: 0;
	left: 165px;
	width: 201px;
	height: 268px;
	background: url('/img/flash_lisc.jpg') center center no-repeat;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	z-index: 1;
	}

	#menu-container #flash2
	{
	position: absolute;
	bottom: 0;
	left: 368px;
	width: 568px;
	height: 202px;
	background: #0b0 url('/img/bg_gradient.jpg') left center repeat-x;
	}

	#menu-container #logo
	{
	position: absolute;
	z-index: 2;
	top: 0;
	}

	#lower-container
	{
	width: 936px;
	z-index: 2;
	margin: 0 auto;
	position: relative;
	}

	#aktu
	{
	width: 367px;
	height: 380px;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	}
	
	#aktu img {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	float: right;
	}

	#aktu h2
	{
	color: #1A4172;
	margin: 0 46px;
	margin-top: 32px;
	margin-bottom: 16px;

	font-family: "trebuchet ms", sans-serif;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 165%;
	background: url('/img/h/aktualnosci.gif') left center no-repeat;
	height: 1em;
	}

	#aktu h2 span.nodisplay
	{
	display: none;
	}

	#aktu ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 310px;
	margin-left: 20px;
	font-size: 10px;
	}

	#aktu li
	{
	padding-left: 26px;
	margin: 4px 0;
	background: url('/img/list_e.gif') left top no-repeat;	
	float: left;
	}

	#aktu a
	{
	color: #fff;
	border-bottom: 1px solid #fff;
	float: left;
	}

	#aktu a:hover
	{
	color: #1A4172;
	border-bottom: 1px solid #1a4172;
	}

	#aktu a span
	{
		display: block;
		font-weight: bold;
	}


/* na stronie mamy 3 "kategorie", rozniace sie wygladem. ich nazwy w tej chwili przedstawiaja sie nastepujaco:

- main = strona glowna
- category = strony z obrazkiem nad boxem naglowka
- article = strony bez obrazka nad boxem naglowka

Po co? By oszczedzic troche miejsca oraz nie marnowac tagow html na rzeczy, ktore mozna latwo zrobic w css*/

	.main #categoryImg
	{
	position: absolute;
	top: 0;
	left: 368px;
	display: block;
	width: 201px;
	height: 202px;
	background: url('/img/h_main.jpg') no-repeat;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}
  .main #content p {
    color:#1A4172;
    font-size:10px;
    left:175px;
    margin:0;
    padding:0;
    position:absolute;
    top:64px;
    width:140px;
}
	.main #header
	{
	display: none;
	}

	.main #content
	{
	position: absolute;
	top: 0;
	left: 570px;
	display: block;
	width: 365px;
	height: 202px;
	background: #93D6F0 url('/img/main_content_img.jpg') 40px 63px no-repeat;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	position: relative;
	z-index: 4;
	}
	.main #content_
	{
	position: absolute;
	top: 0;
	left: 570px;
	display: block;
	width: 365px;
	height: 202px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	position: relative;
	z-index: 4;
	}
	.main #content a
	{
	font-weight: bold;
	color: #1A4172;
	background: url('/img/ul_arrow3.gif') left center no-repeat;
	padding-left: 8px;
	}
	.main #content_ a
	{
	font-weight: bold;
	color: #1A4172;
	background: url('/img/ul_arrow3.gif') left center no-repeat;
	padding-left: 8px;
	}
	.main #content #trickcontent
	{
	position: absolute;
	right: -1px;
	bottom: -1px;
	display: block;
	background: url('/img/trick_falka.gif') no-repeat;
	width: 33px;
	height: 33px;
	z-index: 50;
	}

	.main #content #trickcontent
	{
	position: absolute;
	right: -1px;
	bottom: -1px;
	display: block;
	background: url('/img/trick_falka.gif') no-repeat;
	width: 33px;
	height: 33px;
	z-index: 50;
	}
	.main #content_ p
	{
	position: absolute;
	top: 64px;
	left: 175px;
	width: 140px;
	font-size: 10px;
	color: #1A4172;
	margin: 0;
	padding: 0;
	}

	.main #content h3
	{
	position: absolute;
	top: 27px;
	left: 41px;
	font-family: sans-serif;
	color: #1A4172;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 165%;
	background: url('/img/h/artykuly_b.gif') left bottom no-repeat;
	height: 1.1em;
	width: 90px;
	margin: 0; padding: 0;
	}
  .main #content_ h3
	{
	position: absolute;
	top: 27px;
	left: 41px;
	font-family: sans-serif;
	color: #1A4172;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 165%;
	background: url('/img/h/artykuly_b.gif') left bottom no-repeat;
	height: 1.1em;
	width: 90px;
	margin: 0; padding: 0;
	}
	.main #footer
	{
	background: url('/img/footer_bg.jpg') center top no-repeat;
	height: 90px;
	}

	.category #header, .article #header
	{
	display: block;
	width: 431px;
	margin-left: 367px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0 68px;
	height: 89px;
	background: #22A3D3 url('/img/header_bg.jpg') left bottom repeat-x;
	}
	.category #header, .article #header
	{
	position: relative;
	}

	.category #header h2
	{
	color: #fff;
	margin: 0;
	padding: 0;
	padding-top: 36px;
	font-family: "bitstream vera sans", sans-serif;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 200%;
	height: 1em;
	}
  .article #header h2
	{
	color: #fff;
	margin: 0;
	padding: 0;
	padding-top: 36px;
	font-family: "bitstream vera sans", sans-serif;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 200%;
	height: 1em;
	}
	.category #content, .article #content
	{
	width: 569px;
	background: #fff url('/img/round.gif') right bottom no-repeat;
	margin-left: 367px;
	border-top: 1px solid #fff;
	padding-bottom: 24px;
	height: auto;
	}
  .category #content_, .article #content_
	{
	width: 569px;
	background: #fff url('/img/round.gif') right bottom no-repeat;
	margin-left: 367px;
	border-top: 1px solid #fff;
	padding-bottom: 24px;
	height: auto;
	}
	.category #content h3, .article #content h3
	{
	font-size: 12px;
	font-weight: bold;
	color: #1A4172;
	}
	.category #content_ h3, .article #content_ h3
	{
	font-size: 12px;
	font-weight: bold;
	color: #1A4172;
	}
	.category #content h3.mini, .article #content h3.mini
	{
	font-size: 11px;
	font-weight: bold;
	color: #1A4172;
	}
	.category #content_ h3.mini, .article #content_ h3.mini
	{
	font-size: 11px;
	font-weight: bold;
	color: #1A4172;
	}
	.category #content p, .article #content p
	{
	font-size: 11px;
	line-height: 150%;
	color: #1A4172;
	text-align: justify;
	}
	.category #content_ p, .article #content_ p
	{
	font-size: 11px;
	line-height: 150%;
	color: #1A4172;
	text-align: justify;
	}
	.category #content a, .article #content a
	{
	color: #1A4172;
	border-bottom: 1px solid #1A4172;
	}
	.category #content_ a, .article #content_ a
	{
	color: #1A4172;
	border-bottom: 1px solid #1A4172;
	}
	.category #content a:hover, .article #content a:hover
	{
	color: #6EACCE;
	border-bottom: 1px solid #6eacce;
	}
	.category #content_ a:hover, .article #content_ a:hover
	{
	color: #6EACCE;
	border-bottom: 1px solid #6eacce;
	}
	span.b
	{
		font-weight: bold;
		display: block;
	}

	p.back
	{
	position: absolute;
	top: 36px;
	margin: 0;
	padding: 0;
	right: 32px;
	background: url('/img/ul_arrow4.gif') 0 8px no-repeat;
	padding-left: 8px;
	}
	p.back a
	{
		font-weight: bold;
		font-size: 10px;
		text-transform: lowercase;
		color: #1A4172;

	}
	p.arrow
	{
		background: url('/img/ul_arrow.gif') 0 5px no-repeat;
		padding-left: 8px;
	}

	.category #content ul, .article #content ul
	{
	font-size: 10px;
	line-height: 150%;
	}

	.category #content_ ul, .article #content_ ul
	{
	font-size: 10px;
	line-height: 150%;
	}
	.category #content li
	{
	list-style: none;
	color: #6eacce;
	background: url('/img/ul_arrow2.gif') left center no-repeat;
	padding-left: 12px;
	}
	.category #content_ li
	{
	list-style: none;
	color: #6eacce;
	background: url('/img/ul_arrow2.gif') left center no-repeat;
	padding-left: 12px;
	}
	.category #content li.arrow_up
	{
		background: url('/img/ul_arrow2.gif') 0 6px no-repeat;
	}
.category #content_ li.arrow_up
	{
		background: url('/img/ul_arrow2.gif') 0 6px no-repeat;
	}
	.article #content li
	{
	list-style: none;
	color: #6eacce;
	font-size: 10px;
	line-height: 150%;
	}
	.article #content_ li
	{
	list-style: none;
	color: #6eacce;
	font-size: 10px;
	line-height: 150%;
	}

	.article #categoryImg
	{
	display: none;
	}

	.imgEks
	{
		margin:0;
		padding: 0;
		float: left;
	}

	.imgEks img
	{
		display: block;
	}

	.spacer
	{
		margin: 0 18px;
	}

	#footer
	{
	color: #6EACCE;
	padding: 16px 0;
	padding-right: 24px;
	font-size: 10px;
	width: 912px;
	text-align: right;
	margin: 0 auto;
	height: 80px;
	}
	#footer a	{	color: #6eacce;	}
	#footer a:hover	{	color: #fff;	text-decoration: underline;	}
	#footer p { padding: 0; margin: 0; }

	table#input td
	{
		font-size: 10px;
		text-align: right;
	color: #1A4172;
	}


	table#input input, table#input textarea
	{
	border: 1px solid #6eacce;
	background: #fafafa;
	width: 240px;
	}

	table#input input.send
	{
	width: 60px;
	padding: 1px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 10px;
	font-family: tahoma, sans-serif;
	color: #1A4172;
	}

	table#input td.send
	{
text-align: center;
	}

	p.dotted a
	{
	font-weight: bold;
	}

	.nodisplay
	{
	display: none;
	}

/* zmiana naglowkow dzialow w zaleznosci od otwartej strony - bez potrzeby korzystania z php czy innych server-side technik.. no, prawie. Docelowo wprowadzi sie sIFR.


	.o_nas #header h2
	{
	background: url('/img/h/onas.gif') left bottom no-repeat;
	}
	.metoda #header h2
	{
	background: url('/img/h/metoda.gif') left bottom no-repeat;
	}*/
	.zastosowanie #header h2
	{
	background: url('/img/h/zastosowanie.gif') left bottom no-repeat;
	}
	.artykuly #header h2
	{
	background: url('/img/h/artykuly_w.gif') left bottom no-repeat;
	}/*
	.ekspertyzy #header h2
	{
	background: url('/img/h/ekspertyzy.gif') left bottom no-repeat;
	}
	.realizacje #header h2
	{
	background: url('/img/h/informacje.gif') left bottom no-repeat;
	}

	.kontakt #header h2
	{
	background: url('/img/h/kontakt.gif') left bottom no-repeat;
	}
	.aktualnosci #header h2
	{
	background: url('/img/h/aktualnosci_w.gif') left bottom no-repeat;
	}
	.mapa #header h2
	{
	background: url('/img/h/mapa.gif') left bottom no-repeat;
	}

	.zastosowanie-galeria #header h2
	{
	background: url('/img/h/zastosowanie.jpg') left bottom no-repeat;
	}
*/
	.onas .o_nas
	{
	background: url('/img/menu.gif') 0px -202px no-repeat;
	}
	.metoda .nasza_metoda
	{
	background: url('/img/menu.gif') 0px -231px no-repeat;
	}
	.zastosowanie .zastosowanie
	{
	background: url('/img/menu.gif') 0px -260px no-repeat;
	}
	.ekspertyzy .ekspertyzy
	{
	background: url('/img/menu.gif') 0px -289px no-repeat;
	}
	.realizacje .informacje_ogolne
	{
	background: url('/img/menu.gif') 0px -318px no-repeat;
	}
	.artykuly .artykuly
	{
	background: url('/img/menu.gif') 0px -347px no-repeat;
	}
	.kontakt .kontakt
	{
	display: block;
	background: url('/img/menu.gif') 0px -376px no-repeat;
	height: 28px;
	float: left;
	clear: left;
	}

 	.metoda  #categoryImg
	{
	display: block;
	width: 567px;
	background: url('/img/f3.jpg') no-repeat;
	height: 202px;
	margin-left: 368px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}

 	.zastosowanie #categoryImg
	{
	display: block;
	width: 567px;
	background: url('/img/f2.jpg') no-repeat;
	height: 202px;
	margin-left: 368px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}

	.ekspertyzy #categoryImg
	{
	display: block;
	width: 567px;
	background: url('/img/f4.jpg') no-repeat;
	height: 202px;
	margin-left: 368px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}

	.realizacje #categoryImg
	{
	display: block;
	width: 567px;
	background: url('/img/f1.jpg') no-repeat;
	height: 202px;
	margin-left: 368px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}

	#trickcontent2
	{
		background: url('/img/listek1.gif') 0 0 no-repeat;
		position: absolute;
		width: 8px;
		height: 8px;
		position: absolute;
		top: -1px;
		left: 311px;
	}
	.category #content #aktualnosci, .article #content #aktualnosci
	{
	margin: 0;
	padding: 0;
	}
	.category #content_ #aktualnosci, .article #content_ #aktualnosci
	{
	margin: 0;
	padding: 0;
	}

	.category #content #aktualnosci li, .article #content #aktualnosci li
	{
	list-style: none;
	color: #6eacce;
	background: url('/img/ul_arrow.gif') 0 5px no-repeat;
	padding:0;
	padding-left: 12px;
	margin: 6px 0;
	}
	.category #content_ #aktualnosci li, .article #content_ #aktualnosci li
	{
	list-style: none;
	color: #6eacce;
	background: url('/img/ul_arrow.gif') 0 5px no-repeat;
	padding:0;
	padding-left: 12px;
	margin: 6px 0;
	}

	.category #content #aktualnosci a, .article #content #aktualnosci a
	{
		font-weight: normal;
	}
	.category #content_ #aktualnosci a, .article #content_ #aktualnosci a
	{
		font-weight: normal;
	}

	.category #content #aktualnosci a span, .article #content #aktualnosci a span
	{
		font-weight: bold;
		display: block;
		margin-bottom: 6px;
	}
	.category #content_ #aktualnosci a span, .article #content_ #aktualnosci a span
	{
		font-weight: bold;
		display: block;
		margin-bottom: 6px;
	}

	.category #content #aktualnosci a:hover, .category #content #aktualnosci a:hover
	{
	border-bottom: 1px solid #6eacce;
	}
	.category #content_ #aktualnosci a:hover, .category #content_ #aktualnosci a:hover
	{
	border-bottom: 1px solid #6eacce;
	}

	.category #content .contentDiv .example
	{
	font-size: 12px;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	font-family: sans-serif;
	color: #000;
	display: block;
	}
 	.category #content .contentDiv .example span
	{
	vertical-align: super;
	}

	.zastosowanie_rel
	{
	position: relative;
	}

	.zastosowanie_rel *
	{
	margin: 0;
	padding: 0;
	}

	.zastosowanie_rel p
	{
	font-weight: bold;
	padding-bottom: 14px;
	font-size: 9px !important;
	}

	.one
	{

	}

	.two
	{
	position: absolute;
	left: 160px;
	top: 0;
	}

	.three
	{
	position: absolute;
	left: 320px;
	top: 0;
	}

	#tekst a
	{
	color: #d6dd59;
	}

	#tekst
	{
	position: absolute;
	top: 112px;
	left: 68px;
	font-weight: bold;
	font-size: 10px;
	width: 320px;
	}

	#tekst p
	{
	padding: 0;
	margin: 0;
	}

	p.buttons
	{
	height: 16px;
	text-align: right !important;
	width: 100%;
	padding: 8px 0;
	background: url('/img/header_bg.gif') left top repeat-x;
	}

	a.button
	{
	background: url('/img/ul_arrow.gif') 0px 3px no-repeat;
	padding-left: 8px;
	border-bottom: none !important;
	font-size: 10px;
	font-weight: bold;
	}

	a.button2
	{
	background: url('/img/ul_arrow.gif') 0px 3px no-repeat;
	padding-left: 8px;
	border-bottom: none !important;
	font-size: 10px;
	font-weight: bold;
	margin-left: 12px;
	}
	a.button:hover
	{
	}


/* kombinacje alpejskie z tlami i odstepami */

	.contentDiv
	{
	width: 433px;
	padding: 32px 68px;
	background: url('/img/header_bg.gif') left top repeat-x;
	}

	.contentDivA
	{
	width: 433px;
	padding: 32px 68px;
	background: url('/img/header_bg.gif') left top repeat-x;
	_height: 460px;
	min-height: 460px;
	}

	#tricky
	{
	position: absolute;
	top: 107px;
	right: 0;
	width: 35%;
	background: url('/img/haslo_bg.jpg') repeat-x;
	height: 202px;
	z-index: 1;
	}
	#tricky2
	{
	position: absolute;
	width: 35%;
	top: 310px;
	left: 0;
	background: #22A3D3;
	height: 202px;
	z-index: 1;
	border-bottom: 1px solid #fff;
	}
	#tricky3
	{
	position: absolute;
	width: 100%;
	background: #fff;
	height: 310px;
	z-index: 0;
	top: 0;
	left: 0;
	}

#gallery
{
position: relative;
border: 3px double #eee;
min-height: 350px;
_height: 400px;
_width: 412px;
width: 432px;
}

#galNav
{
position: absolute;
bottom: 0;
right: 0;
}

#galNav ul, #galNav li
{
margin: 0;
padding: 0;
list-style: none;
}

#galNav li
{
display: inline;
}

#galNav a
{
    display: block;
    float: left;
    border: 1px solid #eee;
    padding: 3px 12px;
}

#img
{
    text-align: center;
    padding: 0;
    padding-top: 16px;
    padding-bottom: 48px;
    margin: 0;
}

#img img
{
    margin: 0 auto;
}

.noborder
{
    border: 0 !important;
    text-decoration: none !important;
}

#mapa li
{
    margin: 12px 0;
}

ul.primary {
    border-bottom         :1px solid #BBBBBB;
    border-collapse       :collapse;
    float                 :right;
    height                :auto;
    line-height           :normal;
    list-style-image      :none;
    list-style-position   :outside;
    list-style-type       :none;
    padding               :0;
    white-space           :nowrap;
}
ul.primary, ul.primary li {
    background            :transparent none repeat scroll 0 0;
    border                :0 none;
    font-size             :0.9em;
    margin                :0;
    padding               :0;
}
ul.primary li a,
ul.primary li a:link,
ul.primary li a:visited {
    background:transparent url(../img/bg-tab.png) repeat-x scroll 0 50%;
    color:#FFFFFF;
    font-size:1em;
    height:42px;
    line-height:20px;
    padding:10px;
    text-decoration:none;
}