@charset "utf-8";
/* CSS Document */






/* CONTAINER */
#container { clear:both; width: 100%; padding: 0 0px; position:relative; }

.pasek-dzialu {  width: 100%; height: 40px; background: #236f63; margin-bottom: 40px;}

.pasek-dzialu h3 a { padding: 10px 20px 5px; float: right; color:#73bcb0; font-family:'Open Sans', sans-serif; font-weight: 300;
padding-left: 324px; font-size: 1.5em; font-smooth: always; text-decoration: none; }



#col-left { 
float: left; 
background: #C6C6C6; 
width: 280px; 
}

#nav-left ul#level1 h3 a { 
font: bold 1em Tahoma; 
padding: 8px 13px 12px; 
color: #fff; 
display:block;
color: #57A89A;
background:#262d31;
text-decoration: none;
}

#nav-left ul#level1 h3 a:hover { color: #fff; } 

.grafit-box { width: 280px; height: 400px; background:#262d31; position:relative;}
.grafit-box img { position:absolute; left: 6px; top: 93px;}

#nav-left { 

height: 420px; width: 220px; float: right; margin-top: 20px;
background: #236f63; margin-bottom: 35px; 

}










#nav-left ul#level1 {  width: 220px;}
#nav-left ul#level1 li { list-style: none; background:url(../_gfx/bg-nav2.png) 0 0 repeat-x;  }
#nav-left ul#level1 li a { 
font: bold 1em Tahoma; 
padding: 11px 14px 12px 14px; 
color: #fff; 
display:block; 
border-bottom: 1px solid #408E81;
text-decoration: none;
/*background:url(../_gfx/bg-nav2.png) 0 1px repeat-x; */
}

#nav-left ul#level1 li:first-child a {  margin-top: 1px;} 
#nav-left ul#level1 li:hover { background: #649E0B;  }

ul#level1 > li > ul > li  {
  width:220px; 
}

ul#level1 > li > ul > li > a  {
  background: #649E0B;
}

ul#level1 > li > ul > li > a:hover  {
  background: green;
}

ul#level1 li  {
  position:relative;
}

ul#level1 > li > ul   {
	position:absolute;
	left: 220px; 
	top: -1px; 	
	z-index: 1000; 
}

ul#level1 > li > ul > li   {	
	display:none;
}

ul#level1 > li:hover  > ul > li  {	
	display:block;	
}


ul#level1 > li > ul > li > a:hover  {
    background: #A6D162;  
}


ul#level1 > li.mala-architektura { margin-top: 140px; border-top: 1px solid #408E81; }

ul#level1 > li.mala-architektura a  {
   background: #754F04; color: #fff;
}

ul#level1 > li.mala-architektura > ul > li > a:hover  {
   background: #5F8E0E; color: #fff;
}

ul#level1 > li.zabawa { margin-top: 5px; border-top: 1px solid #408E81;  }
ul#level1 > li.zabawa a  {
   background: #EA7420; color: #fff;
}

ul#level1 > li.silownia { margin-top: 5px; border-top: 1px solid #408E81;  }
ul#level1 > li.silownia a  {
   background: #0873AB; color: #fff;
}

ul#level1 > li.golf { margin-top: 5px; border-top: 1px solid #408E81;  }
ul#level1 > li.golf a  {
   background: #649E0B; color: #fff;
}

