/* plenerowa sesja w bocznym menu */
.mb1e{
  margin: 20px;
  display: block;
  width: 184px;
  height: 65px;
  background: url(plenerowe.jpg) 0 0 no-repeat;
}

.mb1e:hover, .plenerowa{
  margin: 20px;
  display: block;
  width: 184px;
  height: 65px;
  background: url(plenerowe.jpg) 0 -65px no-repeat;
}

/* przycisk powrot */
.powrot{
  float: right;
  margin: 5px 100px 0px 0px;
  width: 73px;
  height: 22px;
  background: url('powrot.jpg');
}

/* tzw nasycenie */
.nasycenie{
  padding: 0px;
}

.nasycenie li{
  list-style: none;
  padding: 0px;
  margin: 10px 0px;
}

.nasycenie .holder, .nasycenie .holder .box{
  width: 730px;
  height: 180px;
  background: url('ns_spirite.jpg') no-repeat;
}
.nasycenie .holder .box a{
  width: 730px;
  height: 180px;
  display: block;
  cursor: pointer;
}

.holder.sesje{ background-position: 0px 0px; }
.holder.slub{ background-position: 0px -180px; }
.holder.przygotowania{ background-position: 0px -360px; }
.holder.wesele{ background-position: 0px -540px; }
.holder.albumy{ background-position: 0px -720px; }

.holder.sesje .box{ background-position: -730px 0px; }
.holder.slub .box{ background-position: -730px -180px; }
.holder.przygotowania .box{ background-position: -730px -360px; }
.holder.wesele .box{ background-position: -730px -540px; }
.holder.albumy .box{ background-position: -730px -720px; }

.holder .box{
  opacity: 0;
}

/* tzw oferta */
.oferta{
  padding: 0px;
}

.oferta li{
  list-style: none;
  padding: 0px;
  margin: 10px 0px;
}

.oferta .holder, .oferta .holder .box{
  width: 730px;
  height: 49px;
  background: url('belka_ofertaslubna.jpg') no-repeat;
}
.oferta .holder .box a{
  width: 730px;
  height: 49px;
  display: block;
  cursor: pointer;
}

.holder.oferta1{ background-position: 0px 0px; }

.holder.oferta1 .box{ background-position: -730px 0px; }

/* lightbox label */
#lightbox-overlay-text-about, #lightbox-overlay-text-close{
  display: none;
}

/* wiekszy kontakt */
.bKontakt{
  text-align: center;
}
.bKontakt ul{
  padding: 0px;
}
.bK_mail a{
  font-size: 17px;
  font-weight: bold;
}
.bK_tel a{
  font-size: 13px;
}

/* nowe tlo oferty slubnej */
.mb2 .ofslub{
  background: url('tlo_ofertaslubna.jpg') no-repeat;
  min-height: 950px;
}

.mb2 .ofslub .txt{
  width: 300px;
  float: left;
  overflow: hidden;
  margin: 90px 0px 0px 50px;
}

/* formularz */
.formularz{
  width: 450px;
}

.formularz h3{
  float: left;
  text-align: left;
}

.formularz .txta{
  margin: 10px;
}

.formularz textarea{
  display: block;
  height: 130px;
  width: 100%;
}

.formularz label{
  display: block;
  overflow: hidden;
  margin: 10px;
  clear: both;
}

.formularz label input{
  float: right;
}

.formularz input[type=submit]{
  clear: both;
}
/* bez marginesow && czerwony naglowek */
.formularz label, .formularz div.txta{
  margin-left: 0px;
}
.of_form h3{
  color: #F00;
}

/* formularz na slubnej */
div.of_form{
  clear: both;
  margin-left: 50px;
  margin-top: 300px;
  background #F00;
}
.of_form .formularz label input{
  width: 150px;
}
.of_form .formularz{
  width: 300px;
}

.of_form .formularz textarea{
  height: 80px;
}
/* formularz na slubnej new */
div.of_form_new{
  clear: both;
  padding-top:20px;
  text-align:left;
}
.of_form_new .formularz label input{
  width: 150px;
}
.of_form_new a:hover{
  color:black;
}
.of_form_new .formularz{
  width: 386px;
}
.of_form_new .formularz textarea{
  height: 80px;
}
/* galeria w nowym okienku, nie stronie */
#bGaleria{
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 999;
  top: 0px;
  left: 0px;
}

#bgCont{
  overflow: hidden;
  clear: both;
}

#galleria_ul li img{
  width: 45px;
  height: 45px;
  display: none;
}

#galleria_ul li{
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  padding: 1px;
  border: 1px solid #222;
}

.galleria_wrapper{
  text-align: center;
  padding-top: 30px;
}

span.caption{
  display: block;
  text-align: center;
  height: 16px;
}

img.replaced{
  max-height: 600px;
}

.galleria_miniaturki{
  display: block;
  text-align: center;
}

.closer{
  float: right;
  margin: 10px;
  margin-top: 25px;
  width: 73px;
  height: 22px;
  background: url('powrot.jpg');
  cursor: pointer;
}

div.nav{
  text-align: center;
}

/* tzw "nasycenie" poszczegolne albumy */
.albumy{
  padding: 0px;
}

.albumy .holder{
  width: 730px;
  height: 180px;
  margin: 10px 0px;
  background: url('albumy_spirite.jpg') no-repeat;
}

.albumy .holder .box{
  width: 730px;
  height: 180px;
  background: url('albumy_spirite.jpg') no-repeat;
}

.albumy .holder .box a{
  width: 730px;
  height: 180px;
  display: block;
  cursor: pointer;
}

.holder.album1{ background-position: 0px 0px; }
.holder.album2{ background-position: 0px -180px; }
.holder.album3{ background-position: 0px -360px; }
.holder.album4{ background-position: 0px -540px; }
.holder.album5{ background-position: 0px -720px; }
.holder.album6{ background-position: 0px -900px; }
.holder.album7{ background-position: 0px -1080px; }

.holder.album1 .box{ background-position: -730px 0px; }
.holder.album2 .box{ background-position: -730px -180px; }
.holder.album3 .box{ background-position: -730px -360px; }
.holder.album4 .box{ background-position: -730px -540px; }
.holder.album5 .box{ background-position: -730px -720px; }
.holder.album6 .box{ background-position: -730px -900px; }
.holder.album7 .box{ background-position: -730px -1080px; }

/* bialy przycisk powrot */
.bialy_powrot{
  display: block;
  float: right;
  margin: 25px 70px 0px 0px;
  width: 78px;
  height: 28px;
  background: url('/img/guzik_bialy.gif') no-repeat;
}

/* intro przed strona z albumami */
.albumy_intro{
  height: 265px;
  background: url('1_wojtek.jpg') no-repeat 30px 0px;
  padding-left: 290px;
  color: #000;
}

.albumy_intro p{
  width: 430px;
  margin-bottom: 43px;
}

h5.niebieski{
  background: #0060af;
  color: #FFF;
  padding: 3px;
  margin: 5px 10px 25px 0px;
  padding-left: 60px;
  font-size: 13px;
}

