body
{
    background-color: #222222;
    font-family: sans-serif;
    font-size:0.8em;
     
}
#panasonic
{
    margin:100px auto;
    width:419px;
}
#obal
{
    margin:30px auto;
    width:870px;
    z-index:10;
    position:relative;
    height:410px;
    background-color: white;
}
#obal div.mat
{
    padding:10px;
    position:relative;
  
}
#obal #fotka
{
    width:670px;
    height:345px;
    
    line-height: 0;
    overflow: hidden;
}

#logo {
   display: block;
   position:absolute;
   overflow: hidden;
   cursor: pointer;
   left:690px;
   top:10px;
   width: 170px;
   height: 340px;
}
 
#logo div,#logo span {
   display: block;
   text-decoration: none;
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   width: 170px;
   height: 340px;
}
 
#logo span {
   background-image: url("../img/logo.gif");
}

#paticka {
    font-size:1.1em;
    position:absolute;
    top:380px;
    left:10px;
}
div.hvezda1, div.hvezda2
{
    position:absolute;
    left:0;
    right:0;
    height:12px;
    width:12px;
    background-image: url(../img/hvezda-1.gif);   
    background-repeat: no-repeat;
}
div.hvezda2
{
    height:6px;
    width:6px;
    background-image: url(../img/hvezda-2.gif);   
    background-repeat: no-repeat;

}
#lajka
{
    position:absolute;
    left:0;
    width:90px;
    height:113px;
    right:0;
}