@import url("owl.theme.css");
@import url("owl.carousel.css");
@import url("owl.transitions.css");

/* USTAWIENIA OGÓLNE
------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #333333;
	width: 100%;
}

img {
	border: none;
}

p, table {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

/* NAGŁÓWEK - PASEK Z TELEFONEM I ADRESEM, MENU GŁÓWNE
------------------------------------------------------------------------------*/

#glowny {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -50px;
  overflow-x: hidden;
}

    #pasek-gora {
      width: 100%;
      height: 39px;
      border-bottom: 1px solid #e9e9e9;
    }
    
        #telefon {
          float: left;
          height: 39px;
          background: url(../grafika/elementy.png) no-repeat 0px -60px;
          padding-left: 19px;
        }
        
            #telefon p {
              padding: 0px;
              margin: 0px;
              font-size: 13px;
              line-height: 39px;
            }
        
            #telefon p span {
              font-weight: 700;
              color: #a80a2e;
            }
            
        #godziny {
          float: left;
          height: 39px;
          background: url(../grafika/elementy.png) no-repeat 0px -186px;
          margin-left: 20px;
          padding-left: 19px;
        }
        
            #godziny a {
              margin: 0px;
              padding-left: 7px;
              font-size: 13px;
              line-height: 39px;
              font-weight: 400;
              text-decoration: none;
              color: #333333;
            }
        
                #godziny a:hover {
                  color: #a80a2e;
                }
        
        #adres {
          float: right;
          height: 39px;
          background: url(../grafika/elementy.png) no-repeat 0px -100px;
          padding-left: 22px;
        }
        
            #adres p {
              padding: 0px;
              margin: 0px;
              font-size: 13px;
              line-height: 39px;
            }
    
