@font-face {
	font-family: GothamBlack;
	src: url(font/Gotham-Black.otf);
}
@font-face {
	font-family: GothamBold;
	src: url(font/Gotham-Bold.otf);
}
@font-face {
	font-family: GothamBook;
	src: url(font/Gotham-Book.otf);
}
@font-face {
	font-family: GothamMedium;
	src: url(font/Gotham-Medium.otf);
}
@font-face {
	font-family: GothamLight;
	src: url(font/Gotham-Light.otf);
}
@font-face {
	font-family: GothamExtraLight;
	src: url(font/Gotham-ExtraLight.otf);
}
@font-face {
	font-family: GothamThin;
	src: url(font/Gotham-Thin.otf);
}
@font-face {
	font-family: GothamUltra;
	src: url(font/Gotham-Ultra.otf);
}
		
body { background: #fe0; font-family: GothamThin; overflow: hidden;overflow-y: visible; 
       -ms-overflow: visible;-webkit-overflow: visible;-moz-overflow: visible;
       -ms-overflow-y: visible;-webkit-overflow-y: visible;-moz-overflow-y: visible;}
a { text-decoration: none; }
		
.content { width: 100%; position: absolute; top: 0; left: 0%;   }
.header 
{ width: 100%; height: 43px; background: transparent; position: absolute; top: 0; left: 0; float: left; z-index: 600; }
		
