* {margin:0; padding:0;}

html{
height:100%;
width:100%;
overflow:auto;
}


body { 
width:100%;
height:100%;
    font-family: Trebuchet MS, sans-serif;
    font-size: 76%;
    line-height:130%;
    background: #707070 url(../img/bg_top.gif) top left repeat-x;
    color:#333;
  overflow:hidden; 
}


img, img a{
border:none;
}

a {
text-decoration:none;
outline:none;
color:#555;
}


a:hover{
text-decoration:none;
color:#333;
}

a:focus {
    outline: none;
    }

ul{
list-style:none;
}

li{
color:#555;
}



p{
padding:0 0 5px 0;
}


h1{
font-size:300%;
color:#fff;
letter-spacing:0.07em;
font-weight:normal;
}


#wrapper {
    width: 100%;
	float:left;
    overflow:hidden;
    position:relative;
}



/* absolute positioned logo elements */

#logo{
width:97px;
position:absolute;
left:48px;
top:56px;
z-index:100;
}

#logo01{
width:119px;
height:101px;
position:absolute;
left:25px;
top:46px;
z-index:100;
background:transparent url(../img/logo_01a.png) 0 0 no-repeat;
}

#logo02{
position:absolute;
width:338px;
height:32px;
top:65px;
left:150px;
z-index:100;
background:transparent url(../img/logo_02a.png) 0 0 no-repeat;

}

#logo02a{
position:absolute;
width:338px;
height:32px;
top:58px;
left:160px;
z-index:100;
background:transparent url(../img/logo_02a.png) 0 0 no-repeat;
}

#back{
position:absolute;
top:5px;
left:5px;
}
#back a{
background:#fff;
}
#back a:hover{
background:#ddd;
}


#n{
width:13px;
height:13px;
position:absolute;
top:0px;
left:131px;
z-index:500;
background:transparent url(../img/n.png) 0 0 no-repeat;
}



#vert_line{
width:1px;
font-size:0px;
min-height:100%;
position:absolute;
left:137px;
top:0px;
background:#bababa;
z-index:300;
}

#hor_line{
height:1px;
font-size:0px;
width:100%;
position:absolute;
left:0px;
top:90px;
background:#bababa;
z-index:300;
}


/* top navigatie */
#top_nav{
position:absolute;
width:950px;
top:0;
left:0;
font-size:90%;
height:14px;
}

#top_nav ul{
list-style:none;
float:right;
}

#top_nav li{
float:left;
display:inline;
}


#top_nav li a{
float:left;
font-size:105%;
line-height:105%;
letter-spacing:0.09em;
padding:5px 7px 5px 7px;
margin-left:5px;
color:#555;
}

#top_nav li a:hover{
color:#000;
padding-bottom:2px;
border-bottom:1px dotted #000;
}

#top_nav li a.selected{
color:#fff;
padding:5px 7px 5px 7px;
background:#d90700;
font-weight:bold;
}


/* koniec top nav */


#footer{
width:100%;
height:100%;
}


#stopka{
width:950px;
padding:10px 0;
font-size:80%;
line-height:85%;
color:#202020;
text-align:right;
letter-spacing:0.08em;
}




/* subpage navigation menu */

#navbar_holder{
width:950px;
position:relative;
z-index:10;
}

#navbar{
position:absolute;
top:35px; 
right:0px; 
background:transparent;
z-index:10;
}

ul.navigation {
z-index:20;
}

ul.navigation li {
    display: inline;
 
 
}

ul.navigation a {
    float:left;
     height:20px;
     padding:0  8px 10px 8px;
     display:block;
    color: #999;
    text-decoration: none;
    font-size:115%;
    line-height:130%;
    letter-spacing:0.08em;
    font-family:Trebuchet MS, sans-serif;
   
}

ul.navigation a:hover {

    color:#555;
   
}

ul.navigation a.selected {
   /* background: #fff url(../img/nav_hover.gif) center -2px  no-repeat;*/
    color:#333;
    font-weight:bold;
}

ul.navigation a:focus {
    outline: none;
}

ul.navigation li a.blank {

    display:none;
    
}

/* page scroller elements */

#slider {
    width: 100%;
    margin-top: 90px;
   position: relative;
	background:#transparent;

}

#slider.home{
padding-top:0;
}



.scroll {
    height: 550px;
    width: 100%;
    overflow: hidden;
    /*overflow-x: hidden;*/
 position:relative;
    background: transparent;
    clear: left;
  
}