#naglowek {
  z-index: 999;
  width: 100%;
  height: 89px;
  background: url(../grafika/naglowek-tlo.png) 0px 0px;
  border-bottom: 1px solid #e9e9e9;
}

    #logo {
      float: left;
      width: 221px;
      height: 60px;
      margin-top: 17px;
      z-index: 10;
    }
    
        #logo a {
          display: block;
          width: 221px;
          height: 60px;
          background: url(../grafika/elementy.png) no-repeat 0px 0px;
        }
    
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
      margin: 0;
      padding: 0;
      border: 0;
      list-style: none;
      line-height: 1;
      display: block;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #cssmenu:after,
    #cssmenu > ul:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }
    #cssmenu #menu-button {
      display: none;
    }
    #cssmenu {
      width: auto;
      line-height: 1;
      float: right;
      margin-top: 30px;
      z-index: 999;
    }
    #menu-line {
      display: none;
    }
    #cssmenu > ul > li {
      float: left;
      margin-left: 5px;
    }
    #cssmenu.align-center > ul {
      font-size: 0;
      text-align: center;
    }
    #cssmenu.align-center > ul > li {
      display: inline-block;
      float: none;
    }
    #cssmenu.align-center ul ul {
      text-align: left;
    }
    #cssmenu.align-right > ul > li {
      float: right;
    }
    #cssmenu.align-right ul ul {
      text-align: right;
    }
    #cssmenu > ul > li > a {
      display: block;
      height: 30px;
      padding: 0px 10px 0px 10px;;
      font-size: 13px;
      line-height: 30px;
      text-decoration: none;
      color: #666666;
      -webkit-transition: color .2s ease;
      -moz-transition: color .2s ease;
      -ms-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease;
    }
    #cssmenu > ul > li:hover > a,
    #cssmenu > ul > li.active > a {
      color: #333333;
      background-color: #e9e9e9;
    }
    #cssmenu > ul > li.has-sub > a {
      padding-right: 25px;
    }
    #cssmenu > ul > li.has-sub > a::after {
      position: absolute;
      top: 12px;
      right: 10px;
      width: 4px;
      height: 4px;
      border-bottom: 1px solid #a80a2e;
      border-right: 1px solid #a80a2e;
      content: "";
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: border-color 0.2s ease;
      -moz-transition: border-color 0.2s ease;
      -ms-transition: border-color 0.2s ease;
      -o-transition: border-color 0.2s ease;
      transition: border-color 0.2s ease;
    }
    #cssmenu > ul > li.has-sub:hover > a::after {
      border-color: #a80a2e;
    }
    #cssmenu ul ul {
      position: absolute;
      left: -9999px;
      border-top: 3px solid #a80a2e;
    }
    #cssmenu li:hover > ul {
      left: auto;
    }
    #cssmenu.align-right li:hover > ul {
      right: 0;
    }
    #cssmenu ul ul ul {
      margin-left: 100%;
      top: 0;
    }
    #cssmenu.align-right ul ul ul {
      margin-left: 0;
      margin-right: 100%;
    }
    #cssmenu ul ul li {
      height: 0;
      -webkit-transition: height .2s ease;
      -moz-transition: height .2s ease;
      -ms-transition: height .2s ease;
      -o-transition: height .2s ease;
      transition: height .2s ease;
    }      
    #cssmenu ul li:hover > ul > li {
      height: 32px;
    }
    #cssmenu ul ul li a {
      padding: 10px 20px;
      width: 200px;
      background: #e9e9e9;
      text-decoration: none;
      color: #666666;
      -webkit-transition: color .2s ease;
      -moz-transition: color .2s ease;
      -ms-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
      color: #222222;
    }
    #cssmenu ul ul li.has-sub > a::after {
      position: absolute;
      top: 13px;
      right: 10px;
      width: 4px;
      height: 4px;
      border-bottom: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      content: "";
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition: border-color 0.2s ease;
      -moz-transition: border-color 0.2s ease;
      -ms-transition: border-color 0.2s ease;
      -o-transition: border-color 0.2s ease;
      transition: border-color 0.2s ease;
    }
    #cssmenu.align-right ul ul li.has-sub > a::after {
      right: auto;
      left: 10px;
      border-bottom: 0;
      border-right: 0;
      border-top: 1px solid #dddddd;
      border-left: 1px solid #dddddd;
    }
    #cssmenu ul ul li.has-sub:hover > a::after {
      border-color: #ffffff;
    }
    #cssmenu ul li a.s08 {
      width: 30px;
      height: 30px;
      background: url(../grafika/elementy.png) no-repeat 0px -140px;
      padding: 0px;
    }
    
/* PODŚWIETLANIE AKTWYNEJ STRONY
------------------------------------------------------------------------------*/
    
/* Podświetlenie w górnym menu (nagłówek) */

#s01 #naglowek #cssmenu ul li a.s01, #s02 #naglowek #cssmenu ul li a.s02, #s03 #naglowek #cssmenu ul li a.s03, #s04 #naglowek #cssmenu ul li a.s04, #s05 #naglowek #cssmenu ul li a.s05, #s06 #naglowek #cssmenu ul li a.s06, #s07 #naglowek #cssmenu ul li a.s07 {
  font-weight: 400;
  color: #ffffff;
  background-color: #a80a2e;
}

/* Zmiana koloru strzałki (nagłówek) */

#s02 #naglowek #cssmenu ul li.has-sub a::after, #s02-01 #naglowek #cssmenu ul li.has-sub a::after, #s02-02 #naglowek #cssmenu ul li.has-sub a::after, #s02-03 #naglowek #cssmenu ul li.has-sub a::after, #s02-04 #naglowek #cssmenu ul li.has-sub a::after, #s02-05 #naglowek #cssmenu ul li.has-sub a::after, #s02-06 #naglowek #cssmenu ul li.has-sub a::after, #s02-07 #naglowek #cssmenu ul li.has-sub a::after, #s02-08 #naglowek #cssmenu ul li.has-sub a::after, #s02-09 #naglowek #cssmenu ul li.has-sub a::after, #s02-10 #naglowek #cssmenu ul li.has-sub a::after {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

/* Podświetlenie w dolnym menu (stopka) */

