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



/* CONTAINER */


#container { clear:both; width: 100%; padding: 0; position:relative; }

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

.pasek-dzialu h3 { padding: 7px 50px 5px; float: right; color:#71BBDD; font-family:'Open Sans', sans-serif; font-weight: 100;
  padding-left: 324px; font-size: 2em; font-smooth: always; }
  
.pasek-dzialu h3 a { text-decoration: none; color:#71BBDD;}



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


#nav-left ul#level1 h3 a { 
font: bold 1em Tahoma; 
padding: 8px 13px 12px; 
color: #fff; 
display:block;
color: #59B0DB;
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: #59B0DB; 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 #80C5E5;
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: #71BBDD;  }

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

ul#level1 > li > ul > li.special  {
  width:220px; border-right: 1px solid #96d33a; 
}

ul#level1 > li > ul > li > a  {
  background: #71BBDD;
}

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; 
	background: #71BBDD;
	/*height:229px;*/
	
	
}
/*
ul#level1 > li > ul.kolumna2   {
	position:absolute;
	left: 441px; 
	top: -1px; 	
	z-index: 1000; 	
}

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

ul#level1 > li > ul.kolumna3 li   {

	border: none;	
}*/

ul#level1 > li > ul > li   {	
	display:none;
	text-align:left;
}

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


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


ul#level1 > li.mala-architektura { margin-top: 37px; border-top: 1px solid #80C5E5; }

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

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

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

ul#level1 > li.silownia { margin-top: 5px; border-top: 1px solid #80C5E5;  }
ul#level1 > li.silownia a  {
   background: #EA7420; color: #fff;
}

ul#level1 > li.scianka-tenisowa { margin-top: 5px; border-top: 1px solid #80C5E5;  }
ul#level1 > li.scianka-tenisowa a  {
   background: #236F63; color: #fff;
}


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


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

.special-offer, .catalog { clear: both;  }

.catalog > h3 {font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 14px ;}

.special-offer > h3 {font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 14px ;}

.special-offer { text-align: center; padding: 40px 0; background: #6a9afe; color: #fff;  display:block; width: 220px; float: right; margin: 0px 0 20px;  }

.catalog {  text-align: center; padding: 80px 0; background: #262D31;  display:block; color: #fff; width: 220px; float: right; margin: 0px 0 20px; font-family:'Open Sans', sans-serif; font-weight: 600; font-size: 1.8em ;   }


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 { float: right; background: #fff; width: 720px; height:auto;  margin-left: 24px; border-bottom: 1px solid #ccc; }


#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; padding: 12px 0; 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: 0px 25px 4px; color:#666;  }

#content > h3 { font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 1.2em ;  padding: 0px 25px 16px; 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.blue { font: normal 1.2em Tahoma; font-weight:bold; color:#59B0DB; }



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

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

article > img  { width: 320px; height: 240px; background:#fff; float: left; }    
           
article > section.opis { width: 390px; height: auto; float: right; background: #fff; display:block; padding-left: 20px; padding: 30px 0 0; }

article > section.opis2 { width: 360px; height: auto; float: left; background: #fff; display:block;  }

article > section.opis > h2 { font-family:'Open Sans', sans-serif; font-weight: 600; font-size: 1.9em ;  padding: 2px 0 10px; color:#0873ab; }



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



article > section.opis2 > h2 { font-family:'Open Sans', sans-serif; font-weight: 200; font-size: 1.6em ; text-align:center;  padding: 22px 0 10px; color:#0873ab; }


article > section.opis > p { font: normal 1em Tahoma; color: #666; padding: 2px 0; line-height: 22px; }

article > section.opis2 > p { font: normal 1em Tahoma; color: #666; padding: 4px 0; line-height: 22px; text-align:center; }

article > section.opis > p.small { font: bold 0.9em Tahoma; color: #37A101; padding-top: 8px;}

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(../_gfx/ui.totop.png) no-repeat left top;
	opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
#toTopHover {
	background:url(../_gfx/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */	
}
#toTop:active, #toTop:focus {
	outline:none;
}

.tinynav {
		display: none;
	}


<!--KATEGORIE---->

#boxy-produktowe { width: 704px; height:300px; margin: 20px auto;}
.box-produkt { width: 160px; height: 136px; background: #0873AB; float: left; margin: 7px 7px 7px 7px; border: 1px solid #ccc;

/*-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;*/
  }
  
.foto-produkt { width: 160px; height: 100px; background:#fff;   }

h4 {font: bold 12px Tahoma; color: #fff; padding: 3px 12px 0 12px; text-align:center; }