.scrollContainer div.panel {
	position:absolute;
    height: 600px;
    width: 1500px;
   }
   
/* sliding backgrounds */

.clouds{
background: transparent url(../img/clouds600.jpg) top left repeat-x;
}


.horizon{
background: transparent url(../img/horizon550.jpg) top left repeat-x;
}

.ordners{
background: url(../img/ordnersCB.jpg) top left repeat-x;
}

.wiatraki{
background: url(../img/wiatraki600.jpg) top left repeat-x;
}

.beton{
background: url(../img/beton03.jpg) top left repeat-x;
}

.haslo{
background: transparent;
width:500px;
font-size:300%;

}

.panel_view{
width:950px;
height:550px;
position:relative;

}

.view_content{
position:relative;
float:left;
width:760px;
font-size:105%;
line-height:160%;
height:510px;
margin-left:137px;
margin-bottom:20px;
padding:10px 25px;
background:transparent url(../img/white80.png) repeat;
}

.lite{
background:transparent url(../img/white90.png) repeat;
}

.white{
background:#fff;
}

.view_content span{
font-size:150%;
letter-spacing:0.08em;
}

.view_content .left{
width:370px;
float:left;
display:inline;
padding-right:10px;
}

.view_content .right{
width:370px;
padding-left:10px;
float:left;
display:inline;
}

.view_content h1 {
	padding-bottom: 15px;
    margin-bottom:10px;
    font-size:200%;
    font-weight:normal;
    letter-spacing:0.1em;
	width:100%;
    text-align:right;
    color:#656565;
    border-bottom:1px solid #bababa;
}

.intro{
color:#fff;
padding:10px 0 0 13px;
font-size:110%;
}

.intro a{
background:#fff;
font-size:90%;
padding:3px  6px;
letter-spacing:0.08em;
}


h1.bez{
border-style:none;
padding-bottom: 5px;
 margin-bottom:5px;
 }   
    
    
.view_content h2{
padding-bottom:5px;
font-size:135%;
font-weight:normal;
letter-spacing:0.08em;
}

.view_content h3{
padding-bottom:2px;
font-size:120%;
font-weight:bold;
letter-spacing:0.08em;
color:#b90c05;
}

.news_item{
line-height:150%;
padding-bottom:8px;
margin-bottom:8px;
border-bottom:1px solid #bababa;
float:left;
width:100%;
display:inline;
}



.last{
border-style:none;
}

.news_item img{
float:left;
display:inline;
margin-right:10px;
border:1px solid #bababa;
}


h3.black{
color:#000;
font-size:110%;
font-weight:normal;
}



.pagepic{
position:absolute;
left:25px;
top:255px;
}


.content_scroll{
padding:8px;
}

.content_scroll li{
padding:0 10px;
}

.scroll li.country{
font-size:90%;
color:#f00;
font-weight:bold;
}

.content li{
padding-left:20px;
}

.content li.small{
padding:2px 0 0 0;
line-height:115%;
color:#f00;
font-size:80%;
font-weight:bolder;
letter-spacing:0.08em;
}

.content li a{
padding-left:15px;
background: url(../img/email.gif) 0 0 no-repeat;
}
.content li a:hover{
padding-left:15px;
background: url(../img/email.gif) 0 -15px no-repeat;
}

/*  slideshow lista referencyjna */
#slideshow03{
float:left;
width:758px;
height:103px;
border:1px solid #bbb;
margin:20px 0 0 0;
clear:both;
overflow:hidden;
}


/*  styles for home page */


#home_content {
  position:relative;
  width:810px;
 height:550px;
	float:left;
    background:transparent;
	margin-left:137px;

	
}


#slideshow{
width:810px;
height:500px;
overflow:hidden;
}

#slideshow02{
width:300px;
height:450px;
overflow:hidden;
}

#slideshow_filozofia{
position:absolute;
left:25px;
top:155px;
width:760px;
height:350px;
overflow:hidden;
}

#slideshow_firma{
float:left;
border:1px solid #bababa;
width:755px;
height:185px;

}

#slogan_pic{
float:left;
display:inline;
display:block;
width:810px;
height:50px;
}

#slogan{
float:left;
display:inline;
display:block;
width:795px;
color:#fff;
padding:15px 0 20px 15px;
background:#000;
}


#playbuttons{
position:absolute;
top:-5px;
left:0px;
z-index:500;
}
/* koniec home styles */




