/* ikony */
@font-face {
	font-family: "icon-font";
	src: url('../fonts/icon-font.eot');
	src: url('../fonts/icon-font.eot?#iefix') format('eot'), url('../fonts/icon-font.woff') format('woff'), url('../fonts/icon-font.ttf') format('truetype'), url('../fonts/icon-font.svg#icon-font') format('svg');
}

.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before,
.icon-world:before,
.nav-button:before,
.nav-close:before {
	font-family: "icon-font";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	vertical-align: top;
}


.icon-desktop:before {
	content: "\E001";
}

.icon-menu-close:before {
	content: "\E002";
}

.icon-menu:before {
	content: "\E003";
}

.icon-mobile:before {
	content: "\E004";
}

.icon-submenu-down:before {
	content: "\E005";
}

.icon-submenu-right:before {
	content: "\E006";
}

.icon-world:before {
	content: "\E007";
}

/* Navigace */
nav {
    display: block;
    width: auto;
    position: static;
    float: right;
    padding: 0px;
    margin: 0px;
    top: 0;
    margin-top: 0px;
    z-index: 2;
    overflow: visible;
}

nav ul {
	list-style: none;
	padding:0px;margin:0px;
}

nav li {
	float: left;
	position: relative;
	padding:0px;margin:0px;
}


nav li a {
  display: block;
  margin:0;
  padding-right:26px;
  width:auto;
  font-weight: 400;
}

nav li a,
nav li a:visited {
  color: #3771b3;
  text-decoration: none;
}

nav li a:hover {
  color: #3771b3;
  font-weight: 600;
  text-decoration: none;
}

nav li a:after {
	display:block;
	content:attr(title);
    font-weight: 600;
	height:0px;
	color:transparent;
	overflow:hidden;
	visibility:hidden;
     margin-top: -1px;
}

nav li:last-child a,
nav li:last-child a:visited {
  padding-right:0px;
}


ul.nav-list {
margin-right:30px; 
display: block;
float:left;
}


/* Mobile navigation */

.nav-button {
	position: absolute;
	top: 40px; 
	line-height: 60px;
	right: 40px; 
	font-size: 60px;
	width: 60px;
	height: 60px;
	
	z-index: 902;
	cursor: pointer;
	text-decoration: none;
	background: transparent;
	color: #0089d0;
    display: none;
}

  body.header-not-at-top .nav-button {
     top: 15px;
  }  

a.nav-button{
	color: #3771b3;
  text-decoration: none;
} 

a.nav-button:hover {
	color: #11237e;
  text-decoration: none;
} 

.nav-button:hover {
    text-decoration: none;
}	
	
.nav-button:before {
	display: block;
	text-align: center;
	content: "\E003";	
}
  
@media screen and (min-width:991px) {
  ul.nav-list {display: block!important;}
}

@media only screen and (max-width: 990px) {
  .nav-button  {
      top: 15px;
    display: inline-block;
  }

  nav {
    width: 100%;
    padding: 0;
	margin-right:0px; 
	margin-top:0px;
	position:absolute;
	top:90px;
	background: #3771b3;
	z-index: 20;
	/* border-bottom:1px solid #fff; */
  }
  
  body.header-not-at-top nav {
     top: 90px;
  }  
  
  ul.nav-list {
  margin-right:0px;
  float:none;
  display: none;
  }
  
  nav ul {
    display: none;
	padding:15px 20px;
	text-align:center;
  }
  nav ul li {
    float: none;
	position: relative;
	text-align:center;
  }
  
   
  nav ul li:last-child {
	border-bottom:none;
  }
  
  nav ul li {
    line-height: 30px;
  }  
  
  nav ul li a {
    padding: 18px 0;
    line-height: 26px;
    font-size:20px;
  }
  
  nav li a,
  nav li a:visited {
  color: #fff;
}

nav li a:hover,
nav li.active a {
 font-weight:600;
  color: #fff;
}


@media only screen and (max-width: 500px) {
.nav-button  {
  right: 30px;
}

}

