/* elements  #F8F8F8 */

body { margin: 0 0 20px 0; text-align: center; }
/* body { margin: 0 0 20px 0; text-align: center; background: #EBF4FA } */
/* body {background-image: url(img/wierzycelogo2.png); background-repeat: no-repeat; background-position: 99% 5px; background-size: 10%; } */
/* hr { color: #DDD; background: #DDD; width: 100%; height: 1px; margin: 5 } */

body, td, input, select, textarea { font: normal small/1.2 "Trebuchet MS", Helvetica, Arial, sans-serif; letter-spacing: 1px }
img { display: block; border: none }
h1 { font-size: 160% }
h2 { font-size: 140% }
h3 { font-size: 100% }
p { margin: 10px 0 }
a { text-decoration: none; color: #2468A2; font-weight: normal }
a:hover { color: #F86A1C }
lupa { cursor:zoom-in;}
hr { color: #DDD; background: #FFF; width: 100%; height: 0px; margin: 5 } 

/* Id's */

#hdr, #mnu, #bdy, #ftr, #ftr_img { width: 88%; margin-left: 3%; text-align: left; background: #FFF }

#hdr { background-image: url(img/A_pan_logo.png); height: 140px; width: 88% }
/* #hdr { background-image: url(img/panorama2019.png); height: 140px; width: 88% } */

/* #mnu { background: #FFF url(img/bkg_ftr_base.gif) no-repeat bottom center; min-height: 41px;} */
#bdy { margin-top: 15px; background: #FFF url(img/bkg_bdy1.gif) no-repeat top center; }
/* #bdy { margin-top: 15px; background: #FFF url(img/bkg_bdy1.gif) no-repeat top center; } */
#ftr { background: #FFF url(img/bkg_ftr1.gif) no-repeat top center; min-height: 45px; }
#lft { float: left; width: 80% }
#rgt { float: right; width: 20%; color: #333; font-size: 85% }
#nws0 { background-image: url('img/tlo.jpg'); height: 90px; width: 99%; font-style: italic; }


/* classes */

.post-body img{display: block;}
.inr { padding: 15px }
.clr { clear: both }
.w0 { float: left; width: 98% }
.w0c0 { float: left; width: 100% }
.w0pr { float: right; width: 98% }
.w0r { float: left; width: 98%; color: #FF0033 }
.w0c { float: left; width: 98%; background: #FFCC99 }
.w1 { float: left; width: 48% }
.w1pr { float: right; width: 48%; color: #FF0033  }
.w10pr { float: right; width: 7%; color: #FF0033  }
.w05 { float: left; width: 5px }
.w12r { float: right; width: 10% }
.w12l { float: left; width: 10% }
.w2 { float: left; width: 23% }
.w2r { float: right; width: 15% }
.w23 { float: left; width: 16% }
.w24 { float: left; width: 31% }
.w241 { float: left; width: 32% }
.w242 { float: left; width: 33% }
.w244 { float: left; width: 38% }
.w25 { float: left; width: 29% }
.w26 { float: left; width: 24% }
.w26pr { float: right; width: 24% }
.w27 { float: left; width: 25% }
.w3 { float: left; width: 90% }
.w4 { float: left; width: 70% }
.w4r { float: center; width: 70% }
.w41 { float: left; width: 68% }
.w41r { float: right; width: 65% }
.w4c { margin: 0 auto; width: 50% }
.w4c1 { margin: 0 auto; width: 60% }
.w1r { float: left; width: 35%; color: #FF0033  }
.w1c { float: right; width: 38% }
.w1l { float: left; width: 35% }
.w1l2 { float: center; width: 40% }
.w19 { float: left; width: 20% }
.w03 { float: left; width: 3% }
.w32 { float: left; width: 33% }
.w55 { float: left; width: 55% }
.w8 { float: left; width: 74% }
.w8c { float: center; width: 54% }
.w8w { float: center; width: 80% }
.w19r { float: right; width: 20% }
.legend { float: center; width: 98%; background-image: url(/images/oak.jpg); background-size: 100%; background-repeat: no-repeat;}


.imgfr { float: right; margin: 0 0 5px 5px }
.imgfl { float: left; margin: 0 5px 5px 0 }
.spcr { width: 15px; float: left }
.spcrpx { width: 1%; float: left }
.more { display: block; text-align: right; margin-top: 5px }
.pad { padding: 2px; border: 1px solid #CCC }
.pad0 { padding: 2px;}
.pad1 { padding: 2px; border-radius:10px;}
.pad4l { padding: 10px; float: left}
.padr { padding: 2px; border-radius:10px;}


.jfontsize-button {
    font: bold 12px arial;
    padding: 3px;
    border: solid 1px #ccc;
}
 
.jfontsize-button:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
    border: solid 1px #333;
}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    color: #aaa;
    border: solid 1px #eee;
    background: #eee;
}

/* pseudos */

h1 span, h2 span { color: #2468A2; display: block ;}

#ftr .inr { padding-bottom: 6px }
#ftr p { margin: 3px 0 }
#hdr h1 { color: #FFF; margin: 0; padding: 10px; font-size: 280% }
#lft hr { margin: 10px 0 15px 0 }
#nws b { color: #F86A1C }

#tab {
   width: 100px;
   height: auto;
   position: fixed;
   top: 200px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -110px;
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;
}

#tab:after{
   content: url('/images/aaa.jpg');
   position: absolute;
   right: -42px;
   top: -5px;
   background-color: #99CCff;
   cursor: pointer;
}

#tab:hover {
   left: 0;
}

#tab2 {
   width: 200px;
   height: auto;
   position: fixed;
   top: 350px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -210px;
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;

}
#tab2:after{
   content: url('/images/news2.jpg');
   position: absolute;
   right: -40px;
   top: -5px;
   background-color: #99CCff;
   cursor: pointer;
}

#tab2:hover {
   left: 0;
}



#tab3 {
   width: 200px;
   height: auto;
   position: fixed;
   top: 550px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -210px;
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;

}
#tab3:after{
   content: url('/images/fb.jpg');
   position: absolute;
   right: -40px;
   top: -5px;
   background-color: #99CCff;
   cursor: pointer;
}

#tab3:hover {
   left: 0;
}



ul.menu, ul.menu li { list-style: none; margin: 0; padding: 0 }
ul.menu { position: relative; float: left }
ul.menu li { float: left; line-height: 1.3em; vertical-align: middle }
ul.menu li a { display: block; padding: 10px; text-decoration: none; color: #000; font-weight: bold }
ul.menu li a:hover { color: #2468A2 }

/* Please ensure that the Attain Digital footer remains visible at all times */

#atn { text-align: center; margin: 20px 0 }

      #caly {
        width:300px;
        line-height:30px;
        position:fixed;
        left:-270px;
        top:30px; 
        transition:1s;
        -webkit-transition:1s; /* dla Google Chrome, Safari, Opera 15+ */
      }

.zoom_img img{
margin:50px;
height:100px;
width:100px;
-moz-transition:-moz-transform 100.5s ease-in; 
-webkit-transition:-webkit-transform 100.5s ease-in; 
-o-transition:-o-transform 100.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(1.5); 
-webkit-transform:scale(1.5);
-o-transform:scale(1.5);
}

div#fotografia {
background-image: url("/images/zaproszenie_okladka.JPG");
background-repeat: no-repeat;
width: 600px;
height: 380px;
}

div#fotografia:hover {
background-image: url("/images/zaproszenie_srodek.JPG");
background-repeat: no-repeat;
width: 600px;
height: 380px;
}