#easyTooltip{
	padding:2px 5px;
	border:1px solid #ddd;
	background: #abc;
	color:#fff;
	}
	


#tooltip {
	position: absolute;
	z-index: 5000;
	border: 1px solid #111;
	background-color: #fff;
	padding: 5px;
	font-size:85%;

}

#tooltip h3, #tooltip div { 
margin: 0; 
}




	/* ----- sub secties scrollers __*/


#sub_timeline{
position:absolute;
width:760px;
height:250px;
top:255px;
left:25px;
overflow:hidden;

}



#subnavbar{
width:750px;
height:30px;
background:#000;
position:relative;
}

ul.subnav {
z-index:20;
height:30px;
background:transparent url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav li {
    display: inline;
 float:left;
 margin-right:5px;
 
}

ul.subnav_instrumenty {
z-index:20;
height:30px;
background:transparent url(../img/navbar_bg_fff.gif) top left repeat-x;
}


ul.subnav_instrumenty  li {
    display: inline;
 float:left;
 margin-right:5px;
 
}

ul.subnav_instrumenty  li a {
    
    height:20px; 
     padding:4px 5px 6px 5px;
     display:block;
    color: #555;
    text-decoration: none;
    font-size:87%;
    line-height:87%;
    letter-spacing:0.05em;
    font-family:Trebuchet MS, sans-serif;
    
    cursor:default;
}

ul.subnav_instrumenty li a:hover {
	color:#555;
   }

ul.subnav  li.grey a{
font-size:100%;
color:#000;
background:#fff url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li.grey a:hover{
color:#f00;
background:#fff url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li.orange a{
font-size:100%;
color:#000;
background:#fff url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li.orange a:hover{
color:#f00;
background:#fff url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li a {
    
    height:20px; 
     padding:4px 8px 6px 8px;
     display:block;
    color: #555;
    text-decoration: none;
    font-size:87%;
    line-height:87%;
    letter-spacing:0.08em;
    font-family:Trebuchet MS, sans-serif;
    
    cursor:default;
}

ul.subnav li a:hover {
	color:#555;
   }

ul.subnav  li a.current {
    background:transparent url(../img/navbar_current.gif) top center  no-repeat;
    color:#fff;
}

ul.subnav_instrumenty  li a.actief {
    background:transparent url(../img/navbar_current_fff.gif) top center  no-repeat;
    color:#fff;
}


ul.subnav  li.grey a.actief {
    background:transparent url(../img/navbar_current2.gif) bottom center  no-repeat;
    color:#fff;
}

ul.subnav  li.orange a.actief {
    background:transparent url(../img/navbar_current3.gif) bottom center  no-repeat;
    color:#fff;
}



/* ////////// language menu //////////// */

#languages{
position:absolute;
top:70px;
right:5px;
}


#languages li a{
width:16px;
padding:0 0 0 2px;
float:left;
}

#languages li a:hover{
border:none;
}

#languages_txt{
position:absolute;
top:70px;
right:5px;
}


#languages_txt li a{
font-size:85%;
padding:0 0 0 5px;
border-left:1px solid #ddd;
float:left;
}

#languages_txt li a:hover{
border-left:1px solid #ddd;
border-bottom:none;
color:#000;
}
#languages_txt li a.actief{
font-weight:bold;
color:#000;
background:transparent;

}

/* scroll area timeline */

.subsectie{
	overflow:hidden;
	height:100%;
	
	clear:left;
}

.subsectie ul{
width:10000px;
height:300px;
}

.subsectie li{
height:260px;
width:720px;
padding:10px 20px 20px 20px;
display:block;
background:#b8bfc6;
color:#fff;
float:left;
letter-spacing:0.07em;
}

.subsectie h3{
font-size:150%;
font-weight:normal;
}

.subsectie img{
padding-right:20px;
float:left;
display:inline;
}

.timeline_box{
float:left; 
width:229px;
height:195px;
border-left:1px solid #999;
padding-left:10px;
font-size:90%;
line-height:125%;

}

.timeline_box img{
padding-top:10px;

}

.timeline_box_2{
float:left; 
height:195px;
border-left:1px solid #999;
padding-left:10px;
font-size:90%;
line-height:125%;
}


/* /////////////// slider instrumenty /////////////// */


#sub_instrumenty{
position:absolute;
width:760px;
height:370px;
top:115px;
left:25px;
overflow:hidden;
border-bottom:1px solid #bababa;
}

