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


/* CONTAINER */


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

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

.pasek-dzialu h3 { padding: 7px 50px 5px; float: right; color:#FFA15E; font-family:'Open Sans', sans-serif; font-weight: 300;
  padding-left: 324px; font-size: 2em; font-smooth: always; }
  




#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: #f46a05;
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: #f58534; 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 #f9974f;
text-decoration: none;
/*background:url(../_gfx/bg-nav2.png) 0 1px repeat-x; */
}

#nav-left ul#level1 li:first-child a { border-top: 1px solid #f9974f;} 
#nav-left ul#level1 li:hover { background: #E57627;  }

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

ul#level1 > li > ul > li > a  {
  background: #E57627;
}

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: #F49653 ; 
}


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

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 #f9974f;  }
ul#level1 > li.zabawa a  {
   background: #EA7420; color: #fff;
}

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

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

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


.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: #FDA76A;  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: #F48536!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;  padding-bottom: 25px; border-bottom: 1px solid #ccc; }

#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;   }


#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.orange { font: normal 1.2em Tahoma; font-weight:bold; color:#F46A05; }





h2.opcje {width: 700px; height: 26px; clear:both; background: #C6C6C6; display:block; padding: 17px 25px 10px; font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 1.6em ;}


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:#fff; float: left; } 

      
           
article > section.opis { width: 380px; height: auto; float: right; background: #fff; display:block; padding-left: 20px; }

article > section.opis2 { width: 360px; height: auto; float: left; background: #fff; display:block; border-bottom: 1px solid #ccc;   }

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

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


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

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

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


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


#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;}


#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;}



#boxy-produktowe { width: 704px; height:300px; margin: 20px auto;}
.box-produkt { width: 160px; height: 136px; background: #F58534; 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; }