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



/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* START STYLE SITE */


/* LINKI */
a:link { color: #262d31; }
a:visited { color: #5da2c7; }
a:hover, a:active, a:focus { text-decoration: none; }

/* MAIN */

.hide {
	text-indent: -998em;
	height: 0px;
}

* { outline: 0;}

/* LAYOUT  */

html {
	overflow: scroll;
	background: #C6C6C6;
	}

body {
	font-size: 0.75em; /* 12px */
	padding: 0px;
	overflow: hidden;
	width: 1024px;
	margin: 0px auto;
	background: #C6C6C6;	
}

header {  width: 100%; height: 130px; /*background: url(../_gfx/bg-head.jpg) 0 0 no-repeat;*/ position:relative;}

header h1 { text-indent: -998em; /*background:url(../_gfx/plenero-logo11.jpg) 0 0 no-repeat;*/ width: 300px; height: 130px;
position: absolute; top: 0px; left: 50px;
	}


a#home { margin-left: 56px; float: left;} 

/* NAVIGATION */

#navigation {clear:both; width: 100%; height: 106px; background: #c6c6c6; }

/*nav {width: 100%; height: 40px; border: 1px solid #aaa9a9; border-width: 1px 0 1px 0; display:block;}
nav ul { padding-left: 324px; margin-top: 11px; }
nav ul li { float: left; list-style: none;  }
nav ul li a { 
font: bold 1.16em Tahoma; 
padding: 12px 35px; color: #262d31; 
background: url(../_gfx/dzielnik.gif) 0 0 no-repeat;
text-decoration: none;
}
nav ul li a:hover {  background:#CECECE url(../_gfx/dzielnik.gif) 0 0 no-repeat;}*/

nav { width: 100%; height: 40px; border: 1px solid #aaa9a9; border-width: 1px 0 1px 0;   } 



#menu {  
  text-align: left; 
  overflow: hidden; 
  /*font: bold 1.16em Tahoma; */
  font-family:'Open Sans', sans-serif; font-weight: 400;
  padding-left: 302px; font-size: 1.25em; font-smooth: always;
   
  
  } 
 
ul#menu li { 
  /*background: url(../_gfx/dzielnik.gif) 0 0 no-repeat; */
  list-style-type: none;  
  float: left;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #aaa9a9;
  
     	
}



ul#menu li.foto a { background:#262D31 url(../_gfx/plenero-logo3.jpg) 0 0 no-repeat!important; width: 300px; height:15px; display:none;
} 
  
/*ul#menu li:before { border-left: 1px solid red; content: ''; position: absolute; left: -1px;}*/

  
ul#menu li:last-child {  background: url(../_gfx/dzielnik.gif) right 0 no-repeat; border: none; border-left: 1px solid #d5d5d5;   }
ul#menu li:first-child {  border-right: 1px solid #aaa9a9; height: 40px;  } 


ul#menu li.second {  } 

ul#menu li:last-child:hover  {  background:#CECECE url(../_gfx/dzielnik.gif) right 0 no-repeat; border-left: 1px solid #d5d5d5;   }
ul#menu li:first-child:hover  {  background:#CECECE url(../_gfx/dzielnik.gif) left 0 no-repeat; border-right: 1px solid #aaa9a9; padding-left: 2px;   }
  
ul#menu li:hover { background: #CECECE;  } 
 
ul#menu li a { 
  display : block; 
  padding: 12px 35px 13px 34px;
  text-decoration : none;
  color: #262d31; background:url(../_gfx/bg-nav1.png) 0 0 repeat-x; 
 } 
 
ul#menu li li a { 
  width: 220px; 
  padding: 12px 35px 13px 34px;   
  /*background: #CECECE url(../_gfx/dzielnik2.gif) 0 0 repeat-x;*/
} 
  
ul#menu li li a:hover { color: #fff!important;   }
 
ul#menu li ul {  
  overflow: hidden;
  float: left;  
  display: none; 
  border-top: 1px solid #aaa9a9;
}
  
ul#menu li ul li.zabawa {  background: #cecece; border-bottom: 1px solid #aaa9a9; } 
ul#menu li ul li.silownia {  background: #cecece; border-bottom: 1px solid #aaa9a9; }
ul#menu li ul li.architektura {  background: #cecece; border-bottom: 1px solid #aaa9a9; } 
ul#menu li ul li.sciana {  background: #cecece; border: none; } 
 
