body {margin:0px;padding:0px;width:auto;min-width:100%;height:auto;min-height:100%;background:#92000a url(forTha6a.png) repeat;font-style:normal medium 'Times New Roman';color:#fff;text-shadow: 0px 2px 3px #000;}
a {font:normal 1.1em 'Times New Roman';color:#ff1b00;outline:none;text-decoration:none;}
a:hover {font:normal 1.1em 'Times New Roman';color:#ff1b00;text-decoration: underline;}
a:visited {font:normal 1.1em 'Times New Roman';color:#ff1b00;}
.stroka {font:normal 1.0em 'Times New Roman';text-shadow: 0px 6px 4px #000;}
.stroka1 {font:normal 1.0em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#ff9300;}
.stroka2 {font:italic 0.9em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#ff1b00;}
.stroka3 {font:normal 1.3em 'Times New Roman';text-shadow: 0px 3px 4px #000;color:#fff;}
.stroka4 {font:normal 0.8em 'Arial';text-shadow: 0px 3px 4px #000;color:#aeaeae;line-height:2.1;}
.stroka5 {font:normal 1.1em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#fff;}
.stroka5a {font:normal 1.1em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#ff9300;}
.stroka6 {font:normal 1.5em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#fb9b00;line-height:1.2;}
.stroka6a {font:italic 1.0em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#fb9b00;line-height:1.2;}
.stroka7 {font:bold 1.5em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#ff1b00;line-height:1.0;}
.stroka7a {font:normal 1.5em 'Times New Roman';color:#fff;line-height:1.0;}
.stroka7b {font:normal 1.0em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#ff1b00;line-height:1.0;}
.stroka8 {font:bold 1.5em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#fb9b00;line-height:1.0;}
.stroka8a {font:normal 1.5em 'Times New Roman';color:#fff;line-height:1.0;}
.stroka8b {font:normal 1.0em 'Times New Roman';text-shadow: 0px 6px 4px #000;color:#fb9b00;line-height:1.0;}
.foto {font:italic 0.9em 'Times New Roman';color:#ff9300;line-height:2.1;padding:10px;text-shadow: 0px 3px 4px #000, 1px 2px 3px #000;}
.foto1 {font:italic 0.9em 'Times New Roman';color:#fff;line-height:2.1;padding:10px;}

#knop  {
background:#060606;
padding:6px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px; 
border-radius: 7px;
-moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
}

.krug {
position:absolute;
left:200px;top:75px;
width:470px;height:470px;
padding:1em;margin:1em;
opacity: 0.75;
background:#191919;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
-webkit-box-shadow:80px  30px 70px rgba(0, 0, 0, 0.3), 2px 60px 190px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 80px  30px 70px rgba(0, 0, 0, 0.3), 2px 60px 190px rgba(0, 0, 0, 0.4) inset;
box-shadow:80px 30px 70px rgba(0, 0, 0, 0.3), 2px 0px 190px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: -30px 0px 15px -10px rgba(0, 0, 0, 0.5), 20px 30px 18px rgba(0, 0, 0, 0.5), 195px 60px 150px rgba(0, 0, 0, 0.95) inset;
-moz-box-shadow:-30px 0px 15px -10px rgba(0, 0, 0, 0.5), 20px 30px 18px rgba(0, 0, 0, 0.5), 195px 60px 150px rgba(0, 0, 0, 0.8) inset;
box-shadow: -30px 0px 15px -10px rgba(0, 0, 0, 0.5), 20px 30px 18px rgba(0, 0, 0, 0.5), 195px 0px 150px rgba(0, 0, 0, 0.8) inset;
}        
       
.krug1 {
position:absolute;
left:30px;top:75px;
width:470px;height:470px;
padding:1em;margin:1em;
opacity: 0.75;
background:#92000a;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
-webkit-box-shadow:80px  30px 70px #600108(0, 0, 0, 0.3), 2px 60px 190px #600108(0, 0, 0, 0.4) inset;
-moz-box-shadow: 80px  30px 70px #600108(0, 0, 0, 0.3), 2px 60px 190px #600108(0, 0, 0, 0.4) inset;
box-shadow:80px 30px 70px #600108(0, 0, 0, 0.3), 2px 0px 190px #600108(0, 0, 0, 0.4) inset;
-webkit-box-shadow: -30px 0px 15px -10px rgba(0, 0, 0, 0.5), 20px 30px 18px rgba(0, 0, 0, 0.5), 95px 60px 150px rgba(0, 0, 0, 0.95) inset;
-moz-box-shadow:-30px 0px 15px -10px rgba(0, 0, 0, 0.5), 20px 30px 18px rgba(0, 0, 0, 0.5), 95px 60px 150px rgba(0, 0, 0, 0.8) inset;
box-shadow: -30px 0px 15px -10px rgba(0, 0, 0, 0.5), 20px 30px 18px rgba(0, 0, 0, 0.5), 95px 0px 150px rgba(0, 0, 0, 0.8) inset;
}        

.kub {
position:relative;
width:750px;height:595px;
padding:1em;margin:1em;
opacity: 1;
background:#090909;
-moz-border-radius:35px;
-webkit-border-radius:35px;
border-radius:35px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 20px 5px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 20px 5px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 20px 5px rgba(0, 0, 0, 0.4) inset;
}

#kha{position:absolute;left:280px; top:65px;width:200px;height:30px;background-image:url('2canonic.png');}
#kha:hover{position:absolute;left:280px; top:65px;width:200px;height:30px;background-image:url('1canonic.png');}

#tuda {
width:500px;height:500px;
animation:tuda 95s infinite linear;
-moz-animation:tuda 95s infinite linear;
-webkit-animation:tuda 95s infinite linear;}
@-webkit-keyframes tuda {100% {transform:rotateZ(360deg);}}
@-moz-keyframes tuda {100% {transform:rotateZ(360deg);}}
@-o-keyframes tuda {100% {transform:rotateZ(360deg);}}
@keyframes tuda {100% {transform:rotateZ(360deg);}}

#obratno{
position:relative;
width:500px;height:500px;
opacity:0.75;
animation:obratno 90s infinite linear;
-moz-animation:obratno 90s infinite linear;
-webkit-animation:obratno 90s infinite linear;}
@-webkit-keyframes obratno {100% {transform:rotateX(270deg);}}
@-moz-keyframes obratno {100% {transform:rotateX(270deg);}}
@-o-keyframes obratno {100% {transform:rotateX(270deg);}}
@keyframes obratno {100% {transform:rotateX(270deg);}}

#tuob{
position:relative;
width:500px;height:500px;
opacity:0.55;
animation:tuob 85s infinite linear;
-moz-animation:tuob 85s infinite linear;
-webkit-animation:tuob 85s infinite linear;}
@-webkit-keyframes tuob {100% {transform:rotateY(-270deg);}}
@-moz-keyframes tuob {100% {transform:rotateY(-270deg);}}
@-o-keyframes tuob {100% {transform:rotateY(-270deg);}}
@keyframes tuob {100% {transform:rotateY(-270deg);}}

#oz1 {
position:relative;
width:500px;height:80px;
opacity:0.80;
animation: oz1 32s  infinite linear;
-moz-animation: oz1 32s  infinite linear;
-webkit-animation: oz1 32s  infinite linear;}
@-webkit-keyframes oz1 {100% {transform: rotateX(360deg);}}
@-moz-keyframes oz1 {100% {transform: rotateX(360deg);}}
@-o-keyframes oz1 {100% {transform: rotateX(360deg);}}
@keyframes oz1 {100% {transform: rotateX(360deg);}}

#oz2 {
position:relative;
width:500px;height:80px;
opacity:0.60;
animation: oz2 45s  infinite linear;
-moz-animation: oz2 45s  infinite linear;
-webkit-animation: oz2 45s  infinite linear;}
@-webkit-keyframes oz2 {100% {transform: rotateY(360deg);}}
@-moz-keyframes oz2 {100% {transform: rotateY(360deg);}}
@-o-keyframes oz2 {100% {transform: rotateY(360deg);}}
@keyframes oz2 {100% {transform: rotateY(360deg);}}

#ev {
width:250px;height:60px;
animation:ev 20s  infinite linear;
-moz-animation:ev 20s  infinite linear;
-webkit-animation:ev 20s  infinite linear;}
@-webkit-keyframes ev {50% {opacity:0.1;}100% {opacity:1;}}
@-moz-keyframes ev {50% {opacity:0.1;}100% {opacity:1;}}
@-o-keyframes ev {50% {opacity:0.1;}100% {opacity:1;}}
@keyframes ev {50% {opacity:0.1;}100% {opacity:1;}}

#tha {
width:182px;height:60px;
animation:tha 15s  infinite linear;
-moz-animation:tha 15s  infinite linear;
-webkit-animation:tha 15s  infinite linear;}
@-webkit-keyframes tha {50% {opacity:0.1;}100% {opacity:1;}}
@-moz-keyframes tha {50% {opacity:0.1;}100% {opacity:1;}}
@-o-keyframes tha {50% {opacity:0.1;}100% {opacity:1;}}
@keyframes tha {50% {opacity:0.1;}100% {opacity:1;}}

#ramka {
background-color: #000;
border: 2px solid #ff1b00;
-moz-border-radius: 10px;
-webkit-border-radius:10px; 
border-radius: 10px;
-moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
}

#ramka1 {
background-color: #000;
border: 2px solid #ff9300;
-moz-border-radius: 10px;
-webkit-border-radius:10px; 
border-radius: 10px;
-moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
}

#round {
background-color: #0c0c0c;
border:1px solid #000;
width:660px;height:560px;
-moz-border-radius: 15px;
-webkit-border-radius:15px; 
border-radius: 15px;
-moz-box-shadow:8px 10px 10px 8px rgba(0,0,0,0.4);
-webkit-box-shadow:8px 10px 10px 8px rgba(0,0,0,0.4);
box-shadow:8px 10px 10px 8px rgba(0,0,0,0.4);
}

#round1  {
background-color: #790009;
border: 2px solid #600007;
width:950px;height:475px;
background-image: url('forTha6u.png');
background-repeat:repeat;
background-position:center top;
-moz-border-radius: 10px;
-webkit-border-radius:10px; 
border-radius: 10px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 5px 7px 5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 5px 7px 5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 5px 7px 5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.5) inset;
}

#round2 {
background-color: #000;
border: 1px solid #92000a;
width:200px;height:200px;
-moz-border-radius: 15px;
-webkit-border-radius:15px; 
border-radius: 15px;
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,0.6);
box-shadow: 2px 3px 5px rgba(0,0,0,0.6);
padding-top:10px;
}

#round3  {
background-color: #181818;
border:0px solid #0c0c0c;
width: 150px; height:50px;
padding:10px;
-moz-border-radius: 5px;
-webkit-border-radius:5px; 
border-radius: 5px;
-moz-box-shadow:3px 3px 4px rgba(0,0,0,0.4);
-webkit-box-shadow:3px 3px 4px rgba(0,0,0,0.4);
box-shadow:3px 3px 4px rgba(0,0,0,0.4);
}

#round4  {
float: center;
background-color: #92000a;
border: 2px solid  #92000a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
box-shadow: 1px 2px 1px rgba(0,0,0,0.6);
}

.okno {
position:relative;
width:1040px;height:700px;
padding:0px;margin-bottom:30px;
background:#191919;
-moz-border-radius: 15px;
-webkit-border-radius:15px; 
border-radius:15px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px 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 0 40px 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 0 40px 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 0 40px rgba(0, 0, 0, 0.5) inset;
}

.okno1 {
position:relative;
width:1040px;height:750px ;
padding:0px;margin-bottom:30px;
background:#191919;
-moz-border-radius: 15px;
-webkit-border-radius:15px; 
border-radius:15px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px 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 0 40px 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 0 40px 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 0 40px rgba(0, 0, 0, 0.5) inset;
}

.okno2 {
position:relative;
width:1040px;height: px ;
padding:0px;margin-bottom:30px;
background:#191919;
-moz-border-radius: 15px;
-webkit-border-radius:15px; 
border-radius:15px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px 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 0 40px 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 0 40px 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 0 40px rgba(0, 0, 0, 0.5) inset;
}

.okno3 {
position:relative;
width:1040px;height: 800px;
padding:0px;margin-bottom:30px;
background:#191919;
-moz-border-radius: 15px;
-webkit-border-radius:15px; 
border-radius:15px;
-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.4) inset;
box-shadow:0 3px 4px rgba(0, 0, 0, 0.5), 0 0 40px 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 0 40px 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 0 40px 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 0 40px rgba(0, 0, 0, 0.5) inset;
}

.layer2 {
background: #000;
border: 3px solid #0c0c0c;
width: 400px;
text-align:center; float: left;
padding: 5px;padding-bottom:20px;
margin:50px;margin-top:10px;
display:inline-block;
-moz-border-radius: 15px;
-webkit-border-radius:15px; 
border-radius: 15px;
-moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
}

hr {
background: #000;
border: 1px solid #000;
width: 560px;height: 1px;
margin:20px 20px;
-moz-border-radius: 1px;
-webkit-border-radius:1px; 
border-radius:1px;
-moz-box-shadow:0px 6px 3px #ff1b00;
-webkit-box-shadow:0px 6px 3px #ff1b00;
box-shadow:0px 6px 3px #ff1b00;
}

#bio1  {
background: #000;
border: 1px solid #ff1b00;
width: 450px;height: 150px;
padding: 15px;
-moz-border-radius: 10px;
-webkit-border-radius:10px; 
border-radius: 10px;
-moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
}

#bio2 {
background: #000;
border: 1px solid #fb9b00;
width: 450px;height: 150px;
padding: 15px;
-moz-border-radius: 10px;
-webkit-border-radius:10px; 
border-radius: 10px;
-moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
}

.web{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; 
}

#box {
background:#92000a;padding:3px;
text-align:center;line-height:1.5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; 
-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
-webkit-transition-duration: 1.6s;
-moz-transition-duration: 1.6s;
-o-transition-duration: 1.6s;
transition-duration: 1.6s;
cursor:pointer;
}
#hidden_box {
position: fixed;opacity:0;
top:-550px;left:33.33%;
width:505px;height: px;
padding:5px;background:#92000a;
-webkit-border-radius:10px;
-moz-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);
-webkit-transition-duration: 1.8s;
-moz-transition-duration: 1.8s;
-o-transition-duration: 1.8s;
transition-duration: 1.8s;
cursor:pointer;
font:normal 0.94em 'Times New Roman';color:#ff9300;line-height:1.5;
text-shadow: 0px 1px 2px #000;
}
#box:hover {background:#ff9300;}
#box:hover #hidden_box {
top:130px;left:33.33%;
opacity:1;z-index:100;
-moz-box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
-webkit-box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
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;
-moz-transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-o-transform:rotateZ(360deg);
transform:rotateZ(360deg);
}

