@import url('reset.css');
@import url('typography.css');

html{height:100%;}
body {
background-color:#1D2021;
margin: auto;
width: 100%;
height:100%;
}
#all{
width:100%;
min-height:100%;
background:#1D2021;
}
#all1{
width:100%;
min-height:860px;
background: url(../img/about-bg1.jpg) no-repeat center bottom;
}
#all2{
width:100%;
min-height:794px;
background: url(../img/mod4-bg.jpg) no-repeat center top;
}
.clear{clear:both}
#head{
background:url(../img/head-bg.jpg) repeat-x;
width:100%;
height:130px;
}
#head-img{
background:url(../img/head-img.jpg) no-repeat top;
width:982px;
height:180px;
position:relative;
margin:0 auto;
padding-top:1px;
}
#head-img2{
background:url(../img/head-img2.jpg) no-repeat top;
width:982px;
height:180px;
position:relative;
margin:0 auto;
padding-top:1px;
}
#head-img3{
background: url(../img/mod4-head.jpg) no-repeat top center;
width:982px;
height:180px;
position:relative;
margin:0 auto;
padding-top:1px;
}
#rec{
float:left;
width:300px;
height:50px;
margin-top:21px;
}
.language, .language1, .language2{
width:85px;
height:25px;
float:right;
margin-top:25px;
}
#search{
width:210px;
height:23px;
float:right;
}
.search-text{
background:url(../img/search-bg.jpg) no-repeat;
width:143px;
height:20px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#6a777c;
padding:0 10px;
float:left;
border:none;
}
.search-button{
background:url(../img/input-search.jpg) no-repeat;
width:27px;
height:20px;
border:none;
float:left;
text-indent:-9000px;
}
#topmenu, #topmenu1, #topmenu2{
width:100%;
height:37px;
background:#09060D;
margin-top:48px;
}
#topmenu li{
text-align:center;
float:left;
height:37px;
padding:0 26px;
}
#topmenu1 li{
text-align:center;
float:left;
height:37px;
padding:0 22px;
}
#topmenu2 li{
text-align:center;
float:left;
height:37px;
padding:0 43px;
}
#topmenu li a, #topmenu1 li a{
padding:0 16px;
width:100%;
height:100%;
display:block;
color:#c0ced3;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:37px;
}
#topmenu2 li a{
padding:0 39px;
width:100%;
height:100%;
display:block;
color:#c0ced3;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:37px;
}
#topmenu li a:hover{
background:#1F180C;
text-decoration:none;
color:#b2965b;
}
#topmenu1 li a:hover{
background:#1A1521;
text-decoration:none;
color:#366BB4;
}
#topmenu2 li a:hover{
background:#0B1715;
text-decoration:none;
color:#136643;
}
#footer{
background:#000000;
width:100%;
height:79px;
margin-top:-79px;
}
#footer-con{
width:982px;
height:79px;
position:relative;
margin:0 auto;
background:url(../img/footer-img.jpg) no-repeat right;
}
#footer-con2{
width:982px;
height:79px;
position:relative;
margin:0 auto;
background:url(../img/footer-img2.jpg) no-repeat right;
}
#footer-con3{
width:982px;
height:79px;
position:relative;
margin:0 auto;
background: url(../img/mod4-footer.jpg) no-repeat right;
}
#content{
width:982px;
padding-bottom:79px;
position:relative;
float:left;
}
#conteiner{
width:982px;
margin:0 auto;
position:relative;
}

#anons{
width:613px;
height:294px;
float:left;
background:url(../img/anons.jpg) no-repeat;
overflow:hidden;
margin-top:8px;
}
#anons-nav{
background:url(../img/anons-nav-bg.png) no-repeat;
width:613px;
height:70px;
margin-top:224px;
}
#anons-nav-ul{
width:120px;
height:17px;
float:right;
margin-top:11px;
}
#anons-nav-ul li{
float:left;
}
#anons-nav-ul li a{
display:block;
background:url(../img/anons-nav.png) no-repeat;
width:17px;
height:17px;
text-indent:-9000px;
margin-right:6px;
}
#anons-nav-ul li a:hover{
text-decoration:none;
background:url(../img/anons-nav-hov.png) no-repeat;
}
#anons-nav-ul li a.act1{background:url(../img/anons-nav-hov.png) no-repeat}
#anons-nav-ul li a.act1:hover{background:url(../img/anons-nav.png) no-repeat}
#anons-nav p span{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#6a777c;
}
#anons-nav p{width:380px; margin-left:22px; padding-top:15px;}
#what-now{
float:left;
width:322px;
margin-top:8px;
height:284px;
background:#282D2E;
margin-left:8px;
padding:10px 12px 0 25px
}
#what-now img{ margin-bottom:5px;}

