/* Вид новостей для кино сайтов на uCoz     
     ------------------------------------------*/     
     .cell-news {     
     float:left;     
     width:570px;     
     margin-bottom: 15px;     
     background: #fff;     
     border-radius:3px;     
     padding: 15px 15px 15px 15px;     
     border: 1px solid #D6D6D6     
     }     

     .cell-news-l {     
     float:left;     
     width:180px;     
     margin-right: 15px;     
     }     

     .cell-news-r {     
     float:left;     
     width:375px;     
     }     

     .cell-news-l-img {     
     width:180px;     
     height:240px;     
     margin-bottom: 5px;     
     border-radius:3px;     
     }     

     .cell-news-rating {     
     width:100%;     
     }     

     .cell-news-rating img{     
     margin-top: 2px;     
     }     

     .cell-news-rating-os{     
     margin-left: 10px;     
     background: #8EC98C;     
     padding: 3px 10px 3px 10px;     
     text-shadow: 1px 1px 1px #469943;     
     font-weight: bold;     
     color:#fff;     
     border-radius:3px;     
     }     

     .cell-news-r h2 {     
     margin:0;     
     float:left;     
     width:100%;     
     padding-bottom: 10px;     
     border-bottom: 1px solid #D6D6D6;     
     font: 125% Verdana,Arial,Helvetica, sans-serif;     
     font-weight: 700;     
     }     

     .cell-news-top{     
     float:left;     
     width:100%;     
     padding: 5px 0px;     
     border-bottom: 1px solid #D6D6D6;     
     font:9px Verdana,Arial,Helvetica, sans-serif;     
     color:#999;     
     }     

     .cell-news-center{     
     float:left;     
     width:100%;     
     margin:0;     
     min-height: 163px;     
     padding: 10px 0px;     
     border-bottom: 1px solid #D6D6D6;     
     font:11px 1.5 Verdana,Arial,Helvetica, sans-serif;     
     text-align:justify;     
     }     

     .cell-news-bottom{     
     float:left;     
     width:100%;     
     font-weight: bold;     
     padding: 10px 0px 0px 0px;     
     }     

     .left {float:left;}     
     .right {float:right;}


/*knopka*/
.button {
    
    min-height: 1.5em;
    display: inline-block;
    padding: 5px 13px;
    margin: 3px 5px 3px 0px;
    cursor: pointer;
    opacity: 0.9;
    
    color: #FFF;
    font-size: 1em;
    letter-spacing: 1px;
    text-shadow: rgba(0,0,0,0.9) 0px 1px 2px;
    
    background: #434343;
    border: 1px solid #242424;
   
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
     -khtml-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}
.button:hover {
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.button:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.shine {

    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    padding: 0px 62px;
    top: -4px;
    left: -24px;
    height: 1px;
    -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.button:hover .shine {left: 24px;}
.button:active .shine {opacity: 0;}

.button.gray {background: #3a617e;margin-left:3px;width:250px;}
.button.blue {background: #3a617e; margin-left:3px;width:250px;}
.button.green {background: #3a617e; margin-left:3px;width:250px;}
.button.red {background: #3a617e;margin-left:3px;width:250px;}
.button.purple {background: #3a617e;margin-left:3px;width:250px;}
.button.orange {background: #3a617e;margin-left:3px;width:250px;}

/*poisk*/
.search { 
  position: relative; 
  margin: 0 auto; 
  width: 300px; 
} 
.search input { 
  height: 26px; 
  width: 100%; 
  padding: 0 12px 0 25px; 
  background: white url("search.png") 8px 6px no-repeat; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #a8acbc #babdcc #c0c3d2; 
  border-radius: 13px; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
  -webkit-box-shadow: inset 0 1px #e5e7ed, 0 1px #fcfcfc; 
  box-shadow: inset 0 1px #e5e7ed, 0 1px #fcfcfc; 
} 
.search input:focus { 
  outline: none; 
  border-color: #66b1ee; 
  -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); 
  box-shadow: 0 0 2px rgba(85, 168, 236, 0.9); 
} 
.search input:focus + .results { 
  display: block; 
} 
.search .results { 
  display: none; 
  position: absolute; 
  top: 35px; 
  left: 0; 
  right: 0; 
  z-index: 10; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #cbcfe2 #c8cee7 #c4c7d7; 
  border-radius: 3px; 
  background-color: #fdfdfd; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #eceef4)); 
  background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4); 
  background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4); 
  background-image: -ms-linear-gradient(top, #fdfdfd, #eceef4); 
  background-image: -o-linear-gradient(top, #fdfdfd, #eceef4); 
  background-image: linear-gradient(top, #fdfdfd, #eceef4); 
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 
} 
.search .results li { 
  display: block; 
} 
.search .results li:first-child { 
  margin-top: -1px; 
} 
.search .results li:first-child:before, .search .results li:first-child:after { 
  display: block; 
  content: ''; 
  width: 0; 
  height: 0; 
  position: absolute; 
  left: 50%; 
  margin-left: -5px; 
  border: 5px outset transparent; 
} 
.search .results li:first-child:before { 
  border-bottom: 5px solid #c4c7d7; 
  top: -11px; 
} 
.search .results li:first-child:after { 
  border-bottom: 5px solid #fdfdfd; 
  top: -10px; 
} 
.search .results li:first-child:hover:before, .search .results li:first-child:hover:after { 
  display: none; 
} 
.search .results li:last-child { 
  margin-bottom: -1px; 
} 
.search .results a { 
  display: block; 
  position: relative; 
  margin: 0 -1px; 
  padding: 6px 40px 6px 10px; 
  color: #808394; 
  font-weight: 500; 
  text-shadow: 0 1px #fff; 
  border: 1px solid transparent; 
  border-radius: 3px; 
} 
.search .results a span { 
  font-weight: 200; 
} 
.search .results a:before { 
  content: ''; 
  width: 18px; 
  height: 18px; 
  position: absolute; 
  top: 50%; 
  right: 10px; 
  margin-top: -9px; 
  background: url("arrow.png") 0 0 no-repeat; 
} 
.search .results a:hover { 
  text-decoration: none; 
  color: #fff; 
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3); 
  border-color: #2380dd #2179d5 #1a60aa; 
  background-color: #338cdf; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #59aaf4), color-stop(100%, #338cdf)); 
  background-image: -webkit-linear-gradient(top, #59aaf4, #338cdf); 
  background-image: -moz-linear-gradient(top, #59aaf4, #338cdf); 
  background-image: -ms-linear-gradient(top, #59aaf4, #338cdf); 
  background-image: -o-linear-gradient(top, #59aaf4, #338cdf); 
  background-image: linear-gradient(top, #59aaf4, #338cdf); 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); 
} 

:-moz-placeholder { 
  color: #a7aabc; 
  font-weight: 200; 
} 

::-webkit-input-placeholder { 
  color: #a7aabc; 
  font-weight: 200; 
}