﻿.hrimg{
	background: url(../img/hr.png)no-repeat;
	height: 26px;
    width: 240px;
	margin: 0 auto;
	margin-top: -15px;
    margin-bottom: -20px;
}

.back{
    text-align: center;
    font-family: 'Kurale', serif;
    padding: 20px;
    background: #ffb34b;
    width: 250px;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: 10px;
}

.back:hover{
    box-shadow: 1px 1px 6px #3e2206b5;
}

.back a{
text-decoration: none;
color: #4e2918;
}

.top{
	background: url(../img/pattern.png)repeat-x;
    height: 229px;
    margin: -8px -8px 0 -8px;
	min-width: 1080px;
}

body{
	background: url(../img/wrapper1.png)repeat #f5debd;
	color: #4e2918;
}

.title{
	background: url(../img/drama0.png);
   height: 221px;
    width: 901px;
    margin: 0 auto;
}
 
 .content{
	width: 1080px;
     margin: 0 auto;
    background: rgba(245, 222, 189, 0.6);
	overflow: hidden;
 }
 
 .drama{
	width: 1080px;
     margin: 0 auto;
    background: url(../img/drama1.jpg);
	    height: 747px;
		position: absolute;
		overflow: hidden;
 }
 
 
.lok{
width: 1080px;
margin: 0 auto;
height: 130px;

}

.lok li{
	list-style: none;
}

.picto{
	height: 160px;
    width: 160px;
	float:left;
	margin: 0px 10px;
}

.lok1{
	background: url(../img/lok1.png);

	
}

.lok1:hover{
	background: url(../img/lok11.png);

	
}

.lok2{
	background: url(../img/lok2.png);
	
}

.lok3{
	background: url(../img/lok3.png);
	
}

.lok4{
	background: url(../img/lok4.png);
	
}

.lok5{
	background: url(../img/lok5.png);
	
}

.lok6{
	background: url(../img/lok6.png);
	
}
.lok2:hover{
	background: url(../img/lok22.png);
	
}

.lok3:hover{
	background: url(../img/lok33.png);
	
}

.lok4:hover{
	background: url(../img/lok44.png);
	
}

.lok5:hover{
	background: url(../img/lok55.png);
	
}

.lok6:hover{
	background: url(../img/lok66.png);
	
}
.lok11{
	background: url(../img/lok11.png);

	
}

.lok22{
	background: url(../img/lok22.png);
	
}

.lok33{
	background: url(../img/lok33.png);
	
}

.lok44{
	background: url(../img/lok44.png);
	
}

.lok55{
	background: url(../img/lok55.png);
	
}

.lok66{
	background: url(../img/lok66.png);
	
}

.text{
    width: 50%;
    padding: 10px;
    text-indent: 15px;
	font-family: 'Kurale', serif;
	float: left;
}

.text-d{
    padding: 111px 70px 0 39px;
    text-indent: 15px;
    font-family: 'Kurale', serif;
}

.text-d p{
	margin-bottom: -15px;
	    font-size: 15px;
}

.text p{
	margin-bottom: -15px;
	    font-size: 18px;
}

.gallery{
padding: 10px;
width: 45%;
float: left;
}

.text1{
text-align:center;
    font-family: 'Kurale', serif;
	font-size: 20px;
	
}
.text2{
    padding: 10px;
    text-indent: 15px;
	font-family: 'Kurale', serif;
	
}

.text2 p{
	margin-bottom: -15px;
	    font-size: 18px;
}

.text2 li{
	
	    font-size: 18px;
}


.text2 p:last-child{
	margin-bottom: 5px;
	    
}
.text p:last-child{
	margin-bottom: 5px;
	    
}

.gallery2{
padding: 10px;

}

