/**
Aktivní barva: #55a9ba
Neaktivní barva: #5d615c

*/


#js-mainnav.megamenu.white ul.level0 li.mega #menu270
{
display: none;
}


.bg.horni_menu
{
background-color: #0b7cc1;
	background-image: -webkit-linear-gradient(bottom, #0b7cc1, #0b6da9);
	background-image: -moz-linear-gradient(bottom, #0b7cc1, #0b6da9);
	background-image: -o-linear-gradient(bottom, #0b7cc1, #0b6da9);
	background-image: -ms-linear-gradient(bottom, #0b7cc1, #0b6da9);
	background-image: linear-gradient(to top, #0b7cc1, #0b6da9);
}

.clearfix.megamenu.horizontal.white.megamenu-sticky
{
background-color: #0b7cc1;
	background-image: -webkit-linear-gradient(bottom, #0b7cc1, #0b6da9);
	background-image: -moz-linear-gradient(bottom, #0b7cc1, #0b6da9);
	background-image: -o-linear-gradient(bottom, #0b7cc1, #0b6da9);
	background-image: -ms-linear-gradient(bottom, #0b7cc1, #0b6da9);
	background-image: linear-gradient(to top, #0b7cc1, #0b6da9);
}

#js-mainnav.megamenu.white img
{
display: none;
}

#js-mainnav.megamenu.white .js-megamenu {
	background-image: none;
	font-size: 0;
	line-height: 0;
	font-family:  'OpenSansRegular', arial, sans-serif;   
  width: 1080px;  
  margin: 0 auto; 
  z-index: 9; 

}

#js-mainnav.megamenu.white #js-megaMenuToggle {

}  




/* lv - 0
-----------------------------------*/
/* Styling ---*/
#js-mainnav.megamenu.white ul.level0 li.mega {
	padding: 0px;
	border-right: 0px solid #55a9ba;
	text-align: left;
	font-size: 18px;
  transition: 500ms;

}



#js-mainnav.megamenu.horizontal.left.white ul.level0
{
width: 100%; 
}

#js-mainnav.megamenu.white ul.level0 li:hover,
#js-mainnav.megamenu.white ul.level0 li.active,
#js-mainnav.megamenu.white ul.level0 li.over, 
#js-mainnav.megamenu.white ul.level0 li.haschild-over { 
	background: #015284;
  
}

#js-mainnav.megamenu.white ul.level0 li.mega span.mega,
#js-mainnav.megamenu.white ul.level0 li.mega a.mega,
#js-mainnav.megamenu.white .megaMenuToggle {
	color: #fff;
	position: relative;
/*	display: block; */
	padding: 9px 24px;
	text-decoration: none;
}

#js-mainnav.megamenu.white ul.level0 li.mega div.group-title span.mega,
#js-mainnav.megamenu.white ul.level0 li.mega div.group-title a.mega {
	padding: 0;
}

#js-mainnav.megamenu.white ul.level0 li.mega div.group span.mega,
#js-mainnav.megamenu.white ul.level0 li.mega div.group a.mega {
	padding: 5px;
}

#js-mainnav.megamenu.white ul.level0 li.mega div.group span.haschild.mega,
#js-mainnav.megamenu.white ul.level0 li.mega div.group a.haschild.mega {
	padding-right: 22px;
}

#js-mainnav.megamenu.white ul.level0 li.haschild a.mega span.menu-desc,
#js-mainnav.megamenu.white ul.level0 li.haschild-over a.mega span.menu-desc {
	padding-left: 0;
}
  /*    okraj okolo položky
#js-mainnav.megamenu.white ul.level0 li.mega:hover > span.mega,
#js-mainnav.megamenu.white ul.level0 li.mega a.over,
#js-mainnav.megamenu.white ul.level0 li.mega:hover > a,
#js-mainnav.megamenu.white ul.level0 li.mega.active > span.mega {
	color: #ffffff;
  background: #015284;
}
 */

#js-mainnav.megamenu.white ul.level0 li.mega span.mega.haschild,
#js-mainnav.megamenu.white ul.level0 li.mega a.mega.haschild {
	padding-right: 22px;
}

