#container {
	width: 766px;
	border: 1px solid #783d2c;
	height: 676px;
	margin-left:auto;
	margin-right:auto;
}
#container1 {
	width: 766px;
	border: 1px solid #783d2c;
	height: 843px;
	margin-left:auto;
	margin-right:auto;
}
#container11 {
	width: 766px;
	border: 1px solid #783d2c;
	height: 2515px;
	margin-left:auto;
	margin-right:auto;
	background: white;
}
h1{
	font-size: 10px;
	margin-top: 20px;
	float: left;
	margin-left: 5px;
	
	
}
body{
	background: url(grafika/tlo.jpg) repeat;
	margin: 0;
	padding: 0;
}
#header {
	height: 124px;
	clear: both;
}
#header .logo{
	background: url(grafika/logo.jpg);
	width: 208px;
	height: 124px;
	float: left;
}	
#header .tlo-logo{
	float: left;
	width: 558px;
	height: 124px;
}
#header .tlo-dachowka{
	height: 66px;
	width: 558px;
	background: url(grafika/tlo-logo.jpg);
	clear: both;
	
}
#header .tlo-dziubki{
	height: 58px;
	background: #fff;
	width: 558px;
	clear: both;
}
#header .tlo-dach1{
	width: 258px;
	height: 40px;
	float: left;
}
#header .daszek-gora{
	background: url(grafika/gora-dach1.jpg);
	margin: 33px 0px 0px 22px;
	width: 236px;
	height: 25px;
}
#header .tlo-dach2{
	width: 90px;
	height: 50px;
	float: left;
	margin-left: 60px;
	
}
#header .daszek-gora2{
	background: url(grafika/gora-dach2.jpg) no-repeat;
	width: 90px;
	height: 19px;
	margin: 39px 0px 0px 130px;
	
	
}
#top{
	width: 766px;
	height: 148px;
	background: url(grafika/bg.gif) repeat-x;
	clear: both;
	position: relative;
}

#top .strzalka{
	background: url(grafika/strzalka.gif) no-repeat;
	height: 148px;
	width: 13px;
	position: absolute;
	left: 204px;
}

.oferta-slide{
	display: none;
	position: absolute;
	top: 29px;
	left: 0px;
	height: 0px;
	width: 185px;
	background: white;
	z-index: 2000;
	cursor: pointer;
}

#top .menu{
	background: url(grafika/bok.jpg);
	background-repeat: no-repeat; 
	height: 148px;
	width: 195px;
	float: left;
	
}
#top .menu-pad{
	padding-left:22px;
}
#top .background-top{
	width: 580px;
	height: 148px;
}
#top a.linkmenu{
	font-size: 13px;
	font-family: arial, verdana, tahoma;
	color: white;
	text-decoration: none;
}
#top .dachowki_betonowe{
	background:url(grafika/dachowki_betonowe.jpg);
	width: 185px;
	height: 31px;
	cursor: pointer;
}
#top .dachowki_ceramiczne{
	background:url(grafika/dachowki_ceramiczne.jpg);
	width: 185px;
	height: 31px;
	cursor: pointer;
}
#top .dachowki_nibra{
	background:url(grafika/dachowki_nibra.jpg);
	width: 185px;
	height: 31px;
	cursor: pointer;
}
#top .systemy_rynnowe{
	background:url(grafika/systemy_rynnowe.jpg);
	width: 185px;
	height: 31px;
	cursor: pointer;
}
#top .okna{
	background:url(grafika/okna.jpg);
	width: 185px;
	height: 31px;
	cursor: pointer;
}
#top .dachowki_poro{
	background:url(grafika/dachowki.jpg);
	width: 185px;
	height: 31px;
	cursor: pointer;
}
#top .cegly{
	background:url(grafika/cegly.jpg);
	width: 185px;
	height: 31px;
	cursor: pointer;
}



#top .bg{

}
#top .m-start, #top .m-start:hover, #top .m-starthov{
	background: url(grafika/start.jpg);
	height: 31px;
	width: 166px;
	cursor: pointer;
}
#top .m-start:hover, #top .m-starthov{
	background: url(grafika/start-hover.jpg);
	width: 166px;
}
	
#top .m-firma, #top .m-firma:hover{
	background: url(grafika/firma.jpg);
	height: 29px;
	width: 166px;
	cursor: pointer;
	
}
#top .m-firma:hover{
	background: url(grafika/firma-hover.jpg);
	width: 166px;
	
}