#box1 {
background:#92000a;padding:3px;
text-align:center;line-height:1.5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; 
-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
-webkit-transition-duration:1.6s;
-moz-transition-duration:1.6s;
-o-transition-duration:1.6s;
transition-duration:1.6s;
cursor:pointer;
}
#hidden_box1 {
position: fixed;opacity:0;
top:-545px;left:35.22%;
width:330px;height: px;
padding:5px;background:#92000a;
-webkit-border-radius:10px;
-moz-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);
-webkit-transition-duration: 1.8s;
-moz-transition-duration: 1.8s;
-o-transition-duration: 1.8s;
transition-duration: 1.8s;
cursor:pointer;
font:normal 0.95em 'Times New Roman';color:#ff9300;line-height:1.5;
text-shadow: 0px 1px 2px #000;
}
#box1:hover {background:#ff9300;}
#box1:hover #hidden_box1 {
opacity:1;z-index:100;
top:130px;left:35.22%;
-moz-box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
-webkit-box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
}

#box2 {
background:#92000a;padding:3px;
text-align:center;line-height:1.5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; 
-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
-webkit-transition-duration: 1.6s;
-moz-transition-duration: 1.6s;
-o-transition-duration: 1.6s;
transition-duration: 1.6s;
cursor:pointer;
}
#hidden_box2 {
position: fixed;opacity:0;
top:50px;right:-39.11%;
width:450px;height: px;
padding:5px;background:#92000a;
-webkit-border-radius:10px;
-moz-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);
-webkit-transition-duration: 1.8s;
-moz-transition-duration: 1.8s;
-o-transition-duration: 1.8s;
transition-duration: 1.8s;
cursor:pointer;
font:normal 0.95em 'Times New Roman';color:#ff9300;line-height:1.5;
text-shadow: 0px 1px 2px #000;
}
#box2:hover {background:#ff9300;}
#box2:hover #hidden_box2 {
opacity:1;z-index:100;
top:50px;right:25.1%;
-moz-box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
-webkit-box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
}

