/* index page specific styles */


#film {
  width: 100%;
  height: 320px;
  background: url('/img/film-pas-bg.png') 50% 0 no-repeat;
  float: left;
}

#filmslide li {
  display: block;
  width: 320px;
  height: 317px;
  background: #808080 url('/img/film-bg.png') 0 0 repeat-x;   
  text-align: center;
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
}


#filmslide img {
  float: left;
  margin: 42px 5px 0 5px;
  border: 1px solid #505050;   
  /* display: none; */
}


#filmslide .text {
  float: left; 
  margin: -37px 5px 0 6px;
  background: url('/img/black70Bg.png');
  z-index: 100;  
}

#filmslide .text {
  padding: 10px 0;
  width: 310px;
  text-align: center;
  color: #ffffff;
}

.prava, .leva {
  display: block;
  width: 60px;
  height: 60px;  
  margin: 0;
  position: relative;
  top: -195px; 
}

#foot {
 margin-top: 20px;
 background: none;
  
}

#footmenu {
  margin: 50px 0 40px 0;
  text-align: center;
}


/* contact form */

.close {
  text-align: right;  
  padding-right: 20px;
  background: url('/img/close-btn.png') 100% 0 no-repeat; 
  position: absolute;
  left: 350px;
  top: 40px;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 200;
  display: none;
  background: url(../img/black50Bg.png) 0 0;
}
.popup .window {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -275px;
  margin-top: -225px;
  width: 550px;  
  height: 650px;
  z-index: 250;
  
  text-align: left;
  background: url('/img/contact-form-eshop-bg.png') 0 0 no-repeat;
}

.popup .window h3 { 
  margin: 40px 20px 10px 20px;
}
.popup .window p { 
  margin: 0 20px 5px 20px;
}

.popup .window input { 
  padding: 5px 10px;
  width: 200px;
}

.popup .window textarea { 
  width: 450px;
  height: 90px;
}

.popup .window .fleft { 
  display: block;
  width: 200px;
  float: left;
}

/* end contact form */