#top .m-oferta, #top .m-oferta:hover{
background: url(grafika/oferta.jpg);
	height: 29px;
	width: 166px;
	position: absolute;
	overflow:hidden;
	top:0px;
}
#top .m-oferta:hover{
	background: url(grafika/oferta-hover.jpg);
	width: 166px;
}
#top .m-realizacje, #top .m-realizacje:hover{
	background: url(grafika/realizacje.jpg);
	height: 29px;
	width: 166px;
}
#top .m-realizacje:hover{
	background: url(grafika/realizacje-hover.jpg);
	width: 166px;
}

#top .m-kontakt, #top .m-kontakt:hover{
	background: url(grafika/kontakt.jpg);
	height: 29px;
	width: 166px;
	cursor: pointer;
}
#top .m-kontakt:hover{
	background: url(grafika/kontakt-hover.jpg);
	width: 166px;
}

#top .dach{
	background: url(grafika/dachowka.jpg) left;
	background-repeat: no-repeat;
	height: 148px;
	width: 257px;
	float: left;
	margin-left: 20px;
}

#top .dach2{
	background: url(grafika/dachowka2.jpg) left;
	background-repeat: no-repeat;
	float: left;
	height: 148px;
	width: 265px;
}

#sidebar{
	width: 766px;
	clear: both;
	background: white;
	float: left;
}
#sidebar1{
	height: 510px;
	width: 766px;
	clear: both;
	background: #fff;
}
#sidebar1 .zawartosc{
	height: 476px;
	width: 565px;
	float: left;
	
	
}
#sidebar1 .zawartosc1{
	height: 2200px;
	width: 565px;
	float: left;
}
#zawartosc2{
	height: 400px;
	width: 490px;
	float: left;
}
#zawartosc2 .cegla1-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Sahara.jpg) no-repeat;
	margin-top: 20px;
}
#zawartosc2 .cegla2-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Sahara-cieniowana.jpg) no-repeat;
	margin-top: 20px;
	margin-left: 5px;
}
#zawartosc2 .cegla3-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Sahara-piaskowa.jpg) no-repeat;
	margin-top: 20px;
	margin-left: 5px;
}
#zawartosc2 .cegla4-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Sahara-miodowa.jpg) no-repeat;
	margin-top: 20px;
	margin-left: 5px;
}
#zawartosc2 .cegla5-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Solar.jpg) no-repeat;
	margin-top: 8px;
	
}
#zawartosc2 .cegla6-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Sahara-ton.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla7-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Ochra.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla8-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Ochra-ton.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla9-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Bursztyn.jpg) no-repeat;
	margin-top: 8px;
}
#zawartosc2 .cegla10-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Pegaz-N.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla11-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Supernova.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla12-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Kalahari-N.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla13-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Kalahari-ton.jpg) no-repeat;
	margin-top: 8px;
}
#zawartosc2 .cegla14-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Alfa.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla15-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Agat.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla16-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Mars.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla17-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Classic.jpg) no-repeat;
	margin-top: 8px;
}
#zawartosc2 .cegla18-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Cherry.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla19-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Rubin.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla20-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Etna.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla21-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Rustika.jpg) no-repeat;
	margin-top: 8px;
	
}
#zawartosc2 .cegla22-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Antika.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla23-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Fenix.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla24-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Tajga.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla25-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Orion-N.jpg) no-repeat;
	margin-top: 8px;
	
}
#zawartosc2 .cegla26-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Wega-N.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla27-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Gobi-N.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla28-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Syriusz-cieniowany.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla29-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Nepal-cieniowany.jpg) no-repeat;
	margin-top: 8px;
	
}
#zawartosc2 .cegla30-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Tybet-cieniowany.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla31-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Carbon.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla32-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Tytan-N.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}
#zawartosc2 .cegla33-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Baltic.jpg) no-repeat;
	margin-top: 8px;
}
#zawartosc2 .cegla34-crh{
	height: 117px;
	width: 116px;
	float: left;
	background: url(grafika/Laguna.jpg) no-repeat;
	margin-top: 8px;
	margin-left: 5px;
}

#cegly{
	float: left;
	width: 500px;
	height: 1100px;
	padding: 20px;
	
	padding-left: 45px;
}
#cegly1{
	float: left;
	width: 500px;
	height: 1100px;
	
}
#cegly .cegla1{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla1-stratus.jpg) no-repeat;
	
}

