/*ustwaienia ogolne*/
html, body {
	height: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family:  'Arial', sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #4b4644;
	background: url('tlo.gif') top left repeat-x #d8dbdf;
}
div, h1, h2, em, p, ul, li, b {
	margin: 0 auto;
	padding: 0;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #eebd0b;
}
img {
	border: none;
}
/*stopka*/
#zawartosc {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -126px 0;
/* the bottom margin is the negative value of the footer's height */
	background-image: url('zawartosc-tlo.png');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: repeat-y;
}
.tresc {
	min-height: 500px;
	text-align: justify;
	margin: 0 auto;
	width: 1020px;
	background-image: url('tresc.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
}
.lewa {
	margin: 0 0 0 150px;
	width: 178px;
	float: left;
	min-height: 500px;
}




/* od class lewa */
.logo {
	height: 165px;
	text-align: justify;
	margin: 5px 0 15px 0;
	width: 178px;
	float: right;
	background-image: url('logo.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top right;
	background-repeat: no-repeat;
}
.logo .flash {margin: 47px 0 0 20px;}

.lewa-ramka {
	height: 163px;
	text-align: justify;
	margin: 15px 0 0 0;
	width: 178px;
	float: right;
	background-image: url('lewe.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top right;
	background-repeat: no-repeat;
}
.lewy-button {margin: 15px 0 0 0; width: 178px; float: right; background-color: transparent;}

.lewy-button a {
	height: 56px;
	margin: 3px 0;
	width: 178px;
	float: right;
	display:block;
	background-image: url('menu_l.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top right;
	background-repeat: no-repeat;
}

.new {
	background-image: url('iko_new.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	margin:11px 0 0 13px;
	height: 38px;
	width: 138px;
	padding:7px 0 0 37px;
	display:block;
	font-size: 16px;
	font-weight: bold;
}

.prom {
	background-image: url('iko_pro.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	margin:11px 0 0 13px;
	height: 38px;
	width: 138px;
	padding:7px 0 0 37px;
	display:block;
	font-size: 16px;
	font-weight: bold;
}
/* do class prawa */








.prawa {
	width: 516px;
	float: left;
	min-height: 500px;
}
.lang {
	padding: 3px;
	width: 160px;
	float: right;
	min-height: 20px;
	background-image: url('language.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top right;
	background-repeat: no-repeat;
}
.lang a {
	margin: 2px 3px 0 3px;
	float: right;
	display: block;
}
.menu {
	margin: 33px 0 15px 0;
	width: 516px;
	float: left;
	height: 56px;
	background-image: url('menu.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top right;
	background-repeat: no-repeat;
}
.menu a {
	margin: 12px 24px 0 5px;
	padding: 7px 0 0 38px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	float: left;
	height: 26px;
	background-image: url('iko.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
}
.menu a:hover {
	color: #eebd0b;
}
.tekst-gora {
	text-align: justify;
	margin: 0;
	float: right;
	width: 516px;
	height: 11px;
	background-image: url('tresc-gora.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: no-repeat;
}
.tekst-dol {
	text-align: justify;
	margin: 0;
	float: right;
	width: 516px;
	height: 11px;
	background-image: url('tresc-dol.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
}
.tekst-srodek {
	padding: 5px 0 30px 0;
	text-align: justify;
	margin: 0;
	float: right;
	width: 516px;
	min-height: 420px;
	background-image: url('tresc-srodek.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: repeat-y;
}
.ramka-gora {
	text-align: justify;
	margin: 0 auto;
	width: 484px;
	height: 17px;
	background-image: url('ramka-gora.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: no-repeat;
}
.ramka-dol {
	text-align: justify;
	margin: 0 auto;
	width: 484px;
	height: 17px;
	background-image: url('ramka-dol.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
}
.ramka-srodek {
	text-align: justify;
	margin: 0 auto;
	padding: 10px;
	width: 464px;
	min-height: 220px;
	background-image: url('ramka-srodek.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: repeat-y;
}




.ramka-gora1 {
	text-align: justify;
	margin: 0 auto;
	width: 330px;
	height: 17px;
	background-image: url('ramka-gora1.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: no-repeat;
}
.ramka-dol1 {
	text-align: justify;
	margin: 0 auto;
	width: 330px;
	height: 17px;
	background-image: url('ramka-dol1.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
}
.ramka-srodek1 {
	text-align: justify;
	margin: 0 auto;
	padding: 10px;
	width: 310px;
	min-height: 220px;
	background-image: url('ramka-srodek1.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: repeat-y;
}


.lewaa {float:left; padding:0  0 0 12px;}
.prawaa {float:right; padding:0 12px 0 0 ;}





.ramka-gora2 {
	text-align: justify;
	margin: 0 auto;
	width: 155px;
	height: 14px;
	background-image: url('ramka-gora2.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
}
.ramka-dol2 {
	text-align: justify;
	margin: 0 auto;
	width: 155px;
	height: 14px;
	background-image: url('ramka-dol2.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom:7px;
}
.ramka-srodek2 {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	width: 135px;

	background-image: url('ramka-srodek2.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: repeat-y;
}
.ramka-srodek2 a img {background:#eee; padding:1px; border:solid 1px #ccc;}
.ramka-srodek2 a:hover img {background:#ccc; padding:1px; border:solid 1px #ccc;}


.tresc h1 {
	color: #798194;
	font-size: 16px;
	margin: 15px 0 15px 25px;
}
.ramka-srodek ul, .ramka-srodek1 ul {
	list-style-image: url(punkt.gif);
	margin: 10px 0 0 20px;
}
#dol {
	height: 116px;
	width: 100%;
	margin: 0 auto;
}
.tlo_st {
	margin: 0 auto;
	width: 100%;
	clear: both;
	background-image: url('stopka1.gif');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: repeat;
	padding: 8px 0 0 0;
}
.stopka {
	margin: 0 auto;
	width: 1020px;
	height: 116px;
	background-image: url('stopka.gif');
	background-color: #d8dbdf;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: no-repeat;
}
#english:hover {
	opacity: .7;
	margin-top: 1px;
}
#polish:hover {
	margin-top: 1px;
	opacity: .7;
}
.st1 {
	float: left;
	margin: 85px 0 0 150px;
	font-size: 10px;
	color: #fff;
}
.st1 a {
	color: #eee;
}
.st2 a {
	color: #eee;
}
.st1 a:hover {
	color: #eebd0b;
}
.st2 a:hover {
	color: #eebd0b;
}
.st2 {
	float: right;
	margin: 85px 180px 0 0;
	font-size: 10px;
	color: #eee;
}
.strona {
	float: left;
	background-image: url('strona.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 12px 0 0 45px;
	margin: 0 0 0 10px;
	width: 252px;
	height: 29px;
	font-size: 11px;
	font-weight: bold;
	color: #4b4644;
}
.obrazki {
	float: right;
	background-image: url('galeria.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px;
	width: 95px;
	height: 63px;
	font-weight: bold;
	margin: 0  15px 0 0;
}
.ram-gora {
	text-align: justify;
	margin: 0 auto;
	width: 484px;
	height: 10px;
	background-image: url('ram-gora.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: no-repeat;
}
.ram-dol {
	text-align: justify;
	margin: 0 auto;
	width: 484px;
	height: 10px;
	background-image: url('ram-dol.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
}
.ram-srodek {
	text-align: justify;
	margin: 0 auto;
	padding: 0 10px;
	width: 464px;
	background-image: url('ram-srodek.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: bottom left;
	background-repeat: repeat-y;
}
.ram-srodek ul {
	list-style-image: url(punkt.gif);
	margin: 0px 10px 0 20px;
}
.galeria a {
	float: left;
	background-image: url('galeria_miniaturki.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 4px;
	margin: 2px;
	width: 142px;
	height: 95px;
	font-size: 11px;
	font-weight: bold;
}
.galeria a img {
	border: solid 1px #ccc;
}
.galeria a:hover img {
	border: solid 1px #eebd0b;
}
.button, .button1 {
	float: left;
	background-image: url('button.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 20px 0 0;
	width: 100px;
	height: 20px;
	cursor: pointer;
	border: none;
	font-size: 11px;
	padding: 2px
}
.button1 {
	margin: 0;
}
.ram-srodek img {
	float: left;
}
.opis {
	float: right;
	width: 280px;
	padding: 10px;
}
.opis a {
	background-image: url('produkty_b.jpg');
	background-color: transparent;
	background-attachment: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 10px 10px 0;
	width: 280px;
	height: 20px;
	cursor: pointer;
	border: none;
	font-size: 12px;
	padding: 1px 2px;
	text-align: center;
	display: block;
}
a.increaseFont {
	background-image: url('http://www.coraggio.org.pl/pliki/plus.png');
	background-color: transparent;
	background-attachment: inherit;
	background-position: left top;
	background-repeat: no-repeat;
	width: 19px;
	height: 18px;
	display: block;
}