body {
margin: 0px 0px 5px 0px;
background: #DCDCDC;
text-align: center;

}


div#kontener {
background: #ffffff;
margin-left:auto;
margin-right:auto;
width: 800px;
height: 950px;
border: 0px outset #800000;
position: relative;
}

div#kontenerreferencje {
background: #ffffff;
margin-left:auto;
margin-right:auto;
width: 800px;
height: 4700px;
border: 0px outset #800000;
position: relative;
}

div#kontenerserwisy {
background: #ffffff;
margin-left:auto;
margin-right:auto;
width: 800px;
height: 1100px;
border: 0px outset #800000;
position: relative;
}

div#kontenersolary {
background: #ffffff;
margin-left:auto;
margin-right:auto;
width: 800px;
height: 2490px;
border: 0px outset #800000;
position: relative;
}

div#kontenersystemy {
background: #ffffff;
margin-left:auto;
margin-right:auto;
width: 800px;
height: 1870px;
border: 0px outset #800000;
position: relative;
}

div#kontenerautomatyka {
background: #ffffff;
margin-left:auto;
margin-right:auto;
width: 800px;
height: 1400px;
border: 0px outset #800000;
position: relative;
}


div#kontakt {
top: 5px;
left: 585px;
width: 200px;
height: 50px;
color: #ffffff;
position: absolute;
font-family:verdana;
font-size: 11px;
text-align: left;
}

div#animacja {
top: 0px;
left: 0px;
padding: 0 0 0 0;
width: 800px;
height: 151px;
border: 0px outset black;
position: relative;
text-align: left;

}

div#pasekgora {
top: 0px;
left: 0px;
padding: 0 0 0 0;
width: 800px;
height: 50px;
border: 0px outset black;
position: relative;
text-align: left;
background: #012943;
}

div#logo {
top: 0px;
left: 0px;
width: 100px;
height: 40px;
border: 0px outset #ffffff;
position: absolute;
text-align: left;
background: #012943;
}

div#obrazek {
top: 0px;
left: 0px;
width: 800px;
height: 109px;
border: 0px outset black;
position: relative;
text-align: left;
background: url('grafika/obrazek.jpg');
}

div#menu1 {

top: 159px;
left: 0px;
width: 200px;
height: 25px;
position: absolute;
text-align: center;
background: #012943;
}

div#menu2 {

top: 159px;
left: 200px;
width: 200px;
height: 25px;
position: absolute;
text-align: center;
background: #012943;

}

div#menu3 {

top: 159px;
left: 400px;
width: 200px;
height: 25px;
position: absolute;
text-align: center;
background: #012943;
}

div#menu4 {
top: 159px;
left: 600px;
width: 200px;
height: 25px;
position: absolute;
text-align: center;
background: #012943;
}

a.goramenu {
padding: 0px 0px 0px 0px;
	font-family:verdana;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 23px;
	width: 200px;
	color: #FFFFFF;
	height: 25px;



}
a.goramenu:hover{
	color: #F49C1E;
}





div#menubok {
top: 184px;
left: 0px;
width: 200px;
height: 750px;
position: absolute;
text-align: center;
background-color: #9C9C9C;
}

div#menubokreferencje {
top: 184px;
left: 0px;
width: 200px;
height: 4520px;
position: absolute;
text-align: center;
background-color: #9C9C9C;
}

div#menubokserwisy {
top: 184px;
left: 0px;
width: 200px;
height: 900px;
position: absolute;
text-align: center;
background-color: #9C9C9C;
}

div#menuboksolary {
top: 184px;
left: 0px;
width: 200px;
height: 2320px;
position: absolute;
text-align: center;
background-color: #9C9C9C;
}

div#menuboksystemy {
top: 184px;
left: 0px;
width: 200px;
height: 1685px;
position: absolute;
text-align: center;
background-color: #9C9C9C;
}

div#menubokautomatyka {
top: 184px;
left: 0px;
width: 200px;
height: 1215px;
position: absolute;
text-align: center;
background-color: #9C9C9C;
}


div#menubok1 {