.instrumenty{
	overflow:hidden;
	height:100%;
	
	clear:left;
}

.instrumenty ul{
width:12000px;
height:400px;
}

.instrumenty li{

width:720px;
padding:10px 20px 20px 20px;
display:block;
background:#fff;
color:#777;
font-size:85%;
line-height:125%;
float:left;
letter-spacing:0.07em;
text-align:center;
}

.instrumenty h3{
font-size:150%;
font-weight:normal;
}

.instrumenty img{
padding-bottom:5px;
}

.instrumenty_block{
float:left;
display:inline;
line-height:160%;
}


.instrumenty_block a{
color:#f00;
font-size:90%;
text-align:left;
padding:4px 0 0 55px;
background: url(../img/ammonit_s.gif) left 3px no-repeat;
}


.instrumenty_block a:hover{
color:#999;
background: url(../img/ammonit_s2.gif) left 3px no-repeat;
}



/* ///////////// tabbed boxes ///////////// */


#tabbox{
position:absolute;
top:170px;
left:25px;
width:760px;
}

#tabbox.googlemaps{
top:80px;
}

#tabbox.serwis{
top:40px;
}


#tabbox .content{
border:1px solid #bababa;
}

#tabs{
width: 758px;


}
.tabsnav ul{
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;

}
.tabsnav li{
float: left;
padding: 3px 8px;
color: #555;
background:#dedede;
cursor: pointer;
margin-right:2px;
letter-spacing:0.07em;
}

.tabsnav li.serwis{
background:#fff;
}

.tabsnav li:hover{
background: #bababa;
}
.tabsnav li.close{
float: right;
}
.tabsnav li.actif{
color: #fff;
background: #b90c05;
}
.tabs_content{
clear: both;
padding: 15px;
color: #555;
height:270px;
text-align:center;

}

.googlemaps_content{
padding:0;
height:380px;
text-align:left;
}

.serwis_content{
height:405px;
text-align:left;
}

.blue{
color:#283ec1;
}


/* ///////// uslugi boxes////////// */

.uslugi_box{
float:left;
width:190px;
height:200px;
display:inline;
display:block;
text-align:center;
font-size:125%;
background:#bababa;
padding:25px 0 0 0;
color:#fff;
font-weight:bold;
}

.uslugi_box.one{
background:#eee url(../img/uslugi_bg/01a.jpg) 0 0  no-repeat;
}
.uslugi_box.two{
background:#eee url(../img/uslugi_bg/02.jpg) 0 0  no-repeat;
}


.uslugi_box.three{
background:#eee url(../img/uslugi_bg/03a.jpg) 0 0  no-repeat;
}
.uslugi_box.four{
background:#eee url(../img/uslugi_bg/04.jpg) 0 0  no-repeat;
}

.uslugi_box.five{
background:#eee url(../img/uslugi_bg/05.jpg) 0 0  no-repeat;
}

.uslugi_box.six{
background:#eee url(../img/uslugi_bg/06.jpg) 0 0  no-repeat;
}

.uslugi_box.seven{
background:#eee url(../img/uslugi_bg/07.jpg) 0 0  no-repeat;
}

.uslugi_box.eight{
background:#eee url(../img/uslugi_bg/08.jpg) 0 0  no-repeat;
}

/* alternatief */

.uslugi_box.a{
background:#eee url(../img/uslugi_bg/a.jpg) 0 0  no-repeat;
}
.uslugi_box.b{
background:#eee url(../img/uslugi_bg/b.jpg) 0 0  no-repeat;
}


.uslugi_box.c{
background:#eee url(../img/uslugi_bg/c.jpg) 0 0  no-repeat;
}
.uslugi_box.d{
background:#eee url(../img/uslugi_bg/d.jpg) 0 0  no-repeat;
}

.uslugi_box.e{
background:#eee url(../img/uslugi_bg/e.jpg) 0 0  no-repeat;
}

.uslugi_box.f{
background:#eee url(../img/uslugi_bg/f.jpg) 0 0  no-repeat;
}

.uslugi_box.g{
background:#eee url(../img/uslugi_bg/g.jpg) 0 0  no-repeat;
}

.uslugi_box.h{
background:#eee url(../img/uslugi_bg/h.jpg) 0 0  no-repeat;
}

.uslugi_box.lite2{
background:#aaa;
}

.uslugi_box.lite3{
background:#cdcdcd;
}