#s00 #stopka #menu-stopka li a.s00, #s01 #stopka #menu-stopka li a.s01, #s02 #stopka #menu-stopka li a.s02, #s03 #stopka #menu-stopka li a.s03, #s04 #stopka #menu-stopka li a.s04, #s05 #stopka #menu-stopka li a.s05, #s06 #stopka #menu-stopka li a.s06, #s07 #stopka #menu-stopka li a.s07 {
  font-weight: 400;
  color: #a80a2e;
}

/* Podświetlenie dla zakresu leczenia */

#s02-01 #naglowek #cssmenu ul li a.s02, #s02-02 #naglowek #cssmenu ul li a.s02, #s02-03 #naglowek #cssmenu ul li a.s02, #s02-04 #naglowek #cssmenu ul li a.s02, #s02-05 #naglowek #cssmenu ul li a.s02, #s02-06 #naglowek #cssmenu ul li a.s02, #s02-07 #naglowek #cssmenu ul li a.s02, #s02-08 #naglowek #cssmenu ul li a.s02, #s02-09 #naglowek #cssmenu ul li a.s02, #s02-10 #naglowek #cssmenu ul li a.s02 {
  font-weight: 400;
  color: #ffffff;
  background-color: #a80a2e;
}

#s02-01 #stopka #menu-stopka li a.s02, #s02-02 #stopka #menu-stopka li a.s02, #s02-03 #stopka #menu-stopka li a.s02, #s02-04 #stopka #menu-stopka li a.s02, #s02-05 #stopka #menu-stopka li a.s02, #s02-06 #stopka #menu-stopka li a.s02, #s02-07 #stopka #menu-stopka li a.s02, #s02-08 #stopka #menu-stopka li a.s02, #s02-09 #stopka #menu-stopka li a.s02, #s02-10 #stopka #menu-stopka li a.s02 {
  font-weight: 400;
  color: #a80a2e;
}

#s02-01 #naglowek #cssmenu ul li ul li a.s02-01, #s02-02 #naglowek #cssmenu ul li ul li a.s02-02, #s02-03 #naglowek #cssmenu ul li ul li a.s02-03, #s02-04 #naglowek #cssmenu ul li ul li a.s02-04, #s02-05 #naglowek #cssmenu ul li ul li a.s02-05, #s02-06 #naglowek #cssmenu ul li ul li a.s02-06, #s02-07 #naglowek #cssmenu ul li ul li a.s02-07, #s02-08 #naglowek #cssmenu ul li ul li a.s02-08, #s02-09 #naglowek #cssmenu ul li ul li a.s02-09, #s02-10 #naglowek #cssmenu ul li ul li a.s02-10 {
  color: #a80a2e;
}

#s02-01 #menu-lewa li a.s02-01, #s02-02 #menu-lewa li a.s02-02, #s02-03 #menu-lewa li a.s02-03, #s02-04 #menu-lewa li a.s02-04, #s02-05 #menu-lewa li a.s02-05, #s02-06 #menu-lewa li a.s02-06, #s02-07 #menu-lewa li a.s02-07, #s02-08 #menu-lewa li a.s02-08, #s02-09 #menu-lewa li a.s02-09, #s02-10 #menu-lewa li a.s02-10 {
  color: #a80a2e;
}

/* NAGŁÓWKI
------------------------------------------------------------------------------*/

#belka-duza {
  width: 100%;
  padding-bottom: 20px;
  background: url(../grafika/belka.jpg) no-repeat center 0px;
  border-bottom: 1px solid #e9e9e9;
}