top: 30px;
left: 25px;
width: 150px;
height: 40px;
position: absolute;
text-align: center;
}

div#menubok2 {

top: 80px;
left: 25px;
width: 150px;
height: 40px;
position: absolute;
text-align: center;

}

div#menubok3 {

top: 130px;
left: 25px;
width: 150px;
height:40px;
position: absolute;
text-align: center;

}

div#menubok4 {

top: 180px;
left: 25px;
width: 150px;
height: 40px;
position: absolute;
text-align: center;

}

div#menubok5 {

top: 230px;
left: 25px;
width: 150px;
height: 40px;
position: absolute;
text-align: center;

}

div#menubok6 {
top: 280px;
left: 25px;
width: 150px;
height: 40px;
position: absolute;
text-align: center;
float: left;
}

a.bokmenu {
padding: 13px 0px 0px 0px;
	font-family:verdana;
	font-size:12px;
	text-decoration: none;
	display: block;
	width: 150px;
	color: #FFFFFF;
	height: 40px;
	text-align: center;
background: url('grafika/buton.jpg') no-repeat;

}

a.bokmenu:hover{
	padding: 13px 0px 0px 0px;
	color: #E4C205;
}


a.bokmenu:active{
	padding: 13px 0px 0px 0px;
	color: #E4C205;
	background: url('grafika/buton1hover.jpg') no-repeat;
}

div#prezentacja {
top: 0px;
left: 600px;
width: 200px;
height: 750px;
position: absolute;
text-align: center;
background-color: #E2E2E2;
}

span.tytul {
	font-family:verdana;
	font-size:12px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	font-weight:bold;
}


div#blokglowna {
font-family:verdana;
font-size:11px;
top: 35px;
left: 217px;
width: 365px;
height: 700px;
position: absolute;
text-align: justify;
border: 0px solid #000000;
background-color: #ffffff;
line-height:18px;
}

span.gruby {
font-family:verdana;
	font-size:11px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	font-weight:bold;
}

div#blok {
font-family:verdana;
font-size:11px;
top: 30px;
left: 220px;
width: 550px;
height: 550px;
position: absolute;
text-align: justify;
border: 0px solid #000000;
background-color: #ffffff;
line-height:18px;
}


div#blokreferencje {
font-family:verdana;
font-size:11px;
top: 30px;
left: 220px;
width: 550px;
height: 4400px;
position: absolute;
text-align: justify;
border: 0px solid #000000;
background-color: #ffffff;
line-height:18px;
}

span.red {
color: red;
}

div#stopka {
top: 930px;
left: 0px;
width: 800px;
height: 25px;
background-color: #012943;
position: absolute;
font-family:verdana;
font-size:10px;
color: #ffffff;
}

div#stopkareferencje {
top: 4700px;
left: 0px;
width: 800px;
height: 25px;
background-color: #012943;
position: absolute;
font-family:verdana;
font-size:10px;
color: #ffffff;
}

div#stopkaserwisy {
top: 1080px;
left: 0px;
width: 800px;
height: 25px;
background-color: #012943;
position: absolute;
font-family:verdana;
font-size:10px;
color: #ffffff;
}

div#stopkasolary {
top: 2490px;
left: 0px;
width: 800px;
height: 25px;
background-color: #012943;
position: absolute;
font-family:verdana;
font-size:10px;
color: #ffffff;
}

div#stopkasystemy {
top: 1865px;
left: 0px;
width: 800px;
height: 25px;
background-color: #012943;
position: absolute;
font-family:verdana;
font-size:10px;
color: #ffffff;
}

div#stopkaautomatyka {
top: 1380px;
left: 0px;
width: 800px;
height: 25px;
background-color: #012943;
position: absolute;
font-family:verdana;
font-size:10px;
color: #ffffff;
}

.zaslona{z-index:2; position:fixed; background:url('bg.png') repeat; width:100%; height:100%; top:0; left:0; }
.info{ z-index:3; position:fixed;background:#fff; border:solid 1px #333; top:50%; left:50%; width:300px; margin-left:-150px; height:100px; margin-top:-50px;}