@import url(http://fonts.googleapis.com/css?family=Allura&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700&subset=latin,latin-ext);

body {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 14px;
  background: url(../img/bg.png) top center no-repeat #fff;
  color: #666;
}

form, fieldset, img {
  border: none; margin:0; padding: 0;
}

a {
  text-decoration: none;
  color: #79AFA2;
}

    a:hover {
      text-decoration: underline;
    }

    a.wybrana {
      text-decoration: underline;
    }

img {
  border: 0;
}

.top {
  margin: 0 auto;
  width: 980px;
  height: 110px;
}

    .top h1 {
      margin: 0;
      padding: 0;
      float: left;
    }

        .top h1 img {
          display: block;
        }

.top .szukaj {
  margin: 37px 10px 0 0;
  width: 300px;
  height: 40px;
  float: right;
  text-align: right;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

    .top .szukaj input[type=text] {
      padding: 0 20px;
      background: #fff;
      height: 40px;
      border: 0;
      float: left;
      width: 260px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
    }

    .top .szukaj input[type=submit] {
      margin: 0;
      padding: 0;
      background: url(../img/szukaj.png) 12px 12px #fff no-repeat;
      width: 40px;
      height: 40px;
      float: right;
      cursor: pointer;
      border: 0;
    }

.top .konto {
  margin-top: 47px;
  float: right;
  text-align: right;
}

    .top .konto a.zaloguj {
      margin: 0 0 0 10px;
      padding: 10px 10px 10px 35px;
      background: url(../img/zaloguj.png) 10px 11px no-repeat #79ADA1;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      color: #fff;
      font-weight: bold;
      font-family: 'Source Sans Pro';
      font-size: 15px;
    }

    .top .konto a:hover {
      text-decoration: none;
    }

.cmentarz {
  margin: 0 auto;
  width: 980px;
  text-align: center;
}

    .cmentarz img {
      display: block;
    }

.wirtualny-cmentarz {
  overflow: hidden;
  display: block;
}

    .wirtualny-cmentarz .nagrobki {
      display: block;
      overflow: hidden;
    }

    .wirtualny-cmentarz .sektor-a {
      padding: 0 0 0 0;
      float: left;
      width: 421px;
    }

        .wirtualny-cmentarz .sektor-a p {
          margin: 0;
          padding: 20px 0 40px 0;
          height: 80px;
          text-align: center;
          font-size: 15px;
        }

            .wirtualny-cmentarz .sektor-a p a {
              font-size: 13px;
              line-height: 26px;
            }

        .wirtualny-cmentarz .sektor-a .nagrobek {
          margin: 0 0 10px 5px;
          width: 20px;
          height: 20px;
          float: right;
          color: #fff;
          width: 66px;
          height: 80px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;
        }

        .wirtualny-cmentarz .sektor-a .puste {
          line-height: 80px;
          text-align: center;
          background: #fafafa;
          border: 1px #ccc solid;
          color: #999;
        }

            .wirtualny-cmentarz .sektor-a .nagrobek.numer {
              overflow: hidden;
            }

            .wirtualny-cmentarz .sektor-a .nagrobek.numer a {
              display: block;
              border: 1px #333 solid;
              background: #999;
              height: 80px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              -ms-box-sizing: border-box;
              box-sizing: border-box;
              line-height: 80px;
              text-align: center;
              font-size: 22px;
              font-weight: bold;
            }

              .wirtualny-cmentarz .sektor-a .nagrobek.numer a:hover {
                  display: block;
                  border: 1px #000 solid;
                  background: #333;
                  height: 80px;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  -ms-box-sizing: border-box;
                  box-sizing: border-box;
                  line-height: 80px;
                  text-align: center;
                  color: #fff;
                  text-decoration: none;
                }

            .wirtualny-cmentarz .sektor-a .nagrobek:nth-child(6n+6) {
              margin: 0 0 5px 0;
            }

    .wirtualny-cmentarz .alejka {
      margin: 80px 10px 0 10px;
      float: left;
      width: 31px;
      background: #c9c9c9;
      height: 2752px;
    }

    .wirtualny-cmentarz .sektor-b {
      padding: 0 0 0 0;
      float: left;
      width: 356px;
    }

        .wirtualny-cmentarz .sektor-b p {
          margin: 0;
          padding: 20px 0 40px 0;
          height: 80px;
          text-align: center;
          font-size: 15px;
        }

            .wirtualny-cmentarz .sektor-b p a {
              font-size: 13px;
              line-height: 26px;
            }

        .wirtualny-cmentarz .sektor-b .nagrobek {
          margin: 0 5px 10px 0;
          width: 20px;
          height: 20px;
          float: right;
          color: #fff;
          width: 66px;
          height: 80px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;
        }

        .wirtualny-cmentarz .sektor-b .puste {
          line-height: 80px;
          text-align: center;
          background: #fafafa;
          border: 1px #ccc solid;
          color: #999;
        }

            .wirtualny-cmentarz .sektor-b .nagrobek.numer {
              overflow: hidden;
            }

            .wirtualny-cmentarz .sektor-b .nagrobek.numer a {
              display: block;
              border: 1px #333 solid;
              background: #999;
              height: 80px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              -ms-box-sizing: border-box;
              box-sizing: border-box;
              line-height: 80px;
              text-align: center;
              font-size: 22px;
              font-weight: bold;
            }

              .wirtualny-cmentarz .sektor-b .nagrobek.numer a:hover {
                  display: block;
                  border: 1px #000 solid;
                  background: #333;
                  height: 80px;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  -ms-box-sizing: border-box;
                  box-sizing: border-box;
                  line-height: 80px;
                  text-align: center;
                  color: #fff;
                  text-decoration: none;
                }

.menu {
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: left;
  width: 980px;
  position: relative;
}

    .menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

        .menu ul li {
          margin: 0 1px 0 0;
          display: inline-block;
          position: relative;
        }

        .menu ul li a {
          padding: 10px 20px 12px 20px;
          color: #000;
          font-size: 17px;
          font-weight: 700;
          display: block;
        }

            .menu ul li a.wybrana {
              padding: 10px 20px 10px 20px;
              color: #79AFA2;
              text-decoration: none;
              border-bottom: 2px #CFE2DE solid;
            }

            .menu ul li a:hover {
              padding: 10px 20px 10px 20px;
              color: #79AFA2;
              text-decoration: none;
              border-bottom: 2px #CFE2DE solid;
            }

                .menu ul li ul {
                  margin: 0;
                  padding: 0;
                  display: none;
                  float: left;
                  left: -2px;
                  position: absolute;
                  z-index: 3;
                  width: 220px;
                  border: none;
                }

                .menu ul li ul li a {
                  padding-top: 10px;
                  padding-bottom: 6px;
                  font-size: 14px;
                  border: 0;
                  border: 0;
                }

                    .menu ul li ul li a:hover {
                      padding-top: 10px;
                      padding-bottom: 6px;
                      font-size: 14px;
                      text-decoration: none;
                      border: 0;
                    }

                    .menu ul li ul li a.wybrana {
                      padding-top: 10px;
                      padding-bottom: 6px;
                      font-size: 14px;
                      text-decoration: none;
                      border: 0;
                    }

    .menu ul li:hover > ul {
      display: block;
    }

.strona {
  border-top: 1px #E1E1DF solid;
  margin: 0 auto;
  padding: 35px 0 30px 0;
  width: 980px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  text-align: left;
}

    .strona a {
      color: #000;
    }

    .strona h2 {
      margin: 0;
      padding: 20px 0;
      color: #79AFA2;
      font-size: 34px;
      line-height: 34px;
      font-weight: 300;
      display: block;
    }

    .strona h3 {
      margin: 0;
      padding: 10px 0 0 0;
      color: #333;
      font-size: 26px;
      line-height: 34px;
      font-weight: 300;
      display: block;
    }

    .strona h3.padding {
      padding-bottom: 17px;
    }

        /*
        .strona .intro {
          float: left;
          width: 600px;
          text-align: left;
        }
        */

        .strona .intro {
          text-align: center;
        }

        .strona .intro p {
          font-family: 'Allura', cursive;
          font-size: 36px;

        }

        .strona .dane {
          float: right;
          text-align: left;
          width: 300px;
          color: #79AFA2;
        }

            .strona .dane .telefon {
              margin: 0;
              padding: 20px 0;
              color: #79AFA2;
              font-size: 34px;
              line-height: 34px;
              font-weight: 300;
              display: block;
            }

    .strona .zwierzak {
      overflow: hidden;
      display: block;
    }

        .strona .zwierzak img {
          margin: 0 20px 10px 0;
          float: left;
          max-width: 280px;
        }

    .strona .podzial {
      overflow: hidden;
    }

        .strona .podzial .lewo {
          float: left;
          width: 60%;
        }

            .strona .podzial .lewo .komentarze {
              overflow: hidden;
            }

            .strona .podzial .lewo .komentarze .komentarz {
              border-bottom: 1px #f1f1f1 solid;
            }

            .strona .podzial .lewo .komentarze .komentarz:last-of-type {
              border-bottom: none;
            }

        .strona .podzial .prawo {
          float: left;
          width: 38%;
        }

            .strona .podzial .prawo .swieczki {
              padding: 0 0 20px 0;
            }

    .strona ul {
      list-style: square;
    }

.galeria {
  overflow: hidden;
}

    .galeria ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

        .galeria ul li {
          margin: 0;
          padding: 0;
          margin-top: 20px;
          margin-right: 20px;
          float: left;
          position: relative;
          width: 230px;
          height: 180px;
          background: none;
        }

            .galeria ul li img {
              position: absolute;
              top: 0;
              left: 0;
              width: 230px;
              height: 180px;
            }

        .galeria ul li:nth-child(4n) {
          margin-right: 0;
        }

.firma {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 980px;
  text-align: left;
  overflow: hidden;
  border-top: 1px #E1E1DF solid;
  font-size: 11px;
}

    .firma a {
      color: #666;
    }

    .firma .informacje {
      float: left;
    }

    .firma .realizacja {
      float: right;
      text-align: right;
    }

.unia {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 980px;
  overflow: hidden;
}

    .unia .logo-left {
      float: left;
      width: 200px;
    }

    .unia .tekst {
      padding: 20px 0 0 0;
      text-align: center;
      float: left;
      width: 580px;
    }


    .unia .logo-right {
      float: right;
      width: 200px;
      text-align: right;
    }


.formularz {
  width: 334px;
}

    .formularz .field {
      margin: 0 0 10px 0;
      display: block;
      width: 100%;
    }

    .formularz .wymagane {
      color: #fff;
      font-size: 11px;
    }

    .formularz .not_ok {
      display: block;
      padding: 4px 0 0 0;
      font-size: 11px;
      color: red;
    }

    .formularz input[type=text] {
      padding: 0 15px;
      height: 40px;
      border: 1px #E3E3E3 solid;
      width: 334px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      font-family: Verdana;
      font-size: 11px;
      color: #666;
      background: #fff;
    }

        .formularz input[type=text]:focus {
          outline: none !important;
          border:1px solid #999;
          box-shadow: 0 0 1px #999;
        }

    .formularz input[type=password] {
      padding: 0 15px;
      height: 40px;
      border: 1px #E3E3E3 solid;
      width: 334px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      font-family: Verdana;
      font-size: 11px;
      color: #666;
      background: #fff;
    }

        .formularz input[type=password]:focus {
          outline: none !important;
          border:1px solid #999;
          box-shadow: 0 0 1px #999;
        }

    .formularz textarea {
      margin-top: 2px;
      padding: 12px 15px;
      border: 1px #E3E3E3 solid;
      width: 334px;
      height: 139px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      resize: vertical;
      font-family: Verdana;
      font-size: 11px;
      color: #666;
      background: #fff;
    }

        .formularz textarea:focus {
          outline: none !important;
          border:1px solid #999;
          box-shadow: 0 0 1px #999;
        }

    .formularz input[type=submit] {
      margin: 1px 0 0 0;
      background: url(../img/submit.png) 80px no-repeat #000;
      text-align: left;
      padding: 0 20px 0 20px;
      font-weight: normal;
      font-size: 14px;
      color: #fff;
      line-height: 24px;
      border: 0;
      cursor: pointer;
      height: 40px;
      color: #A2A2A2;
      font-family: Verdana;
      text-align: center;
      background: #F0F0F0;
      float: right;
    }

    .komunikat {
      font-weight: bold;
      color: red;
      text-align: left;
    }

    .formularz-kontakt .komunikat {
      margin: 0;
      padding: 0;
      background: none;
      color: #fff;
    }

    .potwierdzenie {
      color: green;
    }

    ::-webkit-input-placeholder {
      color: #999;
    }
    :-moz-placeholder {
      color: #999;
    }
    ::-moz-placeholder {
      color: #999;
    }
    :-ms-input-placeholder {
      color: #999;
    }

    .kontaktFormFullWynik {
      font-size: 11px;
    }

/*

.tresc {
  margin: 0 auto;
  padding: 20px;
  width: 980px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
}

    .tresc h2 {
      margin: 0;
      padding: 0 0 10px 0;
      font-weight: normal;
      color: #333;
    }

    .tresc ul {
      list-style: none;
    }

        .tresc ul li {
          padding: 0 0 0 14px;
          background: url(../img/li-bg.png) left 6px no-repeat;
          line-height: 20px;
        }

    .tresc table {
      margin: 20px 0 0 0;
      line-height: 20px;
      border: 1px #CDCDCD solid;
      border-collapse: collapse;
    }

    .tresc table td {
      padding: 8px 10px;
      border: 1px #CDCDCD solid;
      border-left: none;
      border-right: none;
      vertical-align: top;
    }

*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}

* html #fancybox-loading {	/* IE6 */
position: absolute;
margin-top: 0;
}

#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('../img/fancybox/fancybox.png');
}

