/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
 margin:0;
 padding:0;
}
html,body{
 margin:0;
 padding:0;
}
table{
 border-collapse:collapse;
 border-spacing:0;
}
fieldset,img{
 border:0;
}
input{
 border:1px solid #b0b0b0;
 padding:3px 5px 4px;
 color:#979797;
 width:190px;
}
address,caption,cite,code,dfn,th,var{
 font-style:normal;
 font-weight:normal;
}
ul{
 list-style:none;
}
caption,th{
 text-align:left;
}
h1,h2,h3,h4,h5,h6{
 font-size:100%;
 font-weight:normal;
}
q:before,q:after{
 content:'';
}
abbr,acronym{
 border:0;
}
/*main*/
h3 {
 font-weight: bold;
 font-size: 12px;
}
a{
 color:#549E47;
 text-decoration:none;
}
a.linktext {
 text-decoration: none;
 color: #6ba747;
 font-family: Verdana;
 }

a:hover.linktext {
 text-decoration: underline;
 }
body{
 color:#E3E3E3;
 font-family:Verdana, sans-serif;
 font-size:12px;
 line-height:20px;
 background:url('../images/tlo.jpg') repeat-y top #3f3b38;
 -webkit-radial-gradient(#3F3B38, #D1D9BA);
 -o-radial-gradient(#3F3B38, #D1D9BA);
 -moz-radial-gradient(#3F3B38, #D1D9BA);
 -ms-radial-gradient(#3F3B38, #D1D9BA);
 radial-gradient(#3F3B38, #D1D9BA);
}

#wrapper{
 width:850px;
 margin:0 auto;
}
.bigger{
 font-size:14px;
}
/*logo*/
#logo{
 background:#dfe1d6;
 -webkit-border-top-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px
  border-top-left-radius: 10px;
 margin-top:20px;
 overflow:hidden;
}
#logo a{
 width:300px;
 height:118px;
 margin-left:30px;
}
#logo .text{
 color:#3f3b38;
 float:right;
 font-size:18px;
 margin-right:40px;
 text-shadow:2px 2px 1px #C3C3C3;
 margin-top:60px;
}

/*nav*/
#nav-wrap{
 background:#141414;
 border-left:1px solid #6A6968;
 border-right:1px solid #6A6968;
 height:40px;
 background: rgb(20,20,20);
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0MTQxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDE0MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  rgba(20,20,20,1) 0%, rgba(38,38,38,1) 50%, rgba(20,20,20,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,20,20,1)), color-stop(50%,rgba(38,38,38,1)), color-stop(100%,rgba(20,20,20,1)));
 background: -webkit-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(38,38,38,1) 50%,rgba(20,20,20,1) 100%);
 background: -o-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(38,38,38,1) 50%,rgba(20,20,20,1) 100%);
 background: -ms-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(38,38,38,1) 50%,rgba(20,20,20,1) 100%);
 background: linear-gradient(to bottom,  rgba(20,20,20,1) 0%,rgba(38,38,38,1) 50%,rgba(20,20,20,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#141414',GradientType=0 );
}
#nav{
 width:780px;
 margin:0 auto;
 float:center;
}
#nav ul li{
 display:inline;
 float:left;
}
.add{
 background: url("../images/kreska.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#nav ul li:hover{
 background:#549E47;
 background-image: -o-linear-gradient(bottom, #25781F 0%, #549E47 50%, #25781F 100%);
 background-image: -moz-linear-gradient(bottom, #25781F 0%, #549E47 50%, #25781F 100%);
 background-image: -webkit-linear-gradient(bottom, #25781F 0%, #549E47 50%, #25781F 100%);
 background-image: -ms-linear-gradient(bottom, #25781F 0%, #549E47 50%, #25781F 100%);
 background-image: linear-gradient(to bottom, #25781F 0%, #549E47 50%, #25781F 100%);
}
#nav ul li a{
 text-decoration:none;
 display:block;
 width:86px;
 padding:10px;
 text-align:center;
 font-size:12px;
 color:#E3E3E3;
 background: url("../images/kreska.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
}




/*content*/
#content{
 background:#1F1F1F;
 border-left:1px solid #6A6968;
 border-right:1px solid #6A6968;
 border-bottom:1px solid #6A6968;
 margin-bottom:20px;
}

/*banery na stronie głównej*/
#graphic{
 background:url("../images/banery/andrzejkowa2019.png") no-repeat; /*TU WPISZ NAZWE PLIKU Z BANEREM*/
 border-color:#454242;
 border-style:solid;
 border-width:0px;
 border-top-width:5px;
 border-bottom-width:5px;
 height:225px;
 width:848px;
 margin:0 auto;
}

#allhands{
 background:url("../images/allhands.jpg") no-repeat; /*zdjęcie zespołu*/
 border-color:#454242;
 border-style:solid;
 border-width:0px;
 border-top-width:5px;
 border-bottom-width:5px;
 height:600px;
 width:848px;
 margin:0 auto;
}

#guziki{
 border-color:#454242;
 border-style:solid;
 border-width:0px;
 border-top-width:5px;
 border-bottom-width:0px;
 height:50px;
 width:848px;
 margin:0 auto;
}

#insta{
background:url("../images/insta.png") no-repeat;
height:50px;
width:424px;
float:left;
}

#face{
background:url("../images/face.png") no-repeat; 
height:50px;
width:424px; /*uwaga, ten jest szerszy*/
float:left;
}

