.grid {

    height:200px;
	padding: 20px 20px 100px 20px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {

	display: inline-block;
	width: 300px;
	margin: 0;
	padding: 20px;
	text-align: left;
	position: relative;
}

.grid figure {margin: 0;position: relative;height: 270px;}


li.asd {top:0px;left:-210px;}
li.asdm {left:31px;top:-120px;}
li.asdv {top:-240px;left:270px;}
li.asdf {top:-20px;left:-210px;}
li.asdt {top:-140px;left:31px;}
li.asds {top:-260px;left:270px;}
li.asdua {top:-160px;left:30px;}
li.asdsf {top:-38px;left:-210px;}
ul.grid.cs-style-4{margin-top:0px; height:10px;}

.grid figure img {

box-shadow: 0px 1px 21px 8px #868686;
    padding: 0px;
	max-width: 100%;
	display: inline;
	position: relative;
}

.grid figcaption {
	
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: rgba(44, 63, 82, 0.89);
	color: #ed4e6e;
        text-shadow: 1px 1px 2px black, 0 0 1em #000000;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
        text-shadow: 1px 1px 2px black, 0 0 1em #000000;
}

.grid figcaption a {
	box-shadow: 0px 1px 50px 8px #353535;
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
}

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {

	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(15px, 15px);
	-moz-transform: translate(15px, 15px);
	-ms-transform: translate(15px, 15px);
	transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
	margin-top: 70px;
}

.cs-style-1 figcaption span {
	display: block;
}

.cs-style-1 figcaption a {
	margin-top: 30px;
}

/* Caption Style 2 */
.cs-style-2 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}

.cs-style-2 figcaption {
	height: 90px;
	width: 100%;
	top: auto;
	bottom: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-style-2 figcaption a {
	position: absolute;
	right: 20px;
	top: 30px;
}

/* Caption Style 3 */
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.cs-style-3 figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* Caption Style 4 */
.cs-style-4 li {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.cs-style-4 figure {
	width: 200px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure > div {
	overflow: hidden;
}

.cs-style-4 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(10%);
}

.cs-style-4 figcaption {
	border-radius: 10px;
	margin-left:0px;
	margin-top:0px;
	height: 300px;
	width: 230px;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* Caption Style 5 */
.cs-style-5 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	-ms-transform: scale(0.4);
	transform: scale(0.4);
}

.cs-style-5 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.cs-style-5 figure a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* Caption Style 6 */
.cs-style-6 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
	-webkit-transform: translateY(-50px) scale(0.5);
	-moz-transform: translateY(-50px) scale(0.5);
	-ms-transform: translateY(-50px) scale(0.5);
	transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-style-6 figcaption h3 {
	margin-top: 60%;
}

.cs-style-6 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* Caption Style 7 */
.cs-style-7 li:first-child { z-index: 6; }
.cs-style-7 li:nth-child(2) { z-index: 5; }
.cs-style-7 li:nth-child(3) { z-index: 4; }
.cs-style-7 li:nth-child(4) { z-index: 3; }
.cs-style-7 li:nth-child(5) { z-index: 2; }
.cs-style-7 li:nth-child(6) { z-index: 1; }

.cs-style-7 figure img {
	z-index: 10;
}

.cs-style-7 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	box-shadow: 0 0 0 0px rgb(44, 63, 82);
}

.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption {
	pointer-events: auto;
	opacity: 1;
	height: 130%;
	box-shadow: 0 0 0 10px #2c3f52;
}

.cs-style-7 figcaption h3 {
	margin-top: 86%;
}

.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
	opacity: 0;
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	transition: opacity 0s;
}

.cs-style-7 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
	-webkit-transition: opacity 0.3s 0.2s;
	-moz-transition: opacity 0.3s 0.2s;
	transition: opacity 0.3s 0.2s;
	opacity: 1;
}

@media screen and (max-width: 31.5em) {
	.grid {
		padding: 10px 10px 100px 10px;
	}
	.grid li {
		width: 100%;
		min-width: 300px;
	}
}

.pnn {color:#ffb200;text-shadow: 1px 1px 2px black, 0 0 1em #000000;}
.miyu {color:#ffb200;text-shadow: 1px 1px 2px black, 0 0 1em #000000;}
.vrem {color:#ffb200;text-shadow: 1px 1px 2px black, 0 0 1em #000000;}
.opi {color:#ffb200;text-shadow: 1px 1px 2px black, 0 0 1em #000000;}

/*end*/

/*info*/
.slider {      
float:left;      
width:600px;      
height:200px;      
position:relative;      
padding:0px;      
}      

.sliderContent {      
float:left;      
width:600px;      
height:200px;      
clear:both;      
position:relative;      
overflow:hidden;      
border:2px solid #333;      
}      

.sliderArrows a {      
display:none;      
}      

.prev {      
display:none;      
}      

.next {      
display:none;      
}      

.sliderContent .item {      
position:absolute;      
width:600px;      
height:200px;      
background: #333;      
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));      
background-image: -webkit-linear-gradient(top, #444, #222);      
background-image: -moz-linear-gradient(top, #444, #222);      
background-image: -ms-linear-gradient(top, #444, #222);      
background-image: -o-linear-gradient(top, #444, #222);      
background-image: linear-gradient(top, #444, #222);      
}      

.sliderBullets {      
position:absolute;      
bottom:15px;      
left:10px;      
z-index:50;      
margin-left:10px;      
}      

.sliderBullets a {      
display:block;      
float:left;      
text-indent:-9999px;      
outline:none;      
margin-left:5px;      
width:20px;      
height:20px;      
background:url(http://webmaster-ucoz.ru/ucoz/1/img/bullets.png) no-repeat;      
background-position:right;      
}      

.sliderBullets .active {      
background-position:left;      
}      

.sliderContent a {      
outline:none;      
}      

a {      
color:yellowgreen;      
text-decoration:none;      
}      
.sliderContent #cont{padding:10px 10px 10px 20px;display:block;}      

#text{text-align:left;float:right;width:360px;height:128px;color:#ccc;font-size:12px;overflow:hidden;}      
#text h2{font-size:13px;color:#999;color:#c69d33;}      
#readmore{      
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));      
background-image: -webkit-linear-gradient(top, #444, #333);      
background-image: -moz-linear-gradient(top, #444, #333);      
background-image: -ms-linear-gradient(top, #444, #333);      
background-image: -ms-linear-gradient(top, #444, #333);      
background-image: -o-linear-gradient(top, #444, #333);      
background-image: linear-gradient(top, #444, #333);      
-webkit-border-radius:1px;      
-moz-border-radius:1px;      
border-radius:1px;      
-webkit-box-shadow: 0 0px 2px #666;      
-moz-box-shadow: 0 0px 2px #666;      
box-shadow: 0 0px 2px #666;      
color:#c69d33;      
float:right;      
display:inline-block;      
font-size:11px;      
font-weight:bold;      
padding:4px;      
position:absolute;      
bottom:20px;      
right:20px;      
}      
#readmore:hover{color:#999;}      
#newsimage{float:left;border:4px solid #222;width:180px;height:120px;margin:10px 10px 0px 0px;}

/* Вид новостей для кино сайтов на 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;}