#cegly .cegla2{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla2-kosmo.jpg) no-repeat;
	margin-left: 7px;
}
#cegly .cegla3{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla3-matrix.jpg) no-repeat;
	margin-left: 7px;
}
#cegly .cegla4{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla4-astro.jpg) no-repeat;
	margin-left: 7px;
}
#cegly .cegla5{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla5-cyberna.jpg) no-repeat;
	margin-top: 7px;
}
#cegly .cegla6{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla6-odena.jpg) no-repeat;
	margin-left: 7px;
	margin-top: 7px;
}
#cegly .cegla7{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla7-setra.jpg) no-repeat;
	margin-left: 7px;
	margin-top: 7px;
}
#cegly .cegla8{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla8-andra.jpg) no-repeat;
	margin-left: 7px;
	margin-top: 7px;
}
#cegly .cegla9{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla9-pasaz.jpg) no-repeat;
	margin-top: 7px;
}
#cegly .cegla10{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla10-fraza.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla11{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla11-karpatia.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla12{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla12-pomerania.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla13{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla13-mazuria.jpg) no-repeat;
	margin-top: 7px;
}
#cegly .cegla14{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla14-silesja.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla15{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla15-lawa.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla16{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla16-magma.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla17{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla17-gandawa.jpg) no-repeat;
	margin-top: 7px;
	
}
#cegly .cegla18{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla18-korfu.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla19{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla19-malaga.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla20{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla20-trewir.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla21{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla21-cordoba.jpg) no-repeat;
	margin-top: 7px;
	
}
#cegly .cegla22{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla22-agra.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla23{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla23-lateran.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla24{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla24-bilbao.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla25{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla25-alhambra.jpg) no-repeat;
	margin-top: 7px;
}
#cegly .cegla26{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla26-grenada.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla27{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla27-santiago.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla28{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla28-kadyks.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla29{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla29-kartago.jpg) no-repeat;
	margin-top: 7px;
	
}
#cegly .cegla30{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla30-rodos.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla31{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla31-zaria.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla32{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla32-residenz.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla33{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla33-markisch.jpg) no-repeat;
	margin-top: 7px;
	
}
#cegly .cegla34{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla34-muritz.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla35{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla35-calau.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla36{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla36-oderland.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}
#cegly .cegla37{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla37-holstein.jpg) no-repeat;
	margin-top: 7px;
	
}
#cegly .cegla38{
	float: left;
	width: 114px;
	height: 80px;
	background: url(grafika/cegla38-dresden.jpg) no-repeat;
	margin-top: 7px;
	margin-left: 7px;
}

#sidebar1 .pomniejszony{
	height: 476px;
	width: 550px;
	float: left;
}
#sidebar1 .pomniejszony2{
	height: 476px;
	width: 550px;
	margin-left: 40px;
	margin-top: 35px;
	position: absolute;
	z-index: 0;
}
#sidebar1 .pomniejszony3{
	height: 476px;
	width: 560px;
	margin-left: 10px;
	margin-top: 35px;
	position: absolute;
}
#sidebar1 .bloczek{
	width: 200px;
	height: 20px;
	font-family: tahoma, verdana, arial;
	font-size: 15px;
	color: black;
	font-weight: bold;
	padding-left: 23px;
}
#sidebar1 .bloczek2{
	width: 200px;
	height: 20px;
	font-family: tahoma, verdana, arial;
	font-size: 15px;
	color: black;
	font-weight: bold;
	float: left;
	position: relative;
	padding-left: 27px;
	
}
#sidebar1 .prawy-boczus{
	
	width: 548px;
	height: 375px;
	float: left;
}
#sidebar1 .prawy-boczus2_1{
	
	width: 420px;
	height: 420px;
	float: left;
	margin-top: 60px;
	margin-left: -55px;
	
}
#sidebar1 .prawy-boczus2{
	margin-top: 48px;
	width: 383px;
	height: 430px;
	float: left;
	
	margin-left: 42px;
}
#sidebar1 .prawy-boczus2_2{
	margin-top: 48px;
	width: 383px;
	height: 430px;
	float: left;
	
	margin-left: 0px;
}