#belka-mala {
  width: 100%;
  height: 80px;
  background: url(../grafika/belka.jpg) no-repeat center top;
  border-bottom: 1px solid #e9e9e9;
}

    #ikonka {
      float: left;
      width: 60px;
      height: 60px;
      margin: 10px 10px 0px 0px;
    }
    
        #s01 #ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -600px;
        }
        
        #s02 #ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -660px;
        }

            #s02-01 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -420px;
            }
            
            #s02-02 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -480px;
            }
            
            #s02-03 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -300px;
            }
            
            #s02-04 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -180px;
            }
            
            #s02-05 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -240px;
            }
            
            #s02-06 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -60px;
            }
            
            #s02-07 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px 0px;
            }
            
            #s02-08 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -360px;
            }
            
            #s02-09 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -540px;
            }
            
            #s02-10 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -120px;
            }

            #s02-11 #ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -1020px;
            }
        
        #s03 #ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -720px;
        }
        
        #s04 #ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -780px;
        }
        
        #s05 #ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -840px;
        }
        
        #s06 #ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -900px;
        }
        
        #s07 #ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -900px;
        }
    
    #belka-mala h1 {
      float: left;
      font-weight: 400;
      font-size: 38px;
    	color: #ffffff;
    	text-align: left;
      line-height: 80px;
      text-shadow: 1px 1px 1px #5a605e;
    }

/* BLOKI NA TEKST
------------------------------------------------------------------------------*/
            
/* 2 bloki */

.siatka2 {
  float: left;
  width: 430px;
  margin: 0px 20px 20px 0px;
}

.siatka2o {
  float: right;
  width: 430px;
  margin: 0px 0px 20px 0px;
}

.siatka2o:after {
  clear: both;
}

/* 3 bloki */

.siatka3 {
  float: left;
  width: 300px;
  margin: 0px 20px 10px 0px;
}

.siatka3o {
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
}

.siatka3o:after {
  clear: both;
}

/* 4 bloki */

.siatka4 {
  float: left;
  width: 220px;
  margin: 0px 20px 20px 0px;
}

.siatka4o {
  float: left;
  width: 220px;
  margin: 0px 0px 20px 0px;
}

.siatka4o:after {
  clear: both;
}

/* 3/4 strony */

.siatka34 {
  float: left;
  width: 680px;
  margin: 0px 0px 20px 40px;
}

/* OGÓLNE USTAWIENIA DLA ZAWARTOŚCI
------------------------------------------------------------------------------*/

.kontener {
  margin: 0px auto;
  width: 940px;
}

#zawartosc .kontener {
  margin: 20px auto;
  width: 940px;
}
        
    #menu-lewa { 
      width: 240px;
      float: left;
    }
    
        #menu-lewa li {
    		  list-style-type: none;
          border-bottom: 1px solid #e9e9e9;
        }
    	
            #menu-lewa li a {
        	    display: block;
              height: 40px;
              font-weight: 400;
              font-size: 13px;
              color: #666666;
              line-height: 40px;
              text-decoration: none;
              padding: 0px 10px 0px 10px;
              background: url(../grafika/punktor.png) no-repeat left center;
            }
            	
            #menu-lewa li a:hover {
              color: #222222;
            }
                
    #tresc {
      float: right;
      width: 660px;
    }
    
        .zdjecie-ramka {
          width: 100%;
          height: auto;
          padding: 1%;
          margin-bottom: 20px;
          border: 1px solid #e9e9e9;
          -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
          box-sizing: border-box;
        }
        
            .zdjecie-ramka img {
              display: block;
              width: 100%;
              height: auto;
            }
        
        #tresc p {
          font-weight: 400;
          font-size: 13px;
          text-align: justify;
          line-height: 160%;
          margin-bottom: 10px;
        }
        
h2 {
  font-weight: 400;
  font-size: 22px;
	color: #333333;
	text-align: left;
  margin: 0px 0px 10px 0px;
}

p {
  font-weight: 400;
  font-size: 13px;
  text-align: justify;
  line-height: 160%;
  margin-bottom: 10px;
}
        
    p span {
      font-weight: 700;
      font-size: 13px;
      line-height: 160%;
      margin-bottom: 10px;
      color: #a80a2e;
    }
        
p.zaproszenie {
  text-align: left;
  margin: 20px 0px 0px 0px;
}

p.podpis {
  font-family: 'Allura', cursive;
  font-size: 25px;
  text-align: left;
  color: #a80a2e;
}

