@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    40% { opacity: 0 }
    100% { opacity: 0 }
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1; -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    40% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0; -moz-animation-timing-function: ease-in; }
    8% { opacity: 1; -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    40% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0; -o-animation-timing-function: ease-in; }
    8% { opacity: 1; -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    40% { opacity: 0 }
    100% { opacity: 0 }
}

@font-face {
    font-family: 'roboto';
    src: url('type/Roboto-Regular-webfont.eot');
    src: url('type/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Regular-webfont.woff') format('woff'),
         url('type/Roboto-Regular-webfont.ttf') format('truetype'),
         url('type/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_medium';
    src: url('type/Roboto-Medium-webfont.eot');
    src: url('type/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Medium-webfont.woff') format('woff'),
         url('type/Roboto-Medium-webfont.ttf') format('truetype'),
         url('type/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_bold';
    src: url('type/Roboto-Bold-webfont.eot');
    src: url('type/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Bold-webfont.woff') format('woff'),
         url('type/Roboto-Bold-webfont.ttf') format('truetype'),
         url('type/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_black';
    src: url('type/Roboto-Black-webfont.eot');
    src: url('type/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Black-webfont.woff') format('woff'),
         url('type/Roboto-Black-webfont.ttf') format('truetype'),
         url('type/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_thin';
    src: url('type/Roboto-Thin-webfont.eot');
    src: url('type/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Thin-webfont.woff') format('woff'),
         url('type/Roboto-Thin-webfont.ttf') format('truetype'),
         url('type/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_light';
    src: url('type/Roboto-Light-webfont.eot');
    src: url('type/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Light-webfont.woff') format('woff'),
         url('type/Roboto-Light-webfont.ttf') format('truetype'),
         url('type/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


body{padding: 0; margin: 0; background: #fff; font-family: 'roboto', Arial, sans-serif; font-size: 100%;}
body strong{font-weight: normal; font-family: 'roboto_bold', Arial, sans-serif;}

@media screen and (min-width: 62.5em){
  body{font-size: 14px;}
}

.cb-slideshow{list-style: none; padding: 0; margin: 0;}

@media screen and (max-width: 40em){
  
}

@media screen and (min-width: 40em) and (max-width: 72.49em){
  .cb-slideshow{display: block; list-style: none; padding: 0; margin: 0;}
  .cb-slideshow,
  .cb-slideshow:after { 
      position: absolute;
      width: 100%;
      height: 1080px;
      top: 0px;
      left: 0px;
      z-index: 0;
  }
.cb-slideshow li {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      color: transparent;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 1;
      z-index: 0;
  }
  .cb-slideshow li:nth-child(1) {background-image: url(../img/slider/z1.jpg); }
}

@media screen and (min-width: 72.5em){

  .cb-slideshow{display: block; list-style: none; padding: 0; margin: 0;}
  .cb-slideshow,
  .cb-slideshow:after { 
      position: absolute;
      width: 100%;
      height: 1080px;
      top: 0px;
      left: 0px;
      z-index: 0;
  }
  .cb-slideshow li {
      width: 100%;
      height: 1080px;
      position: absolute;
      top: 0px;
      left: 0px;
      color: transparent;
      background-position: top left;
      background-repeat: no-repeat;
      opacity: 0;
      z-index: 0;
      -webkit-backface-visibility: hidden;
      -webkit-animation: imageAnimation 36s linear infinite 0s;
      -moz-animation: imageAnimation 36s linear infinite 0s;
      -o-animation: imageAnimation 36s linear infinite 0s;
      animation: imageAnimation 36s linear infinite 0s; 
  }
  .cb-slideshow li:nth-child(1) {background-image: url(../img/slider/z1.jpg); }
  .cb-slideshow li:nth-child(2) {background-image: url(../img/slider/z2.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; }
  .cb-slideshow li:nth-child(3) {background-image: url(../img/slider/z3.jpg); -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; animation-delay: 24s; }

  /* Show at least something when animations not supported */
  .modno-cssanimations .cb-slideshow li {
          opacity: 1;
  }
}




.fs_14{font-size: 14px;}
.fs_20{font-size: 20px;}
.fs_22{font-size: 22px;}
.fs_24{font-size: 24px;}
.fs_26{font-size: 26px;}
.fs_28{font-size: 28px;}

.align_left{text-align: left;}
.align_right{text-align: right;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clr{height: 0px; clear: both;}

h1, h2, h3 {font-weight: normal;}

.wrapper{width: 100%;}
.container{width: 1160px; min-height: 1080px; position: relative; margin: 0; z-index: 5;}


.left{float: left; width: 345px; background: rgba(2,129,25,0.9); min-height: 1060px; padding-top: 20px; color: #fff; font-size: 16px;}

.left h1{padding: 0; margin: 0 auto; width: 270px; height: 114px; background: url('../img/logo.png') 0 0 no-repeat;}
.left h1 span{margin-left: -999em;}
.left h1 a{display: block; width: 270px; height: 114px;}

.left p{padding-left: 58px;}
.left .address{color: #9cf4ac;}
.left .phone{font-family: 'roboto_medium', Arial, sans-serif;}
.left .phone span{display: block;}
.left .phone span:nth-child(1){color: #ff9b41; font-size: 24px;}
.left .phone span:nth-child(2){color: #9cf4ac; font-size: 18px;}
.left .phone span:nth-child(3){color: #fff; font-size: 20px;}

.left .opening_hours{color: #9cf4ac;}

.left .services{padding-left: 58px; font-family: 'roboto_light', Arial, sans-serif;}
.left .services span{display: block; font-size: 24px;}
.left .services ul{list-style: none; padding: 0 0 0 10px; margin: 0; color: #9cf4ac;}
.left .services li{padding-left: 10px;}
.left .services li:before{content:"\203A"; display: inline-block; width: 10px; margin-left: -10px;}

.left .menu{padding: 15px 0 0 58px;}
.left .menu ul{margin: 0; padding: 0; list-style: none;}
.left .menu ul li a{display: block; color: #fff; text-decoration: none; font-family: 'roboto_light', Arial, sans-serif; font-size: 24px;}
.left .menu ul li a.active, .left .menu ul li a:hover{color: #ff9b41;}

.right{float: left; width: 815px;}

.hw_akcesoria-zoologiczne{background: url('../img/naglowek1.jpg') 0 0 no-repeat;}
.hw_kontakt{background: url('../img/naglowek2.jpg') 0 0 no-repeat;}
.hw_lekarze{background: url('../img/naglowek3.jpg') 0 0 no-repeat;}
.hw_nasi-pacjenci{background: url('../img/naglowek3.jpg') 0 0 no-repeat;}
.hw_wyposazenie-gabinetu{background: url('../img/naglowek1.jpg') 0 0 no-repeat;}
.hw_porady{background: url('../img/naglowek1.jpg') 0 0 no-repeat;}

.header_wrapper{height: 221px;}

.header {padding: 60px 0 0 200px; color: #000; font-size: 18px;}
.header h2{margin: 0; padding: 0;font-family: 'roboto_bold', Arial, sans-serif; font-size: 32px; color: #068f1f;}
.header p{float: left; margin-right: 60px;}

@media screen and (max-width: 72.49em){
  .container{width: auto; max-width: 72.49em; min-height: 10em; height: auto;}
  .left {width: 21.5em; height: auto; min-height: 10em; padding-bottom: 2em;}
  .right{float: left; width: auto;}
  .header_wrapper{background: none !important;}
  .header{padding: 1em; height: auto;}
  .header h2{font-size: 1.25em;}
  .header p{font-size: 1em;}
}
.page, .pages {padding: 15px 0 15px 15px;}
.page h3, .pages h3 {font-size: 26px; padding: 10px 0 5px 10px; margin: 0; border-bottom: 1px solid #dbdbdb;}
.page a{text-decoration: none; color: #ff9b41; font-family: 'roboto_bold', Arial, sans-serif;}
.page a:hover{text-decoration: underline;}

.gmap{
  position: relative;
  padding-bottom: 60%;
  height: 0;
  overflow: hidden;
}
.gmap iframe{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: 0;}

.page_item{padding: 20px 0;}
.page_item .image{float: left; width: 154px; margin-right: 15px;}
.page_item .pcontent{overflow: hidden;}
.page_item .pcontent h4{padding: 0; margin: 0; font-size: 24px; line-height: 26px; font-family: 'roboto', Arial, sans-serif; font-weight: normal;}
.page_item .pcontent h4 span{display: block; color: #058122; font-size: 18px;}

@media screen and (max-width: 40em){
  .page_item .image{float: none;}
}

.gallery{padding: 20px 0;}
.gallery ul{list-style: none; padding: 0; margin: 0;}
.gallery ul li{display: inline-block; vertical-align: top; padding: 10px 15px;}
.gallery ul li a{display: block; width: 360px; text-decoration: none; color: #000;}
.gallery ul li a img{display: block; max-width: 100%; max-height: 100%; margin-bottom: 5px;}
.gallery ul li a span {display: block;}

.footer{margin-top: 5px; border-top: 1px solid #dbdbdb; text-align: right;}
.footer p{font-size: 12px;}
.footer a{text-decoration: none; color: #000;}
.footer a:hover{color: #ff9b41;}