.header .logo, .header .logo img { width: 234px; float: left;margin:5px; }
.header ul { display: inline-block;width: 460px;margin: 0;position: absolute;top: 12px;left: 50%;margin-left: -240px; }
.header ul li { display: inline-block; width: 110px; color: #ccc; font-size: 15px; font-family: monospace; letter-spacing: .3px; text-align: center; }
.header ul li a { color: #ccc; }
.header #trg_nav { float: right; margin: 13px; background-size: 21px; text-decoration: none; }
.header #trg_nav span{ display: block; margin-top: -43px; font-size: 43px; color: #000; }
		
.sidebar { position: absolute; top: 0; left: 100%; width: 101%; height: 100%; background: #fff; color: #ddd; display: block; z-index: 500;  }
.sidebar #header { background: rgba(255,255,255,.8);position: absolute;top: 0;left:  0;width: 100%;display: block;float: left;height: 61px;z-index: 999; }
.sidebar #bg { display: block;opacity: .3;position: fixed; }
.sidebar .logo { width: 241px; float: left;margin:5px; opacity: 0; }
.sidebar ul { position: relative; float: left; width: 70%; left: 0; list-style: none; }
.sidebar ul li { float: left; width: 100%; position: relative; left: 0; margin-top: 21px; }
/*.sidebar ul li a 
{ border: 2px solid #222;text-transform: uppercase;letter-spacing: 1px; opacity: 0;
	height: 21px; padding: 3px 21px; font-family: GothamMedium;width: 100%;float: left;top: 27px;text-align: center;left: 0;color: #000; }*/
.sidebar ul li a 
{ text-transform: uppercase;letter-spacing: 1px; opacity: 0;
	height: 21px; padding: 3px 21px; font-family: GothamMedium;width: 100%;float: left;top: 27px;text-align: center;left: 0;color: #FFF;background: rgba(0,0,0,.7); }
.sidebar ul li a.selected { background: #000;color: #fff; }
.sidebar ul li a.disabled { border: 2px solid #ccc;color: #ccc; }
		
.window { width: 100%; height: auto; min-height: 454px; background: transparent; position: relative; top: 61px; left: 0; float: left; z-index: 300; }
.window #categs { position: relative; width: 100%; display: block; float: left; margin: 0; padding: 0; margin-bottom: 13px; position: relative; }
.window #categs li { width: 30%; display: inline-block; float: left;  height: 180px; margin-left: 10px; overflow: hidden; }
.window #categs li a { width: 100%;display: block;position: relative; }
.window #categs li a span 
{ bottom: 3px; letter-spacing: 1px; position: absolute;background: rgba(255,255,255,.61);color: #333;
	font-weight: 600;font-family: monospace;text-transform: uppercase;text-align: center;width: 100%; }
		
.window .slogan { display: block; width: 100%; position: relative; float: left; height: 31px;overflow: hidden; margin-left: 13px;border-left: 5px solid #222; }
.window .slogan span { display: block; width: 100%; text-align: left; font-family: monospace; margin-left: 7px; }
.window .slogan div { display: none; width: 100%; height: 1px; background: #333; }
.window .slogan .and { position: absolute;font-weight: 600;font-family: arial;background: transparent;padding: 0px;top: -1px;left: 104px; }
		
.window #box_us #home_map { width: 142px;height: 81px; display: inline-block; margin: 13px; float: left; }
.window #box_us .info { display: inline-block; float: right; width: 200px; }
.window #box_us .info h1, .window #box_us .info p { color: #fff; }
.window #box_us .info h1 { font-size: 14px;letter-spacing: .75px; margin: 13px; }
.window #box_us .info p { font-size: 13px;letter-spacing: .5px; }

.window .page { display: none; }
/*
.window .page.corona #categ { display: block;padding: 16px 21px;margin: 7px;width: 85%; background: #fff;margin-bottom: 7px;margin-top: 0px; position: relative;  }
.window .page.corona #categ h4 { margin: 0;color: #aaa; }
.window .page.corona #categ a 
{ border: 3px solid #aaa; background: #fff;color: #aaa;width: 95%;display: block;text-align: center;margin: 0 2.5%;padding: 7px 0px;margin-top: 13px; font-family: GothamBook; }
.window .page.corona #categs a.selected { border: 3px solid #000; background: #fff;color: #000; }
*/
.window .page.corona input[type="text"]
, .window .page.corona input[type="number"] 
, .window .page.corona input[type="date"]
{ background: #fff;border: none;display: block;padding: 16px 21px;margin: 7px;width: 85%; position: relative;  }
.window .page.corona span { background: #000;padding: 4px 34px;color: #fff;margin: 16px 0px 9px 0;position: relative;float: left; }

.window .page.corona input[type="date"]::before {  content: attr(data-placeholder); width: 100%; }
.window .page.corona input[type="date"]:focus::before,
.window .page.corona input[type="date"]:valid::before { display: none }

.window .page.corona select { display: block;padding: 16px 21px;margin: 7px;width: 97%; background: #fff;margin-bottom: 7px;margin-top: 0px; position: relative; border: none; }
.window .page.corona select h4 { margin: 0;color: #aaa; }
.window .page.corona select a 
{ border: 3px solid #aaa; background: #fff;color: #aaa;width: 95%;display: block;text-align: center;margin: 0 2.5%;padding: 7px 0px;margin-top: 13px; font-family: GothamBook; }
.window .page.corona select a.selected { border: 3px solid #000; background: #fff;color: #000; }

.window .page.corona .select_time { display: inline-block; float: left; width: 36%; margin-top: 7px; min-height: 54px; }
    
.window .page.corona .info { font-size: 11px; font-weight: 600; display: inline-block; width: 200px; left: 9px; position: relative; }
.window .page.corona .field_obs { font-size: 9px; margin: -7px 0 9px 9px; }
.window .page.corona a#btn_send 
{ background: #000;color: #fff;width: 95%;display: block;text-align: center;margin: 0 2.5%;padding: 7px 0px;margin-top: 13px; height: 21px;overflow: hidden; margin-bottom: 43px; }
				


.window .page.register input[type="text"], .window .page.register input[type="number"] { background: #fff;border: none;display: block;padding: 16px 21px;margin: 7px;width: 85%; position: relative;  }
.window .page.register span { background: #000;padding: 4px 34px;color: #fff;margin: 16px 0px 9px 0;position: relative;float: left; }
.window .page.register #categs { display: block;padding: 16px 21px;margin: 7px;width: 85%; background: #fff;margin-bottom: 7px;margin-top: 0px; position: relative;  }
.window .page.register #categs h4 { margin: 0;color: #aaa; }
.window .page.register #categs a 
{ border: 3px solid #aaa; background: #fff;color: #aaa;width: 95%;display: block;text-align: center;margin: 0 2.5%;padding: 7px 0px;margin-top: 13px; font-family: GothamBook; }
.window .page.register #categs a.selected { border: 3px solid #000; background: #fff;color: #000; }
.window .page.register a#btn_send 
{ background: #000;color: #fff;width: 95%;display: block;text-align: center;margin: 0 2.5%;padding: 7px 0px;margin-top: 13px; height: 21px;overflow: hidden; margin-bottom: 43px; }
		
.window .page.nf span { background: #000;padding: 4px 34px;color: #fff;margin: 16px 0px 9px 0;position: relative;float: left; }
.window .page.nf p { font-family: GothamBook; font-size: 17px; color: #333; text-align: left; float: left; width: 94%; margin: 16px;  }
.window > .logo { width: 241px; float: left;margin:5px; opacity: 1; }
		
.window .page.talk span { background: #000;padding: 4px 34px;color: #fff;margin: 16px 0px 9px 0;position: relative;float: left; }
.window .page.talk #home_map { width: 100%;height: 281px; }
.window .page.talk ul { float: left; width: 100%; position: relative; padding: 0; margin: 7px 0 43px 0; }
.window .page.talk ul li { display: block; float: left; width: 100%; }
.window .page.talk ul li a { width: 100%; display: block; }
.window .page.talk ul li a img { width: 34px; display: inline-block;float: left; margin: 0 7px 0 7px; }
.window .page.talk ul li a span 
{ background: transparent;color: #000;margin: 0;display: inline-block; padding: 0; font-family: GothamBook; font-size: 14px; }

.window .page.gallery span { background: #000;padding: 4px 34px;color: #fff;margin: 16px 0px 9px 0;position: relative;float: left; }
.window .page.gallery #home_map { width: 100%;height: 281px; }
.window .page.gallery ul { float: left; width: 100%; position: relative; padding: 0; margin: 7px 0 43px 0; }
.window .page.gallery ul li { display: block; float: left; width: 90%; margin-left: 3%; overflow: hidden; }
.window .page.gallery ul li a { width: 100%; display: block; position: relative; margin: 7px; }
.window .page.gallery ul li a img { width: 100%; display: inline-block;float: left; margin: 0 7px 0 7px; }

.window .page.grid > span { background: #000;padding: 4px 34px;color: #fff;margin: 16px 0px 9px 0;position: relative;float: left; }
.window .page.grid .controls {
    position: relative;
    left: 61px;
}
.window .page.grid .controls .arrow, .window .page.grid .controls span 
{ float: left;  font-family: GothamBold;margin: 7px;margin-top: 0px;border-bottom:1px solid rgba(255,255,255,0.3);
}
.window .page.grid .controls span {
width: 115px;text-align: center;
}
.window .page.grid .grd_values { text-align: center;margin-left: 70px;
}
.window .page.grid table {position: absolute;top: 43px;left: 3px;font-size: 15px;width: 100%;}
.window .page.grid table thead td {
    width: 34px;font-family: GothamBold;
}
.window .page.grid table tbody tr {
    height: 34px;
} 
.window .page.grid table thead td:first-child, .window .page.grid table tbody td:first-child {
    width: auto;font-family: GothamMedium; 
}
.window .page.grid table tbody td:first-child span {
    width: 61px;
}
		
.footer 
{ width: 100%; height: 43px; background: transparent; position: absolute;bottom: 0;left: 6px; float: left; z-index: 600; }
.footer ul { padding: 0; display: inline-block;width: 100%;margin: 0;position: relative; float: left; top: 0px;left: 0; }
.footer ul li { position: relative; display: inline-block; text-align: center; font-family: monospace; }
.footer ul li a, .footer ul li a img { width: 34px;  }
.footer ul li span { color: rgba(0,0,0,.7); position: relative; top: -13px; }
		
		
#btn_newmenber, #btn_corona  
{ color: #222;font-family: Helvetica;padding: 3px 102px;border: 2px solid #222;text-transform: uppercase;letter-spacing: 1px; margin-left: 11px; }
		
.teaser .logo, .teaser .logo_on, .teaser .logo_on2, .teaser .logo_off, .teaser .logo_off2, .teaser .logo_off3
{ width: 200px;position: absolute;left: 50%;margin-left: -100px;top: 50px; opacity: 0; }
.teaser .logo { top: 57px; }
.teaser .logo_on { opacity: 0; }
.teaser .logo_on2 { opacity: 0; }
.teaser .logo_off { opacity: 0; }
.teaser .logo_off2 { opacity: 0; }
.teaser span { position: absolute; bottom: 151px; font-size: 13px; letter-spacing: 1px; font-family: GothamBook; opacity: 0;  }
/*.teaser span.fight { left: 50px; }
.teaser span.and { left: 160px; }
.teaser span.fit { left: 175px; }*/
.teaser span.fight { left: 50%;width: 110px; margin-left: -130px; }
.teaser span.and { left: 50%;width: 10px; margin-left: -15px; }
.teaser span.fit { left: 50%;width: 140px; margin-left: 5px; }
		
.teaser #btn_newmenber { position: absolute; top: 200px; left: 50%; margin-left: -124px; width: 208px; opacity: 0; height: 21px; padding: 3px 21px; }
.teaser #btn_newmenber span { font-family: GothamMedium; width: 100%; float: left; 
							top: 7px;text-align: center;left: 0;color: #000;opacity: 0;	}

.teaser #btn_corona { position: absolute; top: 250px; left: 50%; margin-left: -124px; width: 208px; opacity: 0; height: 21px; padding: 3px 21px; }
.teaser #btn_corona span { font-family: GothamMedium; width: 100%; float: left; 
							top: 7px;text-align: center;left: 0;color: #000;opacity: 0;	}
.teaser .coronatxt {     bottom: auto;
    opacity: 0;
    font-size: 9px;
    font-family: GothamLight;
    top: 239px;
    width: 132px;
    text-align: center;
    left: 50%;
    margin-left: -66px; font-weight: 600; }

.teaser .info { height: 27px; width: 0; padding: 3px; background: #000; position: absolute; bottom: 109px; left: -13px; overflow: hidden; }
.teaser .info div { display: block; margin-left: 9px; position: absolute; top: 0; left: 0; width: 100%; margin-top: 3px; }
.teaser .info div img { margin-left: 7px; width: 34px; }
.teaser .info div span { color: #fff; font-family: GothamLight; font-size: 11px; position: relative; top: -17px; 
						width: 81%;text-align: center;display: inline-block; margin-left: -9px; }
.teaser .info #info2 { opacity: 1; }
.teaser p 
{ float: left; font-family: GothamLight; font-size: 11px; text-align: left; width: 100%; color: #000; position: absolute;bottom: 76px;left: 50%;margin-left: -168px; opacity: 0; }