/* remove default arrow */
#js-mainnav.megamenu.white ul.level0 li.haschild a.mega span.menu-title,
#js-mainnav.megamenu.white ul.level0 li.haschild-over a.mega span.menu-title {
	background-image: none;
	padding: 0;
}

#js-mainnav.megamenu.white ul.level0 li.mega > span.mega.haschild:after,
#js-mainnav.megamenu.white ul.level0 li.mega > a.haschild:after {
	content: '';
	position: absolute;
	top: 50% !important;
	right: 12px;
	width: 0;
	height: 0;
	margin-top: -1px !important;
	border-top: 4px solid #a6a6a6;
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
}

#js-mainnav.megamenu.white.noJS ul.level0 li.mega.haschild:hover > span.mega:after,
#js-mainnav.megamenu.white ul.level0 li.mega > span.mega.haschild.over:after,
#js-mainnav.megamenu.white.noJS ul.level0 li.mega.haschild:hover > a:after,
#js-mainnav.megamenu.white ul.level0 li.mega > a.haschild.over:after {
	border-top-color: #fff !important;
}

/* Layout ---*/
#js-mainnav.megamenu.white ul.level1 li.mega {
	border-radius: 0px;
	border: 0 none;
}

#js-mainnav.megamenu.white ul.level1 li.mega span.mega,
#js-mainnav.megamenu.white ul.level1 li.mega a.mega {
	border: 0;
}

#js-mainnav.megamenu.white ul.level1 li.mega a.mega span.menu-title {
	background: none;
	padding: 0;
}

#js-mainnav.megamenu.white ul.level1 li:hover,
#js-mainnav.megamenu.white ul.level1 li.over,
#js-mainnav.megamenu.white ul.level1 li.haschild-over { background: #f2f2f2; }

/* CHILD CONTENT
-----------------------------------*/

#js-mainnav.megamenu.white .childcontent-inner {
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 6px rgba(76,76,76,0.25);
	background-color: #fff;
	left: -1px;
	top: 0px;
	position: relative;
}

#js-mainnav.megamenu.white .childcontent-inner .childcontent-inner {
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 6px rgba(76,76,76,0.25);
	background-color: #fff;
	left: -1px;
	top: 0px;
	position: relative;
}

#js-mainnav.megamenu.white ul.level0 li.mega .megamenu li  {
	font-size: 16px;
  background: #f7f7f7 !important;
  margin-bottom: 5px;
  text-shadow: 0px 0px 0px #000;
} 

#js-mainnav.megamenu.white ul.level0 li.mega .megamenu li li  {
	font-size: 16px;
  background: #dedede !important;
  margin-bottom: 5px;
  text-shadow: 0px 0px 0px #000;
} 

#js-mainnav.megamenu ul.megamenu ul ul
{
padding-top: 5px !important;
  background: #dedede !important;
}  

#js-mainnav.megamenu.white ul.level0 li li.mega span.mega,
#js-mainnav.megamenu.white ul.level0 li li.mega a.mega {
  color: #373737;
	position: relative;
/*	display: block; */
	padding: 6px 15px;
	text-decoration: none;
}

#js-mainnav.megamenu.white ul.level0 li li.mega span.mega:hover,
#js-mainnav.megamenu.white ul.level0 li li.mega a.mega:hover,
#js-mainnav.megamenu.white ul.level0 li li.mega a.mega.active {
background: #015284;
border-radius: 0px;
color: #fff;
}


#js-mainnav.megamenu.white ul.level1 .childcontent-inner {
	border-radius: 0px;
}
#js-mainnav.megamenu.white .childcontent-inner .group ul li.active {

}

#js-mainnav.megamenu.white .childcontent .group h3 {
	background: none;
	color: #2b82d9;
	border-bottom: 1px dotted #006699;
}

#js-mainnav.megamenu.white .childcontent .js-moduletable a {
	border-bottom: 1px dotted #ccc;
}