#sidebar1 .prawy-boczus3{
	background: url(grafika/boczus3.jpg) no-repeat;
	width: 120px;
	height: 510px;
	float: left;
	margin-top: -32px;
	margin-left: 4px;
	
	
	
}
#sidebar1 .prawy-boczus4{
	width: 122px;
	height: 500px;
	float: left;
	margin-left: -15px;
	
}
#sidebar1 .prawy-boczus4_1{
	width: 196px;
	float: left;
	margin-left: 5px;
}


#sidebar1 .betonowe1_2{
	background: url(grafika/ceramik-logo.jpg) no-repeat;
	width: 164px;
	height: 61px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}
#sidebar1 .betonowe1_23{
	background: url(grafika/nibra-logo.jpg) no-repeat;
	width: 164px;
	height: 61px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

#sidebar .dach_kont, #sidebar1 .dach_kont{
	border: 1px solid #9d9d9d;
	height: 290px;
	width: 354px;
	margin: 40px auto 0px 5px;
}
#sidebar .dach_kont1, #sidebar1 .dach_kont1{
	
	height: 300px;
	width: 700px;
	margin: 58px auto 0px 5px;
}


#sidebar .logo-dach, #sidebar1 .logo-dach{
	background: url(grafika/logo2.jpg) no-repeat;
	height: 35px;
	width: 165px;
	margin-top: 309px;
	margin-left: 30px;
}
#sidebar .kwadrat, #sidebar1 .kwadrat{
	height: 344px;
	width: 766px;
	float: left;
	
}


#sidebar .dachowka, #sidebar1 .dachowka{
	background: url(grafika/dachowka1.jpg) no-repeat;
	background-position: 30px 5px;
	height: 140px;
	width: 175px;
	float: left;
	cursor: pointer;

}
#sidebar .dachowka_fin2, #sidebar1 .dachowka_fin2{
	background: url(grafika/finken2.jpg) no-repeat;
	background-position: 30px 5px;
	height: 140px;
	width: 180px;
	float: left;
	cursor: pointer;

}
#sidebar .dachowka_fin3, #sidebar1 .dachowka_fin3{
	background: url(grafika/finken3.jpg) no-repeat;
	background-position: 30px 5px;
	height: 140px;
	width: 175px;
	float: left;
	cursor: pointer;
}

#sidebar .dachowka1, #sidebar1 .dachowka1{
	background: url(grafika/dachowka_duza3.jpg) no-repeat;
	background-position: 30px 10px;
	height: 146px;
	width: 165px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka2, #sidebar1 .dachowka2{
	background: url(grafika/dachowka_duza2.jpg) no-repeat;
	background-position: 30px 10px;
	height: 146px;
	width: 175px;
	float: left;
	cursor: pointer;
	
}
#sidebar .dachowka3, #sidebar1 .dachowka3{
	background: url(grafika/esowka2.jpg) no-repeat;
	background-position: 30px 10px;
	height: 146px;
	width: 165px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka_sig1, #sidebar1 .dachowka_sig1{
	background: url(grafika/sigma1.jpg) no-repeat;
	background-position: 30px 10px;
	height: 155px;
	width: 164px;
	float: left;
	cursor: pointer;
	
}
#sidebar .dachowka_sig2, #sidebar1 .dachowka_sig2{
	background: url(grafika/sigma2.jpg) no-repeat;
	background-position: 30px 10px;
	height: 155px;
	width: 168px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka_sig3, #sidebar1 .dachowka_sig3{
	background: url(grafika/sigma3.jpg) no-repeat;
	background-position: 30px 10px;
	height: 155px;
	width: 168px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka4, #sidebar1 .dachowka4{
	background: url(grafika/dachowka_pusta.jpg) no-repeat;
	padding:4px;
	height: 117px;
	width: 89px;
	float: left;
	cursor: pointer;
	
}
#sidebar .dachowka5, #sidebar1 .dachowka5{
	background: url(grafika/dachowka_kar.jpg) no-repeat;
	padding:4px;
	height: 117px;
	width: 119px;
	float: left;
	margin-top: -1px;
	cursor: pointer;
}
#sidebar .dachowka6, #sidebar1 .dachowka6{
	background: url(grafika/dachowka_kar3.jpg) no-repeat;
	padding:4px;
	height: 124px;
	width: 84px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka8, #sidebar1 .dachowka8{
	background: url(grafika/dachowka_kar2.jpg) no-repeat;
	padding:4px;
	height: 124px;
	width: 119px;
	float: left;
	cursor: pointer;
	margin-left: 9px;
}

