.lagalery img{
  margin:5px;
  display:block;

}                   
.lagalery .dots22{
  display:block;
  width:100%;
  text-align: center;
}
.lagalery a{
  float:left;
  display:inline;
 border:1px #FF7C08 solid;
 margin:5px;
}
.odstep {
height:5px;
}

.odstep1 {
height:3px;
}

.real {
margin-top:0px;
text-align:center;
}

.wiecportf {
text-align:center;
}

.wiecportf a {
color: #999999;
font-size: 11px;
font-weight: bold;
}

.kolumna1 {
    clear:both;
    float:left;
    /*margin-top:25px;*/
    /*width:316px;*/
	width: 280px;
    border-right:1px solid #353535;
    padding-right:10px;
	vertical-align:top;
}
.kolumna2 {
    float:left;
    /*width:298px;*/
	width: 282px;
	vertical-align:top;
    padding-left:20px;
    /*padding-top:25px;*/
    /*padding-right:6px;*/
}

p.blu {color:#FF7C08;font-size:14px;font-weight:bold;}
p.blu1 {color:#999999;font-size:14px;font-weight:bold;}
p.blu2 {color:#FF7C08;font-size:14px;font-weight:bold; margin:0px; padding: 5px 0px;}



.naglowek { padding: 8px; font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: bold; color: #000; background-color: #FFF; border: #999999 solid; border-width: 0px 0px 1px; vertical-align: top}
.naglowek1 { padding: 8px; font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: bold; color: #000; background-color: #FFF; border: #999999 solid; border-width: 0px 0px 1px; vertical-align: top; text-align:center}

.jasne {  border: #353535; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; text-align:center}
.jasne1 {  padding: 8px; border: #353535; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; text-align:left;}
.jasne2 {  border: #353535; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; text-align:center; font-weight:bold; color:#FF7C08;}
.jasne3 {  border: #353535; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-align:left;background:#ffffff}

.ciemne { border: #353535; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; text-align:center}
.ciemne1 { border: #353535; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; text-align:left;}
.ciemne2 { border: #353535; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; text-align:left; color:#C00105;font-weight:bold;}
.ciemne3 { border: #353535; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; text-align:center; color:#C00105;}



span.red1 {color:#C00105;font-size:12px;font-weight:bold;}
span.green {color:green;font-size:12px;font-weight:bold;}



body{
margin:0px;
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
color: #999999;
background: url(img/back.jpg) #161616  no-repeat center top;
line-height: 1.5em;

}

a, img, a img{border: 0px}

a{color:#FF7C08; text-decoration: underline;}

a:hover{text-decoration: none}

input.wyslij{color:white; border:0; width:88px; height: 25px; padding: 5px; display: block; background: url(img/button2.jpg) transparent no-repeat; text-align: center; text-decoration: none;}
a.bu2{color:white; border:0; width:78px; height: 15px; padding: 5px; display: block; background: url(img/button2.jpg) transparent no-repeat; text-align: center; text-decoration: none;}
a.bu3{color:white; width:130px; height: 15px; padding: 5px; margin-left: 70px; display: block; background: url(img/button.png) transparent no-repeat; text-align: center; text-decoration: none;}



a.cienki1{color:white; width:15px; height: 15px; padding: 5px; display: inline-block; background: url(img/cienki.jpg) transparent no-repeat; text-align: center; text-decoration: none;}

h1{
color: #999999;
font-family: Helvetica, Arial;
font-size: 18px;

margin:0px;
padding: 5px 0px;
}

h2{
color: #FF7C08;
margin:0px;
padding: 5px 0px;
font-weight: bold;
font-style:normal;
font-size: 14px;
}

h3,h4{
color: #FF7C08;
margin:0px;
padding: 5px 0px;
font-weight: bold;
font-style:normal;
font-size: 12px;
}

h5,h6{
margin:0px;
padding: 5px 0px;
font-weight: bold;
font-style:normal;
font-size: 10px;
}

hr{
border-top: 1px solid #353535;
border-left: 1px solid #353535;
border-bottom: 0px solid;
background: #353535;
margin: 10px 0px 10px 0px;
height: 0px;
}

#all{
width:985px;
margin: auto;
}

#top{
float:left;
height:395px;
width:985px;
background: transparent no-repeat;
}

#top1{
float:left;
height:100px;
width:985px;
background: transparent no-repeat;
}

#logo{
float:left;
height:80px;
padding-top:20px;
width:297px;
background: transparent no-repeat;
}



/* 
pablo ponizej zmieniłem o 1px szerokość i wysokość
coby dopasować do flash
*/



#top2{
float:left;
height:263px;
width:984px;
background: url(img/top/load.gif) transparent no-repeat center;
position: relative;
overflow:hidden;
}

#top3{
float:left;
height:16px;
line-height:1em;
padding: 7px 0px 7px 0px;
width:985px;
background: transparent no-repeat;
color: #EEEEEE;
}

#top3 a{text-decoration:none; font-weight:bold; color: #EEEEEE;}

#top3 a.nie{text-decoration: none; font-weight:normal; }

#content{
float:left;
min-height:300px; height:auto !important; height:300px;
width:985px;

background: transparent no-repeat;
}

#lef{
float:left;
min-height:300px; height:auto !important; height:300px;
width:666px;

background: transparent;
}

#lef2{
float:left;
min-height:300px; height:auto !important; height:300px;
width:985px;

background: transparent;
}

#left{
float:left;
min-height:300px; height:auto !important; height:300px;
width:616px;
padding: 20px;
margin-right:10px;
background: url(img/content_box_gora.png) black no-repeat top;
}

#leftb{
float:left;
height:19px;
width:656px;
margin-right:10px;
background: url(img/content_box_dol.png) transparent no-repeat top;
}


#lef2 #left{
float:left;
min-height:300px; height:auto !important; height:300px;
width:944px;
padding: 20px;

background: url(img/portfolio_bg_gora.jpg) black no-repeat top;
}

#lef2 #leftb{
float:left;
height:19px;
width:984px;

background: url(img/portfolio_bg_dol.png) transparent no-repeat top;
}


#right{
float:left;

width:319px;
background: transparent no-repeat;
}

#rbox1{padding:10px 10px 10px 15px;width:294px;height:42px; float:left; margin-bottom: 5px; background: url(img/wyszukiwarka_box.png) transparent no-repeat;}
#rbox2,#rbox7{padding:10px 10px 10px 15px;width:294px;height:110px; float:left; margin-bottom: 5px; background: url(img/promocje_box.png) transparent no-repeat;}
#rbox3{padding:10px 10px 10px 15px;width:294px;height:170px; float:left; margin-bottom: 5px; background: url(img/realizacja_box.png) transparent no-repeat;}
#rbox4{padding:10px 10px 10px 15px;width:294px;height:175px; float:left; margin-bottom: 5px; background: url(img/kontakt_box.png) transparent no-repeat;}
#rbox5{padding:10px 10px 10px 15px;width:294px;height:185px; float:left; margin-bottom: 5px; background: url(img/kontakt_box2.png) transparent no-repeat;}
#rbox6{padding:10px 10px 10px 15px;width:294px;height:170px; float:left; margin-bottom: 5px; background: url(img/realizacja_box.png) transparent no-repeat;}

#rbox2 ul{padding: 0px; margin-top: 3px; margin-left:0px;}

#rbox2 li{
color:#999999;
display: block;
list-style:none;
padding:5px 20px;
background: url(img/bull.jpg) transparent no-repeat left center;
}