.text3{
	text-align:center;
    font-family: 'Kurale', serif;
	font-size: 20px;
}
.topl{
float: left;
}
 h2{
	text-align: center;
	line-height: 35px;
    padding: 20px;
	font-family: 'Philosopher', sans-serif;
	font-family: 'Kurale', serif;
 }
 
  h1{
	text-align: center;
	line-height: 35px;
    padding: 24px;
	font-family: 'Philosopher', sans-serif;
	font-family: 'Kurale', serif;
 }
 
 #socializ{
 position: fixed;
	z-index: 1000;
    top: 20px;
	/*left: 20px;*/
 }
 
 #socializ{
   top: 240px; /** высота шапки в пикселях**/
   position: fixed;
   z-index: 1000;
   left: -25px;
   background: #ffb34b;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 0 5px 0 0;
}

.menu{
	width: 56px;
	height: 56px;
	list-style-type: none;
    margin: 10px 0;
}

.bio1{
	background: url(../img/bio1.png);
	
}

.tvory1{
	background: url(../img/tvory1.png);
	
}

.about1{
	background: url(../img/about1.png);
	
}

.memory1{
	background: url(../img/memory1.png);
	
}

.test1{
	background: url(../img/test1.png);
	
}

.bio{
	background: url(../img/bio.png)#fff6e9;
	
}

.tvory{
	background: url(../img/tvory.png)#fff6e9;
	
}

.test{
	background: url(../img/test.png)#fff6e9;
	
}



.memory{
	background: url(../img/memory.png)#fff6e9;
	
}

.ukladach{
	background: url(../img/ukladach.png)#fff6e9;
	
}

.ukladach1{
	background: url(../img/ukladach1.png);
	
}



.poster:hover .descr{
    display:block;
    position:absolute;
    left:90px;
    z-index:9999;
	
    
}
.descr{
    display: none;
    width: 218px;
    height: 59px;
	border-radius: 10px;
    margin: 0 0 0 6px;
	 -moz-box-shadow: 0 3px 5px rgba(117, 102, 79, 0.58);
    -webkit-box-shadow: 0 3px 5px rgba(117, 102, 79, 0.58);
    box-shadow: 0 3px 5px rgba(117, 102, 79, 0.58);
    
}

.about{
	background: url(../img/about.png)#fff6e9 no-repeat;
    padding: 9px 0 0 10px;
	width: 218px;
	height: 59px;
}

.about a{
    
	text-decoration: none;
    color: #4e2918;
	font-family: 'Kurale', serif;
}

.about a:hover{
  color: #FF5722;
 
}


@media (max-width: 1220px){
    #socializ{
     opacity:0.1;
    }
	
	#socializ:hover{
     opacity:1;
    }}
.gallery2 img{

}
.theater{
	background: url(../img/34t.jpg);
	width: 800px;
	height: 505px;
    margin: 0 auto;
	margin-bottom: 40px;
}
/*
.theater:hover{
background: url(../img/34t.jpg);

}*/
.text2 ol li ul li{
    list-style: none;
}

.curt{
	width: 1080px;
	height: 747px;
	margin: 0 auto;
	
}

curtain {
	width: 1080px;
	height: 747px;
	margin: 0 auto;
	position: relative;
	top:-747px;
}
.curtain-l{
	background: url(../img/left.png);
	width: 540px;
	height: 654px;
	float: left;
	position: relative;
    top: -552px;
}

.curtain-r{
	background: url(../img/right.png);
	width: 540px;
	height: 654px;
	float: right;
	position: relative;
    top: -552px;
}

.train-r {
 position: relative;
  cursor: pointer;
  top: -552px;
  float: right;
    transition:all 2s ease-out;
	
	
	
}
.train-l {
 position: relative;
  cursor: pointer;
  top: -552px;
  float: left;
    transition:all 2s ease-out;
	
	
	
}
.link{
	text-decoration: none;
    position: relative;
    top: 40px;
    left: 110px;
    color: #ad0406;
    font-weight: bold;
    opacity: 0.2;
}
.link:hover {
opacity: 1;
}
#floatTip {
    position: absolute; 
	display: none; 
	padding: 5px 10px;
    font-family: sans-serif;
    font-size: 10pt;
    color: #f1820d;
    background: #9b1514;
    border-radius: 4px;
   }