ul.lista {
  margin: 0px 0px 25px 10px;
  list-style: none;
}

    ul.lista li {
      padding-left: 10px;
      margin-bottom: 5px;
      font-weight: 400;
      font-size: 13px;
      text-align: justify;
      line-height: 160%;
      background: url(../grafika/punktor.png) no-repeat 0px 10px;
    }
    
ol.lista {
  margin: 0px 0px 15px 30px;
}

    ol.lista li {
      padding-left: 5px;
      margin-bottom: 5px;
      font-weight: 400;
      font-size: 13px;
      text-align: justify;
      line-height: 160%;
    }
    
.separator {
  clear: both;
  height: 1px;
  width: 100%;
  background-color: #e9e9e9;
  margin: 15px 0px 15px 0px;
}

/* "CERTYFIKATY" i "GALERIA"
------------------------------------------------------------------------------*/
    
.siatka4 img, .siatka4o img {
  border: 1px solid #e9e9e9;
  margin: 0px;
  padding: 5px;
}

/* "ZAKRES LECZENIA"
------------------------------------------------------------------------------*/
    
.usluga {
  margin: 0px;
}

    .usluga .ikonka {
      width: 60px;
      height: 60px;
      margin-left: 80px;
    }
    
        .usluga-1 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px 0px;
        }
        
        .usluga-2 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -60px;
        }
        
        .usluga-3 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -120px;
        }
        
        .usluga-4 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -180px;
        }
        
        .usluga-5 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -240px;
        }
        
        .usluga-6 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -300px;
        }
        
        .usluga-7 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -360px;
        }
        
        .usluga-8 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -420px;
        }
        
        .usluga-9 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -480px;
        }
        
        .usluga-10 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -540px;
        }

        .usluga-11 .ikonka {
          background: url(../grafika/ikonki.png) no-repeat 0px -1020px;
        }
        
        .usluga .ikonka a {
          display: block;
          width: 60px;
          height: 60px;
          text-indent: -9999px;
          background: none;
        }
        
            .usluga .ikonka a:hover {
              opacity: 0.7;
            }
    
    .usluga h2 {
      width: 220px;
      font-weight: 400;
      font-size: 16px;
    	text-align: center;
      margin-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e9e9e9;
    }
    
        .usluga h2 a {
          color: #333333;
          text-decoration: none;
        }
        
        .usluga h2 a:hover {
          color: #a80a2e;
          text-decoration: none;
        }
        
/* "LEKARZE"
------------------------------------------------------------------------------*/
    
.lekarz-zdjecie {
  float: left;
  width: 208px;
  height: auto;
  padding: 5px;
  border: 1px solid #e9e9e9;
  margin-bottom: 15px;
}

    .lekarz-zdjecie img{
      display: block;
      width: 100%;
      height: auto;
    }
    
/* "CENNIK"
------------------------------------------------------------------------------*/

p.cennik {
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 22px;
}

    p.cennik span {
      font-weight: 700;
      font-size: 22px;
      color: #a80a2e;
    }

/* "KONTAKT"
------------------------------------------------------------------------------*/

#s07 #glowny #zawartosc .kontener .siatka2o {
  width: 350px;
}

#mapka {
   width: 960px;
   height: 300px;
   margin: 20px 0px 20px 0px;
}