#js-mainnav.megamenu.white .childcontent .moduletable { color: #2b82d9; }

#js-mainnav.megamenu.white .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.white .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.white .childcontent .js-moduletable a:active {
	color: #920404;
	text-decoration: none;
}

/* Grouped --- */
#js-mainnav.megamenu.white .group-content .menu-title,
#js-mainnav.megamenu.white .group-title .menu-title {
	color: #920404;
	line-height: 170%;
}

#js-mainnav.megamenu.white .group-content .menu-desc,
#js-mainnav.megamenu.white .group-title .menu-desc {
	color: #999;
	line-height: 150%;
	padding: 0;
}

#js-mainnav.megamenu.white .group-content ul.megamenu {
	margin: 5px;
}

/* Big image left-right style */
#js-mainnav.megamenu.white .big-img-left a,
#js-mainnav.megamenu.white .big-img-right a {
	line-height: 120% !important;
	padding: 0 !important;
}

#js-mainnav.megamenu.white li.big-img-left,
#js-mainnav.megamenu.white li.big-img-right {
	display: inline-table;
	padding: 7px !important;
}

#js-mainnav.megamenu.white .big-img-left img {
	margin-bottom: 2px;
}

#js-mainnav.megamenu.white .big-img-right img {
	margin-bottom: 2px;
}

#js-mainnav.megamenu.white form {
	margin: 12px;
}

/* ========================================== */
/*	RESPONSIVE STYLES 						  */
/* ========================================== */
/* Toggle */
#js-mainnav.megamenu.white .megaMenuToggle {
	color: #fff !important;
	line-height: 100%;
	font-weight: bold;
  font-size: 16px !important;
}

#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon,
#js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon {
	background: #000 !important;
}

#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon:before,
#js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon:before {
	background: #000 !important;
}

#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon:after,
#js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon:after {
	background: #000 !important;
}

#js-mainnav.megamenu.white ul.level0 li.haschild span.mega {
	background-image: none !important;
}

#js-mainnav.megamenu.white ul.level0 li.haschild-over span.mega {
	background: none !important;
}

@media screen and (max-width: 767px) {
	#js-mainnav.megamenu.noJS ul.megamenu li {
		padding: 0 !important;
	}
	#js-mainnav.megamenu.noJS ul.megamenu li a {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		line-height: 100% !important;
	}
} 

@media (min-width: 990px) and (max-width: 1099px) 
{
#js-mainnav.megamenu.white .js-megamenu 
{
  width: 960px;
}
#js-mainnav.megamenu.white ul.level0 li.mega a.mega
{
padding: 9px 15px ;
}
}

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

#horni_menu #js-mainnav.megamenu ul.level0 li a#menu101 span.menu-title
{
display: none;
}

#horni_menu li a#menu101
{
background: url(../images/home.png) no-repeat 50% 7px;
height: 25px;
width: 25px;
padding: 9px 15px 8px 15px;
}

}

/* TABLET LAYOUT 
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 989px) {

#js-mainnav.megamenu.white .js-megamenu {

	background-image: none;
	font-size: 0;
	line-height: 0;
	font-family:  'OpenSansRegular', arial, sans-serif;   
  width: 100%;  
  margin: 0 auto; 
}

#js-mainnav.megamenu.white ul.level0 li.mega {

	font-size: 18px;
 }
 
#js-mainnav.megamenu.white ul.level0 li.mega span.mega,
#js-mainnav.megamenu.white ul.level0 li.mega a.mega,
#js-mainnav.megamenu.white .megaMenuToggle {
	padding: 10px 10px;
}


#js-mainnav.megamenu.white ul.level0 li.mega 
{
font-size: 18px;
}


}


/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
-----------------------------------------------   */

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

#js-mainnav.megamenu.white .js-megamenu {

	background-image: none;
	font-size: 0;
	line-height: 0;
	font-family:  'OpenSansRegular', arial, sans-serif;   
  width: 100%;    
  margin: 0 auto; 
}

#js-mainnav.megamenu.white .js-megamenu
{
width: 100%;
}


}  