/*
    Document   : style
    Created on : 2013-08-29, 14:19:08
    Author     : veg
    Description:
        Purpose of the stylesheet follows.
*/
@font-face {
    font-family: "humanst521-lt-bt-light";
    src: url("../fonts/humanst521-lt-bt-light.ttf"); /* IE */
    src: local("humanst521-lt-bt-light"), url( "../fonts/humanst521-lt-bt-light.ttf" ) format("truetype"); /* non-IE */
}
html {
    height: 95%;
}
body {
    height:100%;
background-image:url('../img/background.jpg');
background-repeat:no-repeat;
  background-color: black;
 background-position: top 190px center;

}

#wrapper {
    /* border: 1px solid red; */
    width: 772px;
    margin: auto;
    padding-top: 12px;
    height: 100%;
}
#menu {
  /*  border: 1px solid yellow; */
     font-family: humanst521-lt-bt-light;

    font-size: 19.5px;
    text-align:center;
    color: white;
    margin-bottom: 10px;

}
#logo {
  /*  border: 1px solid green; */
    text-align: center;
    margin-bottom: 18px;
}
#tresc {
    padding-left:10px;
    padding-right: 10px;
  /*  border: 1px solid blue; */
     /* font-family: humanst521-lt-bt-light; */
     font-family: calibri;
    font-size: 14px;
    width: 744px;
    /* height: 1100px; */
    /* height: 600px; */
    height: 640px;
    overflow: auto;
    /* height: auto; */
    color: white;
    background: rgba(255, 255, 255, 0.05)
   }
#tresc h3 {
margin-bottom: 0px;
font-size: 14px;
}
#tresc p {
margin-top: 0px;
}
#tekst {
    color: white;
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}


#facebook {


     margin: 30px auto auto;
  /*  padding-top: 28px;*/
    text-align: right;
    width: 758px;
    height:51px;
}

#l {
    /* font-family: humanst521-lt-bt-light; */
     font-family: calibri;
    font-size: 12px;
    text-align:center;
    color: white;
}
#menu a {
margin-left: 19px;




}

a.current {
    color:red;
}
 a.menu {

  /*background: #9c3;*/
   color: white;



   -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  }

a.menu:hover {
  color:red;

  }

  .th {
      margin: 8px;
  }

  .link {
      color:red;
  }

  .vtop {
      vertical-align: top;
  }

  p {
      text-align: justify;
  }
  #stopka {
      color:#646464;
      float:left;
      font-family: calibri;
      font-size: 12px;
      text-align: left;
  }


@-webkit-keyframes fadeIn {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }}

@keyframes fadeIn {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }

}
#tekst.comment {
    display: none;
 -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
#tekst:hover .replies {
    display: none;
              -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;               }
#tekst:hover .comment {
    display: inline;


    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.sklep {
    position: relative;
    width:200px;
    height:200px;


}
.sklep2 {
    width:200px;
    height:200px;
    float:left;
    margin:0 24px 24px 0;

}
#s1 {
    background-image:url('../img/sklep/Air.jpg');
    z-index: 20;

    }

#s2 {
    background-image:url('../img/sklep/covers.jpg');
    z-index: 20;
    float:left;
      width:200px;
    height:200px;
    }
#s3 {
    background-image:url('../img/sklep/koledy.jpg');
    z-index: 20;
    }

#s4 {
    background-image:url('../img/sklep/granie.jpg');
    z-index: 20;
    }
#s5 {
    background-image:url('../img/sklep/koszulka.jpg');
    z-index: 20;
    }

#s6 {
    background-image:url('../img/sklep/siedemzrodel.jpg');
    z-index: 20;
    }
#s7 {
    background-image:url('../img/sklep/one.jpg');
    z-index: 20;
    }

#s8 {
    background-image:url('../img/sklep/qn.jpg');
    z-index: 20;
    }
#s9 {
    background-image:url('../img/sklep/BlackHawk.jpg');
    z-index: 20;
    }

.sdolnabelka{
        background-color: black;
        position: absolute;
        bottom:0px;
            width:100%;


    }
.sdolnabelkaprawo{
float:right;
margin-right:10px;
    }
.sdolnabelkalewo{
float:left;
margin-left:10px;
}

.opishover
{
    width: 98px;
    display:none;
    position:absolute;
    right:0;
}
.dialoghover {
    position:absolute;
    display:none;
 /*   top: 100px; */
}
.zamow
{
    position: absolute;
    bottom: 20px;
    right: 48px;
}

.dialogklasa
{
    font-size: 12px;
}