#formularz {
  width: 430px;
  margin-top: 20px;
}

    #formularz fieldset {
      border: hidden;
    }
    
        #formularz .pole {
          clear: both;
          margin-bottom: 5px;
        }
            
            #formularz .pole input {
              float: left;
              width: 300px;
              height: 30px;
              display: block;
              border: 1px solid #e9e9e9;
              font-family: Tahoma, Verdana, Arial;
              color: #333333;
              font-size: 12px;
              font-weight: normal;
              padding-left: 5px;
              margin-bottom: 10px;
            }
            
            #formularz textarea {
              width: 418px;
              height: 170px;
              display: block;
              border: 1px solid #e9e9e9;
              font-family: Tahoma, Verdana, Arial;
              color: #333333;
              font-size: 12px;
              font-weight: normal;
              padding: 8px 5px 5px 5px;
              resize: vertical;
            }
            
        #formularz .dane-osobowe {
          clear: both;
          margin: 0px 0px 30px 0px;
        }
        
            #formularz .dane-osobowe .przycisk {
              float: left;
              margin: 5px 0px 0px 0px;
              padding: 5px;
              border: 1px solid #e9e9e9;
            }
            
            #formularz .dane-osobowe .info {
              float: left;
              width: 360px;
              margin: 5px 0px 0px 5px;
              color: #333333;
              font-size: 9px;
              font-weight: normal;
              text-align: left;
              text-decoration: none;
            }
    
        #formularz span.wyslij {
        	float: right;
          display: block;
        	width: 60px;
        	height: 30px;
        	line-height: 30px;
        	text-align: center;
        	font-size: 13px;
        	font-weight: 400;
        	color: #333333;
        	cursor:	pointer;
          background-color: #e9e9e9;
          margin-top: 20px;
        }
        
        div.przetwarzanie {
        	height: 50px;
          width: 100%;
          color: #000000;
          font-size: 12px;
          font-weight: normal;
          text-align: center;
          text-decoration: none;
        }
            
    .formularz-wysylanie {
      width: 388px;
      text-align: center;
      font-weight: 400;
      font-size: 13px;
      color: #00702c;
      padding: 50px 20px 10px 20px;
      margin: 10px 0px 10px 0px;
      border: 1px solid #e9e9e9;
      background: url(../grafika/formularz-wysylanie.gif) no-repeat center center;
    }
    
    .formularz-wysylanie-ok {
      width: 388px;
      text-align: center;
      font-weight: 400;
      font-size: 13px;
      color: #333333;
      padding: 20px;
      margin: 10px 0px 10px 0px;
      border: 1px solid #e9e9e9;
    }
    
    .formularz-wysylanie-blad {
      width: 388px;
      text-align: center;
      font-weight: 700;
      font-size: 13px;
      color: #a8092d;
      padding: 20px;
      margin: 10px 0px 10px 0px;
      border: 1px solid #e9e9e9;
    }
    
h3 {
  font-weight: 700;
  font-size: 16px;
	color: #333333;
	text-align: left;
  margin: 30px 0px 10px 0px;
}

p.adres {
  margin-bottom: 10px;
}

    p.adres a {
      color: #a80a2e;
      text-decoration: none;
    }

p.godziny {
  font-weight: 400;
  font-size: 13px;
  text-align: left;
  line-height: 160%;
  margin: 0px;
  padding: 0px;
}
        
    p.godziny span {
      display: inline-block;
      width: 90px;
      font-weight: 700;
      font-size: 13px;
      line-height: 160%;
      text-align: left;
      color: #a80a2e;
      margin: 0px;
      padding: 0px;
    }

/* KARUZELA Z USŁUGAMI
------------------------------------------------------------------------------*/

