body {width:850px;height:700px;margin: 0px; padding: 0px;}
@font-face {font-family:Red Sunset;src:url('font/Red Sunset.ttf');}
a, a:visited {color:#cebc72;outline:none;text-decoration:none;}
a:hover {color:#f0e9cb;outline:none;text-decoration:none;}
.stroka {font:normal small 'Arial';color:#b55a28;text-shadow: 0px 2px 4px #000;}
.stroka1 {font:normal 11px 'Times New Roman';color:#ff9900;text-shadow: 0px 2px 2px #000;}
.stroka2 {font:italic 18px 'Times New Roman';color:#540404;text-shadow: 0px 2px 2px #000;}
.stroka3 {font:normal small 'Arial';color:#000;text-shadow: 0px 2px 4px #000;}
.stroka4 {font:normal 12px 'Times New Roman';color:#ff9900;text-shadow: 0px 2px 2px #000;line-height:2.0;}
.stroka5 {font:bold 24px 'Times New Roman';color:#ea1b05;text-shadow: 0px 1px 2px #000;line-height:1.0;}
.stroka9 {font-family:'Red Sunset';font-size:14px;color:#ff9900;text-shadow: 0px 2px 2px #000;line-height:2.0;}
.mobstrok {font-family:'Red Sunset';font-size:500%;color:#b55a28;text-shadow: 0px 2px 4px #000;line-height:2.0;text-align:center;}

#maket  {width:100%;min-height:100%;}
.col1 {display:inline-block;width:17%; height:700px;float:left;background:#540404;}
.col2 {position:absolute;display:inline-block;left:17%;min-width:850px; height:700px;background:#540404;overflow:hidden;}
.col3 {display:inline-block;float:right;width:10%; height:700px;background:#540404;}
#footer {background:#540404;clear:both;bottom:0px;height:25px;}

#box {
position: fixed;
top:50px;right: 0;
background:#cebc72;
width:30px;height:30px;
font-family:'Red Sunset';font-size:normal 14px;
text-shadow: 0px 2px 2px #000;line-height:2.0;
text-align: center;
padding: 4px;
-webkit-border-radius:5px 0px 0px 5px; 
-moz-border-radius:5px 0px 0px 5px; 
border-radius:5px 0px 0px 5px; 
-moz-box-shadow: 5px 3px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 3px 5px rgba(0,0,0,0.5);
box-shadow: 5px 3px 5px rgba(0,0,0,0.5);
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
#hidden_box {
position: fixed;
top: 50px;right:-175px;
background:#540404;
border:1px solid #cebc72;
width: 160px;height: 28px;
padding: 4px;padding-left:10px;
font-family:'Red Sunset';font-size:normal 14px;
text-shadow: 0px 2px 2px #000;line-height:2.0;
text-align: left;
-moz-box-shadow: 5px 3px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 3px 5px rgba(0,0,0,0.5);
box-shadow: 5px 3px 5px rgba(0,0,0,0.5);
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
#box:hover {right:175px;}
#box:hover #hidden_box {right: 0;}

#box1 {
position: fixed;
top:0px;left:0px;
width:35px;height:35px;
padding:1px;padding-top:5px;
text-align:center;
background:#3c1c05;
-webkit-border-radius:0px 0px 5px 5px; 
-moz-border-radius:0px 0px 5px 5px; 
border-radius:0px 0px 5px 5px; 
-moz-box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
#hidden_box1 {
position: fixed;
top:-30px;left:0px;
background:#48230a;
border: 1px solid #3c1c05;
width:130px;height:20px;
padding:5px;
font:normal small  'Georgia';color:#b55a28;
text-shadow: 0px 2px 4px #000;
text-align:center;
-moz-box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
#box1:hover {top:30px;}
#box1:hover #hidden_box1 {top:0px;-moz-border-radius:0px 0px 15px 0px;-webkit-border-radius:0px 0px 15px 0px;border-radius:0px 0px 15px 0px;}

#box2 {
position: fixed;
bottom:0px;left:0px;
width:100%;height:4px;
background:#48230a;
padding:3px;
-webkit-border-radius:15px 15px 0px 0px; 
-moz-border-radius:15px 15px 0px 0px;  
border-radius:15px 15px 0px 0px; 
-moz-box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
#hidden_box2 {
position: fixed;
bottom:-30px;left:0px;
width:100%; height:20px;
padding:5px;opacity:0.9;
font:normal small 'Arial';color:#b55a28;text-shadow: 0px 2px 4px #000;
-moz-box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
#box2:hover {bottom:30px;background:#540404;height:6px;}
#box2:hover #hidden_box2 {bottom:0px;background:#540404;}

#mobver {
position:fixed;z-index:100;
top:0px;right:0px;
height:100%;width:1px;
background:#400303;
-webkit-border-radius:15px 0px 0px 15px; 
-moz-border-radius:15px 0px 0px 15px;   
border-radius:15px 0px 0px 15px;
-moz-box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
box-shadow: 5px 0px 2px rgba(0,0,0,0.5);
-webkit-transition-duration:1.0s;
-moz-transition-duration:1.0s;
-o-transition-duration:1.0s;
transition-duration:1.0s;
}
#hidden_mobver {
position: fixed;
top:0px;right:-91%;
width:90%;height:100%;
background:#400303;opacity:0.7;
font:normal small 'Arial';color:#b55a28;text-shadow:0px 2px 4px #000;
-moz-box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
box-shadow: 2px 0px 1px rgba(0,0,0,0.5);
-webkit-transition-duration:1.0s;
-moz-transition-duration:1.0s;
-o-transition-duration:1.0s;
transition-duration:1.0s;
}
#mobver:hover {right:90%;width:145px;}
#mobver:hover #hidden_mobver{right:0px;opacity:1;}

#round {
background:#540404;
border: 1px solid #3c1c05;
padding: 2px; margin: 2px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: -5px 3px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 3px 5px rgba(0,0,0,0.5);
box-shadow: -5px 3px 5px rgba(0,0,0,0.5);
}

#roundk {
background:#48230a;
padding: 2px; margin: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
-moz-box-shadow: -5px 3px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 3px 5px rgba(0,0,0,0.5);
box-shadow: -5px 3px 5px rgba(0,0,0,0.5);
}

#round1 {
position:relative;
width:655px; height:450px;
overflow:hidden;
background:#cebc72;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
border-radius:15px;
-moz-box-shadow: 0px 5px 12px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 5px 12px 3px rgba(0,0,0,0.4);
box-shadow: 0px 5px 12px 3px rgba(0,0,0,0.4);
}

.raised {
position:relative;
width:720px; height:640px;
padding:5px;
opacity: 1;
background:#48230a;
background-image: url('m/home.jpg');
background-repeat:no-repeat;
background-position:center top;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow:0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow:0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
box-shadow:0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
} 

.raised1 {
position:relative;
width:720px; height:640px;
padding:5px;
opacity: 1;
background:#cebc72;
border:1px solid #48230a;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 15px 7px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 10px 60px rgba(0, 0, 0, 0.5) inset;} 

.raised2 {
position:relative;
width:700px; height:600px;
padding:5px;
opacity: 1;
background:#000;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

.lico {
position:relative;
width:112px; height:47px;
background-image:url('m/li1.png');
background-position:center center;
background-repeat:no-repeat;
}
.lico:hover {
position:relative;
width:112px; height:47px;
background-image:url('m/li2.png');
background-position:center center;
background-repeat:no-repeat;
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s;
-webkit-transition:width 1s, height 1s, -webkit-transform 1s;
-o-transition:width 1s, height 1s, -o-transform 1s;
-ms-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
}

.portret {
position:relative;
width:173px; height:48px;
background-image:url('m/ve1.png');
background-position:center center;
background-repeat:no-repeat;
}
.portret:hover {
position:relative;
width:173px; height:48px;
background-image:url('m/ve2.png');
background-position:center center;
background-repeat:no-repeat;
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s;
-webkit-transition:width 1s, height 1s, -webkit-transform 1s;
-o-transition:width 1s, height 1s, -o-transform 1s;
-ms-transform:rotateZ(-360deg);
-moz-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
}

.word {
position:relative;
width:117px; height:48px;
background-image:url('m/sl1.png');
background-position:center center;
background-repeat:no-repeat;
}
.word:hover {
position:relative;
width:117px; height:48px;
background-image:url('m/sl2.png');
background-position:center center;
background-repeat:no-repeat;
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s;
-webkit-transition:width 1s, height 1s, -webkit-transform 1s;
-o-transition:width 1s, height 1s, -o-transform 1s;
-ms-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
}

.kuplet {
position:relative;
width:157px; height:46px;
background-image:url('m/ku1.png');
background-position:center center;
background-repeat:no-repeat;
}
.kuplet:hover {
position:relative;
width:157px; height:46px;
background-image:url('m/ku2.png');
background-position:center center;
background-repeat:no-repeat;
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s;
-webkit-transition:width 1s, height 1s, -webkit-transform 1s;
-o-transition:width 1s, height 1s, -o-transform 1s;
-ms-transform:rotateZ(-360deg);
-moz-transform:rotateZ(-360deg);
-webkit-transform:rotateZ(-360deg);
-o-transform:rotateZ(-360deg);
transform:rotateZ(-360deg);
}

.bbb {
position:relative;
width:195px; height:38px;
background-image:url('m/pokor1.png');
background-position:center center;
background-repeat:no-repeat;
}
.bbb:hover {
position:relative;
width:195px; height:38px;
background-image:url('m/pokor2.png');
background-position:center center;
background-repeat:no-repeat;
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s;
-webkit-transition:width 1s, height 1s, -webkit-transform 1s;
-o-transition:width 1s, height 1s, -o-transform 1s;
-ms-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
transform:rotateY(360deg);
}

.sbo {
position:relative;
width:130px; height:215px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s;
-webkit-transition:width 2s, height 2s, -webkit-transform 2s;
-o-transition:width 2s, height 2s, -o-transform 2s;
}
.sbo:hover {
position:relative;
width:130px; height:215px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-ms-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
transform:rotateY(360deg);
}

.sbo1 {
position:relative;
width:159px; height:225px;
margin:13px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s;
-webkit-transition:width 2s, height 2s, -webkit-transform 2s;
-o-transition:width 2s, height 2s, -o-transform 2s;
}
.sbo1:hover {
position:relative;
width:159px; height:225px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-ms-transform:rotateY(-360deg);
-moz-transform:rotateY(-360deg);
-webkit-transform:rotateY(-360deg);
-o-transform:rotateY(-360deg);
transform:rotateY(-360deg);
}

a.news{position:fixed;left:90px;top:50px;z-index:2;text-decoration:none;z-index:12;}
a.news span{display: none;}
a.news:hover{z-index:12;}
a.news:hover span.tooltip{
display:block; position:absolute;
left:-70px; top:60px; 
padding:5px; 
width:240px; height: px;
text-align:left;
text-decoration: none;
font:12px 'Arial'; color:#b4a66d;line-height:1.5;
opacity: 0.9;
background:#48230a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.6);
box-shadow: 1px 2px 5px rgba(0,0,0,0.6);
}
a.news:hover span.middle{
display: block;
width:230px; height: px;
padding: 10px;
background-image: url('m/newS.jpg');
background-repeat:no-repeat;
background-position:center top;
}

a.doska {position:fixed;right:100px;top:30px;z-index:1;text-decoration:none;}
a.doska span{display: none;}
a.doska:hover{z-index:1;}
a.doska:hover span.tooltip{
display:block; position:absolute;
left:-50px; top:300px;
padding:10px; 
width:240px; height: px;
text-align:justify;
text-decoration: none;
font:12px 'Arial'; color:#b4a66d;line-height:1.5;
opacity:0.98;
background:#48230a;
border:1px solid #540404;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
-moz-box-shadow: 1px 5px 8px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 5px 8px rgba(0,0,0,0.6);
box-shadow: 1px 5px 8px rgba(0,0,0,0.6);
}
a.doska:hover span.middle{
display:block;padding:5px;
width:230px; height: px;
border:1px solid #540404;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
background-image: url('m/doskaS.jpg');
background-repeat:no-repeat;
background-position:center top;
}

a.znak {position:absolute;left:10px;top:290px;text-decoration:none;}
a.znak span{display: none;}
a.znak:hover{z-index:1;}
a.znak:hover span.tooltip{
display:block; position:absolute;
left:120px;top:-80px; 
padding:10px; 
width:467px; height: px;
text-align:center;
text-decoration: none;text-shadow:0px 2px 3px #540404;
font:normal 2.0em 'Red Sunset';color:#ea1b05;line-height:1.5;
opacity:0.98;
background:#48230a;
border:2px solid #540404;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
-moz-box-shadow:20px 20px 140px 120px rgba(0,0,0,0.8);
-webkit-box-shadow:20px 20px 140px 120px rgba(0,0,0,0.8);
box-shadow:20px 20px 140px 120px rgba(0,0,0,0.8);
}
a.znak:hover span.middle{
display:block;padding:5px;
width:455px; height: px;
border:1px solid #540404;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
}

a.sound{position:fixed;left:90px;bottom:160px;z-index:5;text-decoration:none;}
a.sound span{ display: none; }
a.sound:hover{ z-index:5; }
a.sound:hover span.tooltip{
display:block; position:absolute;
right:-30px;top:-55px;
padding:5px;
width:170px; height: px;
text-align:center;
text-decoration: none;
font:12px 'Arial'; color:#b4a66d;line-height:1.5;
opacity: 0.9;
background:#48230a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.6);
box-shadow: 1px 2px 5px rgba(0,0,0,0.6);
}
a.sound:hover span.middle{display: block;padding: 0 8px;}

a.tt{position:absolute;text-decoration:none;}
a.tt span{ display: none; }
a.tt:hover{ z-index:1;}
a.tt:hover span.tooltip{
display:block; position:absolute;
left:240px; top:-20px; 
padding:5px; margin:5px;
width:350px; height:400px;
background:#540404;
border: 1px solid #3c1b03;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
-moz-box-shadow:-5px 5px 50px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
font:normal small 'Arial';color:#cebc72;
text-shadow:1px 1px 2px #000000;
}
a.tt:hover span.middle{
display: block;
background-image: url('m/MiSav1a.jpg');
background-repeat:no-repeat;
background-position:center top;
width:213px; height:340px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
}

a.tt1{position:absolute;text-decoration:none;}
a.tt1 span{ display: none; }
a.tt1:hover{ z-index:10;}
a.tt1:hover span.tooltip{
display:block; position:absolute;
left:-495px; top:-20px; 
padding:5px; margin:5px;
width:350px; height:415px;
background:#540404;
border: 1px solid #3c1b03;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
-moz-box-shadow:-5px 5px 50px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
font:normal small 'Arial';color:#cebc72;
text-shadow:1px 1px 2px #000000;
}
a.tt1:hover span.middle{
display: block;
background-image: url('m/MiSav2.jpg');
background-repeat:no-repeat;
background-position:center top;
width:213px; height:340px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
}

a.tt2{position:absolute;text-decoration:none;}
a.tt2 span{ display: none; }
a.tt2:hover{ z-index:1;}
a.tt2:hover span.tooltip{
display:block; position:absolute;
left:240px; top:-210px; 
padding:5px; margin:5px;
width:350px; height:400px;
background:#540404;
border: 1px solid #3c1b03;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
-moz-box-shadow:-5px 5px 50px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
font:normal small 'Arial';color:#cebc72;
text-shadow:1px 1px 2px #000000;
}
a.tt2:hover span.middle{
display: block;
background-image: url('m/MiSav3.jpg');
background-repeat:no-repeat;
background-position:center top;
width:212px; height:340px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
}

a.tt3{position:absolute;text-decoration:none;}
a.tt3 span{ display: none; }
a.tt3:hover{ z-index:10;}
a.tt3:hover span.tooltip{
display:block; position:absolute;
left:-495px; top:-210px; 
padding:5px; margin:5px;
width:350px; height:400px;
background:#540404;
border: 1px solid #3c1b03;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
-moz-box-shadow:-5px 5px 50px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
font:normal small 'Arial';color:#cebc72;
text-shadow:1px 1px 2px #000000;
}
a.tt3:hover span.middle{
display: block;
background-image: url('m/MiSav4.jpg');
background-repeat:no-repeat;
background-position:center top;
width:227px; height:340px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
}

a.tt4{position:absolute;text-decoration:none;}
a.tt4 span{ display: none; }
a.tt4:hover{ z-index:1;}
a.tt4:hover span.tooltip{
display:block; position:absolute;
left:110px; top:30px; 
padding:5px; margin:5px;
width:350px; height:400px;
background:#540404;
border: 1px solid #3c1b03;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
-moz-box-shadow:-5px 5px 50px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
font:normal small 'Arial';color:#cebc72;
text-shadow:1px 1px 2px #000000;
}
a.tt4:hover span.middle{
display: block;
background-image: url('m/MiSav5.jpg');
background-repeat:no-repeat;
background-position:center top;
width:227px; height:340px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
}

a.tt5{position:absolute;text-decoration:none;}
a.tt5 span{ display: none; }
a.tt5:hover{ z-index:10;}
a.tt5:hover span.tooltip{
display:block; position:absolute;
left:-365px; top:30px; 
padding:5px; margin:5px;
width:350px; height:415px;
background:#540404;
border: 1px solid #3c1b03;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
-moz-box-shadow:-5px 5px 50px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
font:normal small 'Arial';color:#cebc72;
text-shadow:1px 1px 2px #000000;
}
a.tt5:hover span.middle{
display: block;
background-image: url('m/MiSav6.jpg');
background-repeat:no-repeat;
background-position:center top;
width:227px; height:340px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
}

a.tt6{position:absolute;text-decoration:none;}
a.tt6 span{ display: none; }
a.tt6:hover{ z-index:1;}
a.tt6:hover span.tooltip{
display:block; position:absolute;
left:110px; top:-270px; 
padding:5px; margin:5px;
width:350px; height:400px;
background:#540404;
border: 1px solid #3c1b03;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
-moz-box-shadow:-5px 5px 50px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
font:normal small 'Arial';color:#cebc72;
text-shadow:1px 1px 2px #000000;
}
a.tt6:hover span.middle{
display: block;
background-image: url('m/MiSav7.jpg');
background-repeat:no-repeat;
background-position:center top;
width:214px; height:340px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
}

a.tt7{position:absolute;text-decoration:none;}
a.tt7 span{ display: none; }
a.tt7:hover{ z-index:10;}
a.tt7:hover span.tooltip{
display:block; position:absolute;
left:-365px; top:-270px; 
padding:5px; margin:5px;
width:350px; height:400px;
background:#540404;
border: 1px solid #3c1b03;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; 
border-radius: 15px;
-moz-box-shadow:-5px 5px 50px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
box-shadow: -5px 5px 50px 20px rgba(0,0,0,0.5);
font:normal small 'Arial';color:#cebc72;
text-shadow:1px 1px 2px #000000;
}
a.tt7:hover span.middle{
display: block;
background-image: url('m/MiSav8.jpg');
background-repeat:no-repeat;
background-position:center top;
width:224px; height:340px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px;
-moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
box-shadow: 0px 10px 25px rgba(0,0,0,0.6);
}

.savoyar{
position:relative;
width:12px;
height:12px;
-moz-border-radius:50%;
-webkit-border-radius:50%; 
border-radius:50%;
background:#b58104;
animation:savoyar 5s infinite linear;
-moz-animation:savoyar 5s infinite linear;
-webkit-animation:savoyar 5s infinite linear;
}
@keyframes savoyar{
0%   {top:200px;left:320px;}
10%   {top:30px;right:100px;}
20%   {top:80px;right:150px;}
30% {top:130px;left:200px;}
40% {top:180px;left:250px;}
50% {top:230px;left:280px;}
60%   {top:280px;right:50px;}
70%   {top:230px;right:100px;}
80% {top:180px;right:150px;}
90% {top:80px;right:200px;}
100% {top:30px;right:250px;}
}
@-moz-keyframes savoyar{
0%   {top:200px;left:320px;}
10%   {top:30px;right:100px;}
20%   {top:80px;right:150px;}
30% {top:130px;left:200px;}
40% {top:180px;left:250px;}
50% {top:230px;left:280px;}
60%   {top:280px;right:50px;}
70%   {top:230px;right:100px;}
80% {top:180px;right:150px;}
90% {top:80px;right:200px;}
100% {top:30px;right:250px;}
}
@-webkit-keyframes savoyar{
0%   {top:200px;left:320px;}
10%   {top:30px;right:100px;}
20%   {top:80px;right:150px;}
30% {top:130px;left:200px;}
40% {top:180px;left:250px;}
50% {top:230px;left:280px;}
60%   {top:280px;right:50px;}
70%   {top:230px;right:100px;}
80% {top:180px;right:150px;}
90% {top:80px;right:200px;}
100% {top:30px;right:250px;}
}

.khanon{
position:relative;
width:12px;
height:12px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
background:#910202;
animation:khanon 6s  infinite linear;
-moz-animation:savoyar 6s  infinite linear;
-webkit-animation:savoyar 6s infinite linear;
}
@keyframes khanon{
0%   {top:485px;left:527px;}
10%   {top:330px;left:610px;}
20%   {top:380px;left:670px;}
30% {top:430px;left:580px;}
40% {top:480px;left:450px;}
50% {top:530px;right:280px;}
60%   {top:580px;right:160px;}
70%   {top:480px;left:50px;}
80% {top:430px;left:200px;}
90% {top:380px;right:300px;}
100% {top:320px;left:550px;}
}
@-moz-keyframes khanon{
0%   {top:485px;left:527px;}
10%   {top:330px;left:610px;}
20%   {top:380px;left:670px;}
30% {top:430px;left:580px;}
40% {top:480px;left:450px;}
50% {top:530px;right:280px;}
60%   {top:580px;right:160px;}
70%   {top:480px;left:50px;}
80% {top:430px;left:200px;}
90% {top:380px;right:300px;}
100% {top:320px;left:550px;}
}
@-webkit-keyframes khanon{
0%   {top:485px;left:527px;}
10%   {top:330px;left:610px;}
20%   {top:380px;left:670px;}
30% {top:430px;left:580px;}
40% {top:480px;left:450px;}
50% {top:530px;right:280px;}
60%   {top:580px;right:160px;}
70%   {top:480px;left:50px;}
80% {top:430px;left:200px;}
90% {top:380px;right:300px;}
100% {top:320px;left:550px;}
}

.zhd {
position:relative;
width:200px;height:200px;
background:#b58104;
background-image: url('m/s4.png');
background-repeat:repeat;
background-position:top center;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
opacity:0.9;
-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5), 0 60px 10px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5), 0 60px 10px rgba(0, 0, 0, 0.4) inset;
-o-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5), 0 60px 10px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 2px 4px rgba(0, 0, 0, 0.5), 0 60px 10px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow:0 5px 7px -5px rgba(0, 0, 0, 0.4), 0 20px 70px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow:0 5px 7px rgba(0, 0, 0, 0.4), 0 20px 70px rgba(0, 0, 0, 0.5) inset;
-o-box-shadow:0 5px 7px rgba(0, 0, 0, 0.4), 0 20px 70px rgba(0, 0, 0, 0.5) inset;
box-shadow:0 5px 7px rgba(0, 0, 0, 0.4), 0 20px 70px rgba(0, 0, 0, 0.5) inset;
animation:zhd 7s  infinite linear;
-moz-animation:zhd 7s  infinite linear;
-webkit-animation:zhd 7s  infinite linear;
transition:width 3s, height 3s;
-moz-transition:width 3s, height 3s, -moz-transform 3s;
-webkit-transition:width 3s, height 3s, -webkit-transform 3s;
-o-transition:width 3s, height 3s, -o-transform 3s;
}
@keyframes zhd {
0%   {background:#b9a658;opacity:0.9;width:200px;height:200px;border-radius:50%;background-image:url('m/s5.png');}
50% {background:#540404;opacity:0.8; width:400px; height:400px;border-radius:50%;background-image:url('m/s4.png');}
100% {background:#b9a658;opacity:0.9;width:200px;height:200px;border-radius:50%;background-image:url('m/s5.png');}
}
@-moz-keyframes zhd {
0%   {background:#b9a658;opacity:0.9;width:200px;height:200px;border-radius:50%;background-image:url('m/s5.png');}
50% {background:#540404;opacity:0.8; width:400px; height:400px;border-radius:50%;background-image:url('m/s4.png');}
100% {background:#b9a658;opacity:0.9;width:200px;height:200px;border-radius:50%;background-image:url('m/s5.png');}
}
@-webkit-keyframes zhd {
0%   {background:#b9a658;opacity:0.9;width:200px;height:200px;border-radius:50%;background-image:url('m/s5.png');}
50% {background:#540404;opacity:0.8; width:400px; height:400px;border-radius:50%;background-image:url('m/s4.png');}
100% {background:#b9a658;opacity:0.9;width:200px;height:200px;border-radius:50%;background-image:url('m/s5.png');}
}
.zhd:hover {
position:relative;
width:400px; height:400px;
background:#b9a658;
background-image: url('m/s5.png');
background-repeat:repeat;
background-position:center top;
opacity:0.8;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-ms-transform:rotate(360deg) rotateZ(360deg);
-moz-transform:rotate(360deg) rotateZ(360deg);
-webkit-transform:rotate(360deg) rotateZ(360deg);
-o-transform:rotate(360deg) rotateZ(360deg);
transform:rotate(360deg) rotateZ(360deg);
}

.zhd1 {
position:relative;align:center;
top:50px;
width:100px;height:100px;
background:#540404;
background-image: url('m/s2.png');
background-repeat:repeat;
background-position:top center;
font:16px 'Georgia';color:#540404;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
opacity:0.9;
-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
-o-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 2px 4px rgba(0, 0, 0, 0.5), 0 40px 10px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow:0 5px 7px -5px rgba(0, 0, 0, 0.4), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow:0 5px 7px rgba(0, 0, 0, 0.4), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
-o-box-shadow:0 5px 7px rgba(0, 0, 0, 0.4), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
box-shadow:0 5px 7px rgba(0, 0, 0, 0.4), 0 10px 60px rgba(0, 0, 0, 0.5) inset;
animation:zhd1 7s  infinite linear;
-moz-animation:zhd1 7s  infinite linear;
-webkit-animation:zhd1  7s  infinite linear;
}
.zhd1:hover {
position:relative;
width:300px; height:300px;
background:#540404;
background-image: url('m/s1.png');
background-repeat:repeat;
background-position:center top;
font:30px 'Georgia';color:#540404;
opacity:0.7;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
transition:width 3s, height 3s;
-moz-transition:width 3s, height 3s, -moz-transform 3s;
-webkit-transition:width 3s, height 3s, -webkit-transform 3s;
-o-transition:width 3s, height 3s, -o-transform 3s;
-ms-transform:rotate(360deg) rotateZ(-360deg);
-moz-transform:rotate(360deg) rotateZ(-360deg);
-webkit-transform:rotate(360deg) rotateZ(-360deg);
-o-transform:rotate(360deg) rotateZ(-360deg);
transform:rotate(360deg) rotateZ(-360deg);
}
@keyframes zhd1 {
0%   {background:#540404;opacity:0.9;width:100px;height:100px;border-radius:50%;font:16px 'Georgia';color:#dfcd82;background-image:url('m/s1.png');}
50% {background:#b9a658;opacity:0.7; width:300px; height:300px;border-radius:50%;font:bold 50px 'Georgia';color:#aa0303;text-shadow:0 3px 5px #fff0b1;background-image:url('m/s2.png');}
100% {background:#540404;opacity:0.9;width:100px;height:100px;border-radius:50%;font:16px 'Georgia';color:#dfcd82;background-image:url('m/s1.png');}
}
@-moz-keyframes zhd1 {
0%   {background:#540404;opacity:0.9;width:100px;height:100px;border-radius:50%;font:16px 'Georgia';color:#dfcd82;background-image:url('m/s1.png');}
50% {background:#b9a658;opacity:0.7; width:300px; height:300px;border-radius:50%;font:bold 50px 'Georgia';color:#aa0303;text-shadow:0 3px 5px #fff0b1;background-image:url('m/s2.png');}
100% {background:#540404;opacity:0.9;width:100px;height:100px;border-radius:50%;font:16px 'Georgia';color:#dfcd82;background-image:url('m/s1.png');}
}
@-webkit-keyframes zhd1 {
0%   {background:#540404;opacity:0.9;width:100px;height:100px;border-radius:50%;font:16px 'Georgia';color:#dfcd82;background-image:url('m/s1.png');}
50% {background:#b9a658;opacity:0.7; width:300px; height:300px;border-radius:50%;font:bold 50px 'Georgia';color:#aa0303;text-shadow:0 3px 5px #fff0b1;background-image:url('m/s2.png');}
100% {background:#540404;opacity:0.9;width:100px;height:100px;border-radius:50%;font:16px 'Georgia';color:#dfcd82;background-image:url('m/s1.png');}
}

.text-animation,
.text-animation:after {position:fixed; width: 550px; height: 150px;top: 40px;left: 10px;z-index:1;}
.text-animation p {position: fixed; bottom: 50px;left: 250px;width: 500px;text-align: center;opacity: 0;
-webkit-animation: textAnimation 10s linear infinite;
-moz-animation: textAnimation 8s  linear  infinite;
-o-animation: textAnimation 8s linear infinite;
-ms-animation: textAnimation 8s  linear  infinite;
animation: textAnimation 8s linear  infinite;
}
.text-animation p{font:normal 24px 'Arial';color:#131313;text-shadow: 1px 0px  1px #aeaeae;}
@-webkit-keyframes textAnimation { 
0% {opacity: 0.3;-webkit-transform: scale(1);}
40% {opacity: 0.6; -webkit-transform: translateX(200px); }
80% {opacity: 0.1;-webkit-transform: scale(3);}
100% {opacity: 0 ;}
}
@-moz-keyframes textAnimation { 
0% {opacity: 0.3;-moz-transform: scale(1);}
40% {opacity: 0.6; -moz-transform: translateX(200px); }
80% {opacity: 0.1;-moz-transform: scale(3);}
100% {opacity: 0 ;}
}
@-o-keyframes textAnimation { 
0% {opacity: 0.3;-o-transform: scale(1);}
40% {opacity: 0.6; -o-transform: translateX(200px); }
80% {opacity: 0.1;-o-transform: scale(3);}
100% {opacity: 0 ;}
}
@keyframes textAnimation { 
0% {opacity: 0.3; transform: scale(1);}
40% {opacity: 0.6; transform: translateX(200px); }
80% {opacity: 0.1; transform: scale(3);}
100% {opacity: 0 ;}
}

.audio {
width:380px;height:30px;
background:#000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius:10px;
border:3px solid #540404;
padding-top:15px;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}