/*wyrzuciłam ten guzik
#wydarzenia{
background-color:#61ab40; 
height:50px;
width:424px;
float:left;
text-align:center;
font-size:30px;
font-variant:small-caps;
line-height: 48px; /*jeśli tu jest tyle samo px, co wysokość div, to bedzie wyśrodkowane
color:#E3E3E3;

}
*/

#graphic2{
 background:url("../images/banery/zamiastakt.png") no-repeat; /*przekierowanie do Facebooka*/
 border-color:#454242;
 border-style:solid;
 border-width:0px;
 border-top-width:5px;
 border-bottom-width:5px;
 height:143px;
 width:848px;
 margin:0 auto;
}

/*newsy na glównej*/
.accordion {
  padding: 0 10px;
  margin: 0 auto;
  list-style: none outside;

}
.date{
	float:left;
	color:#eee;
	font-weight:bold;
	font-size:12px;
	margin: 15px 20px;
	width:100px;
}
.accordion > * + * { border-top: 1px solid white;  }

.accordion-item-hd {
  display: block;
  padding: 15px 0px 15px 0px;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  color:#61ab40;
  font-weight:bold;
  margin-left:100px;
}



.accordion-item-input:checked ~ .accordion-item-bd {
  max-height: 1000px;
  padding-top: 15px;
  margin-bottom: 15px;

  -webkit-transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
  transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;

}


.accordion-item-input:checked ~ .accordion-item-hd > .accordion-item-hd-cta {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);

}

.accordion-item-hd-cta {
  display: block;
  width: 30px;
  position: absolute;
  top: calc(50% - 6px );
  /*minus half font-size*/
  right: 0;
  pointer-events: none;
  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  text-align: center;
  font-size: 12px;
  line-height: 1;

}

.accordion-item-bd {
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;
  transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;
    width:700px;
  margin:0 0 0 100px ;
  color:#fff;
}

.accordion-item-input {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1;
  overflow: hidden;
  position: absolute;
  left: -9999px;

}

#hideshow {
  margin: 0 auto;
  width:100px;
}


/*stopka strony głównej*/
.footer{
 background: url(../images/index-stopka.jpg) no-repeat center;
 height:114px;
 width:848px;
 margin:0 auto;
}

/*podstrona*/
.header{
 background: #61ab40;
 font-size: 18px;
 padding: 8px 0 8px 75px;
 text-align: left;
 margin-top: 20px;
 color: #FFFFFF;
}
.photos{
 height:225px;
 width:848px;
 margin:0 auto;
 border-color:#454242;
 border-style:solid;
 border-width:0px;
 border-top-width:5px;
 border-bottom-width:5px;
}
.inside{
 overflow:hidden;
 background:#4A4A4A;
}
.photo-box{
 width:300px;
 float:left;
}
.box{
 width:518px;
 float:right;
 padding:10px;
}
.photo-box-kontakt{
 width:516px;
 float:left;
}
.box-kontakt{
 width:300px;
 float:right;
 padding:10px;
}
.box ol{
 margin:5px 20px;
}
.box p{
 margin:10px 0;
}
.box-promocje{
 width:750px;
 margin:10px auto;
 -moz-column-count: 2;
 -moz-column-gap: 20px;
 -webkit-column-count: 2;
 -webkit-column-gap: 20px;
 column-count: 2;
 column-gap: 20px;
}

/*o nas*/
.members{
 background:#4A4A4A;
 margin:0 auto;
 padding:10px 30px 40px 33px;
 text-align:left;
 width:785px;
}
.members-photos{
 text-align:center;
 width:785px;
}
.members-current{
 background-color: #3c3c3c;
 height: 150px
 width: 785px;
 margin: 5px auto;
 padding: 10px 0;
}
.members-header {
 text-align:center;
}
.members-current ul {
 padding-left:40px;
 padding-top:10px;
 list-style-type:none;
 -moz-column-count: 4;
 -moz-column-gap: 20px;
 -webkit-column-count: 4;
 -webkit-column-gap: 20px;
 column-count: 4;
 column-gap: 20px;
}
.members-current a{
 color:#E3E3E3;
 text-decoration:none;
}
.members-current a:hover{
 color:#61ab40;
}
.members-retired ul{
 padding-left:40px;
 padding-top:10px;
 list-style-type:none;
 -moz-column-count: 4;
 -moz-column-gap: 20px;
 -webkit-column-count: 4;
 -webkit-column-gap: 20px;
 column-count: 4;
 column-gap: 20px;
}

