@charset "UTF-8";
/* CSS Document */



/* Navigace */

.MyHead {
	position: relative;
	display: block;
	color: #fff;
	background: #FFF;
	padding: 0px 30px 0px 30px;
	min-height: 70px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	z-index: 1000;
 }
 
 .MyHeadBgrSupp {
	display: block;
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom: 30px;
	/*background: url(../../modules/navigbar/img/BgrNavigSupp.png) repeat left top;*/
	background: #FFF;
	}


.ContainerNavig {
	margin: auto;
	text-align: center;
	}
	

.ContainerNavigReduced {
	display: none;
	position: absolute;
	margin: auto;
	text-align: center;
	top:0;
	left:260px;
}	




.ContainerNavig a .Navi, .ContainerNavigReduced a .Navi {
	position: relative;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 200;
	padding: 18px 0px 4px 0px;
	margin: 0 10px;
	height: 30px;
	box-sizing: border-box;
	text-decoration: none;
	vertical-align: top;
	border-top:4px solid transparent;
	color:#414438;
}

.ContainerNavig a .Navi .Caveat, .ContainerNavigReduced a .Navi .Caveat {
	position: relative;
	/*font-family: 'Caveat', cursive;*/
	/*font-weight: 700;*/
	/*font-size: 1.3em;*/
	/*top:-7px;*/
}


.ContainerNavig a, .ContainerNavigReduced a  {
	text-decoration: none;
}

.ContainerNavig a:hover .Navi, .ContainerNavigReduced a:hover .Navi {
	text-decoration: none;
	/*color: #FFF;*/
	border-top-color: rgba(255, 255, 255, 0.6);
}

.ContainerNavig>a:hover, .ContainerNavigReduced>a:hover {
	text-decoration: none;
}

.ContainerNavig a .Small, .ContainerNavigReduced a .Small {
	display: block;
	font-size: .58em;
	font-weight: 600;
	/*margin: -7px 0 0 0;*/
}

.NaviMargin {
	display: none;
	height: 0px;
}

.NavigLogo img {
	display: block;
	position: absolute;
	left:20px;
	top:8px;
	z-index: 9990;
	width: 185px;
	}
	
.NavigLogo.Claim {
	display: none;
	}
	
.NavigLogo.Claim img {
	width: 185px;
	top:3px;
	}
	
a.GABaby .Navi {
	color:#80217e;
	}
		
a.GAJunior .Navi {
	color:#ffac07;
	}
		
a.GASportMix .Navi {
	color:#68a7de;
	}
	
a.GAActive .Navi {
	color:#C6362F;
	}
	
a.GAKemp .Navi {
	color:#4e8c3f;
	}
	
	
	
	
	


.MobileMenuCloseArea {
	display: none;
	position: fixed;
	top:0px;
	right:0px;
	left:0px;
	bottom: 0px;
	z-index: -1;
}






/* Mobilní Navigace */

.MobileMenu {
	display: none;
	position: absolute;
	top:18px;
	right:10px;
	width: 32px;
	height: 32px;
	background: url(../../modules/navigbar/img/IcoMenu.svg) no-repeat center center;
	background-size: contain;
	cursor: pointer;
	transition: background-color ease-in-out 100ms;
	border-radius: 5px;
}

.MobileMenu:hover {
	/*background-color: #ffaa2a;*/
	background-color: rgba(255, 255, 255, 0.8);
	transition: background-color ease-in-out 200ms;
}

.MobileMenuClose {
	display: none;
	position: absolute;
	top:18px;
	right:10px;
	width: 34px;
	height: 34px;
	background: url(../../modules/navigbar/img/IcoMenuClose.svg) no-repeat center center;
	background-size: contain;
	cursor: pointer;
	transition: background-color ease-in-out 100ms;
	border-radius: 5px;
}

.MobileMenuClose2:hover {
	/*background-color: #ffaa2a;*/
	background-color: rgba(255, 255, 255, 0.8);
	transition: background-color ease-in-out 200ms;
}


/* Doplňková pravá navigace */

.SuppNavi {
	display: block;
	position: absolute;
	top:20px;
	right: 18px;
	text-align: left;
	box-sizing: border-box;
}


.SuppNavi .NavigSocial  {
	display: inline-block;
	float: left;
	height: 30px;
	margin-right: 10px;
	}
	
.SuppNavi .NavigSocial img  {
	height: 100%;
	}
	
.SuppNavi .NavigMax {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	float: left;
	}
	
.SuppNavi .NavigMax a {
	color: #FFF;
	font-size: 0.85em;
	}

.SuppNavi .NavigMax a:hover {
	color: #FFF;
	text-decoration: underline;
	}
	
.Display900 {
	display: none;
}

.NoDisplay900 {
	display: inline;
}







@media (max-width: 1150px)
{
	
.MyHead {
	/*background: #ffac07;*/
	height: auto;
	padding: 20px 10px 0px 30px;
	}
	
.ContainerNavig {
	text-align: left;
	padding:60px 0 20px 0;
	}
	
	
.ContainerNavigReduced {
	display: block;
}

.ContainerNavig .Courses {
	display:none;
}
	
	
	
.ContainerNavig a .Navi {
	display: block;
	padding: 5px 0px 5px 0px;
	margin: auto 30px;
	height: auto;
	border-top: none;
	}
	
.ContainerNavig a:hover .Navi {
	text-decoration: underline;
	border-top:none;
	}
	
.MobileMenu {
	display: block;
}

.MobileMenuClose {
	display: block;
}

.MobileMenuCloseArea {
	display: block;
	}

.SuppNavi {
	right: 40px;
}

.Display900 {
	display: inline;
}

.NoDisplay900 {
	display: none;
}

.ContainerNavig a .Navi .Caveat {
	top:0;
}


.ContainerNavig a .Small {
	display: inline;
	margin-left: 5px;
}



}


@media (max-width: 1300px)
{

.ContainerNavig a .Navi {
	font-size: 1.2em;
	margin: 0 30px;
}

	
	
}


@media (max-width: 770px)
{

	
}


@media (max-width: 768px)
{

.SuppNavi .NavigSocial  {
	height: 24px;
	margin-right: 9px;
	margin-top: 2px;
	}
	
	
.MobileMenu {
	top:18px;
	}

.MobileMenu:hover {
	/*background-color: #ffaa2a;*/
	background-color: rgba(255, 255, 255, 0.8);
	transition: background-color ease-in-out 200ms;
}

.MobileMenuClose {
	top:18px;
}

.NavigLogo img {
	display: block;
	position: absolute;
	left:10px;
	top:10px;
	z-index: 9990;
	width: 185px;
	}
	
.ContainerNavigReduced {
	display: none;
}

.ContainerNavig .Courses {
	display:inline;
}
	
	
}