ul#menu li ul li.zabawa:hover {  background: #F58534; border-bottom: 1px solid #aaa9a9;  } 
ul#menu li ul li.silownia:hover {  background: #0873AB; border-bottom: 1px solid #aaa9a9;  }
ul#menu li ul li.architektura:hover {  background: #9e6e0b; border-bottom: 1px solid #aaa9a9; } 
ul#menu li ul li.sciana:hover {  background: #236F63; border: none; } 
 
 
ul#menu li:hover ul { 
 
  position: absolute; z-index: 1000;  
  background: #d5d5d5; 
  padding: 0; 
  display: block; 
  width: 240px; 
} 


/* STICKY */

.is-sticky {
	background-color: #3D4549;
	margin:0; padding: 0;
	height: 40px;
	z-index: 99999;
	
}
.is-sticky nav { width: 1024px; height: 40px; border: 1px solid #767C7F; border-width: 0px 0 1px 0;    } 



.is-sticky-wrapper{
	height: 20px;
}

.is-sticky #menu {  
  text-align: left; 
  overflow: hidden; 
  /*font: bold 1.16em Tahoma; */
  font-family:'Open Sans', sans-serif; font-weight: 400;
  padding-left: 0px; font-size: 1.25em; font-smooth: always;
  } 
  
.is-sticky ul#menu {  padding-left: 304px; }
  
 
.is-sticky ul#menu li { 
  /*background: url(../_gfx/dzielnik.gif) 0 0 no-repeat; */
  list-style-type: none;  
  float: left;
  border: none;
  border-right: 1px solid #767C7F;   	
} 
  
/*ul#menu li:before { border-left: 1px solid red; content: ''; position: absolute; left: -1px;}*/

  
.is-sticky ul#menu li:last-child {   border-right: 1px solid #767C7F; background: none; margin:0; }

.is-sticky ul#menu li:last-child:hover {  background:#474e52; border: none; border-right: 1px solid #767C7F;  }


.is-sticky ul#menu li:first-child { background: #3D4549;  } 
 
.is-sticky ul#menu li:first-child a {    }
.is-sticky ul#menu li:first-child a:hover {  }
  
.is-sticky ul#menu li:hover { background: #474e52;  } 
 
.is-sticky ul#menu li a { 
  display : block; 
  padding: 12px 35px 13px 34px;
  text-decoration : none;
  color:  #CCC; background:url(../_gfx/bg-nav2.png) 0 0 repeat-x; 
 }
 
 
.is-sticky ul#menu li a:hover {color: #fff;  } 
 
.is-sticky ul#menu li li a { 
  width: 220px; color: #CCC; 
  padding: 12px 35px 13px 24px;   
  /*background: #CECECE url(../_gfx/dzielnik2.gif) 0 0 repeat-x;*/
} 
  
.is-sticky ul#menu li li a:hover {   }
 
.is-sticky ul#menu li ul {  
  overflow: hidden;
  float: left;  
  display: none; 
  margin-left: -1px;
  
}
  
.is-sticky ul#menu li ul li.zabawa {  background: #474e52; border-bottom: 1px solid #aaa9a9; } 
.is-sticky ul#menu li ul li.silownia {  background: #474e52; border-bottom: 1px solid #aaa9a9;  }
.is-sticky ul#menu li ul li.minigolf {  background: #474e52; border: none; } 
.is-sticky ul#menu li ul li.architektura {  background: #474e52; border: none; } 


 
.is-sticky ul#menu li ul li.zabawa:hover {  background: #F58534; border-bottom: 1px solid #aaa9a9;  } 
.is-sticky ul#menu li ul li.silownia:hover {  background: #0873AB; border-bottom: 1px solid #aaa9a9; margin:0; padding:0;  }
.is-sticky ul#menu li ul li.minigolf:hover {  background: #649E0B; border: none; } 

.is-sticky ul#menu li ul li.architektura:hover {  background: #87600f; border: none; } 
 
 
.is-sticky ul#menu li:hover ul { 
 
  position: absolute; z-index: 1000;  
  background: #d5d5d5; 
  padding: 0; 
  display: block; 

} 


/* CONTAINER */
#container { 
  clear:both; 
  width: 1024px; 
  height:auto; 
  background: #fff;
}



.head-slider {
  width: 100%;
  height: 400px;
  padding-top: 10px;
}

.slider-1 {
  width: 720px;
  height: 400px;
  margin-left: 10px;
  background: #ccc;
  float: left;
}

.slider-2 {
  width: 274px;
  height: 210px;
  float: right;
  margin-right: 10px;
  background: #fff;
}

.slider-3 {
  width: 274px;
  height: 180px;
  float: right;
  background: #fff;
  margin-right: 10px;
  margin-top: 10px;
}


.about-firm {
  margin: 20px 12px 10px;
}