/*warsztaty*/
.schedule-tabs {
 width: 848px;
 position: relative;
 min-height: 480px;
 clear: both;
}
.schedule-tab {
 margin:20px 0;
}
.schedule-tab label {
 background: #1f1f1f;
 padding: 12px;
 padding-right:118px;
 color:#61ab40;
}
.schedule-tab [type=radio] {
 display: none;
}
.schedule-content {
 position: absolute;
 background: #1f1f1f;
 width:698px;
 height:480px;
 top:-10px;
 left:210px;
}
[type=radio]:checked ~ label {
  background: #dfe1d6;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .schedule-content {
  z-index: 1;
}
ul.schedule {
 list-style:none;
 width:617px;
 margin:10px;
 padding:0px;
}
li.schedule{
 background:#4a4a4a;
 margin:10px auto;
 padding:10px;
 height:440px;
}
.schedule-prowadzacy{
 height:100px;
 margin-bottom:10px;
}
.schedule-prowadzacy img{
 float:left;
 margin:5px 10px 0px 0px;;
}
.schedule-ramka {
 height: 38px;
 width: 400px;
 border: 1px solid #999999;
 padding: 10px;
 text-align: center;
 margin:10px auto;
 }
a .schedule-content{
 color: #6ba747;
 }
#wformularz {
 display: none;
 width:700px;
 margin:0 auto;
 }
.tick{
 width:20px;
}
.schedule-content ol{
 margin:20px;
}
/*aktualnosci*/
.posts{
 width:500px;
 margin:0 20px;
 float:left;
}
.posts h3{
 margin:10px 0;
}
.posts li{
 background:#6A6968;
 margin:20px 0px;
 padding:15px;
}
.current-shows{
 width:305px;
 float:right;
 background:#1F1F1F;
}
.current-shows h3{
 margin:0px 20px;
 margin-top:35px;
}
.current-shows li{
 margin:10px;
 list-style:circle;
 margin-left:35px;
}

/*pokazy*/
.shows{
 width:700px;
 margin: 15px auto;
}
.animated-box{
 width:600px;
 height:159px;
 margin:10px auto;
 border:5px solid #454242;
 overflow:hidden;
 position:relative;
 text-align:center;
 box-shadow: 0px 0px 5px #1f1f1f;
 cursor:default;
}
.animated-box .mask{
 width:600px;
 height:159px;
 position:absolute;
 overflow:hidden;
 top:0;
 left:0;
 background-color:#dfe1d6;
 transform:translateX(-600px);
 opacity:1;
 transition:all 0.4s ease-in-out;
}
.animated-box img{
 display:block;
 position:relative;
 transition:all 0.3s ease-in-out;
}
.animated-box h3{
 text-align:center;
 position:relative;
 color:#E3E3E3;
 font-size:14px;
 margin:10px 0;
 padding:3px;
 margin-bottom:3px;
 background:#61ab40;
 box-shadow:0px 1px 3px rgba(159,141,140, 0.5);
}
.animated-box p{
 position:relative;
 font-size:12px;
 padding:5px 30px;
 text-align:center;
 opacity:0;
 color:#333;
 transition:all 0.2s linear;
}
.animated-box a.info{
 display:inline-block;
 text-decoration:none;
 padding:7px 14px;
 box-shadow: 0 0 1px #000;
 background:#000;
}
.animated-box a.info:hover{
 box-shadow:0 0 5px #000;
}
.animated-box:hover .mask{
 transform:translateX(0px);
}
.animated-box:hover img{
 transform:translateX(600px);
 transition-delay:0.1s;
}
.animated-box:hover p{
 opacity:1;
 transition-delay:0.4s;
}
/*galeria*/
#galleryinfo {
 text-align: center;
 padding: 20px;
}
.show-more{
 text-align:center;
 cursor:pointer;
 color:#549E47;
}
.gallery-panel{
 text-align:center;
 cursor:pointer;
 margin:10px 0;
 overflow:hidden;
}
.gallery-panel a:hover{
 text-decoration:underline;
}
.gallery-list{
 padding-left:20px;
 padding-right:20px;
 padding-top:10px;
}
.gallery-list ul{
 display:inline;
 list-style:none;
}
.gallery-list li{
 margin:5px;
 padding:15px;
 width:115px;
 float:left;
}
.gallery-list li a{
 border:5px solid #454242;
 text-align:center;
 cursor:default;
 padding:15px 50px;
 background-color:#dfe1d6;
 font-weight:bold;
}
.gallery-list li a:hover{
 background-color:#000;
 text-decoration:none;
}
/*filmy*/
.filmik-description{
 width:300px;
 height:200px;
 float:left;
 margin:30px;
}
.filmik{
 margin-top:5px;
}