address  {  text-align:center; background: #262D31; color: #fff; padding: 25px 15px; float: right; width: 190px; font: normal 12px Tahoma, Geneva, sans-serif; line-height: 20px; }
.firma { font-size: 14px; font-weight: bold; height: 15px; display:block; }
address a { color: #59B0DB!important; font-weight: bold; }
address a.bialy { color: #fff!important; font-weight: normal; text-decoration: none; }

#col-right > h1#specjalna { 
font-family:'Open Sans', sans-serif; font-weight: normal; font-size: 1.8em ; color:#c6c6c6;  
padding: 16px 25px 15px; height: 22px; background: #262D31!important;  }

h2#opis-techniczny-specjalny { background: #c6c6c6; color:#262D31; font: bold 12px Tahoma; padding: 12px 25px;   }


/*  COLUMNA PRAWA  */

#col-right > h1 { 
font-family:'Open Sans', sans-serif; font-size: 1.4em ; color:#FFF;  
padding: 18px 25px 15px; height: 20px; background: #262d31;  }

#col-right > p { line-height: 24px; border: 1px solid green; font: normal 1em Tahoma; color: #666; line-height: 24px;  padding: 6px 25px;}

#content {  min-height: 500px; margin-top: 25px;}

#content > h2 { font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 1.6em ;  padding: 8px 25px; color:#666;  }

#content > ul { padding: 12px 25px 12px 35px;  }

#content > ul > li { font: normal 1em Tahoma; color: #666; line-height: 24px; padding: 0;  }

#content > p { line-height: 24px; padding: 12px 0; font: normal 1em Tahoma; color: #666; line-height: 24px;  padding: 6px 25px;}

span.green { font: normal 1.2em Tahoma; font-weight:bold; color:#649E0B; }








article  { position:relative; clear: both; padding: 15px 0; display:block; min-height: 240px; border-top: 1px solid #ccc;   } 

article > img { width: 320px; height: 240px; background:#09F; float: left; } 

                
article > section.pola { width: 700px; min-height: 220px; float: right; background: #fff; display:block; padding-left: 20px; }

article > section.pola img {float: left; padding: 6px; border: 1px solid #ccc; margin-bottom: 50px; margin-top: 12px; margin-right: 20px;}

article > section.pola > h2 { font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 1.6em ;  padding: 12px 0 10px; color:#0873ab; }

article > section.pola > p { font: normal 1em Tahoma; color: #666; padding: 6px 0; line-height: 22px; max-width: 680px; }

article > section.pola > p.small { font: bold 0.9em Tahoma; color: #34af86; padding-top: 12px;}

article > section.opis-specjalny > h2 { font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 1.6em ;  padding: 22px 0 10px; color: #262D31 ; }


#galeria { padding: 17px 10px 0px 10px; }
#galeria > .foto-box { width: 140px; height: 140px; padding: 6px; border: 1px solid #ccc; float: left; margin: 10px 10px;}

.foto-box { width: 140px; height: 140px; padding: 6px; border: 1px solid #ccc; float: left; margin-right: 20px;}

#mapa { width: 670px; height: 376px; margin-left: 25px; border: 1px solid #ccc;}

.box { float: left; width: 220px;}

.box p {line-height: 20px!important; font: normal 1em Tahoma; color: #666; line-height: 24px;  padding: 6px 25px;}

.box a { color:#09C;}

.clear { clear:both; height: 20px; width: 100%; }

footer { background: #262D31; clear:both; margin-left: 304px; width: 722px; height: 63px; margin-top: 25px;   padding-bottom: 0px; }
footer p { text-align: center; color: #999; font: normal 11px Tahoma; padding-top: 13px; line-height: 16px;}



/* Top ---------------------------------------------------------*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../_img/ui.totop.png) no-repeat left top;
	opacity:0.2;
filter:alpha(opacity=20); /* For IE8 and earlier */
}
#toTopHover {
	background:url(../_img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	opacity:0.2;
    filter:alpha(opacity=20); /* For IE8 and earlier */	
}
#toTop:active, #toTop:focus {
	outline:none;
}

.tinynav, .tinynav1 { display:none;}






/*zmiana-banerów*/
#slideshow {
    position:relative;
	margin-bottom: 20px;
    height:250px;
	background: #000;
	

}


.special-size {
    height:250px!important;	
	top: 170px;

}

#slideshow IMG {
    position:absolute;
    top:120;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow IMG.last-active {
    z-index:9;
}