@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-Thin.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-ThinItalic.ttf') format('truetype'); 
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-Light.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-LightItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-Medium.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-MediumItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 1.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 2.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 3.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 4.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 5.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 6.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 7.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 8.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 9.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 10.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 11.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 12.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 13.TTF') format('truetype'); }
@font-face { font-family: 'BAHNSCHRIFT'; src: url('font/BAHNSCHRIFT 14.TTF') format('truetype'); }

/************************************************/

.Mobile{display:none;}
.PC{display:auto;}

BODY, #Page{transform-origin:top center;}
BODY,TABLE,TR,TH,TD {border:0px;margin:0px;padding:0px;vertical-align:top;font-size: 1.5vw;font-family:Arial,Verdana,sans-serif;font-weight:400;text-decoration: none;color:#FFF;}
BODY {background-color:#333;width:100%;min-width:640px;margin:auto;height:100%;}
TABLE {;}
TR {;}
TH {;}
TD {;}
P,H1,H2,H3,H4,H5,LI{margin:0px;padding:0px;color:#FFF;text-align:left;}
H1{ font-size:3vw;font-weight:700;
    font-family: Arial, Verdana, sans-serif;
    margin-bottom:20px;
    color:#4BF;
   }
H2{font-size:2vw;font-weight:700;}
H3{font-size:1.5vw;font-weight:700;}
H4{font-size:1.5vw;}
H5{font-size:13px;font-weight:400;}
A {color:#FFF; text-decoration:none;}
A:HOVER {color:#FFF;}

#Mode{position:absolute;top:0;left:0;height:max(2vw,20px);width:max(2vw,20px);z-index:20;}
#Mode IFRAME{display:none;}
BODY.Private #Mode{background:#F00;}
BODY.Public .AdminPart {display:none;}

.S1{font-size:8vw;}
.S2{font-size:5vw;}
.S3{font-size:4vw;}
.S4{font-size:3vw;}
.S5{font-size:2.5vw;}
.S6{font-size:2.2vw;}
.S7{font-size:1.8vw;}
.S8{font-size:1.4vw;}

HR
{display:block;
 clear:both;
 padding:0px;
 border:none;
 height:0;
 border-top:solid #FFF 1px;
 border-bottom:solid #FFF 0px;
 /*box-shadow:0vw 1vw 1vw 0vw #000;*/

}
FORM{display:inline;margin:0px;padding:0px;}

FORM TD{vertical-align:middle;}

TEXTAREA,INPUT
{margin-top:2px;
 background:#FFFFFF;font-size:16px;color:#000;
 border:solid 1px #75613e;/*border-left:solid 1px #000000;border-top:solid 1px #000000;*/
 font-size:13px;
}

.Button
{font-size:14px;font-weight:700;
 background:#DFD8C0;
 color:#000;
}

.Button:hover{}

.Board{background-image: url('b_top.jpg');background-repeat:no-repeat; background-position: 0 1px;}
/*.Board{background-image: url('b_logo.jpg');background-repeat:no-repeat; background-position: 0 8px;}*/

.MainBox{padding:2px;}

.MidBox{width:282px;}
.LeftBox{width:150px;height:472px;background:#001133;background-image: url('b_left.jpg');background-repeat:no-repeat; background-position: 0 0;border:solid 1px #001643;}
.Slide{position:relative;width:500px;height:280px;}
.Akcia{width:260px;height:96px;padding:10px;overflow:auto;}
.FastMenu
{display:block;margin-top:20px;height:28px;
 padding-top:12px;padding-left:8px;padding-right:8px;
 background-image: url('b_m_top.jpg');background-repeat:repeat-x; background-position: 0 50%;
 text-decoration:none;
 font-family:Verdana,Arial;font-weight:700;font-size:11px;
}

.Footer
{
 padding:3vh 0;
 text-align:right; width:100%;
 font-family:Verdana,Arial;font-weight:700;font-size:1.3vw;
 color:#FFF;
 background:#333;
 height:6vh;
}

.Footer B{padding:0 62px 0 62px;}

.Footer A{text-decoration:none;color:#FFF;}
.Footer A:HOVER{color:#FF8}

.Nono{display:none;}

INPUT.Error, SELECT.Error{outline:solid 4px #F00;}
INPUT.Error.Editing, SELECT.Error.Editing{outline:dotted 4px #08F;}

.Languages
{
 position:absolute;
 top:4.5vw;
 left:85vw;
 z-index:1000;
 padding:1.5vw 0 1.5vw 0;
}

.Languages A
{
	display:inline-block;
	text-decoration: none;
	font-size:1.5vw;
	line-height:3.5vw;
	padding:0 0.7vw 0 0.7vw;
	color:#FFF;
	text-shadow: 0 0 0.8vw #000;
}

.Languages.sk A.sk,
.Languages.hu A.hu,
.Languages.en A.en,
.GoTop A
{
	background-color:#74e3f8;
	color:#000;
  text-shadow:none;
	border-radius: 0.5vw;
}


.Counter
{position:absolute;bottom:33px;left:218px;
 z-index:10000;
 /*padding:2px;padding-left:8px;padding-right:18px;*/
 font-family:Verdana,Arial;font-weight:700;font-size:10px;
 color:#6c5127;
}

.TabKontakty{width:700px;}
.TabKontakty IMG{padding:8px;width:50%}
.TabKontakty IMG:HOVER{width:100%}
.TabKontakty TH{text-align:right;padding-right:10px;}
.TabKontakty TD{text-align:left;padding-right:10px;font-weight:700;}
.TabKontakty TABLE TD,.TabKontakty TABLE TH{width:300px;}


.Selection{margin-top:128px;margin-left:6px;margin-bottom:6px;width:164px;}

.SelTitle{background:#6b572f;font-weight:700;font-size:16px;color:#FFFFFF;padding:6px;padding-top:2px;padding-bottom:2px;font-family:Arial,Verdana;}

.Selection .Hil5,.Selection .Hil6,.Selection .Hil7{font-family:Verdana,Arial;font-weight:700;display:block;color:#000;}

.Selection .Hil5 {margin-top:10px;margin-bottom:4px;font-size:13px;}
.Selection .Hil6 {color:#FFFFFF;font-size:10px;}
.Selection .Hil7 {font-size:11px;}

/************************************************/

.Menu
{
 position:absolute;
 top:0vw;
 right:6vw;
 font-size:2.5vw;
 font-weight:700;
 font-family:'BAHNSCHRIFT','Roboto', Arial, sans-serif;
 text-shadow: 0 0 0.5vw #000;
 text-transform: uppercase;
 padding: 0;
 cursor:pointer;
 height:2.5vw;
 line-height:2.5vw;
 z-index:100;
 padding-top:1.5vw;
 margin-top:1vw;
 background:#0008;
} 


.Menu > UL
{
 position:relative;
 display:block;
 float:left;
}

.Menu UL
{
 margin: 0;
 padding:0;
}

.Menu UL UL
{background:#FFF;
 text-shadow: none;
}

.Menu > UL > LI
{
 display:inline-block;
 position:relative;
 width:auto;
 padding:0 1vw;
 height:3.5vw;
 line-height:3.5vw;
}
	
 
.Menu > UL > LI UL
{
	width:20vw;
	box-shadow: 0.5vw 0.5vw 2vw #000;
	border-radius: 0.5vw;
	/*border:solid 1px #AAA;*/
	padding: 1vw 1vw;
} 

.Menu > UL > LI LI
{
	padding: 1vw 1vw;
} 


.Menu UL LI LI
{
	outline:none;
 	height:auto;
	position:relative;
	display:block;
}


.Menu > UL > LI > UL 
{
 position:absolute;
 top:3.5vw;left:-2vw;
 z-index:100;
}

.Menu > UL > LI > UL > LI > UL
{
 position:absolute;
 top:-5px;left:80%;
 z-index:101;
}

.Menu UL UL
{
	margin-top:-1000px;
  opacity:0;
}

.Menu UL > LI:hover > UL,
.Menu UL > LI > UL > LI:hover > UL
{
 margin-top:0;
 opacity:1;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.Menu LI, .Menu A
{
 color:#FFF;
 display:block;
 list-style-type:none;
 line-height:20px;
 text-indent:0;
 text-decoration:none;
}


.Menu LI:HOVER, .Menu A:HOVER
{
 color:#FFF;
 cursor:default;
}

.Menu A:HOVER
{
	text-decoration:underline;
	cursor:pointer;
}

.Header
{
    font-size:3vw;
    font-family: Arial, Verdana, sans-serif;
    margin-left:5vw;
    color:#FFF;
    text-shadow: #000 1vw 1vw 2vw;
}



.Title 
{display:block;
 font-size:30px;font-weight:700;
 font-family: Arial, Verdana, sans-serif;
 margin-bottom:20px;
 color:#000;
 text-shadow: #CCC 0.2vw 0.2vw 0.6vw;
}

.Main
{width:100%;
 padding:0;
 margin:0;
 text-align:justify;
 background-color:#000;
 /*background-attachment: fixed;*/
}

.SubMain
{padding:40px 62px 40px 62px;
 text-align:justify;
}

.Table {empty-cells:show;border-collapse:collapse;border-spacing:0px;}
.Table TD, .Table TH {border:solid 1px #000000;padding:4px;}

.bTopX{background: #000;background-image: url('b-top.jpg');background-repeat:no-repeat; background-position: 0 0;height:20vw; width:100%; position:relative;background-size: cover; box-shadow:0vw 0vw 2vw 0vw #888;}

.bMenu{height:100%;width:224px;}
.bMain{height:100%;width:776px;}

.bMTop{background-image: url('b-menu-top.jpg');background-repeat:no-repeat; background-position: 0 0;height:16px;width:194px;}
.bMMid{background-image: url('b-menu-mid.jpg');background-repeat:repeat-y; background-position: 0 0;height:100px;width:194px;}
.bMBot{background-image: url('b-menu-bot.jpg');background-repeat:no-repeat; background-position: 0 0;height:20px;width:194px;}

.Partner{position:relative;position:relative;}
.Partner>A>IMG{width:100%;border-radius: 1vw;border:solid 0.2vw #555;}
.Partner>DIV{position:absolute;left:0;bottom:0;background:#3338;width:93%;padding:4%;border-radius: 0 0 1vw 1vw;font-size:1.4vw;text-align:center;}
.Partner>DIV:empty { 
  grid-area: HEADER; 
  display: none;
}

.Gallery
{
    width:100%;
    height:100%;
    overflow:auto;
    text-align:center;
    background:#000;
    margin: -30px 0;
}

.GaleryCell
{
 display:contents;
 font-size: 12px;
 font-family: 'Roboto', Arial, sans-serif;
 font-weight:700;
 text-align:center;
}

.GaleryGroupCell
{
 font-size: 12px;
 font-family: 'Roboto', Arial, sans-serif;
 font-weight:700;
 text-align:center;
 /*valign:center;*/
}


.GaleryThumb
{
 /*max-width:90px;*/
 display: inline-block;
 background-repeat:no-repeat;
 background-size: 100% auto;
 background-position: 50% 50%;
 background-color:#0AD;
 cursor:pointer;
 width:20vw;
 height:15vw;
 margin: 30px;
 border:solid 0.2vw #888;
 border-radius: 1vw;
 opacity:1;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 //box-shadow:0vw 0vw 2vw 0vw #4CF;
}

.Images4perLine .GaleryThumb
{
 width:238px;
 height:134px;
 line-height:134px;
 font-size:40px;
 color:#FFF;
 text-shadow: 0 0 15px #000;
 vertical-align:bottom;
 margin: 6px;
}

.Images4perLine .GaleryThumb.Black
{
 color:#000;
 text-shadow: 0 0 15px #FFF;
}

.GaleryThumb:hover
{
 /*transform: scale(1.03);
 filter:brightness(1.1);*/
 background-size: 105% auto;
}

.Alert {color:#AA0000;}

.AkrylonGalleryBox
{
 position:fixed;
 top:0;
 left:0; 
 height:100vh;
 width:100vw;
 background-color:rgba(64,150,255,0.85);
 background-color:rgba(100, 100, 100, 0.85);
 z-index:1001;
}

.AkrylonGalleryBox .Next, .AkrylonGalleryBox .Prev, .AkrylonGalleryBox .Exit, .AkrylonGalleryBox .Zoom
{
  position:fixed;
  bottom:3vw;
  left:2vw;
  width:5vw;
  height:5vw;
  line-height:4.5vw;
  text-align:center;
  background:#000;
  color:#FFF;
  font-size: 4.5vw;
	font-weight:700;
	font-family:Verdana;
  border-radius:3vw;
  opacity: 0.35;
  text-align:center;
  cursor:pointer;
	box-shadow:0 0 1vw 0.1vw #FFF;
	user-select: none;
}
.AkrylonGalleryBox .Next:hover, .AkrylonGalleryBox .Prev:hover, .AkrylonGalleryBox .Exit:hover, .AkrylonGalleryBox .Zoom:hover
{
  opacity: 1;
}

.AkrylonGalleryBox .Next
{
  left:91.5vw;
}
.AkrylonGalleryBox .Zoom
{
  top:3vw;
  font-size: 4vw;
  line-height:4.8vw;
}
.AkrylonGalleryBox .Exit
{
  top:3vw;
  left:91.5vw;
  font-size: 4vw;
}
.AkrylonGalleryBox img
{
  position: absolute;
  /*
	width:97%;
  max-width: 1000px;
	max-width: fit-content;*/
	max-height:90%;
	max-width:90%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto auto;
  outline:solid 8px #FFF;
  box-shadow:0 0 10vw 3vw #000;
  transition: outline 1s ease-in-out;
}
.AkrylonGalleryBox img.Zoomed
{
  /*width: 100%;
	max-width: 100%;*/
	max-height:none;
	max-width:none;
	width:100%;
  outline:solid 8px rgba(255,255,255,0.2);
}


/************************************************/

/*@media (-webkit-min-device-pixel-ratio: 1.2),(min-device-pixel-ratio: 1.2),(min-resolution: 115dpi) */
@media screen and (max-width: 1000px)
{
    .PC{display:none;}
    .Mobile{display:inherit;}
    
	A,BODY,TD,TH
	{
        font-size:3vw;
	}
  BODY #CardPreview
	{
        font-size:20px;
	}

	BODY
	{
        width:100vw;
        max-width:100vw;
        min-width:100vw;
	}

	.Cell {vertical-align:top;width:90vw;display:inline-block}

  .GaleryCell {pointer-events: none;}
  .GaleryThumb
    {
        width:80vw;
        height:60vw;
    }
    .bTop{height:20vw;width:100%;position:absolute;background-image: url('b-top.jpg');background-size:cover;}

    .Main{padding:0;width:100%;padding-top:0vw; padding-bottom:6vw}
    .SubMain{padding:3vw;}

	H1{font-size:6vw;font-weight:700; line-height:9vw;margin: 0 -4vw;padding:0 4vw; margin-bottom:4vw;}
	H2{font-size:5.5vw;text-align:center;margin-top:2vw;margin-bottom:-2vw;}
	H3{font-size:5vw;font-weight:400;}
	H4{font-size:4.5vw;}
	H5{font-size:4.5vw;font-weight:400;}

  .S1{font-size:12vw;}
  .S2{font-size:9vw;}
  .S3{font-size:6vw;}
  .S4{font-size:5vw;}
  .S5{font-size:4vw;}
  .S6{font-size:4vw;}
  .S7{font-size:4vw;}
  .S8{font-size:4vw;}

  .Title{font-size:6vw}
 
 
  .Languages{position:absolute;top:100vw;left:4vw;padding:3vw 0 3vw 0;}
  .Languages A
  {
      font-size:8vw;
      line-height:10vw;
      padding:0 2vw 0 2vw;
  }

  #MenuIcon{width:8wv;height:8vw;display:block; position: fixed; right:3vw; top:3vw;z-index:100; background:#FFF8;padding:1vw;}
  .Menu.HiddenForMobile{display:none;}
  .Menu {
        position:fixed;
        font-size:4vw;
        height: auto;
        overflow: hidden;
        width:50%;
        margin:0;
        margin-top:4vw;
        margin-left:55%;
       }
    
      .Menu > UL 
      {width:90%;
       position:static;
      }
     
      .Menu > UL > LI
      {
       display:block;
       position:static;
       width:100%;
       padding:1vw 1vw;
       height:auto;
       text-align:right;
       border-bottom:solid 0.1vw #888;
       }
    
       .Menu > UL > LI  A
       {
        font-size:8vw;
        line-height:10vw;
        color:#FFF;
        text-shadow: none;
       }
    
       .Menu A{line-height:6vw;}
    
    
	.MainBox{margin-top:0;}

  .Partner>DIV{font-size:6vw;}

}

@media print {
  body *:not(.printable, .printable *) {
    display: none;
  }
}