@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin-ext,latin);

  body {
    background-color: #141213;
    background-image: url('tex.png');
    background-repeat: repeat;
    background-position: center center;
    background-attachment: fixed;
    color: white;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
  }
  audio, video {
    width: 100%;
  }
  video {
    min-height: 480px;
  }
  .page {



/*    border-left: 7px solid #eeeeee;*/
    width: 1000px;
/*    border-right: 7px solid #eeeeee;*/
    margin: 0 auto;
/*    border-bottom: 7px solid #eeeeee;*/
/*box-shadow: 5px 0px 15px #222;*/
/*box-shadow: 5px 0px 15px #222, -5px 0px 15px rgba(0,0,0,0.1);*/

box-shadow: 5px 5px 5px rgba(0,0,0,0.3);

 /*   margin-bottom: 15px;*/
/*background-color: rgba(0,0,0,0.55);*/
/*border-image: url('brud.png') 100 100 100 100 repeat;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;*/
  }

@-webkit-keyframes banner {
  to {
    -webkit-transform: none;
  } 
  from {
    -webkit-transform:scale(0.88) translateY(26px) rotateX(20deg);
  }
}
@-ms-keyframes banner {
  to {
    -ms-transform: none;
  } 
  from {
    -ms-transform:scale(0.88) translateY(26px) rotateX(20deg);
  }
}
@-o-keyframes banner {
  to {
    -o-transform: none;
  } 
  from {
    -o-transform:scale(0.88) translateY(26px) rotateX(20deg);
  }
}
@-moz-keyframes banner {
  to {
    -moz-transform: none;
  } 
  from {
    -moz-transform:scale(0.88) translateY(26px) rotateX(20deg);
  }
}
@keyframes banner {
  to {
    transform: none;
  } 
  from {
    transform:scale(0.88) translateY(26px) rotateX(20deg);
  }
}


  .banner {
-webkit-perspective: 800px;
-ms-perspective: 800px;
-o-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('baner-new.png');
    background-repeat: no-repeat;
    background-position: 15px 0px;
    height: 396px;
    width: 1015px;
    margin-left: -15px;
    position: relative;
/*
    -webkit-animation-name: banner;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: once;

    -ms-animation-name: banner;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: once;

    -o-animation-name: banner;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: once;

    -moz-animation-name: banner;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: once;

    animation-name: banner;
    animation-duration: 1s;
    animation-iteration-count: once;
*/
  }