.karuzela {
  position: relative;
  margin: 0px auto 0px auto;
	width: 960px;
}

    .owl-nav {
      position: absolute;
      width: 100%;
      top: 50%;
    }

      .owl-nav .prev {
        display: block;
        float: left;
        margin-left: -25px;
        width: 25px;
        height: 40px;
        background: url(../grafika/strzalki.png) no-repeat 0px 0px;
        cursor: pointer;
      }

      .owl-nav .next {
        display: block;
        float: right;
        margin-right: -25px;
        width: 25px;
        height: 40px;
        background: url(../grafika/strzalki.png) no-repeat -25px 0px;
        cursor: pointer;
      }

    .owl-usluga {
      margin: 0px 15px 0px 15px;
    }

        .owl-ikonka {
          z-index: 10;
          position: relative;
          width: 60px;
          height: 60px;
          margin: 20px auto -70px auto;
        }
        
            .usluga-1 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px 0px;
            }
            
            .usluga-2 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -60px;
            }
            
            .usluga-3 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -120px;
            }
            
            .usluga-4 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -180px;
            }
            
            .usluga-5 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -240px;
            }
            
            .usluga-6 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -300px;
            }
            
            .usluga-7 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -360px;
            }
            
            .usluga-8 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -420px;
            }
            
            .usluga-9 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -480px;
            }
            
            .usluga-10 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -540px;
            }

            .usluga-11 .owl-ikonka {
              background: url(../grafika/ikonki.png) no-repeat 0px -1020px;
            }
        
        .owl-kontener {
        	min-height: 350px;
          padding-bottom: 10px;
          margin-bottom: 10px;
          background: url(../grafika/naglowek-tlo.png) 0px 0px;
        	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        }

            .owl-kontener h2 {
            	font-weight: 400;
              font-size: 20px;
            	color: #333333;
            	text-align: center;
              margin-top: 40px;
              padding-top: 40px;
            }
            
            .owl-kontener .owl-miniaturka-ramka {
              width: 92%;
              height: auto;
              margin-left: 3%;
              padding: 1%;
              border: 1px solid #e9e9e9;
            }
            
                .owl-kontener .owl-miniaturka-ramka img {
                  display: block;
                  width: 100%;
                  height: auto;
                }
            
            .owl-kontener p {
              height: 100px;
              font-weight: 400;
              padding: 15px 20px;
              font-size: 13px;
              text-align: left;
              line-height: 130%;
            }
            
            .owl-kontener a {
              display: block;
              margin: 20px auto 10px auto;
              width: 100px;
              height: 30px;
              font-weight: 400;
              font-size: 13px;
              color: #a80a2e;
              line-height: 30px;
              text-align: center;
              text-decoration: none;
              background-color: #ffffff;
              border: 2px solid #e9e9e9;
            }
            
                .owl-kontener a:hover {
                  color: #ffffff;
                  background-color: #a80a2e;
                  border: 2px solid #e9e9e9;
                }

/* POPCHNIĘCIE STOPKI NA SPÓD OKNA
------------------------------------------------------------------------------*/

#popychacz {
  clear: both;
  height: 50px;
  margin-bottom: 40px;
}

/* STOPKA
------------------------------------------------------------------------------*/
    
#stopka {
  width: 100%;
  height: 49px;
  border-top: 1px solid #e9e9e9;
}
    
    #menu-stopka { 
      float: right;
      margin-top: 15px;
    }
    
        #menu-stopka li {
          float: left;
    		  list-style: none;
          margin-left: 20px;
        }
    	
            #menu-stopka li a {
        	    display: block;
              height: 20px;
              font-weight: 400;
              font-size: 13px;
              color: #666666;
              line-height: 20px;
              text-decoration: none;
            }
            	
            #menu-stopka li a:hover {
              color: #000000;
            }
    
/* REALIZACJA
------------------------------------------------------------------------------*/

#pixhell {
  float: left;
  margin-top: 17px;
}
    
    #pixhell a {
      display: block;
      width: 51px;
      height: 16px;
      background: url(../grafika/elementy.png) no-repeat 0px -170px;
    }

/* PRETTYPHOTO
------------------------------------------------------------------------------*/
    
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../grafika/galeria/elementy.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../grafika/galeria/x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../grafika/galeria/elementy.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../grafika/galeria/y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../grafika/galeria/y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../grafika/galeria/nastepne.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../grafika/galeria/poprzednie.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../grafika/galeria/elementy.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(../grafika/galeria/elementy.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../grafika/galeria/elementy.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(../grafika/galeria/elementy.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(../grafika/galeria/elementy.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(../grafika/galeria/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{display:none;margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../grafika/galeria/elementy.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../grafika/galeria/elementy.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Tahoma;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:1px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:12px;font-weight:700;line-height:14px;margin:9px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../grafika/galeria/elementy.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../grafika/galeria/x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../grafika/galeria/elementy.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../grafika/galeria/ladowanie.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../grafika/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../grafika/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../grafika/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}