@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; padding: 0 0px; }

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


.grafit-box { width: 280px; height: 400px; background:#262d31; position: absolute; z-index:1}

#boxy { margin-top: 30px; width: 220px; height: 450px; float: right;}


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


.scianka { width: 220px; height: 272px;  margin-bottom: 12px; position:relative;}

.scianka a { position:absolute; bottom: 0; text-align:center; width: 220px; height:29px; font-size: 1.25em; 
	font-family:'Open Sans', sans-serif; font-weight: 400;
	background: #236F63; color: #fff; text-decoration:none; padding-top: 10px;
	
	}
	
.scianka a:hover { background: #196357; }







#col-right { float: right; background: #fff; width: 720px; min-height: 680px; height:auto;  margin-left: 24px;  padding-bottom: 0px; border-bottom: 1px solid #ccc; }

#col-right-main { float: right; background: #C6C6C6; width: 720px; height:auto;  margin-left: 24px;  padding-bottom: 0px; border-bottom: 1px solid #ccc; }


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




/* 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;}





.mapa-strony  { clear: both; padding: 25px 0;}
.mapa-strony p {font: normal 11px Tahoma, Geneva, sans-serif; line-height: 20px; color: #999;}


/*** 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;}