html, body {margin:0px}
body {padding:0px;background-color:#FFFFFF}

@-webkit-keyframes backbanim{
0%{opacity:0;transform: scale(1)}
50%{opacity:1;transform: scale(1.4)}
100%{opacity:0;transform: scale(1.8)}
}
@-o-keyframes backbanim{
0%{opacity:0;transform: scale(1)}
50%{opacity:1;transform: scale(1.4)}
100%{opacity:0;transform: scale(1.8)}
}
@keyframes backbanim{
0%{opacity:0;transform: scale(1)}
50%{opacity:1;transform: scale(1.4)}
100%{opacity:0;transform: scale(1.8)}
}
@-moz-keyframes backbanim{
0%{opacity:0;transform: scale(1)}
50%{opacity:1;transform: scale(1.4)}
100%{opacity:0;transform: scale(1.8)}
}


@-webkit-keyframes backcanim{
0%{opacity:0;transform: scale(1)}
50%{opacity:1;transform: scale(1.4)}
100%{opacity:0;transform: scale(1.8)}
}
@-o-keyframes backcanim{
0%{opacity:0;transform: scale(1)}
50%{opacity:1;transform: scale(1.4)}
100%{opacity:0;transform: scale(1.8)}
}
@keyframes backcanim{
0%{opacity:0;transform: scale(1)}
50%{opacity:1;transform: scale(1.4)}
100%{opacity:0;transform: scale(1.8)}
}
@-moz-keyframes backcanim{
0%{opacity:0;transform: scale(1)}
50%{opacity:1;transform: scale(1.4)}
100%{opacity:0;transform: scale(1.8)}
}

#backb{
position:fixed;top:0px;left:0px;width:100%;height:100%;background-image:url(../websitegfx/firefire3.jpg);margin:0px;background-attachment:fixed;background-size:cover;background-position:center center;z-index:-2;
-webkit-animation: backbanim 12s linear infinite;
-o-animation: backbanim 12s linear infinite;
-moz-animation: backbanim 12s linear infinite;
animation: backbanim 12s linear infinite;
}
#backc{
position:fixed;top:0px;left:0px;width:100%;height:100%;background-image:url(../websitegfx/firefire3.jpg);margin:0px;background-attachment:fixed;background-size:cover;background-position:center center;z-index:-3;
-webkit-animation: backcanim 12s linear infinite;
-webkit-animation-delay:-6s;
-o-animation: backcanim 12s linear infinite;
-o-animation-delay:-6s;
-moz-animation: backcanim 12s linear infinite;
-moz-animation-delay:-6s;
animation: backcanim 12s linear infinite;
animation-delay:-6s;
}