#sidebar .dachowka9, #sidebar1 .dachowka9{
	background: url(grafika/dachowka_r15.jpg) no-repeat;
	padding:4px;
	height: 117px;
	width: 119px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka10, #sidebar1 .dachowka10{
	background: url(grafika/dachowka_d15u.jpg) no-repeat;
	padding:4px;
	height: 117px;
	width: 119px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka11, #sidebar1 .dachowka11{
	background: url(grafika/dachowka_r13.jpg) no-repeat;
	padding:4px;
	height: 117px;
	width: 119px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka12, #sidebar1 .dachowka12{
	background: url(grafika/dachowka_f13.jpg) no-repeat;
	padding:4px;
	height: 127px;
	width: 119px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka13, #sidebar1 .dachowka13{
	background: url(grafika/dachowka_f14.jpg) no-repeat;
	padding:4px;
	height: 127px;
	width: 119px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka14, #sidebar1 .dachowka14{
	background: url(grafika/dachowka_plaskich.jpg) no-repeat;
	padding:4px;
	height: 117px;
	width: 119px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka15, #sidebar1 .dachowka15{
	background: url(grafika/dachowka_h14.jpg) no-repeat;
	padding:4px;
	height: 117px;
	width: 119px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka16, #sidebar1 .dachowka16{
	background: url(grafika/dachowka_d13.jpg) no-repeat;
	padding:4px;
	height: 117px;
	width: 117px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka7, #sidebar1 .dachowka7{
	background: url(grafika/dachowka_kar4.jpg) no-repeat;
	padding:4px;
	height: 124px;
	width: 60px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka20, #sidebar1 .dachowka20{
	background: url(grafika/nibra1.jpg) no-repeat;
	height: 116px;
	width: 115px;
	float: left;
	cursor: pointer;
	margin-top: 1px;
	margin-left: 13px;
}

