.info {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #0000ff; text-align:justify}
.info1 {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 7pt; color: #0000ff}
.mail {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #0000FF; text-decoration: underline}
.bluegr {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #0000ff; text-align:justify; font-weight: bold}
.redgr { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #ff0000; text-align:justify; font-weight: bold}
.red { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #ff0000; text-align:justify; }
.black {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #000000}
.nazwa { font-family: "Arial"; font-size: 9pt; color: #0000FF; font-weight: bold; }
.tele { font-family: "Arial"; font-size: 9pt; color: #000080; }
.opis { font-family: "Arial"; font-size: 9pt; color: #000000; text-align:justify; }
.maly {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 7pt; color: #000000}
.szary {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #808080}
.black_m {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color: #000000}
.bialy {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10pt; color: #FFFFFF}
h1 { font-family: "Arial"; font-size: 10pt; color: #0000FF; font-weight: bold; }
h2 { font-family: "Arial"; font-size: 9pt; color: #0000FF; font-weight: bold; }

.tel1a {
 margin-top: 5px;
 margin-bottom: 5px;
 -webkit-animation-name: atel1x; /* Chrome, Safari, Opera */
 -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
 -webkit-animationiteration-count: infinite;
 animation-name: atel1x;
 animation-duration: 4s;
 animation-iteration-count: infinite;
}

@keyframes atel1x {
  0% {transform: rotateY(0deg);}
  //50% {transform: rotateY(180deg);}
  100% {transform: rotateY(360deg);}
}

@webkit-keyframes atel1x {
  0% {transform: rotateY(0deg);}
  //50% {transform: rotateY(180deg);}
  100% {transform: rotateY(360deg);}
}


.tel1b {
 margin-top: 5px;
 margin-bottom: 5px;
 -webkit-animation-name: atel1x; /* Chrome, Safari, Opera */
 -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
 -webkit-animation-delay: 2s;
 -webkit-animationiteration-count: infinite;
 animation-name: atel1x;
 animation-duration: 4s;
 animation-delay: 2s;
 animation-iteration-count: infinite;
}


   .paginacja > li {
     display:inline;
   }
   .paginacja > li > a {
    margin-top:20px;
    margin-right:10px;
    text-decoration:none;
    padding:6px 12px;
    position:relative;
    border:1px solid #ddd;
    float:left;
    color:#000000;
    font-family:Arial;
  }
  .paginacja > li > a:hover {
    background-color:#c6c6c6;
  }
  .paginacja > .active > a {
    background-color:#6ee9f8;
  }
  
  .paginacja > .active > a:hover {
    background-color:#6ee9ff;
  }
  
  .paginacja {
    text-align:center;
    display:table;
  }


 .ws_banner {
   position:fixed;
   width:800px;
   margin-left:auto;
   margin-right:auto;
   top:40px;
   z-index:9000;
   display:none;
   overflow:hidden;
   box-shadow: 10px 10px 5px grey;
 }
 .ws_banner:hover {
   cursor:pointer;
 }
 
 .ws_banner > img {
   width:100%;
 }
 
 .xx {
   width:36%;
   margin-right:auto;
   margin-top:15px;
   margin-bottom:5px;
 }
 
 .xxx {
   width:36%;
   float:left;
   margin-right:15px;
   margin-bottom:5px;
   margin-top:5px;
 }

 .xxx1 {
   width:72%;
   float:left;
   margin-right:15px;
   margin-bottom:5px;
   margin-top:5px;
 }

 
 .xim {
   width:100%;
   height:auto;
 }