﻿body{
	background-color: #494951;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: white;
	font-family: verdana,arial,tahoma;
}
a{
text-decoration: none;
color: white;


}
p{
	margin:0;
	padding: 0;
}
h1{
	margin:0;
	padding: 0;
	font-size: 13px;
}
#container {
	width: 980px;
	background: url(obrazki/tlo.jpg) repeat-x;
	height: 741px;
	margin-left:auto;
	margin-right:auto;
}
#container1 {
	width: 980px;
	background: url(obrazki/tlo1.jpg) repeat-x;
	height: 930px;
	margin-left:auto;
	margin-right:auto;
	
}
#container2 {
	width: 980px;
	background: url(obrazki/tlo3.jpg) repeat-x;
	height: 769px;
	margin-left:auto;
	margin-right:auto;
	
}
#container3{
	width: 980px;
	background: url(obrazki/tlo4.jpg) repeat-x;
	height: 830px;
	margin-left:auto;
	margin-right:auto;
}
#header{
	width: 980px;
	height: 272px;
	
}
#left-header{
	float: left;
	width: 459px;
	height: 272px;
	
}
#left-header .logo{
	width: 381px;
	height: 82px;
	background: url(obrazki/logo.jpg) no-repeat;
	margin-top: 30px;
	margin-left: 40px;
}
#left-header .biznes{
	width: 230px;
	height: 20px;
	background: url(obrazki/biznes.jpg) no-repeat;
	margin-left: 120px;
	
	position: absolute;
	z-index: 20;
}
#left-header .menu1{
	background: url(obrazki/menu1.jpg) no-repeat;
	width: 235px;
	height: 124px;
	margin-top: 36px;
	float: left;
	position: absolute;
}
#left-header .wykres{
	background: url(obrazki/wykres.jpg) no-repeat;
	width: 244px;
	height: 160px;
	float: left;
	position: absolute;
	margin-left: 235px;
	z-index: 2;
	
	
}
#right-header{
	float: left;
	width: 520px;
	height: 272px;
	background: black;
	
	margin-left: 1px;
}
#menu{
	clear: both;
	background: url(obrazki/menu.jpg) no-repeat;
	height: 120px;
	width: 980px;

}
#menu .przycisk_menu1{
	float: left;
	width: 119px;
	height: 80px;
	background: url(obrazki/przycisk_menu1.jpg) no-repeat;
	margin-top: 3px;
}
#menu .przycisk_menu1:hover{
	float: left;
	width: 119px;
	height: 80px;
	background: url(obrazki/przycisk_menu1hover.jpg) no-repeat;
	margin-top: 3px;
}
#menu .przycisk_menu2{
	float: left;
	width: 137px;
	height: 85px;
	background: url(obrazki/przycisk_menu2.jpg) no-repeat;
	margin-top: 3px;
}
#menu .przycisk_menu2:hover{
	float: left;
	width: 137px;
	height: 85px;
	background: url(obrazki/przycisk_menu2hover.jpg) no-repeat;
	margin-top: 3px;
}
#menu .przycisk_menu3{
	float: left;
	width: 122px;
	height: 88px;
	background: url(obrazki/przycisk_menu3.jpg) no-repeat;
	margin-top: 3px;
}
#menu .przycisk_menu3:hover{
	float: left;
	width: 122px;
	height: 88px;
	background: url(obrazki/przycisk_menu3hover.jpg) no-repeat;
	margin-top: 3px;
}
#menu .przycisk_menu4{
	float: left;
	width: 113px;
	height: 87px;
	background: url(obrazki/przycisk_menu4.jpg) no-repeat;
	margin-top: 3px;
}
#menu .przycisk_menu4:hover{
	float: left;
	width: 113px;
	height: 87px;
	background: url(obrazki/przycisk_menu4hover.jpg) no-repeat;
	margin-top: 3px;
}



a.link1 {
	display: block;
	
	height: 33px;
	width: 205px;
	background: url(obrazki/przycisk1.jpg) no-repeat;
	margin-left:31px;
}
a.link1:hover {
	display: block;
	
	height: 33px;
	width: 205px;
	background: url(obrazki/przycisk1_hover.jpg) no-repeat;
	margin-left:31px;
}
a.link1_act {

	display: block;
	height: 33px;
	width: 205px;
	background: url(obrazki/przycisk1_hover.jpg) no-repeat;
	margin-left:31px;
}
a.link2 {
	display: block;
	height: 31px;
	width: 205px;
	background: url(obrazki/przycisk2.jpg) no-repeat;
	margin-left:31px;
}
a.link2:hover {
	display: block;
	
	height: 31px;
	width: 205px;
	background: url(obrazki/przycisk2_hover.jpg) no-repeat;
	margin-left:31px;
}
a.link2_act {

	display: block;
	height: 31px;
	width: 205px;
	background: url(obrazki/przycisk2_hover.jpg) no-repeat;
	margin-left:31px;
}
a.link3{
	display: block;
	height: 31px;
	width: 205px;
	background: url(obrazki/przycisk3.jpg) no-repeat;
	margin-left:31px;
}
a.link3:hover {
	display: block;
	
	height: 31px;
	width: 205px;
	background: url(obrazki/przycisk3_hover.jpg) no-repeat;
	margin-left:31px;
}
a.link3_act {

	display: block;
	height: 31px;
	width: 205px;
	background: url(obrazki/przycisk3_hover.jpg) no-repeat;
	margin-left:31px;
}
a.link4{
	display: block;
	height: 29px;
	width: 205px;
	background: url(obrazki/przycisk4.jpg) no-repeat;
	margin-left:31px;
}
a.link4:hover {
	display: block;
	
	height: 29px;
	width: 205px;
	background: url(obrazki/przycisk4_hover.jpg) no-repeat;
	margin-left:31px;
}
	