#rbox2 li a{
color: #999999;
font-weight: bold;
}

a.aktboxy{
color:#999999;
padding: 5px 0px 0px 20px;
font-weight:bold;
background: url(img/bull.jpg) transparent no-repeat left bottom;
}






#footer{
float:left;
height:140px;
text-align:center;

width:945px;
padding: 30px 20px 0px 20px;
background: url(img/footer.png) transparent no-repeat 0px 10px;
}

#footer a{color: #999999}

/* menu */

#topmenu
{
	float: left;
	width: 685px;
	height: 49px;
	padding: 30px 0px 46px 0px;
        background:  transparent;
        
}

#topmenu ul
{
	display: inline;
  padding-left: 0px;
	list-style: none;
	margin:0px;
	float:left;
}

#topmenu ul ul
{	list-style: none;}

#topmenu li
{
	position: relative;
	padding-right:1px;
	line-height: 48px;
	background: url(img/menu_sep.png) transparent no-repeat right center;
	display: inline;
	float:left;
}



#topmenu li a
{
	display: inline-block;
	
	color: #ffffff;
	
	padding: 0px 0px;
	line-height: 48px;
	text-decoration: none;
	text-align: center;
	
	
}



#topmenu li a#tl1{width: 104px;}
#topmenu li a#tl1:hover, #topmenu li a#tl1.active{background: url(img/hoverki/hover1.png) transparent no-repeat;}
#topmenu ul.ulhover{
  position:relative; z-index:30;

}
#topmenu ul.ulhover li a#tl1.active:hover{background: url(img/hoverki/hover1.png) transparent no-repeat !important;}

#topmenu li a#tl2{width: 98px;}
#topmenu li a#tl2:hover, #topmenu li a#tl2.active{background: url(img/hoverki/hover2.png) transparent no-repeat;}
#topmenu ul.ulhover li a#tl2.active:hover{background: url(img/hoverki/hover2.png) transparent no-repeat !important;}
#topmenu ul li:hover a#tl2{background: url(img/hoverki/hover2.png) transparent no-repeat !important;}

#topmenu li a#tl3{width: 126px;}
#topmenu li a#tl3:hover, #topmenu li a#tl3.active{background: url(img/hoverki/hover3.png) transparent no-repeat;}
#topmenu ul.ulhover li a#tl3.active:hover{background: url(img/hoverki/hover3.png) transparent no-repeat !important;}
#topmenu ul li:hover a#tl3{background: url(img/hoverki/hover3.png) transparent no-repeat !important;}

#topmenu li a#tl4{width: 111px;}
#topmenu li a#tl4:hover, #topmenu li a#tl4.active{background: url(img/hoverki/hover4.png) transparent no-repeat;}
#topmenu ul.ulhover li a#tl4.active:hover{background: url(img/hoverki/hover4.png) transparent no-repeat !important;}
#topmenu ul li:hover a#tl4{background: url(img/hoverki/hover4.png) transparent no-repeat !important;}

#topmenu li a#tl5{width: 72px;}
#topmenu li a#tl5:hover, #topmenu li a#tl5.active{background: url(img/hoverki/hover5.png) transparent no-repeat;}
#topmenu ul.ulhover li a#tl5.active:hover{background: url(img/hoverki/hover5.png) transparent no-repeat !important;}

#topmenu li a#tl6{width: 75px; background: transparent;}
#topmenu li a#tl6:hover, #topmenu li a#tl6.active{background: url(img/hoverki/hover6.png) transparent no-repeat;}
#topmenu ul.ulhover li a#tl6.active:hover{background: url(img/hoverki/hover6.png) transparent no-repeat !important;}
#topmenu ul li:hover a#tl6{background: url(img/hoverki/hover6.png) transparent no-repeat !important;}





#topmenu ul.ulhover li a.active
{
background: transparent !important;
}


#topmenu li:hover ul a:hover, #topmenu li.hover2 ul a:hover
{
	color: #FF7C08;
}

/* css hovers */
#topmenu li ul
{
	position: absolute;
	left: -50px;
	top:40px;
	

}
#topmenu li:hover ul, #topmenu li.hover2 ul
{
	position: absolute;
	left: -50px;
	top: 40px;
	z-index:1000;
	width:237px;
  
  
}



	
#topmenu li:hover ul.men2 li a, #topmenu li.hover2 ul.men2 li a
{
	display: block;
  background: #000000;
	z-index:1000;
	padding-left: 10px;
	padding-right: 10px;
	font-variant: normal;
	line-height:28px;
	width: 217px;
	
	text-align: left;
}

#topmenu li ul li{display:none}

#topmenu li:hover ul li, #topmenu li.hover2 ul li{background: black; width:237px; display:block; line-height:28px;height:28px;}

#topmenu li:hover ul li.lif, #topmenu li.hover2 ul li.lif{display:block; width:237px; height:18px; background: url(img/menu_rozw_gora.png) transparent no-repeat bottom;}

#topmenu li:hover ul li.lil, #topmenu li.hover2 ul li.lil{display:block; width:237px; height:8px; background: url(img/menu_rozw_dol.png) transparent no-repeat;}

input.pole{
background: url(img/input.jpg) transparent no-repeat;
border: 0px;
width: 195px;
height: 19px;
padding:3px;

color: #cccccc;
}

input.polebig{
background: url(img/inputbig.jpg) transparent no-repeat;
border: 0px;
width: 295px;
height: 19px;
padding:3px;

color: #cccccc;
}

input.polemini{
background: url(img/polemini.jpg) transparent no-repeat;
border: 0px;
width: 21px;
height: 19px;
padding:3px;

color: #cccccc;
}

select.polebig{
background: url(img/inputbig.jpg) transparent no-repeat;
border: 0px;
width: 298px;
height: 25px;
padding:3px;

color: #cccccc;
}

.tarea{
background: url(img/tarea.jpg) transparent no-repeat;
border: 0px;
width: 596px;
height: 169px;
padding:3px;
color:#CCCCCC;
}

.submit{
border: 0px; color:white; width:55px; height: 25px;  background: url(img/button.jpg) transparent no-repeat; text-align: center; text-decoration: none;
}

.wpis {
    clear:both;
    padding-top:0px;
    padding-bottom:20px;
    float:left;
    width:100%;
    height: auto !important;
}
.imag {
    float:left;
    border:7px solid #E3E3E3;
    display:block;
	 width:640px;
    height: auto !important;
    min-height:396px;
}

img.portf {
	width: 636px;
	height: 392px;
	display: block;
	background: #fff url('img/preloader.gif') no-repeat 50% 50%;
}


.folio{text-align:left;float:left;width:930px;padding:7px;margin-bottom:15px;border-bottom:1px solid #353535}

.folio2{font-size:14px;font-weight:bold;text-align:center;float:left;width:912px;padding:6px 16px 12px 16px;border-bottom:1px solid #353535}

.folio2a{font-size:14px;font-weight:bold;text-align:left;float:left;width:606px;}
.folio2b{font-size:14px;font-weight:bold;text-align:right;float:left;width:306px;}

div.imag img {border:2px solid #FDFDFD;}

.opis {
    float:left;
    padding-left:16px;
    line-height:16px;
    width:260px;
    padding-top:6px;
    overflow: hidden;
}


.pics {
    height:  140px;
    width:   290px;
    padding: 0;
    margin:  0px 0px 0px 0px;
    background:transparent;
    text-align:center;
}

.pics img {
    top: 0px;
    left: 0px;


}



.topics {
    height:255px;
    width:984px;
    padding: 0;
    margin:  0px 0px 0px 0px;
    background:transparent;
   
}

.topic {
    top: 0px;
    left: 0px;
    height: 55px;
    width:984px;
    padding: 200px 0px 0px 0px;
    position:relative;
    z-index:20;
    
}

.topictext{
position: absolute;
top: 200px;
left: 0px;
font-size:12px;
color:white;

height:27px; line-height:23px; overflow:hidden;text-align:left;width:630px;padding:18px 10px 10px 344px;background:#0D3630;filter:alpha(opacity=60); opacity: 0.6;
}

.ttt a.bu3{margin: 0px 10px; height: 27px; line-height:23px; padding:0px 5px; float:right; display:inline; }

.ttt{position: absolute;
filter:alpha(opacity=100); opacity: 1;
top: 200px;
left: 0px;
font-size:12px;
color:white;
background:transparent;
height:27px; line-height:19px; overflow:hidden;text-align:left;width:610px;padding:14px 10px 14px 364px;}


#topicscontrol{
position: absolute;
top: 200px;
left: 0px;
padding:18px 0px 10px 70px;
width: 50px;
height:27px;
background: transparent;
z-index:90;

}

#topicscontrol2{
position: absolute;
top: 200px;
left: 120px;
padding:18px 0px 10px 10px;
width: 224px;
height:27px;
background: transparent;
z-index:90;

}

#topicscontrol a, #topicscontrol2 a{color: white; font-size: 14px; line-height:18px; text-decoration:none; font-weight: bold; float: left; width: 22px; height: 20px; text-align:center; background: url(img/top/a.png) transparent no-repeat;}

#topicscontrol a#plej1{background: url(img/top/play.png) transparent no-repeat;}

#topicscontrol a#plej2{background: url(img/top/stop.png) transparent no-repeat;}

#topicscontrol a#plej1.active{background: url(img/top/playa.png) transparent no-repeat;}

#topicscontrol a#plej2.active{background: url(img/top/stopa.png) transparent no-repeat;}

#topicscontrol2 a.activeSlide{background: url(img/top/aa.png) transparent no-repeat; color: #000000;}

#googlemapa{
width: 720px;
height: 526px;
background: transparent;

position: absolute;
top: 200px;
left:200px;
}

#gmtop{
float:left;

width: 720px;
height: 10px;
background: url(img/mapa_top.png) transparent no-repeat;
}

#gmbot{

float:left;
width: 720px;
height: 11px;
background: url(img/mapa_bm.png) transparent no-repeat;
}

#gmcon{
float:left;
text-align:right;
width:700px;height:505px;
padding:0px 10px;
background:white;
}

#gmzwin{color:white; border:0; width:49px; height: 12px; margin-top:3px; padding: 4px; display: block; background: url(img/zwin.png) transparent no-repeat; text-align: center; text-decoration: none;}



.iden {
    height:  513px;
    width:   849px;
    padding: 0;
    margin:  0px 8px 0px 8px;
    background:url(img/iden/bg.png) transparent no-repeat bottom;
    text-align:left;
}

.iden h1{font-size:16px}

a.back_pic{display:block;text-decoration:none;background:url(img/iden/wstecz.png);width:32px;height:52px;}
a.back_pic:hover{background:url(img/iden/wstecz_hover.png);}
a.next_pic{display:block;text-decoration:none;background:url(img/iden/dalej.png);width:32px;height:52px;}
a.next_pic:hover{background:url(img/iden/dalej_hover.png);}

.mainakt{
float:left;
padding:10px 0px 10px 0px;
width:616px;
border-bottom: 1px solid #353535;
}

.img-news{float:left;}
.img-news img, img.imgn{margin-right: 15px; padding:2px; border: 1px solid #353535;}

#lef2 .naglowek, #lef2 .naglowek1, #lef2 .jasne, #lef2 .jasne1{padding: 8px 2px;}

#portcont{float:left;width:944px; padding:0; margin:0;}
a.ports, a.ports2{cursor:pointer; text-decoration:none;}
#portr,#portr2{border:0px;width:144px; height: 25px; padding:3px; background: url(img/portr.png) transparent no-repeat;color: #cccccc;}
#portn,#portn2{border:0px;width:62px; height: 25px; padding:3px; background: url(img/portn.png) transparent no-repeat;color: #cccccc;}

#foliokat{font-size:11px;font-weight:normal}

.foliokatt{width: 920px;}
.foliokatt td{padding:3px; text-align:left;border-bottom: 1px solid #232323;}

textarea{
resize: none !important;
}

.zdt{width:944px;}

.zdt h3, .zdt h4{text-align:center}

.zdt td{padding: 15px 10px 15px 10px; border-bottom: 1px solid #353535}

.zdt td.zdts{padding: 60px 10px 15px 10px;}

.zdt ul li{list-style-image: url(img/zadarmo/free_18.png);}

.prosp{font-size: 14px; font-weight: bold;}
