/* CSS Document */
body { margin: 0; padding: 0; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: center; background-image:url(../grafika/tlo.jpg); background-repeat: repeat-y; background-position: center; background-color:#ffffff;}
a:link, a:visited{text-decoration: none; color: #b60f35; font-weight: normal;}
a:hover{text-decoration: underline;}
img {border: 0;}

#ab, #banner, #pasek, #zawartosc, #stopka, #naglowek {margin: 0; padding: 0; color: #000000;}

#ab {min-width: 960px; max-width: 960px; width: 960px; margin: 0 auto 0 auto; text-align: left; position: relative;}


#naglowek {height: 55px; min-height: 55px; max-height: 55px; width: 960px;  background-image:url(../grafika/naglowek.jpg);}

#naglowek ul { position: absolute; right: 40px; list-style:none; margin: 0;}
#naglowek li {float: left; }
#naglowek a {float: left;  display: block; padding: 16px 0 10px 0; color: #b60f35; font-size: 14px; font-weight: bold;} 
.tel {line-height: 46px; color: #000000; font-size: 14px; font-weight: bold;}
/*#naglowek a:hover {color: #f1f1f1;}*/
#naglowek img {float: left;}


#banner { height: 120px;  background-image:url(../grafika/banner.jpg);  clear: left; }


#menu {height: 42px; overflow: hidden; background-image:url(../grafika/menu.jpg); padding: 0 14px;}

#menu ul { list-style:none; margin: 0; padding: 0; }
#menu li {float: left; }
#menu a {float: left;  display: block; padding: 10px 15px 11px 15px; color: #b60735; font-size: 18px; font-weight: bold; font-family: arial; background-image: none; letter-spacing: 1px;} 
#menu a:hover { background-image: url(../grafika/menu-hover.jpg); text-decoration: none; border-bottom-width: 0; color: #ffffff;}
#menu img {float: left;}



#zawartosc { height: 100%; padding: 10px 30px 0px 34px;  background-image:url(../grafika/zawartosc.jpg); background-repeat:repeat-y; overflow: hidden;}
#zawartosc p { font-size: 1.0em; line-height: 1.7em; margin-bottom: 20px;}
#zawartosc li { font-size: 1.0em; line-height: 1.5em;}


.cennik {border: 2px solid #8d191b; border-collapse: collapse; width: 650px; margin: 0 auto}
.cennik td {border: 1px solid #8d191b; padding: 15px;}
td.innaz {background-color: #91cb79;}
td.innan {background-color: #99ccff;}


#kontakt { width: 260px; float: left; border: 0px solid red; margin: 20px 15px 0 0;}
#kontakt p { line-height: 33px;;}
#tresc{width: 570px; float: left;  border: 0px solid green;  margin: 0 0 0 15px; }

#kontakt-s { width: 190px; float: left; border: 0px solid red; margin: 0;}
#tresc-s {width: 640px; float: left;  border: 0px solid green;  margin: 0 0 0 30px; }


.pogrubienie {font-weight: bold;}
.wysrodkowanie {text-align: center;}
.wysrodkowanie p {text-align: center;}
.odstep {padding-top: 30px;}
.odstepd {padding-bottom: 10px;}

.wciecie1 {margin-left: 0px;}
.wciecie2 {margin-left: 20px;}

.formularz {padding: 0 0 8px 285px;}

#stopka { overflow: hidden; height: 70px; background-image:url(../grafika/stopka.jpg); background-position:top; background-repeat: no-repeat;  font-weight: bold; font-size: 11px; color: #505050; clear: both;}
#stopka a {color: #b60f35; font-weight: bold;}
/*#stopka a:hover {color: #000000;}*/

#nowosc {
	   text-align: center;
	   font-size:21px;
		font-weight: bold;
		line-height: 1.4em;
		font-family: verdana;
	  }
	  
      #rodzic {
        width:177px;
        height:46px;
        font-size:24px;
		font-weight: bold;
        margin:0 auto;
        text-align:center;
      }

      #rodzic > span {
        display:block;
        float:left;
        width:40px;
        line-height:40px;
        margin:0 5px;
        border:3px solid #b80731;
        background-color:#FFF;
        border-radius:6px;
        animation:animowany_tekst 5s linear infinite;
        -webkit-animation:animowany_tekst 5s linear infinite; /* dla Google Chrome, Safari, Opera 15+ */
      }

      #rodzic > span:nth-child(1) {
        animation-delay:250ms;
        -webkit-animation-delay:250ms;
      }

      #rodzic > span:nth-child(2) {
        animation-delay:500ms;
        -webkit-animation-delay:500ms;
      }

      #rodzic > span:nth-child(3) {
        animation-delay:750ms;
        -webkit-animation-delay:750ms;
      }

      #rodzic > span:nth-child(4) {
        animation-delay:1000ms;
        -webkit-animation-delay:1000ms;
      }

      #rodzic > span:nth-child(5) {
        animation-delay:1250ms;
        -webkit-animation-delay:1250ms;
      }

      #rodzic > span:nth-child(6) {
        animation-delay:1500ms;
        -webkit-animation-delay:1500ms;
      }

      #rodzic > span:nth-child(7) {
        animation-delay:1750ms;
        -webkit-animation-delay:1750ms;
      }

      #rodzic > span:nth-child(8) {
        animation-delay:2000ms;
        -webkit-animation-delay:2000ms;
      }

      /*------------------------ANIMACJA------------------------*/
      @keyframes animowany_tekst
      {
        0% {transform:rotate(0);}
        10% {transform:rotate(360deg);}
        100% {transform:rotate(360deg);}
      }

      @-webkit-keyframes animowany_tekst /* dla Google Chrome, Safari, Opera 15+ */
      {
        0% {-webkit-transform:rotate(0);}
        10% {-webkit-transform:rotate(360deg);}
        100% {-webkit-transform:rotate(360deg);}
      }