#left{
	float: left;
	width: 327px;
	height: 325px;
}
#left .wiecej{
	float: left;
	margin-left: 170px;
	margin-top: 82px;
}
#kreska{

float: left;
width: 1px;
height: 303px;
background: gray;
margin-top: 20px;
}
#kreska2{

float: left;
width: 1px;
height: 329px;
background: gray;
margin-top: 20px;
}
#kreska1{

float: left;
width: 1px;
height: 490px;
background: gray;
margin-top: 20px;
}
#kreska4{

float: left;
width: 1px;
height: 388px;
background: gray;
margin-top: 20px;
}
#left .flash{
	width: 180px;
	height: 60px;
	margin-left: 28px;
}
#left .aktual{
	margin-left: 45px;
	margin-top: 20px;
	width: 96px;
	height: 30px;
	background: url(obrazki/aktualnosci.jpg) no-repeat;
}
#left .boks{
margin-left: 45px;
	width: 245px;
	height: 118px;
	background: url(obrazki/boks.jpg) no-repeat;
}
#left .partnerzy{
margin-left: 45px;

	width: 93px;
	height: 27px;
	background: url(obrazki/partnerzy.jpg) no-repeat;
}
#left .boks2{
	margin-left: 45px;
	width: 247px;
	height: 120px;
	background: url(obrazki/boks1.jpg) no-repeat;
}

#right{
	float: left;
	width: 652px;
	height: 325px;
}
#right1{
	float: left;
	width: 652px;
	height: 510px;
}
#right3{
	float: left;
	width: 652px;
	height: 300px;
}
#right4{
	float: left;
	width: 652px;
	height: 410px;
	
}
#right .domek,#right4 .domek7,#right .domek1,#right1 .domek2,#right1 .domek2,#right1 .domek3,#right1 .domek3,#right .domek4,#right .domek4,#right3 .domek,#right3 .domek,#right3 .domek5,#right1 .domek6,#right1 .domek7{
	background: url(obrazki/domek.jpg) no-repeat;
	width: 255px;
	height: 30px;
	margin-top: 12px;
	margin-left: 10px;
}
#right3 .domek{
	background: url(obrazki/domek.jpg) no-repeat;
}
#right1 .domek7,#right4 .domek7{
	background: url(obrazki/domek7.jpg) no-repeat;
}
#right3 .domek5{
	background: url(obrazki/domek5.jpg) no-repeat;
}
#right .domek1,#right1 .domek1,#right4 .domek1{
	background: url(obrazki/domek1.jpg) no-repeat;

}
#right1 .domek2,#right1 .domek2,#right4 .domek2{
	background: url(obrazki/domek2.jpg) no-repeat;

}
#right1 .domek6,#right4 .domek6{
	background: url(obrazki/domek6.jpg) no-repeat;
}
#right1 .domek3,#right1 .domek3,#right4 .domek3{
	background: url(obrazki/domek3.jpg) no-repeat;

}
#right .domek4,#right .domek4{
	background: url(obrazki/domek4.jpg) no-repeat;

}
#right .tekst,#right1 .tekst,#right4 .tekst{
	padding:17px;
	padding-top: 3px;
}
#right3 .tekst3{
}
#right1 .tekst6,#right4 .tekst6{
	margin-top: -40px;
	margin-left: 60px;

}
#right1 .gora,#right1 .gora1,#right1 .gora2,#right4 .gora,#right4 .gora1,#right4 .gora2{
	width: 600px;
	height: 19px;
	background: #868685;
	font-size: 16px;
}
#right1 .gora1,#right4 .gora1{
	float: left;
		margin-top: 40px;
}
#right1 .gora2,#right4 .gora2{
	float: left;
	margin-top: 12px;
}


#right1 .logos,#right4 .logos{
	float: left;
	width: 135px;
	height: 80px;
}
#right1 .logos1,#right4 .logos1{
	background: url(obrazki/google.PNG) no-repeat;
	width: 105px;
	height: 38px;
	margin-top: 17px;
	margin-left: 12px;
}
#right1 .logos3,#right4 .logos3{
	background: url(obrazki/logos_inf.jpg) no-repeat;
	width: 123px;
	height: 23px;
	margin-top: 17px;
}
#right1 .logos2,#right4 .logos2{
	background: url(obrazki/raciechowice.png) no-repeat;
	width: 61px;
	height: 63px;
	margin-top: 18px;
	margin-left: 37px;
}
#right1 .aktual_tekst,#right4 .aktual_tekst{
	float: left;
	width: 480px;
	height: 70px;

}

#right3 .tekst-left{

	float: left;
	height: 280px;
	width: 311px;
	font-size: 18px;

}
#right3 .tekscik{
	padding-left: 50px;
	padding-top: 60px;
	float: left;
	height: 200px;
	width: 230px;
	font-size: 18px;

}
#right3 .tekst-right{
	float: left;
	height: 295px;
	width: 330px;
	
	margin-top: -14px;
	
}
#footer{
	width: 980px;
	height: 26px;
	background: #2c2c2c;
	clear: both;
}
#footer1{
	width: 980px;
	height: 26px;
	background: #2c2c2c;
	clear: both;
	float: left;
	
	
}

#footer .inf-tech,#footer1 .inf-tech{
	padding-left: 420px;
	margin-top: 7px;
	float: left;
	font-size: 10px;
}
a:visited { color: gray; text-decoration: none }