BODY{
 margin: 0px;
 padding: 200px 0px 0px 0px;
 font-family: "Barlow", sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 16px;
 color: #FFFFFF;
 background-color: #212121;
}
BODY.BODY2{
 padding: 110px 0px 0px 0px;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 50px;
 color: #FFFFFF;
 text-align: center;
 font-weight: 700;
}
H1 SPAN.n{
 display: inline-block;
 padding: 5px 30px;
 position: relative;  
}
H1 SPAN.n1{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 40%;
 border-top: solid 1px #425755;
}
H1 SPAN.n2{
 position: absolute;
 bottom: 0px;
 right: 0px;
 width: 40%;
 border-top: solid 1px #425755;
}
H2.H2{
 color: #B8FFF9;
}
.main IMG{ display: block; max-width: 100%; }
.pruh1 P{
 position: absolute;
 top: 370px;
 left: 5%;
 width: 45%;
 text-align: justify;
 font-size: 20px;
 color: #B8FFF9;
}
.music IFRAME{
 width: 100%;
 aspect-ratio: 16/9;
}
.music H2,
.merch H2{
 font-size: 40px;
 color: #B8FFF9;
 text-align: left;
}
.music H3,
.merch H3{
 font-size: 25px;
 color: #B8FFF9;
 text-align: left;
 font-weight: 300;
}
.merch IMG{ width: 100%; }
SELECT{
 font-size: 40px;
 font-weight: 700;
 padding: 10px 20px;
 height: 68px;
 border: none;
 background-color: #FFFFFF;
 -webkit-border-radius: 0px 0px 0px 0px;
 -moz-border-radius: 0px 0px 0px 0px;
 -khtml-border-radius: 0px 0px 0px 0px;
 border-radius: 0px 0px 0px 0px;
}
INPUT.i{
 font-size: 40px;
 font-weight: 700;
 padding: 10px 20px;
 height: 48px;
 border: none;
 background-color: #FFFFFF;
}
.tobj INPUT.i{
 height: auto;
 font-size: 20px;
 padding: 10px;
}
.vkosiku TABLE TR TD{
 padding: 10px;
}
TABLE TR.tr1 TD{ background-color: #313131; }
TABLE TR.tr2 TD{ background-color: #414141; }
TABLE TR.tr_over1 TD{ background-color: #434E4C; }
TABLE TR.tr_over2 TD{ background-color: #4E5958; }
TABLE.tkosik, TABLE.tobj{ font-size: 20px; }
UL.ul{ padding: 0px; }
UL LI{ text-align: left; }
UL.ul LI{
 list-style: none;
 padding: 0px 0px 20px 0px;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #B8FFF9;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #FFFFFF;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 20px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #6D908D;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo,
A.logo:link,
A.logo:visited{
 position: fixed;
 top: 300px;
 left: 5%;
 display: block;
 width: 45%;
 aspect-ratio: 652 / 186;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 z-index: 104;
}
A.logo:hover,
A.logo:active{
 background-image: url(obr/logo_over.png);
}
.BODY2 A.logo,
.BODY2 A.logo:link,
.BODY2 A.logo:visited{
 top: 20px;
 left: 20px;
 width: 230px;
}
.soc_site A,
.soc_site a:link,
.soc_site a:visited{
 display: block;
 float: left;
 width: 37px;
 height: 25px;
 background-repeat: no-repeat;
 background-position: center center;
 margin: 0px 5px;
}
.soc_site a:hover,
.soc_site a:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.menu A,
.menu A:link, .menu A:visited{
 position: relative;
 display: block;
 float: left;
 color: #FFFFFF;
 font-size: 25px;
 padding: 10px;
 margin: 0px 50px 0px 0px;
}
.BODY2 .menu A,
.BODY2 .menu A:link, .BODY2 .menu A:visited{
 font-size: 20px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #B8FFF9;
 text-decoration: none;
}
INPUT.b,
A.tlacitko,
A.tlacitko:link, A.tlacitko:visited{
 display: block;
 float: right;
 color: #000000;
 background-color: #B8FFF9;
 border: none;
 font-size: 30px;
 padding: 10px 30px;
 opacity: 0.50;
 filter: alpha(opacity=50);
}
INPUT.b_over,
A.tlacitko:hover, A.tlacitko:active{
 background-color: #B8FFF9;
 text-decoration: none;
 opacity: 1;
 filter: alpha(opacity=100);
}
A.v_kosiku SPAN,
A.v_kosiku:link SPAN,
A.v_kosiku:visited SPAN{
 display: block;
 text-align: center;
 padding: 0px 10px 0px 0px;
 font-size: 20px;
 line-height: 17px;
 font-weight: 700;
}
.vkosiku A.tlacitko,
.vkosiku A.tlacitko:link,
.vkosiku A.tlacitko:visited{
 font-size: 20px;
 padding: 5px 20px;
 margin-top: 10px;
 width: calc(100% - 40px);
 text-align: center;
}
.clanky A,
.clanky A:link,
.clanky A:visited{
 display: inline-grid;
 text-align: left;
 color: #FFFFFF;
}
.clanky A:hover,
.clanky A:active{
 color: #B8FFF9;
}
.clanky A:hover IMG,
.clanky A:active IMG{
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.clanky A STRONG,
.clanky A:link STRONG,
.clanky A:visited STRONG{
 display: block;
 padding: 20px;
 font-size: 25px;
}
.clanky A EM,
.clanky A:link EM,
.clanky A:visited EM{
 display: block;
 padding: 0px 20px 20px 20px;
 font-style: normal;
 color: #9D9D9D;
}
.clanky A:hover EM,
.clanky A:active EM{
 color: #68AFA9;
}
.merch A:hover IMG,
.merch A:active IMG{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.plus,
A.minus{
 display: block;
 font-size: 40px;
 font-weight: 700;
 padding: 0px 20px;
 max-width: 18px;
 height: 34px;
 line-height: 27px;
 border: none;
 background-color: #BCBCBC;
 color: #212121;
}
A.minus{
 background-color: #ACACAC;
 line-height: 26px;
}
A.plus:hover,
A.plus:active,
A.minus:hover,
A.minus:active{
 background-color: #6D908D;
}
.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
 display: block;
 float: left;
 width: 33.33%;
}
.fotogalerie A:hover,
.fotogalerie A:active{
 background-color: #B8FFF9;
}
.fotogalerie A IMG,
.fotogalerie A:link IMG,
.fotogalerie A:visited IMG{
 display: block;
 width: 100%;
}
.fotogalerie A:hover IMG,
.fotogalerie A:active IMG{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.v_kosiku,
A.v_kosiku:link,
A.v_kosiku:visited{
 position: fixed;
 top: 80px;
 right: 30px;
 display: block;
 width: 50px;
 height: 33px;
 background-image: url(obr/kosik.png);
 background-repeat: no-repeat;
 z-index: 101;
}
.BODY2 A.v_kosiku,
.BODY2 A.v_kosiku:link,
.BODY2 A.v_kosiku:visited{
 top: 35px;
}
A.v_kosiku:hover,
A.v_kosiku:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.vkosiku A.kosik_obr,
.vkosiku A.kosik_obr:link,
.vkosiku A.kosik_obr:visited{
 display: block;
 width: 52px;
 height: 30px;
 background-repeat: no-repeat;
 background-size: cover;
}
A.kosik_obr,
A.kosik_obr:link,
A.kosik_obr:visited{
 display: block;
 width: 50px;
 height: 50px;
 -webkit-border-radius: 40px 40px 40px 40px;
 -moz-border-radius: 40px 40px 40px 40px;
 -khtml-border-radius: 40px 40px 40px 40px;
 border-radius: 40px 40px 40px 40px;
 border: solid 2px #EAEAEA;
 background-color: #FFFFFF;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
A.kosik_obr:hover,
A.kosik_obr:active{
 border-color: #64B4C0;
}
.soubory A,
.soubory A:link,
.soubory A:visited{
 display: block;
 padding: 10px;
 border: dotted 2px #313131;
 margin: 0px 0px 20px 0px;
}
.soubory A:hover,
.soubory A:active{
 border-color: #B8FFF9;
}
.soubory A IMG,
.soubory A:link IMG,
.soubory A:visited IMG{
 display: inline-block;
 height: 30px;
 vertical-align: middle;
 margin: 0px 20px 0px 0px;
}
.soubory A STRONG,
.soubory A:link STRONG,
.soubory A:visited STRONG{
 display: inline-block;
 padding: 1px 0px 0px 0px;
 vertical-align: middle;
 color: #B8FFF9;
 font-weight: 700;
}
.soubory A:hover STRONG,
.soubory A:active STRONG{
 color: #FFFFFF;
}
.soubory A EM,
.soubory A:link EM,
.soubory A:visited EM{
 display: block;
 float: right;
 font-style: normal;
 margin: 5px 0px 0px 20px;
}
.bottom A:link, .bottom A:visited{ color: #B8FFF9; }
.bottom A:hover, .bottom A:active{ color: #FFFFFF; }
.copy{
 float: left;
 color: #B8FFF9;
}
.copy A:link, .copy A:visited{ color: #B8FFF9; }
.copy A:hover, .copy A:active{ color: #FFFFFF; }
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #B8FFF9;
}
A.kao:hover, A.kao:active{ color: #FFFFFF; }
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 200px;
 z-index: 100;
 background-color: #212121;
}
.BODY2 .menupruh{
 height: 110px;
}
.menu{
 position: fixed;
 right: 70px;
 top: 70px;
 z-index: 101;
}
.BODY2 .menu{
 top: 30px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.pruh{
 position: relative;
 padding: 50px 0px 50px 0px;
}
.pruh1{
 color: #B8FFF9;
 background-color: #212121;
 padding: 0px;
}
.pruh2{
 color: #FFFFFF;
 background-color: #212121;
}
.pruh3{
 color: #FFFFFF;
 background-color: #151515;
}
.pruh3.fotogalerie{
 padding: 50px 0px 0px 0px;
}
.main{
 width: 100%;
 text-align: left;
}
.main2{
 margin: 0px auto 0px auto;
 width: 95%;
 font-size: 20px;
}
.bottom .main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
}
.mainL{
 width: 45%;
 float: left;
}
.mainP{
 width: 45%;
 float: right;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.soc_site{ padding: 85px 0px 0px 35px; }
.BODY2 .soc_site{ padding: 40px 0px 0px 300px; }
.clanky{
 width: 90%;
 margin: 20px auto 20px auto;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
}
.music,
.merch{
 padding: 50px;
 text-align: left;
 color: #A5A5A5;
}
.musicL,
.merch1.merchO,
.merch2.merchO{
 width: 60%;
 float: left;
}
.merch2.merchO{ float: right; }
.musicP,
.merch1.merchT,
.merch2.merchT{
 width: 35%;
 float: right;
}
.musicL2{
 float: left;
 width: 35%;
}
.musicP2{
 float: right;
 width: 55%;
}
.merch2.merchT{ float: left; }
.kontakty{
 padding: 50px 0px 0px 0px;
 font-size: 40px;
 text-align: center;  
}
.vkosiku{
 display: none;
 position: fixed;
 top: 200px;
 right: 0px;
 padding: 20px;
 background-color: #212121;
 z-index: 101;
}
.BODY2 .vkosiku{
 top: 110px;
}
.cena{
 float: left;
 font-size: 30px;
 padding: 10px 20px;
 background-color: #414141;
 color: #B8FFF9;
}
.blok{
 padding: 10px;
 background-color: #384341;
}
.soubory{
 padding: 30px 0px 0px 0px;
}