@-webkit-keyframes bannernapis {
  to { 
    margin-top: 0px;
    opacity: 1;
    -webkit-transform: none;
  }
  from {
    margin-top: -50px;
    opacity: 0;
    -webkit-transform:scale(0.75) rotateX(25deg);
  }
}
@-ms-keyframes bannernapis {
  to { 
    margin-top: 0px;
    opacity: 1;
    -ms-transform: none;
  }
  from {
    margin-top: -80px;
    opacity: 0;
    -ms-transform:scale(0.75) rotateX(25deg);
  }
}
@-o-keyframes bannernapis {
  to { 
    margin-top: 0px;
    opacity: 1;
    -o-transform: none;
  }
  from {
    margin-top: -80px;
    opacity: 0;
    -o-transform:scale(0.75) rotateX(25deg);
  }
}
@-moz-keyframes bannernapis {
  to { 
    margin-top: 0px;
    opacity: 1;
    -moz-transform: none;
  }
  from {
    margin-top: -80px;
    opacity: 0;
    -moz-transform:scale(0.75) rotateX(25deg);
  }
}
@keyframes bannernapis {
  to {
    margin-top: 0px;
    opacity: 1;
    transform: none;
  }
  from {
    margin-top: -80px;
    opacity: 0;
    transform:scale(0.75) rotateX(25deg);
  }
} 
  .banner h1 {
    position: absolute;
    top: 470px;
    right: 35px;
    width: 275px;
    opacity: 0.75;
    background-size: 100%;
    height: 50px !important;
    background-image: url('napistest.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    z-index: 69;
    display: none;
/*    -webkit-animation-name: bannernapis;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: once;
-webkit-animation-timing-function: ease-out;

    -ms-animation-name: bannernapis;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: once;
-ms-animation-timing-function: ease-out;

    -moz-animation-name: bannernapis;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: once;
-moz-animation-timing-function: ease-out;

    -o-animation-name: bannernapis;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: once;
-o-animation-timing-function: ease-out;

    animation-name: bannernapis;
    animation-duration: 1s;
    animation-iteration-count: once;
animation-timing-function: ease-out;*/
  }
  .banner h1, .banner h2, .banner h3, .banner h4 {
     margin: 0;
     padding: 0;
     text-indent: -9999999px;
   }
  .banner p {
     margin-top: 58px;
     padding-top: 130px;
     padding-bottom: 10px;
     text-align: center;
     text-transform: lowercase;
     font-weight: bold;
     font-size: 16px;
     margin-left: auto;
     margin-right: auto;
     width: 400px;
   }
   .banner p:hover {
     cursor: pointer;
   }
  .menu {
/*background-image: url('pasek.png');*/
/*background-color: rgba(0,0,0,0.5);*/
    width: 1000px;
    height: 44px;
/*    margin-top: -25px;*/
    text-align: center;
    padding-top: 14px;
    font-size: 18px;
margin-top: -3px;
/*    border: 2px solid #53585e;
    border-top: 2px solid #c8c9cd;*/
/*    border-top: 1px solid #F5C401;
    border-bottom: 1px solid #F5C401; */
  }
  .menu a {
    display: inline-block;
color: #C93101;
    padding: 20px;
    padding-top: 0px;
    font-weight: normal;
    text-decoration: none;
    text-transform: lowercase;
    text-shadow: 0px 0px 30px rgba(255,255,255,0.2), 1px 1px 0px black;
    /*text-shadow: 1px 1px 1px black; */
    -webkit-transition: 0.5s font-size;
    -moz-transition: 0.5s font-size;
    -o-transition: 0.5s font-size;
    -ms-transition: 0.5s font-size;
    transition: 0.5s font-size;

  }

@-webkit-keyframes hover {
  to {
    text-shadow: 0px 0px 35px red;
  }
  from {
    text-shadow: 0px 0px 25px #ff9999;
  }
}
@-o-keyframes hover {
  to {
    text-shadow: 0px 0px 35px red;
  }
  from {
    text-shadow: 0px 0px 25px #ff9999;
  }
}
@-moz-keyframes hover {
  to {
    text-shadow: 0px 0px 35px red;
  }
  from {
    text-shadow: 0px 0px 25px #ff9999;
  }
}
@-ms-keyframes hover {
  to {
    text-shadow: 0px 0px 35px red;
  }
  from {
    text-shadow: 0px 0px 25px #ff9999;
  }
}
@keyframes hover {
  to {
    text-shadow: 0px 0px 35px red;
  }
  from {
    text-shadow: 0px 0px 25px #ff9999;
  }
}

  .menu a:hover {
/*    color: #888;*/
    color: #D2AF89;

    font-size: 25px;
    -webkit-animation-name: hover;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;

    -ms-animation-name: hover;
    -ms-animation-duration: 0.75s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-timing-function: linear;

    -moz-animation-name: hover;
    -moz-animation-duration: 0.75s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: linear;

    -o-animation-name: hover;
    -o-animation-duration: 0.75s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-timing-function: linear;

    animation-name: hover;
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;

  }
  .menu a.active {
    font-weight: bold;
    font-size: 25px;
    padding: 0px 10px;
    /*text-shadow: 0px 0px 5px #fff, 1px 1px 1px black;*/
  }
  .menu a.active:hover {
    -webkit-animation-name: none;
  }
  .counter {
    background-color: #00A9ED;
    background: rgba(0, 169, 237, 0.85);
    background-image: url('outdent.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-left: -28px;
    margin-right: -28px;
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .counter a {
    color: white;
    font-weight: bold;
    display: block;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 6px;
    text-shadow: 0px 0px 5px black;
  }
  .counter a:hover {
    color: #aaa;
  }
  .wrapper {
/*    border: 2px solid #53585e;
    background-color: #313241; *//* #1f1f29; */

    background-color: #0a0a0a;

    background-image: url('tlozpaskiem.png'), url('background-na-szerokosc-ban.png');
    background-repeat: no-repeat, repeat-y;
/*background-size: 1200px;*/
background-size: 100%;
background-position: 0px 64px, 0px 0px;
border: 2px solid rgba(255,255,255,0.1);
margin-bottom: 10px;
border-top: none;
/*
    background-image: url('wrapgrad2.gif'), url('wrapgrad.gif');
    background-repeat: repeat-x, repeat-x;
    background-position: bottom left, top left; */

/*    width: 944px;*/
width: 996px;
   /* min-height: 200px;*/
    margin-left: auto;
    margin-right: auto;
/*    padding: 10px 28px 20px 28px;*/
    font-size: 14px;
font-family: 'PT Sans', serif;
 color: #FBF9F9;


  }

@-webkit-keyframes cover {
  to {
    opacity: 1;
  }
  from {
    opacity: 0;
  }
}
@-o-keyframes cover {
  to {
    opacity: 1;
  }
  from {
    opacity: 0;
  }
}
@-ms-keyframes cover {
  to {
    opacity: 1;
  }
  from {
    opacity: 0;
  }
}
@-moz-keyframes cover {
  to {
    opacity: 1;
  }
  from {
    opacity: 0;
  }
}
@keyframes cover {
  to {
    opacity: 1;
  }
  from {
    opacity: 0;
  }
}

  
.cover {
/*background-color: rgba(0,0,0,0.6);*/
position: relative;
width: 916px;
padding: 20px 40px;
overflow: hidden;
    -webkit-animation-name: cover;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-iteration-count: once;

    -moz-animation-name: cover;
    -moz-animation-duration: 0.75s;
    -moz-animation-iteration-count: once;

    -o-animation-name: cover;
    -o-animation-duration: 0.75s;
    -o-animation-iteration-count: once;

    -ms-animation-name: cover;
    -ms-animation-duration: 0.75s;
    -ms-animation-iteration-count: once;

    animation-name: cover;
    animation-duration: 0.75s;
    animation-iteration-count: once;
  
}

  a {
   color: #C93101;
   text-decoration: none;
   
   -webkit-transition: 0.25s all;
   -moz-transition: 0.25s all;
   -o-transition: 0.25s all;
   -ms-transition: 0.25s all;
   transition: 0.25s all;
  /* text-shadow: 0px 0px 10px rgba(200,0,0,0.5);*/
  }
  a:hover {
   color: #D2AF89;
   text-shadow: 0px 0px 10px rgba(200,200,200,0.25), 1px 1px 5px rgba(200,0,0,0.25);
  }
  .footerWrap {
    background-color: rgba(0,0,0,0.25);
    margin: -20px -40px;
    padding-bottom: 20px;
    margin-top: 30px;
    padding-top: 5px;
    box-shadow: 0px 0px 5px rgba(10,10,10,0.75);
  }

  .footer {
    display: inline-block;
    color: white;
    margin-top: 10px;
    text-align: center;
    font-size: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    min-height: 30px;
   /* background-image: url('pas-foot.gif');
    background-repeat: no-repeat;
    background-position: middle left;*/
  }

.news {
border-top: 1px solid white;
margin-bottom: 5px;
padding-bottom: 5px;
}
.news .title {
font-weight: bold;
/*float: left;*/
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px;
}
.news .date {
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
text-align: right;
float: right;
color: #AAAAAA;
}
.news .photo { clear:both;
 float:left;
  margin: 5px 5px 5px 5px;
 }
/*.news .content { clear: left; }*/
#newsletter {
text-shadow: 1px 1px 2px black;
margin-bottom: 25px;
margin-right: 260px;
margin-top: 14px;
font-style: italic;
text-align: left;
}
.news .content .more {
 margin-top: 10px;
 text-align: right;
}
.center {
text-align: center;
}
hr {
 color: white;
 border: 0;
 border-bottom: 1px solid white;
 margin-top: 15px;
 margin-bottom: 15px;
}
table.tapety td {
  text-align: center;
}
.max {
 width: 100%;
}
.max input, .max textarea, .max select {
 width: 100%;
}
.forum img {
 max-width: 100%;
}
.shoutbox {
border: 1px solid #53585e;
}
#shoutbox {
height: 180px;
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x: none;
overflow-y: auto;
}
#shoutbox .post {
margin: 5px 5px 5px 5px;
border-top: 1px dashed #53585e;
padding-top: 5px;
clear: both;
}
#shoutbox .post .date {
float: right;
font-style: italic;
color: #666;
}
#shoutbox .post .nick {
font-style: italic;
}
.shoutbox .title {
padding-top: 5px;
text-align: center;
}
.shoutbox .error {
text-align: center;
}
.forum .button {
margin: 2px 2px 2px 2px;
background-color: #d0ecef;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
display: inline-block;
padding: 5px 5px 5px 5px;
border: 2px solid #00A9ED;
}
.forum span.button {
border: 2px solid #555;
background: #dedede;
background: rgba(222, 222, 222, 0.5);
color: #666;
opacity: 0.8;
}
.forum a.button:hover {
border: 2px solid #5ec4ed;
background-color: #effdff;
}
.forum .button img {
vertical-align: middle;
border: 0;
margin: 0px 5px 0px 0px;
width: 32px;
height: 32px;
opacity: 0.8;
}
.forum a.button:hover img {
opacity: 1;
}
.forum span.button img {
opacity: 0.4;
}
.right {
float: right;
}
.left {
float: left;
}
.forum table {
width: 100%;
clear: both;
padding-top: 15px;
}
.forum table thead {
font-weight: bold;
text-align: center;
}
.forum table td {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
.forum table thead td {
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
.forum table td.icon {
text-align: center;
width: 64px;
}
.forum table td.date {
text-align: center;
width: 120px;
font-size: 0.8em;
}
.forum table td.date a{
display: block;
}
.forum table td.topic {
padding: 5px 5px 5px 5px;
}
.forum table td.topic span {
font-size: 0.8em;
}
.forum table td.topic a {
display: block;
}
.forum table td.topic span a {
display: inline;
}
.forum table tr:hover { 
background: #ffffff;
background: rgba(255, 255, 255, 0.25);
}
.forum table td:hover {
background: #ffffff;
background: rgba(255, 255, 255, 0.5);
}
.forum table td.posts {
width: 50px;
text-align: center;
}
.forum .login {
display: none;
clear: both;
text-align: right;
}
.forum .user {
width: 100px;
font-size: 80%;
padding: 5px 5px 5px 5px;
vertical-align: top;
}
.forum .user .nick {
font-size: 14px;
font-weight: bold;
}
.forum .user .avatar {
text-align: center;
margin: 5px 5px 5px 5px;
}
.forum .user .online img {
vertical-align: middle;
margin: 1px 1px 1px 1px;
}
.forum .topic span {
font-size: 0.8em;
}
.forum .post {
vertical-align: top;
padding: 5px 5px 5px 5px;
}
.forum .post .sig {
font-size: 10px;
}
.forum .post hr {
 margin-top: 5px;
 margin-bottom: 5px;
}
.patroni {
 text-align: center;
}
.patroni img {
 margin: 10px;
}

p.guests {
  margin-right: 290px;
  margin-top: 5px;
}

ul.guests{ padding:0; text-align: center; }

ul.guests li {
display: inline-block;
margin: 5px;
box-shadow: 0px 0px 5px black;
height: 150px;
overflow: hidden;
position: relative;
}

ul.guests li img {
width: 150px;
height: 150px;
opacity: 0.8;
-webkit-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
ul.guests.gallery li img {
width: auto;
}
ul.guests.gallery.video li img {
width: 267px;
}
ul.guests.gallery.video li a.photobucket img {
margin: -15px -20px;
width: 307px;
height: 180px;
}

ul.guests li:hover img {
opacity: 1;
}
ul.guests li span {
display: block;
background-color: rgba(0,0,0,0.8);
text-align: center;
margin-top: -28px;
padding: 5px;
position: absolute;
width: 140px;
-webkit-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
color: #C2AA7B;
text-shadow: none;
font-size: 12px;
}
ul.guests.gallery li span {
width: auto;
margin-top: -35px;
font-size: 16px;
}
ul.guests li:hover span {
margin: 0;
}

h1, h2, h3, h4, h5 {
text-shadow:1px 1px 2px black;
}

div.gallery a.back {
    text-indent: -9999999px;
    overflow: hidden;
    background-image: url('icons/prev.png');
    height: 48px;
    left: 50px;
    position: absolute;
    top: 45px;
    width: 48px;
}
div.about img {
  box-shadow: 0px 0px 5px black;
  margin: 30px;
  margin-top: 5px;
  margin-bottom: 20px;
  opacity: 0.85;
  transition: opacity 0.3s, box-shadow 0.5s;
}
div.about div {
  text-align: justify;
  margin-bottom: 50px;
  padding: 10px;
}
div.about div:hover {
  background-color:rgba(255,255,255,0.15);
  border-radius: 10px;
  transition: background-color 0.3s;
}
div.about div:hover img {
  opacity: 1;
}
div.about div a img:hover {
  box-shadow: 0px 0px 10px #D2AF89;
}
div.about div:nth-of-type(2n) img {
  margin-right: 0;
  clear: right;
  float: right;
}
div.about div:nth-of-type(2n-1) img {
  margin-left: 0;
  clear: left;
  float: left;
}

/*forum */
/* Add a dashed underline to acronyms. */ span.acronym { border-bottom:1px dashed green; } span.acronym:hover { color: green; border-bottom:1px dashed lightgreen; } /* Make 
spoilers invisible, so that you need to select them with the mouse. */ span.spoiler { background-color: black; color: black; } /* Align columns to the top, and add some 
space between them. */ table.bbcode_columns { border-collapse: collapse; margin-top: 1em; margin-bottom: 1em; } table.bbcode_columns td.bbcode_column { padding: 0 1em; 
vertical-align: top;} table.bbcode_columns td.bbcode_firstcolumn { border-left: 0; padding-left: 0; } /* Wrap quotes in a big blue box. */ div.bbcode_quote { border: 1px 
solid blue; margin: 0.5em 0; } div.bbcode_quote_head { background-color: blue; color: white; font-weight: bold; padding: 0.25em 0.5em; } div.bbcode_quote_head a:link { 
color: yellow; } div.bbcode_quote_head a:visited { color: yellow; } div.bbcode_quote_head a:hover { color: white; text-decoration: underline; } div.bbcode_quote_head 
a:active { color: white; text-decoration: underline; } div.bbcode_quote_body { background-color: skyblue; color: black; padding: 0.5em 1em; } /* Wrap code in a big blue 
box. */ div.bbcode_code { border: 1px solid blue; margin: 0.5em 0; } div.bbcode_code_head { background-color: blue; color: white; font-weight: bold; padding: 0.25em 0.5em; 
} div.bbcode_code_body { background-color: skyblue; color: black; font: 10pt monospace; padding: 0.5em 1em; }