.logotype {
  width: 220px;
  float: left;
  border-right: 6px solid #294c6c;
  margin-right: 20px;
  padding-right: 40px;
}

.logotype img {
  padding: 12px 0px 12px 12px;
}



.firm-txt {
  float: right;
  width: 690px;
  padding: 20px 10px 10px;
  margin-bottom: 22px;
  
}

ul.dane {
  height: 26px;
  display: block;
  float: none;
  clear: both;
}

ul.dane li {
  float: left;
  list-style: none;
  padding-right: 5px;
  padding-left: 5px;
  border-right: 1px solid #ccc;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #666;
}


ul.dane li strong {
  color: #294b70;
}

ul.dane li:first-child {
  padding-left: 0;
}

ul.dane li:last-child {
  border-right: none;
}

.firm-txt p {
  font: normal 12px Tahoma;
  line-height: 18px;
  text-align: justify;
}

ul.dane li a {
  color: #294b70;
  font-weight: bold;
}



/*PRODUKTY*/

.category-content {
  clear: both;
  padding: 20px 14px;
  overflow: hidden;
  border-top: 12px solid #ccc;
}

.category-txt {
  width: 26%;
  float: left;
  background: #fff;
}

.category-txt h2 {
  margin-top: 22px;
  font: bold 32px Arial;
  letter-spacing: -1px;
  line-height: 34px;
}

.category-txt h4 {
  padding: 12px 0;
  font: bold 14px Tahoma, Arial, sans-serif;
  color: #333;
  line-height: 18px;
}

.category-txt p {
  padding: 4px 22px 0 0px;
  font: normal 12px Tahoma, Arial, sans-serif;
  color: #666; 
  line-height: 18px;
  color: #666;
 
}

a.item1 {
  clear: both;
  display: block;
  text-align: center;
  padding: 12px 12px;
  background: #f56b06;
  color: #fff;
  font: bold 14px "Open Sans";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  margin: 50px auto;
  width: 70%;
}
a.item1:hover {
  background: #c76014;
}

a.item2 {
  clear: both;
  display: block;
  text-align: center;
  padding: 12px 12px;
  background: #0873ab;
  color: #fff;
  font: bold 14px "Open Sans";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  margin: 20px auto;
  width: 25%;
}

a.item2:hover {
  background: #085883;
}


a.item3 {
  clear: both;
  display: block;
  text-align: center;
  padding: 12px 12px;
  background: #876110;
  color: #fff;
  font: bold 14px "Open Sans";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  margin: 30px auto;
  width: 25%;
}

a.item3:hover {
  background: #65490f;
}


.product-content {
  width: 74%;
  float: right;
  background: #ffffff;
  margin-bottom: 50px;
}

.product-slide {
  width: 176px;
  height: 172px;
  margin: 1% 0 0 6px ;
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
} 
.product-slide h3 {
  text-align: center;
  font: bold 16px "Open Sans";
  padding: 9px 0;
  color: #294b70;
}

.product-slide a, .product-slide2 a {
  text-decoration: none;
}

p.opis {
  clear: both;
  padding: 2px 0px 0 0px;
  font: normal 12px Tahoma, Arial, sans-serif;
  color: #666; text-align: justify;
  line-height: 18px;
  color: #666;
}


.product-slide2 {
  width: 176px;
  height: 192px;
  margin: 1% 0 0 6px ;
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.product-slide2 h3 {
  text-align: center;
  font: bold 16px "Open Sans";
  padding: 9px 0;
  color: #294b70;
} 

.product-slide2 h3 span {
  font-weight: normal;
  font-size: 14px;
}






/* GŁÓWNA */




.box1 { width: 341px; height: 40px; background: #F46A05; float: left;  }
.box2 { width: 341px; height: 40px; background: #0873AB; float: left; }
.box3 { width: 341px; height: 40px; background:  #87600F; float: left; }

.box1 a, .box2 a, .box3 a  { color: #fff;  text-align:center; padding: 12px 50px 10px; display: block; text-decoration:none; font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 16px; }

.box1:hover { background: #E06004;}
.box2:hover { background: #0787C6;}
.box3:hover { background: #9e6e0b;}












/*BANER - GÓRA*/

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
	width: 1024px;
    height:130px;
	left: 0px;
	top: 0px;

	
}

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

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

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



.wideo {
	margin: 20px 0;}



footer {
  width: 100%;
  height: 52px;
  background: #262d31;
  padding: 12px 0 12px;
}



footer p { 
  text-align: center; 
  color: #999; 
  font: normal 11px Tahoma; 
  padding-top: 13px; 
  line-height: 16px;
}