#events{
float:left;
width:425px;
padding-top:1px;
margin-top:12px;
}
#events-top{
width:425px;
height:64px;
background:#0D0B11;
margin-bottom:2px;
}
#events-top span{
padding-top:1px;
}
#news-blok{
position:relative;
width:424px;
height:194px;
background:#0D0B11;
margin-bottom:2px;
margin-top:15px;
}

#news-blok-name{
background:url(../img/blok-name-bg.png);
width:406px;
height:49px;
position:absolute;
margin-top:139px;
padding:6px 0 0 18px;
}
.events-blok-blue{
width:385px;
min-height:142px;
background: url(../img/blue-blok.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}
.events-blok-green{
width:385px;
min-height:142px;
background: url(../img/green-blok.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}
.events-blok-yellow{
width:385px;
min-height:142px;
background: url(../img/yellow-blok.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}
.events-blok-red2{
width:375px;
min-height:45px;
background: url(../img/red2.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
float:left;
padding:0px 30px 19px 19px;
}
.events-blok-orange2{
width:375px;
min-height:45px;
background: url(../img/orange2.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
float:left;
padding:0px 30px 19px 19px;
}
.events-blok-yellow2{
width:375px;
min-height:45px;
background: url(../img/yellow2.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
float:left;
padding:0px 30px 19px 19px;
}
#events img {
float:left;
margin:20px 15px 0 18px;
}
#events span{
display:block;
margin-top:14px;
}
#news-blok img{margin:0}
.events-blok-yellow2 span, .events-blok-orange2 span, .events-blok-red2 span{margin:0}
.blok-p{
float:right;
width:262px;
}

#zakaz{
width:267px;
float:left;
margin:27px 0 0 10px;
}
#photogalery{
background:url(../img/orange.jpg) repeat-y left #151619;
width:239px;
min-height:250px;
float:left;
padding-left:28px;
}
.oformit{
height:193px;
width:267px;
margin-bottom:7px;
padding-top:1px;
border-bottom:1px solid #687377
}
.oformit1{
height:180px;
width:267px;
margin-bottom:5px;
padding-top:14px;
margin-top:1px;
border:1px solid #687377;
margin-left:-2px;
background:#151619;
}
.oformit1 img{ float:right ;margin-top:4px}
.oformit1 img.nota{float:right; margin-top:-5px; margin-left:6px;}
.oformit1 a{margin-left:18px;}
.oformit a{
background:url(../img/zakaz.jpg) no-repeat;
height:193px;
width:268px;
display:block;
text-indent:-9000px;
}
/*.oformit span{
display:block;
margin-top:131px;
}*/
.oformit a:hover{
background:url(../img/zakaz-hover.jpg) no-repeat;
}
#photogalery img{
float:left;
margin:8px 8px 11px 0;
}
.name{
display:block;
margin:14px 0 0 0px;
}

.back{
display:block;
margin-top:00px;
}

#right{
float:right;
width:272px;
margin-right:1px;
margin-top:27px;
margin-left:5px
}
#soon{
float:right;
background:#151619;
width:246px;
min-height:262px;
padding-left:24px;
padding-top:15px;
}
#concerts{
float:right;
background: url(../img/light-blue.jpg) repeat-y left #151619;
width:246px;
min-height:262px;
padding-left:24px;
padding-top:15px;
padding-bottom:41px;
}
#soon img, #concerts img{
float:left;
margin:2px 8px 5px 0;
}
.city{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#cbdde4;
}
.casta{color:#9d80b3}
#soon p, #concerts p{margin-top:15px;}
.polniyspis{
background:url(../img/spisok.jpg) no-repeat left;
padding-left:17px;
}
.polniyspis a{
color:#3F83DB;
text-decoration:underline;
}
.polniyspis a:hover{text-decoration:none; color:#1F63BB}

#profile{
width:240px;
float:left;
min-height:250px;
padding-left:32px;
padding-top:12px;
background:url(../img/greyp.jpg) repeat-y left #242829;
padding-bottom:17px;
margin-top:8px;
}
#profile img{
margin-bottom:8px;
}
.otst{margin-top:7px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3f83db}