#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 1100;
display: none;
}

* html #fancybox-overlay {
position: absolute;
width: 100%;
}

#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}

#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 20px;
z-index: 1101;
display: none;
}

#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #FFF;
}

#fancybox-inner {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
outline: none;
overflow: hidden;
}

#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}

#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background-image: url(../img/fancybox/fancybox.png);
background-position: -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}

#fancybox_error {
color: #444;
font: normal 12px/20px Arial;
padding: 7px;
margin: 0;
}

#fancybox-content {
height: auto;
width: auto;
padding: 0;
margin: 0;
}

#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
position: relative;
width: 100%;
height: 100%;
border: none;
display: block;
}

#fancybox-title {
position: absolute;
bottom: 0;
left: 0;
font-family: Arial;
font-size: 12px;
z-index: 1102;
}

.fancybox-title-inside {
padding: 10px 0;
text-align: center;
color: #333;
}

.fancybox-title-outside {
padding-top: 5px;
color: #FFF;
text-align: center;
font-weight: bold;
}

.fancybox-title-over {
color: #FFF;
text-align: left;
}

#fancybox-title-over {
padding: 10px;
background-image: url('../img/fancybox/fancy_title_over.png');
display: block;
}

#fancybox-title-wrap {
display: inline-block;
}

#fancybox-title-wrap span {
height: 32px;
float: left;
}