H1{font-family:Tahoma;font-size:12px;font-weight:bold;font-style:normal;line-height:18px;color:#DDDDDD;text-decoration:none;text-align:center;text-indent:0px}
P{font-family:Tahoma;font-size:11px;font-weight:normal;font-style:normal;line-height:16px;color:#CCCCCC;text-decoration:none;text-align:justify;text-indent:0px;margin-bottom:10px;margin-top:10px}
.b{font-weight:bold;color:#FFEEEE}
.z{font-weight:bold;color:#FF0000}
.i{font-style:italic}
.bi{font-weight:bold;font-style:italic}
.sm{font-size:10px}
.cyn{text-align:center;color:#FFFFFF;line-height:12px;font-size:16px;font-weight:bold;margin-bottom:25px}
.naglwpis{text-align:left;font-size:14px;font-weight:bold}
.pokurl{text-align:left;font-size:12px;font-weight:normal;text-align:left;color:#000000}
.wyw1{font-weight:bold;margin-top:20px;margin-bottom:5px;margin-left:10px;text-indent:-10px}
.wyw2{font-weight:normal;margin-top:5px;margin-bottom:20px;margin-left:10px;text-indent:-10px}
A{font-family:Tahoma;font-size:14px;color:#FF4444;text-decoration:none;font-weight:bold;outline: none}
A:Hover{font-family:Tahoma;font-size:14px;color:#FFFFFF;text-decoration:none;font-weight:bold;outline: none}
A:Active{font-family:Tahoma;font-size:14px;color:#FFFFFF;text-decoration:none;font-weight:bold;outline: none}
A.linx{font-family:Tahoma;font-size:13px;color:#AA0000;text-decoration:none;font-weight:bold}
A.linx:Hover{font-family:Tahoma;font-size:13px;color:#FF4444;text-decoration:none;font-weight:bold}
A.linx:Active{font-family:Tahoma;font-size:13px;color:#FF4444;text-decoration:none;font-weight:bold}
A.jasn{font-family:Tahoma;font-size:12px;color:#FF4400;text-decoration:none;font-weight:bold}
A.jasn:Hover{font-family:Tahoma;font-size:12px;color:#FFAA44;text-decoration:none;font-weight:bold}
A.jasn:Active{font-family:Tahoma;font-size:12px;color:#FFAA44;text-decoration:none;font-weight:bold}
A.mp{font-family:Tahoma;font-size:18px;color:#CC0000;text-decoration:none;font-weight:bold}
A.mp:Hover{font-family:Tahoma;font-size:18px;color:#FF4444;text-decoration:none;font-weight:bold}
A.mp:Active{font-family:Tahoma;font-size:18px;color:#FF4444;text-decoration:none;font-weight:bold}
A.mpv{font-family:Tahoma;font-size:16px;color:#FF0000;text-decoration:none;margin-bottom:5px;margin-top:5px;line-height:18px}
A.mpv:Hover{font-family:Tahoma;font-size:16px;color:#FF6600;text-decoration:none;margin-bottom:5px;margin-top:5px;line-height:18px}
A.mpv:Active{font-family:Tahoma;font-size:16px;color:#FF6600;text-decoration:none;margin-bottom:5px;margin-top:5px;line-height:18px}
A.zero{font-family:Arial;font-size:16px;color:#AAAAAA;text-decoration:none;font-weight:bold}
A.zero:Hover{font-family:Arial;font-size:16px;color:#FFFFFF;text-decoration:none;font-weight:bold}
A.zero:Active{font-family:Arial;font-size:16px;color:#FFFFFF;text-decoration:none;font-weight:bold}
A.nexx{font-family:Arial;font-size:22px;color:#880000;text-decoration:none;font-weight:bold}
A.nexx:Hover{font-family:Arial;font-size:22px;color:#FF4444;text-decoration:none;font-weight:bold}
A.nexxo:Active{font-family:Arial;font-size:22px;color:#FF4444;text-decoration:none;font-weight:bold}
INPUT{font-family:Tahoma;font-size:12px;font-weight:normal;font-style:normal;line-height:19px;color:#222222;text-decoration:none;text-indent:0px;background-color:#000000;color:#CCCCCC;border-color:#666666;border-style:solid;border-width:1px}
TEXTAREA{font-family:Tahoma;font-size:12px;font-weight:normal;font-style:normal;line-height:19px;color:#222222;text-decoration:none;text-indent:0px;background-color:#000000;color:#CCCCCC;border-color:#666666;border-style:solid;border-width:1px}

.mp3top{padding:0px;margin:0px;border-style:none;margin-left:auto;margin-right:auto;min-width:300px;width:100%;float:none;text-align:center;position:relative;margin-top:40px}

.logotop{left:auto;right:auto;display:block;width:100vw;max-width:1200px;min-width:300px;margin-left:auto;margin-right:auto;text-align:center;overflow:visible;border-style:none}
.logotopimg{border-style:none;width:150%;height:auto;margin-bottom:10px;margin-top:5px;margin-left:-25%;margin-right:-25%;padding:0px}

.maintop{position:relative:top:0px;display:block;width:100vw;max-width:1200px;min-width:300px;margin-left:auto;margin-right:auto;text-align:center}

.pokazdimage{width:100%;max-width:1000px;min-width:280px;height:auto;padding:5px;border-style:none}

.linkimg{width:90vw;max-width:400px;min-width:280px;height:auto;margin-left:0px;margin-right:0px;border-style:none;margin-top:5px;margin-bottom:15px}

.boxoverbox{position:absolute;left:px;top:0px;border-style:none;margin:0px}



.logoopa{opacity:0;pointer:none;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.logoopa:hover{opacity:1;left:10px}


@media screen and (min-width: 700px) {

.mp3block{position:relative;display:inline-block;background-color:rgba(0,0,0,0.6);margin:8px;padding:10px;width:300px;height:360px}
.mp3image{position:relative;left:0px;top:60px;border-style:none;width:300px;height:300px}
.mp3txt{position:absolute;display:inline-block;left:0px;top:0px;width:320px;height:40px;text-align:center;font-family:Tahoma}
.mp3txtp{text-align:center;margin-top:5px;font-size:14px;line-height:20px;font-family:Tahoma}
.mp3smaller{font-size:12px}

.menubar{display:block;position:fixed;bottom:0px;width:100vw;height:110px;border-style:none;min-height:110px;max-height:110px;background-image:url(../websitegfx/bottomshadow3.png);background-repeat:repeat-x;overflow:hidden;text-align:center;z-index:8}
.menuimg{border-style:none;height:30px;width:auto;margin-top:52px}
.plaaymain{width:100%;min-width:300px;max-width:1100px;left:auto;right:auto;display:block;border-style:none;display:inline-block;background-color:rgba(0,0,0,0.6)}
.plaayokladka{float:left;width:40vw;max-width:500px;min-width:300px}
.plaayimag{display:block;margin:10px;border-style:none;width:100%;height:auto;max-width:500px;max-height:500px}
.plaayutwory{float:right;width:50%;min-width:300px;text-align:left;padding:10px}
.plaayifram{display:inline-block;width:400px;height:35px;margin:10px;opacity:0;z-index:-2}
.plaayparagraf{text-align:left;font-size:18px;line-height:26px;color:#FFFFFF;margin-left:12px}

.stopkabar{display:block;position:fixed;bottom:0px;width:100vw;height:40px;border-style:none;min-height:40px;max-height:40px;background-color:rgba(0,0,0,0.7);overflow:hidden;text-align:center;z-index:6}

.mainmenubox{display:inline-block;width:270px;height:270px;margin:11px;padding:0;position:relative}
.mainmenuimag{width:270px;height:270px;border-style:solid;border-color:#777777;border-width:2px;border-radius:15px;margin:0px}
.ymex{z-index:4;margin:0px;opacity:0:cursor:none;width:270px;height:270px;border-style:solid;border-color:#777777;border-width:2px;border-radius:15px;
opacity:0;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.ymex:hover{opacity:1}

}

@media screen and (max-width: 699px) {

.mp3block{position:relative;display:inline-block;background-color:rgba(0,0,0,0.8);margin:4px;padding:5px;width:150px;height:200px}
.mp3image{position:relative;left:0px;top:50px;border-style:none;width:150px;height:150px}
.mp3txt{position:absolute;display:inline-block;left:0px;top:0px;width:150px;height:40px;text-align:center;font-family:Tahoma}
.mp3txtp{text-align:center;margin-top:5px;font-size:10px;line-height:15px;font-family:Tahoma}
.mp3smaller{font-size:10px}
.menubar{display:block;position:fixed;bottom:0px;width:100vw;height:65px;border-style:none;min-height:65px;max-height:65px;background-image:url(../websitegfx/bottomshadow3sm.png);background-repeat:repeat-x;overflow:hidden;text-align:center;z-index:8}
.menuimg{border-style:none;height:20px;width:auto;margin-top:32px;margin-bottom:0px}
.plaaymain{width:90vw;min-width:300px;max-width:90vw;left:auto;right:auto;display:block;border-style:none;display:inline-block;background-color:rgba(0,0,0,0.6);padding:10px}
.plaayokladka{float:none;width:90vw;max-width:400px;min-width:300px;left:auto;right:auto;text-align:center;border-style:none;display:inline-block}
.plaayimag{display:block;margin:0px;border-style:none;width:100%;height:auto;max-width:400px;max-height:400px}
.plaayutwory{float:none;width:90vw;min-width:300px;text-align:left;padding:2px;left:auto;right:auto;text-align:center;display:inline-block}
.plaayifram{display:inline-block;overflow:hidden;width:90%;max-width:400px;height:55px;margin-bottom:20px;margin-top:10px;margin-left:0px;margin-right:0px;opacity:0;left:auto;right:auto;border-style:none}
.plaayparagraf{text-align:center;font-size:14px;line-height:20px;color:#FFFFFF}

.mainmenubox{display:inline-block;width:140px;height:140px;margin:6px;padding:0px;position:relative}
.mainmenuimag{width:140px;height:140px;margin:0px;border-style:solid;border-color:#777777;border-width:2px;border-radius:10px}
.ymex{z-index:4;margin:0px;opacity:0:cursor:none;width:140px;height:140px;border-style:solid;border-color:#777777;border-width:2px;border-radius:10px;
opacity:0;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.ymex:hover{opacity:1}


}