#where-we{
width:665px;
height:30px;
border:1px solid #677377;
padding:18px;
float:left;
margin:16px 8px 20px 0;
}
#where-we p{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#677377;
float:left;
line-height:30px;
}
#where-we img{
float:left;
margin-left:25px;
}
#left{
width:704px;
float:left;
}
#left3{
width:702px;
float:left;
margin-top:-28px;
}
#footer-con img, #footer-con2 img, #footer-con3 img{float:left; margin-right:14px}
.log{ width:220px; height:50px; float:left;  position:absolute; margin-top:30px}
.log1{ width:220px; height:50px; float:left;  position:absolute; margin-top:33px;}
.log p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
.log1 p{
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
.log a{color:#7b8183}
.log1 a{color:#7b8183; text-decoration:underline}
.log1 a:hover{color:#7b8183; text-decoration:none}
.copy{ width:100px; margin:30px 0 0 860px; position: absolute; text-align:right}
.copy1{ width:100px; margin:33px 0 0 866px; position: absolute; text-align:right}
.copy p, .copy1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#d9d9d9;
}


/*mod3_3.html*/


#galerya{
width:400px;
min-height:580px;
float:left;
margin-top:6px;
margin-right:7px;
}
#galery-img{
width:400px;
height:502px;
margin-bottom:8px;
background:#fff;
}
#galery-nav{
width:380px;
height:70px;
background:url(../img/blue-blok.jpg) repeat-y left #111015;
padding-left:20px;
float:left;
}
#galery-nav-red{
float:left;
width:380px;
height:70px;
background:url(../img/red2.jpg) repeat-y left #111015;
padding-left:20px;
}
#see-all{
width:374px;
height:26px;
background:url(../img/orange2.jpg) repeat-y left #111015;
padding-left:26px;
margin-top:3px;
float:left;
padding-top:8px;
}
#other{
float:left;
width:377px;
min-height:150px;
background: url(../img/light-blue.jpg) repeat-y left #242829;
padding-left:20px;
margin-top:5px;
padding:23px 0 12px 23px;
}
.artists{width:170px; height:51px;margin:12px 9px 12px 0; float:left}
#other img{float:left; margin:0 9px 0 0;}
#galery-nav img, #galery-nav-red img{ 
float:right;
margin-left:6px;
}
#info{
margin-top:6px;
float:left;
width:492px;
min-height:500px;
border:1px solid #677377;
padding:27px 32px 42px 46px;
margin-bottom:16px;
}
#info .span{
margin-top:30px;
font-family:Arial, Helvetica, sans-serif;
color:#6a777c;
font-size:18px;
}
#player-video{
width:488px;
height:275px;
margin-top:11px;
}
#info p{ margin-top:19px}


/*mod3_4.html*/


#profile1{
width:239px;
float:left;
min-height:250px;
padding-left:32px;
padding-top:12px;
background:#242829;
padding-bottom:17px;
margin-top:8px;
margin-left:2px;
}
#profile1 span a, #profile12 span a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#b8d6e1;
font-weight:bold;
}
#profile1 img, #profile12 img{margin-bottom:8px}
#name-str{
background:#111015;
width:946px;
height:36px;
margin:6px 0;
padding:14px 0 0 36px;
}
#about-us{
background:url(../img/yellow2.jpg) repeat-y left;
float:left;
width:982px;
min-height:486px;
margin:0px 0 25px 0;
}
#form{
background: url(../img/fiolette.jpg) repeat-y left;
float:left;
width:980px;
min-height:486px;
margin:0px 0 25px 0;
padding-left:2px;
}
#about-bg{
background:url(../img/mod2_7-bg.png);
float:left;
width:908px;
min-height:506px;
padding:34px 36px;
}
#form-bg{
background: url(../img/form-bg.jpg) no-repeat right top #151619;
float:left;
width:908px;
min-height:506px;
padding:34px 36px;
}
#right1{
float:right;
width:272px;
margin-right:1px;
margin-top:0px;
margin-left:5px
}
#left1{
width:698px;
min-height:500px;
float:left;
}