#sidebar .dachowka21, #sidebar1 .dachowka21{
	background: url(grafika/nibra2.jpg) no-repeat;
	height: 117px;
	width: 119px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka22, #sidebar1 .dachowka22{
	background: url(grafika/nibra3.jpg) no-repeat;
	height: 109px;
	width: 122px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka23, #sidebar1 .dachowka23{
	background: url(grafika/nibra4.jpg) no-repeat;
	height: 117px;
	width: 171px;
	float: left;
	cursor: pointer;
	margin-left: 10px;
	margin-top: `0px;
}
#sidebar .dachowka24, #sidebar1 .dachowka24{
	background: url(grafika/nibra5.jpg) no-repeat;	
	height: 105px;
	width: 161px;
	float: left;
	cursor: pointer;
	margin-top: 5px;
	margin-left: 7px;
}
#sidebar .dachowka25, #sidebar1 .dachowka25{
	background: url(grafika/nibra6.jpg) no-repeat;
	height: 117px;
	width: 161px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka26, #sidebar1 .dachowka26{
	background: url(grafika/nibra7.jpg) no-repeat;
	height: 117px;
	width: 132px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka27, #sidebar1 .dachowka27{
	background: url(grafika/nibra8.jpg) no-repeat;
	height: 117px;
	width: 132px;
	float: left;
	cursor: pointer;
}
#sidebar .dachowka28, #sidebar1 .dachowka28{
	background: url(grafika/nibra9.jpg) no-repeat;
	height: 117px;
	width: 132px;
	float: left;
	cursor: pointer;
	margin-left: -10px;
}
#sidebar .dachowka29, #sidebar1 .dachowka29{
	background: url(grafika/nibra10.jpg) no-repeat;
	height: 117px;
	width: 160px;
	float: left;
	cursor: pointer;
	margin-top: 2px;
	
}
#sidebar .left-col, #sidebar1 .left-col{
	background: #fff;
	width: 217px;
	float: left;
	padding-top: 30px;
}
#sidebar .left-col1, #sidebar1 .left-col1{
	background: url(grafika/logo-nel.jpg) no-repeat;
	background-position: 40px 3px;
	width: 217px;
	height: 32px;
	float: left;

}
#sidebar .left-col11, #sidebar1 .left-col11{
	background-position: 40px 3px;
	width: 217px;
	height: 32px;
	float: left;
}
#sidebar .contener-dol, #sidebar1 .contener-dol{
	background: #fff;
	width: 548px;
	float: left;
}
#sidebar .dol-dachowka, #sidebar1 .dol-dachowka{
	background: #fff;
	width: 549px;
	height: 29px;
	float: left;
}
#sidebar .lewy-dol, #sidebar1 .lewy-dol{
	width: 255px;
	height: 11px;
	float: left;
}
#sidebar .prawy-dol, #sidebar1 .prawy-dol{
	width: 171px;
	height: 29px;
	float: left;
}
#sidebar .lewy-obrazek, #sidebar1 .lewy-obrazek{
	background: url(grafika/lewy-dol.jpg) no-repeat;
	margin: -1px 0px 4px 14px;
	width: 75px;
	height: 11px;
}
#sidebar .prawy-obrazek, #sidebar1 .prawy-obrazek{
	background: url(grafika/prawy-dol.jpg) no-repeat;
	width: 171px;
	height: 29px;
	margin: -2px 0px 0px 0px;
}


#sidebar .gora1, #sidebar1 .gora1{
	background: url(grafika/dachh1.jpg) no-repeat;
	height: 86px;
	width: 152px;
	margin: 0px 0px 10px 40px;
}
#sidebar .gora2, #sidebar1 .gora2{
	background: url(grafika/dach2.jpg) no-repeat;
	height: 85px;
	width: 153px;
	margin: 0px 0px 10px 40px;
}
#sidebar .gora3, #sidebar1 .gora3{
	background: url(grafika/dach3.jpg) no-repeat;
	height: 86px;
	width: 151px;
	margin: 0px 0px 10px 40px;
}
#sidebar .gora4, #sidebar1 .gora4{
	background: url(grafika/logo2.jpg) no-repeat;
	height: 35px;
	width: 165px;
	margin: 0px 5px 10px 40px;
}
#sidebar .center, #sidebar1 .center{
	background: #fff;
	width: 350px;
	float: left;
}

#sidebar .paragraf1, #sidebar1 .paragraf1{
font-size: 18px;
font-style: italic;
font-weight: bold;
margin-left: 90px;
margin-top: 0px;
font-family: arial, verdana, tahoma;
}
#sidebar .paragraf2, #sidebar1 .paragraf2{
font-size: 15px;
font-weight: bold;
margin-left: 35px;
margin-top: 20px;
font-family: arial, verdana, tahoma;
}
#sidebar .paragraf4, #sidebar1 .paragraf4{
font-size: 13px;
font-weight: bold;
margin-left: 20px;
margin-top: 20px;
font-family: arial, verdana, tahoma;
}
#sidebar .paragraf5, #sidebar1 .paragraf5{
font-size: 17px;
font-weight: bold;
margin-left: 10px;
margin-top: 50px;
font-family: arial, verdana, tahoma;
float: left;
}
#sidebar .mapka, #sidebar1 .mapka{

margin-top: 20px;
margin-left: 20px;
float: left;
}

#sidebar .logo-nelskamp, #sidebar1 .logo-nelskamp{
	height: 29px;
	width: 118px;
	float: left;
}
#sidebar .logo-nel2, #sidebar1 .logo-nel2{
	background: url(grafika/nelskamp.jpg) no-repeat;
	height: 29px;
	width: 118px;
	margin: -85px 0px 0px 250px;
	position: absolute;
}
#sidebar .loga, #sidebar1 .loga{
	height: 76px;
	width: 463px;
	float: left;
}
#sidebar .loga2, #sidebar1 .loga2{
	background: url(grafika/loga.jpg) top left no-repeat;
	height: 79px;
	width: 463px;
	margin: -27px 0px 20px 40px;
	position: absolute;
}


#sidebar .domek, #sidebar1 .domek{
	background: url(grafika/chatka.jpg) no-repeat;
	height: 235px;
	background-position: 30px 0px;
	width: 330px;
	}
#sidebar .partnerzy, #sidebar1 .partnerzy{
	background: url(grafika/partnerzy.jpg) no-repeat;
	height: 70px;
	width: 338px;
	float: left;
	
}
#sidebar .partnerzy1, #sidebar1.partnerzy1{
	background: url(grafika/partnerzy.jpg) no-repeat;
	height: 70px;
	width: 338px;
	margin: 22px 0px 20px 80px;
	float: left;
	
}
#sidebar .kreska-pion, #sidebar1 .kreska-pion{
	background: url(grafika/kreska-pion.jpg) repeat-y;
	height: 320px;
	width: 2px;
	float: left;
	
}
#sidebar .kreska-pion2, #sidebar1 .kreska-pion2{
	height: 470px;
	width: 2px;
	float: left;
}

#sidebar .kreska-pion2_1, #sidebar1 .kreska-pion2_1{
	background: url(grafika/kreska-pion.jpg) repeat-y;
	height: 477px;
	width: 2px;
	
}
#sidebar .kreska-pion2_11, #sidebar1 .kreska-pion2_11{
	background: url(grafika/kreska-pion.jpg) repeat-y;
	height: 2200px;
	width: 2px;
	
}
#sidebar .prawy-bok, #sidebar1 .prawy-bok{
	width: 196px;
	float: left;
}
#sidebar .domek2, #sidebar1 .domek2{
	background: url(grafika/domek3_1.jpg) no-repeat;
	width: 196px;
	height: 197px;
}
#sidebar .domek2_1, #sidebar1 .domek2_1{
	width: 194px;
	height: 197px;
	float: left;
	
}
#sidebar .domek2_1_2, #sidebar1 .domek2_1_2{
	background: url(grafika/domek3_1.jpg) no-repeat;
	width: 194px;
	height: 197px;
}

#footer{
	background: #fff;
	width: 766px;
	height: 61px;
	clear: both;
	
}

#footer .kreska-szara{
	background: url(grafika/szary-kwadrat.gif) repeat-x;
	height: 9px;
	width: 548px;
	float: right;
}
#footer .paragraf3{
	float: right;
	clear: both;
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	padding: 10px;
}
#footer .dolne_menu{
	float: left;
	font-family: arial, verdana, tahoma;
	font-size: 12px;
}
#footer .oferta_footer{
	float: left;
	font-family: arial, verdana, tahoma;
	font-size: 12px;
}


#footer a.linkmenu{
	font-size: 10px;
	font-family: arial, verdana, tahoma;
	color: black;
	text-decoration: none;
	font-weight: bold;
	float: left;
}
#systemy{
width: 400px;
height: 360px;
margin-left: 90px;
}
#systemy1{
width: 400px;
height: 360px;
margin-left: 120px;
margin-top: 50px;
}
#systemy11{
width: 400px;
height: 100px;
margin-left: 120px;
margin-top: 50px;
}
#systemy .galeco, #systemy1 .galeco,#systemy11 .galeco{
	margin: 0;
	width: 397px;
	height: 20px;
	font-size: 15px;
	font-family: arial, verdana, tahoma;
	color: black;
	font-weight: bold;
}
#zawartosc2 .galeco2{
	margin: 0;
	width: 397px;
	height: 20px;
	font-size: 15px;
	font-family: arial, verdana, tahoma;
	color: black;
	font-weight: bold;


}
#ciapek{

float: left;
width: 430px;
height: 120px;

}
#ciapek1{
margin-left: 90px;
width: 300px;
height: 100px;
}
#ciapek .siba{
margin: 0;
	width: 397px;
	height: 20px;
	font-size: 15px;
	font-family: arial, verdana, tahoma;
	color: black;
	font-weight: bold;
}
#ciapek .siba1{
float: left;
margin-left: 23px;
}
#ciapek .siba2{
float: left;
margin-left: 20px;
width: 300px;
height: 110px;
font-size: 11px;
	font-family: arial, verdana, tahoma;
	color: black;
	font-weight: bold;
}

#kaczmarek{
clear: both;
font-size: 15px;
	font-family: arial, verdana, tahoma;
	color: black;
	font-weight: bold;
	float: left;
	margin-top: 20px;
}
#systemy .galeco1, .galeco2, #systemy1 .galeco1, #systemy1 .galeco2{
	width: 397px;
	height: 105px;
	float: left;
	clear: both;
	font-size: 15px;
	font-family: arial, verdana, tahoma;
	color: black;
	font-weight: bold;
	
}
#systemy .tekst, #systemy1.tekst{
margin-left: 120px;
font-size: 11px;
	font-family: arial, verdana, tahoma;
	color: black;
	font-weight: bold;
}
#systemy .rynny, #systemy .rynny2, #systemy1 .rynny, #systemy1 .rynny2{
float: left;
}
#systemy .kaczm, #systemy1 .kaczm{
float: left;
}
#footer li {
	list-style: none;
	margin-left: 50px;
}	
#lightbox{
	
	padding: 10px;
	
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }