*{
margin:0px;
padding:0px;
}


body
{
background:#161616;
font-family:tahoma;
font-size:11px;
color:#131313;
cursor: url(img/16.cur), default;
}

a:focus
{
outline:none;
}

#pasekgora
{
width:100%;
height:89px;
background:url(img/tlo_pasek_gora.jpg) repeat-x;
}

.cnt
{
width:1000px;
margin:auto;
height:auto;
}

#logo
{
float:left;
display:block;
width:308px;
height:58px;
padding-left:100px;
padding-top:30px;
background:url(img/itros.jpg) no-repeat;
color:#828282;
text-decoration:none;
font-size:35px;
font-weight:bold;
}


#menu1
{
float:left;
display:block;
width:87px;
padding-left:3px;
height:27px;
background:url(img/menu1.jpg) no-repeat;
color:#6D6D6D;
text-align:center;
padding-top:60px;
text-decoration:none
}

#menu1:hover
{
background:url(img/menu1h.jpg) no-repeat;
color:#141416;
}

#menu2
{
float:left;
display:block;
width:87px;
padding-left:3px;
height:27px;
background:url(img/menu2.jpg) no-repeat;
color:#6D6D6D;
text-align:center;
padding-top:60px;
text-decoration:none;
}

#menu2:hover
{
background:url(img/menu2h.jpg) no-repeat;
color:#141416;
}

#menu3
{
float:left;
display:block;
width:87px;
padding-left:3px;
height:27px;
background:url(img/menu3.jpg) no-repeat;
color:#6D6D6D;
text-align:center;
padding-top:60px;
text-decoration:none;
}

#menu3:hover
{
background:url(img/menu3h.jpg) no-repeat;
color:#141416;
}

#menu4
{
float:left;
display:block;
width:87px;
padding-left:3px;
height:27px;
background:url(img/menu4.jpg) no-repeat;
color:#6D6D6D;
text-align:center;
padding-top:60px;
text-decoration:none;
}

#menu4:hover
{
background:url(img/menu4h.jpg) no-repeat;
color:#141416;
}

#menu5
{
float:left;
display:block;
width:87px;
padding-left:3px;
height:27px;
background:url(img/menu5.jpg) no-repeat;
color:#6D6D6D;
text-align:center;
padding-top:60px;
text-decoration:none;
}

#menu5:hover
{
background:url(img/menu5h.jpg) no-repeat;
color:#141416;
}

#menu6
{
float:left;
display:block;
width:89px;
padding-left:3px;
height:27px;
background:url(img/menu6.jpg) no-repeat;
color:#6D6D6D;
text-align:center;
padding-top:60px;
text-decoration:none;
}

#menu6:hover
{
background:url(img/menu6h.jpg) no-repeat;
color:#141416;
}



#content1
{
width:898px;
background:url(img/tlocontent2.jpg) no-repeat;
margin:auto;
border-left:1px solid #343434;
border-right:1px solid #343434;
margin-top:32px;
}

#content2
{
width:898px;
height:125px;
background:url(img/tlocontent3.jpg) no-repeat;
margin:auto;
border-left:1px solid #343434;
border-right:1px solid #343434;
border-bottom:1px solid #343434;
margin-bottom:31px;
}

#stopka
{
width:100%;
height:89px;
background:url(img/tlostopka.jpg) repeat-x;
}

#linki
{
width:892px;
margin:auto;
height:89px;
padding-left:98px;
line-height:89px;
}

#linki a
{
color:#8B8B8B;
text-decoration:none;
margin-right:32px;
}

#linki a:hover
{
color:#464545;
}

#naglowek
{
width:300px;
height:47px;
padding-left:50px;
line-height:52px;
font-weight:bold;
font-size:11px;
}

#contenfaq
{
float:left;
width:433px;
padding-left:50px;
padding-top:20px;
padding-bottom:20px;
line-height:19px;
}

#contenfaq ol
{
margin-top:3px;
margin-bottom:3px;
margin-left:25px;
list-style-type: square;
color:#65AE07;
font-size:11px;
font-family:tahoma;
}

#contenfaq ol span
{
color:#131313;
}

.faq_naglowek {
padding:0 1px;
cursor: pointer;
position: relative;
font-weight:bold;
margin-bottom:6px;
}

.faq_tresc {
display: none;
padding-bottom:6px;
padding-left:13px;
}


#contentext
{
float:left;
width:433px;
padding-left:50px;
padding-top:20px;
padding-bottom:20px;
line-height:19px;
}

#contentext ul
{
margin-top:10px;
margin-bottom:10px;
margin-left:25px;
list-style-type: square;
color:#65AE07;
font-size:11px;
font-family:tahoma;
}

#contentext ul span
{
color:#131313;
}

#contentext p
{
padding-bottom:7px;
}

#contentext a
{
text-decoration:none;
color:#585858;
}

#contentext a:hover
{
color:#FE7A0A;
}

#box1
{
float:left;
position:relative;
width:398px;
height:122px;
padding-left:50px;
}

#bloglink
{
display:block;
position:absolute;
width:78px;
height:83px;
top:18px;
left:342px;
background:url(img/bloglink.jpg) no-repeat;
}

#box1 h3
{
padding-top:20px;
padding-bottom:3px;
font-size:11px;
font-weight:bold;
}

.linka2
{
display:block;
margin-top:12px;
width:260px;
height:14px;
background:url(img/arrow.jpg) no-repeat;
background-position:0px 3px;
padding-left:20px;
color:#585858;
text-decoration:none;
}

.linka2:hover
{
color:#FE7A0A;
}

.linka
{
display:block;
float:left;
margin-top:12px;
width:140px;
height:14px;
background:url(img/arrow.jpg) no-repeat;
background-position:0px 3px;
padding-left:20px;
color:#585858;
text-decoration:none;
}

.linka:hover
{
color:#FE7A0A;
}

#box2
{
float:left;
width:408px;
height:122px;
padding-left:40px;
}

#box2 h3
{
padding-top:20px;
padding-bottom:3px;
font-size:11px;
font-weight:bold;
}

.more
{
display:block;
margin-top:12px;
width:70px;
height:14px;
background:url(img/arrow2.jpg) no-repeat;
background-position:40px 3px;
color:#585858;
text-decoration:none;
}

.more:hover
{
color:#FE7A0A;
}

#klienci
{
width:833px;
padding-left:50px;
padding-top:20px;
}

#klienci img
{
border:solid #6D6D6D 1px;
}

#klienci img:hover
{
opacity:0.7;
}

h2
{
font-size:12px;
color:#65AE07;
padding-bottom:6px;
}

.czarne
{
width:127px;
height:86px;
float:left;
background:#121212;
margin-right:36px;
margin-bottom:20px;
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 230px;
border: 1px solid #60A900;
padding: 6px;
font-size:11px;
color:#000;
font-family:tahoma;
background-color:#fff;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


.stepcarousel{
position: relative;
border: 1px solid #8C8C8C;
overflow: scroll;
width: 793px;
height: 265px;
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float:left;
overflow:hidden;
width:794px;
}

.portfoliotekst
{
float:left;
width:263px;
padding:25px;
}

.portfoliotekst a
{
color:#353535;
text-decoration:none;
}

.portfoliotekst a:hover
{
color:#65AE07;
}


.portfoliotekst p
{
padding-top:10px;
padding-bottom:16px;
padding-left:35px;
}


.portfoliotekst span
{
display:block;
width:200px;
height:15px;
padding-left:25px;
font-weight:bold;
background:url(img/arrow.jpg) no-repeat;
background-position:0px 5px;
}


.kontakttekst
{
float:left;
width:263px;


}

.kontakttekst a
{
color:#353535;
text-decoration:none;
}

.kontakttekst a:hover
{
color:#65AE07;
}


.kontakttekst p
{
padding-top:10px;
padding-bottom:16px;
padding-left:35px;
}


.kontakttekst span
{
display:block;
width:200px;
height:15px;
padding-left:25px;
font-weight:bold;
background:url(img/arrow.jpg) no-repeat;
background-position:0px 5px;
}

.portfoliogaleria
{
float:left;
width:480px;
border-left:1px solid #8C8C8C;
height:265px;
}

.portfoliogaleria a
{
display:block;
width:480px;
height:265px;
}

.navi
{
padding-top:10px;padding-bottom:10px;
}

.navi2
{
padding-bottom:6px;
}

.navi3 a
{
color:#353535;
text-decoration:none;
}

.navi3 a:hover
{
color:#65AE07;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



#imageFlow {margin:auto;position: absolute;width: 894px;height: 530px;top: 180px;overflow: hidden;}
#imageFlow .diapo {position: absolute;left: -4000px;cursor: pointer;-ms-interpolation-mode: nearest-neighbor;}
#imageFlow .link {}
#imageFlow .text {position: absolute;left: 0px;width: 100%;bottom: 16%;text-align: center;color: #000;font-family: verdana, arial, Helvetica, sans-serif;z-index: 1000;}
#imageFlow .title {font-size: 11px;font-weight: bold;font-family:tahoma;}
#imageFlow .legend {font-size: 11px; font-family:tahoma;}
#imageFlow .scrollbar {position: absolute;left: 10%;bottom: 10%;width: 80%;height: 30px;z-index: 1000;}
#imageFlow .track {position: absolute;left: 1%;width: 95%;height: 39px;}
#imageFlow .arrow-left {position: absolute;}
#imageFlow .arrow-right {position: absolute;right: 0px;}
#imageFlow .bar {position: absolute;height:35px;width:30px;left: 25px;}