.blok-blue{
width:658px;
min-height:115px;
background: url(../img/blue-blok.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}
.blok-green{
width:658px;
min-height:115px;
background: url(../img/green-blok.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}
.blok-yellow{
width:658px;
min-height:115px;
background: url(../img/yellow-blok.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}
#left1 img {
float:left;
margin:20px 15px 0 18px;
}
#left1 span{
display:block;
margin-top:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#6a777c;
}
#left1 span a{color:#6a777c;}
#left1 span a:hover{color:#b8c7cd;}
.otst1{margin-top:7px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3f83db}
.otst12{margin-top:14px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3f83db;
background:url(../img/video2.jpg) no-repeat left; padding-left:20px}
.otst1 a, .otst12 a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3f83db; text-decoration:underline;}
.otst1 a:hover, .otst12 a:hover{text-decoration:none; color:#1F63BB}
#left1-nav, #left1-nav1{
float:left;
width:698px;
height:70px;
margin-top:2px;
background:#111015;
margin-bottom:63px;
}
#left1-nav12{
float:left;
width:982px;
height:70px;
margin-top:2px;
background:#111015;
margin-bottom:33px;
}
#left1-nav a, #left1-nav1 a, #left1-nav12 a {
color:#b8c7cd;
width:26px;
height:27px;
display:block; 
text-align:center;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
line-height:24px;
border:1px solid #111015;
padding:4px 0 0 0;
}
#left1-nav a:hover{ color:#b3965c; border:1px solid #677377; text-decoration:none; margin-right:0px;}
#left1-nav1 a:hover, #left1-nav12 a:hover{ color:#722338; border:1px solid #677377; text-decoration:none; margin-right:0px;}
#left1-nav ul, #left1-nav1 ul, #left1-nav ul, #left1-nav12 ul{ height:29px; width:390px; margin:0 auto; padding-left:39px}
#left1-nav ul li, #left1-nav1 ul li, #left1-nav12 ul li {
float:left;
margin-right:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px; 
color:#b8c7cd;
line-height:29px;
padding-top:16px;
}
#left1-nav ul li p, #left1-nav1 ul li p, #left1-nav12 ul li p{padding-top:11px;}
#prev a{
background:url(../img/left1-nav-left.jpg) no-repeat;
width:29px;
height:49px;
display:block;
text-indent:-9000px;
float:left;
border:none;
margin:-6px 8px 0 0;
}
#next a{
background:url(../img/left1-nav-right.jpg) no-repeat;
width:29px;
height:48px;
display:block;
text-indent:-9000px;
float:right;
border:none;
margin:-6px 0 0 8px;

}
#prev a:hover{border:none; margin:-6px 8px 0 0;}
#next a:hover{border:none;}

/*mpd3_5.html*/


.blok-photo{
width:315px;
height:370px;
float:left;
margin:3px 6px 32px 5px;
}
.photka{
width:318px;
height:295px;
border:1px solid #677377;
text-align:center;
margin-bottom:5px;
}
.photka img{margin:auto; margin-top:16px;}
.blok-opisanie{
width:304px;
height:59px;
background:url(../img/green-blok.jpg) repeat-y left #151619;
padding:11px 0 0 16px
}
/*3_2*/
#vibor{
float:left;
width:750px;
height:80px;
background:#111015;
padding-top:14px;
}
#vibor a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#488b84;
float:left;
margin-right:8px;
padding:0 20px;
text-align: center;
display:block;
line-height:32px;
}
#vibor a:hover{ text-decoration:none; background:#77A151; color:#fff}

#banner{
float:right;
width:222px;
height:550px;
}
.blue{
padding:23px 0 0 58px;
float:left;
min-height::330px;
width:692px;
background:url(../img/blue-blok.jpg) repeat-y left #151619;
margin-bottom:2px;
margin-top:2px;
}
.green{
padding:23px 0 0 58px;
float:left;
min-height::330px;
width:692px;
background:url(../img/green-blok.jpg) repeat-y left #151619;
margin-bottom:2px;
margin-top:2px;
}
.yellow{
padding:23px 0 0 58px;
float:left;
min-height::330px;
width:692px;
background:url(../img/yellow-blok.jpg) repeat-y left #151619;
margin-bottom:25px;
margin-top:2px;
}
.hip1{
margin-top:26px;
width:180px;
margin-right:50px;
float:left;
margin-bottom:28px;
}
.hip1 li{
height:20px;
margin-bottom:5px;
}
.hip1 a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#a88b4f;
}