#box3 {
background:#92000a;padding:3px;
text-align:center;line-height:1.5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; 
-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
-webkit-transition-duration: 1.6s;
-moz-transition-duration: 1.6s;
-o-transition-duration: 1.6s;
transition-duration: 1.6s;
cursor:pointer;
}
#hidden_box3 {
position: fixed;opacity:0;
top:130px;left:-37.80%;
width:455px;height: px;
padding:5px;background:#92000a;
-webkit-border-radius:10px;
-moz-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);
-webkit-transition-duration: 1.8s;
-moz-transition-duration: 1.8s;
-o-transition-duration:1.8s;
transition-duration: 1.8s;
cursor:pointer;
font:normal 0.95em 'Times New Roman';color:#ff9300;line-height:1.5;
text-shadow: 0px 1px 2px #000;
}
#box3:hover {background:#ff9300;}
#box3:hover #hidden_box3 {
opacity:1;z-index:100;
top:130px;left:28.11%;
-moz-box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
-webkit-box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
box-shadow:0px -15px 25px 100px rgba(0,0,0,0.6);
}

#footer {position:fixed; width:100%; height:35px;bottom:0px;background:#191919;clear:both;-moz-border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;-moz-box-shadow:0px -2px 5px rgba(0,0,0,0.6);-webkit-box-shadow:0px -2px 5px rgba(0,0,0,0.6);box-shadow:0px -2px 5px rgba(0,0,0,0.6);opacity:0.8;}
#noteL:before {position:fixed;left:70px;bottom:10px;font:normal 0.8em 'Arial';color:#777;content: "© 2008-2025  Анна Евдокимова";}
#noteR:before {position:fixed;right:70px;bottom:10px;font:normal 0.8em 'Arial';color:#777;content: "Дизайн сайта — Анна т'Харон";}       

