* {
	padding: 0;
	margin: 0;
}

body {
	background: #1e1b1a url(../images/tlo-bg.jpg);
}








/* style dla containera */

#container {
	position: relative;
	margin: 0;
	width: 800px;
	border: 0;
}








/* style dla tła - zdjęcie */

#foto {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1; 
	margin: 0;
	width: 1414px;
	height: 824px;
	background: #1e1b1a url(../images/tlo-main2.jpg) no-repeat 0% 0%;
	background-attachment: fixed;
}








/* ustawienia styli dla menu głównego */

#mainmenu {
	position: fixed; 
	left: 0;
	bottom: 0;
	z-index: 100; 
	width: 100%;
	height: 66px;
	background: url(../images/tlo-menu.png) repeat-x bottom;
	margin: 0 auto;
}
#mainmenu div {
	position: relative;
	margin: 0;
	padding: 10px 0 0 54px;
	width: 820px;
}
#mainmenu div a {
	float: left;
	margin: 5px 0 0 0;
	padding: 9px 31px;
	font: normal 16px tahoma, verdana;
	color: #666;
	text-decoration: none;
}
#mainmenu div a h3 {
	font: bold 24px times, trebuchet ms, tahoma, verdana;
	color: #222;
	text-decoration: none;
}
#mainmenu div a:hover {
	padding: 9px 31px;
	background: url(../images/tlo-menu-hover.png);
	color: #fff;
	text-decoration: none;
}











/* ustawienia styli dla sekcji logo */

#logo {
	position: absolute; 
	left: 70px;
	top: 50px;
	z-index: 2; 
	width: 820px;
	min-height: 500px;
}

#logo img {
	border: 0;
}











/* ustawienia styli dla sekcji index */

#index {
	position: absolute; 
	left: 90px;
	top: 250px;
	width: 820px;
	min-height: 500px;
}












/* ustawienia styli dla sekcji title */

#title {
	position: absolute; 
	left: 70px;
	top: 150px;
	z-index: 2; 
	width: 820px;
	min-height: 500px;
}



@font-face {
  font-family: ProseAntique;
  src: url(../fonts/Proseantique.ttf);
}

#title div {
	width: 536px;
	font: normal 13px tahoma, verdana;
	letter-spacing: 2px;
	color: #aaa;
	text-transform: uppercase; 
	text-align: right; 
}













/* ustawienia styli dla sekcji text */

#text {
	position: absolute; 
	left: 70px;
	top: 170px;
	z-index: 2; 
	width: 820px;
	min-height: 500px;
}

#text div.main {
	width: 460px;
	background: url(../images/tlo-text.png);
	padding: 50px 36px 40px 40px;
	margin-bottom: 110px;
	border: 1px solid #444;
}
















/* ustawienia styli dla sekcji footer */

#footer {
	width: 100%;
	padding: 10px 0 0 0;
	margin: 38px 0 2px 0;
	border-top: 1px dotted #888;
}

#footer span {
	color: #f90;
}














/* style ogólne */

div, p, td, li, h5 {
	font: normal 11px trebuchet ms, tahoma, verdana;
	line-height: 21px;
	color: #ccc;
}
strong {
	font: bold 14px trebuchet ms, tahoma, verdana; 
	color: #fff;
}
a {
	color: #f00;
	text-decoration: underline;
}
a:hover {
	color: #ff9600; 
	text-decoration: underline;
}
span {
	color: #000;
}





.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}

.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}

.noborder {
	border: 0;
}
.border {
	border-top: 1px dotted #8e503a;
	height: 18px;
}
.nodisplay {
	display: none;
}

.w400 {
	width: 400px;
}
.w460 {
	width: 460px;
}

.padpage1 {
	padding: 20px 0 0 30px;
}





h1 {
	font: normal 22px trebuchet ms, tahoma, verdana;
	color: #fc0;
	padding: 0 0 40px 0;
	line-height: 24px;
}
h1 strong {
	font-size: 19px;
}
h1 span {
	font-size: 18px;
	color: #f70;
}



@font-face {
  font-family: unicorn;
  src: url(../fonts/unicorn.ttf);
}

h1.index {
	font: normal 24px unicorn, trebuchet ms, tahoma, verdana;
	color: #fff;
	line-height: 24px;
}
h1.index strong {
	font-size: 36px;
	color: #fc0;
}




h2 {
	margin: 0 0 12px 0;
	font: normal 24px trebuchet ms, tahoma, verdana;
	line-height: 32px;
	color: #ff916e;
}
h2.txt {
	margin: 12px 0 12px 0;
	font: normal 24px trebuchet ms, tahoma, verdana;
	line-height: 32px;
	color: #ff916e;
}
h2.kontakt {
	font: normal 22px trebuchet ms, tahoma, verdana;
	line-height: 24px;
	color: #444;
}
h2.kontakt strong {
	font: bold 27px trebuchet ms, tahoma, verdana;
	color: #e40;
}



strong.title {
	font: bold 15px trebuchet ms, tahoma, verdana; 
	line-height: 24px;
	color: #ffb54c;
}

ul.txt {
	margin: 21px 0 21px 28px;
}






img.imgleft {
	float: left; 
	border: 0; 
	margin: 6px 22px 2px 0;
}
img.imglefth2 {
	float: left; 
	border: 0; 
	margin: 9px 22px 2px 0;
}
img.imgright {
	float: right; 
	border: 0; 
	margin: 6px 0 2px 22px;
}
img.kontakt {
	float: left; 
	border: 0; 
	margin: 5px 36px 2px 0;
}
img.avanti1 {
	float: left; 
	margin: 0 0 7px 0;
}
img.avanti2 {
	float: left; 
	margin: 0 0 7px 7px;
}

a img.avanti1, a img.avanti2 {
	border: 2px solid #999; 
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a:hover img.avanti1, a:hover img.avanti2 {
	border: 2px solid #f00; 
	opacity: 1;
	filter: alpha(opacity=100);
}

img.ikonka1 {
	float: left; 
	border: 0; 
	margin: 2px 11px 20px 0;
}