/*mod2_6*/
#next-album{
float:right;
width:318px;
height:410px;
margin-bottom:20px;
}
#next-album-img{
height:308px;
width:303px;
border:1px solid #677377;
padding:16px 0 0 15px;
}
#album-name{
width:297px;
height:65px;
background:url(../img/fiolette.jpg) repeat-y left #151619;
padding:10px 0 0 25px;
margin-top:9px;
}
.fiolette{
padding:26px 31px 0 31px;;
float:left;
min-height::330px;
width:589px;
background: url(../img/fiolette.jpg) repeat-y left #151619;
margin-bottom:27px;
margin-top:0px;
}
.imgs{
margin-bottom:30px;
width:589px;
float:left;
height:150px;
}
.fiolette .imgs img{
float:left;
margin-right:17px;
}
#vibor a.centa{margin:0 15px 0 7px}

/*mod 2_5*/

.blok-opisanie1{
width:304px;
height:62px;
background: url(../img/fiolette.jpg) repeat-y left #151619;
padding:10px 0 0 16px
}


/*mod 2_4*/

#right2{
float:right;
width:276px;
margin-right:0px;
margin-top:0px;
margin-left:0px;
}
#soon1{
float:right;
background:#FDFCD7;
padding:20px 0 0 12px;
width:264px;
height:350px;
}

#profile12{
width:243px;
float:left;
min-height:250px;
padding-left:32px;
padding-top:12px;
background:#242829;
padding-bottom:32px;
margin-top:9px;
margin-left:2px;
background:url(../img/blue2.jpg) repeat-y left #242829;
}

.blok-red{
width:658px;
min-height:115px;
background: url(../img/red2.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}
.blok-orange2{
width:658px;
min-height:115px;
background: url(../img/orange2.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}
.blok-yellow2{
width:658px;
min-height:115px;
background: url(../img/yellow2.jpg) repeat-y left #0D0B11;
margin-bottom:2px;
padding-right:40px;
padding-top:1px;
float:left;
}

/*mod2*/

#flash-or-js{
background:url(../img/flash-or-js.jpg) no-repeat center;
width:980px;
height:378px;
margin:7px 1px 18px 1px;
float:left;
}

/*2_8*/
.intex{
width:310px;
height:34px;
border:1px solid #4B5254;
background: #272B2C;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#6a777c;
line-height:34px;
padding:0 10px;
float:left;
margin:0 15px 13px 0;
}
.select{
width:330px;
height:34px;
border:1px solid #4B5254;
background: #272B2C;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#6a777c;
line-height:34px;
float:left;
margin:0 15px 13px 0;
}
.textarea{
width:310px;
min-height:95px;
border:1px solid #4B5254;
background: #272B2C;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#6a777c;
line-height:16px;
padding:10px;
float:left;
margin:0 15px 13px 0;
}
.submit{
border:none;
background:url(../img/submit.jpg) 0 0;
width:164px;
height:41px;
text-indent:-9000px;
}
.submit:hover{
background-position:0 -41px;
}

/*mod2_3*/
.reliz-red{
background:url(../img/red2.jpg) repeat-y left #151619;
float:left;
width:918px;
min-height:286px;
margin:0px 0 2px 0;
padding:30px 32px 20px 32px;
}
.reliz-img{
width:687px;
min-height:100px;
float:left;
margin-top:8px;
border-right:1px solid #1D2021;
padding-right:30px;
}
.reliz-img p{ margin-bottom:16px; line-height:16px; float:left}
.reliz-img p a{ color:#6A777C}
.reliz-orange{
background:url(../img/orange2.jpg) repeat-y left #151619;
float:left;
width:918px;
min-height:115px;
margin:0px 0 2px 0;
padding:30px 32px 34px 32px;
}
.reliz-yellow{
background:url(../img/yellow2.jpg) repeat-y left #151619;
float:left;
width:918px;
min-height:115px;
margin:0px 0 2px 0;
padding:30px 32px 34px 32px;
}
.reliz-yellow img, .reliz-orange img, .reliz-red img{float:left; margin-right:42px}
.audio-play{
width:330px;
height:25px;
float:left;
}

/*mod4*/
.mod4-top{
width:929px;
min-height:170px;
background:url(../img/mod2_7-bg.png);
padding:28px 26px 20px 27px;
float:left;
margin:10px 0;
}
.mod4-cen{
width:929px;
min-height:170px;
background:url(../img/mod2_7-bg.png);
padding:28px 26px 28px 27px;
float:left;
margin:0px 0 30px 0;
}
.mod4-cen img{float:right;}
.mod4-top img{float:right; margin-left:55px;}