body{background-color: #abcdef; font-family:Arial; font-size:18px;}

img { display:block ; } 

.inf {width:80%; margin:0px auto;}


.okvir {width:900px; margin:0px auto;position:relative;background-color:#eee; padding:10px;}

.okvirr
{width:900px; margin:0px auto;position:relative; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   
}
.main {position:absolute; top:10px; height:415px;background-image:url('images/logo.png'); opacity:0.10;}
.senka {-webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.55);
box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.55);
margin-bottom:5px; background-image:url('images/logo.png');
}


.slick-box {
   position: relative;
  padding:1px;
   border: 1px solid #efefef;
   background: #fff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

.slick-box:before, .slick-box:after {
   content: '';
   opacity:0.6;
   position: absolute;
   z-index:-1;
   left: 10px;
   bottom: 10px;
   width: 70%;
   max-width: 150px; /* avoid rotation causing ugly appearance at large container widths */
   height: 10px;
   box-shadow: 0px 12px 5px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0px 12px 5px  rgba(0, 0, 0, 0.2);
   transform: skew(-20deg) rotate(-7deg);
   -webkit-transform: skew(-20deg,-7deg);
}


.teht {position:absolute;left:20px; top:130px; opacity:0;}