#fancybox-title-left {
padding-left: 15px;
background-image: url('../img/fancybox/fancybox.png');
background-position: -40px -90px;
background-repeat: no-repeat;
}

#fancybox-title-main {
font-weight: bold;
line-height: 29px;
background-image: url('../img/fancybox/fancybox-x.png');
background-position: 0px -40px;
color: #FFF;
}

#fancybox-title-right {
padding-left: 15px;
background-image: url('../img/fancybox/fancybox.png');
background-position: -55px -90px;
background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background-image: url('../img/fancybox/blank.gif');
z-index: 1102;
display: none;
}

#fancybox-left {
left: 0px;
}

#fancybox-right {
right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}

#fancybox-left-ico {
background-image: url('../img/fancybox/fancybox.png');
background-position: -40px -30px;
}

#fancybox-right-ico {
background-image: url('../img/fancybox/fancybox.png');
background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
visibility: visible;
}

#fancybox-left:hover span {
left: 20px;
}

#fancybox-right:hover span {
left: auto;
right: 20px;
}

.fancy-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}

#fancy-bg-n {
top: -20px;
left: 0;
width: 100%;
}

#fancy-bg-ne {
top: -20px;
right: -20px;
background-position: -40px -162px;
}

#fancy-bg-e {
top: 0;
right: -20px;
height: 100%;
background-position: -20px 0px;
}

#fancy-bg-se {
bottom: -20px;
right: -20px;
background-position: -40px -182px;
}

#fancy-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-position: 0px -20px;
}

#fancy-bg-sw {
bottom: -20px;
left: -20px;
background-position: -40px -142px;
}

#fancy-bg-w {
top: 0;
left: -20px;
height: 100%;
}

#fancy-bg-nw {
top: -20px;
left: -20px;
background-position: -40px -122px;
}