#noteL1:before {position:absolute;left:35px;bottom:5px;font:normal 0.8em 'Times New Roman';color:#92000a;content: "© 2008-2025  Анна Евдокимова";}
#noteR1:before {position:absolute;right:35px;bottom:5px;font:normal 0.8em 'Times New Roman';color:#92000a;content: "Дизайн сайта — Анна т'Харон";}

/* почтовая форма!
---------------------------- */
form{width:90%;padding:15px;} 
fieldset{padding:15px;
background-color:#111;
border:2px dotted #ff9300;
font:normal 100% 'Times New Roman';
text-align:center;color:#ff9300;
-webkit-border-radius:10px; 
-moz-border-radius:10px;  
border-radius:10px;
-webkit-box-shadow:0 3px 11px rgba(0,0,0,0.5) inset;
-moz-box-shadow:0 3px 11px rgba(0,0,0,0.5) inset;
box-shadow:0 3px 11px rgba(0,0,0,0.5) inset;
-webkit-box-shadow:0 0 11px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 11px rgba(0,0,0,0.4);
box-shadow:0 0 11px rgba(0,0,0,0.4);
}
label{margin:0 4%;padding:0.3%;
float:left;text-align:left;color:#fff;
font:normal 1.0rem 'Times New Roman';
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
input{width:90%;height:20px;
background-color:#777;
border:2px dotted #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font:normal 0.9rem 'Times New Roman';color:#222;
margin:5px 2% 0.5% 2%;
padding:5px;
}
textarea{width:88%;
margin:5px 1% 0.5% 1%;
padding:5px 10px;
font:normal 1.0rem 'Times New Roman';
color:#333;
background-color:#ededed;
border:2px solid #c0c0c0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

#reset {width:38.5%;height:35px;float:left;
margin:5px 1.8% 1% 10%;
background-color:#333;
-webkit-box-shadow:0 0 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 1px rgba(0,0,0,0.5);
box-shadow:0 0 1px rgba(0,0,0,0.5);
border:2px dotted #ff9300;
text-decoration:none;
text-align:center;color:#ff9300;
font:normal 0.9rem 'Times New Roman';
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;
}
#reset:hover {width:38.5%;height:35px;float:left;
margin:5px 1.8% 1% 10%;
background-color:#ff9300;
-webkit-box-shadow:0 0 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 1px rgba(0,0,0,0.5);
box-shadow:0 0 1px rgba(0,0,0,0.5);
border:2px dotted #333;
text-decoration:underline;
text-align:center;color:#fff;
font:normal 0.9rem 'Times New Roman';
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;
}

#submit {width:38.1%;height:35px;float:right;
margin:5px 10% 1% 0;
background-color:#333;
-webkit-box-shadow:0 0 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 1px rgba(0,0,0,0.5);
box-shadow:0 0 1px rgba(0,0,0,0.5);
border:2px dotted #2E5901;
text-decoration:none;
text-align:center;color:#5CA80C;
font:normal 0.9rem 'Times New Roman';
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;
}
#submit:hover {width:38.1%;height:35px;float:right;
margin:5px 10% 1% 0;
background-color:#2E5901;
-webkit-box-shadow:0 0 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 1px rgba(0,0,0,0.5);
box-shadow:0 0 1px rgba(0,0,0,0.5);
border:2px dotted #333;
text-decoration:underline;
text-align:center;color:#fff;
font:normal 0.9rem 'Times New Roman';
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;
}