@charset "UTF-8";

/******************************************** buttons**********************************/
.button { /*1567*/
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: .9;
  text-align: center;
  cursor: pointer;
 }
 .subbutton{
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: .9;
  text-align: center;
  cursor: pointer;
  text-indent: 0;
  width: 100%!important;
 }
.button.alert {/*1630*/
    	background-color: red!important;
   	color: white!important;
   	font-weight: bold;
    }
.button.alert:hover, .button.alert:focus {
      background-color: black;
     }
.side-submenu{
	margin-left:-1rem;
	color:black;
	font-size: 1em;
	text-align: center;
 -moz-box-shadow:    inset 0 0 100px rgba(0, 0, 0, .15);
   -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .15);
   box-shadow:         inset 0 0 100px rgba(0, 0, 0, .15);
}

.side-submenu:hover{
	color:white!important;
}

a[id*='top-menu-']{
   color:white;
 	margin-bottom:0 !important;
 	background-color:#2f74a6;
}
[id*='top-menu-']:hover, .is-active [id*='top-menu-']{
	color:white!important;
	/*margin-bottom:0 !important;*/
	background-color:#6495ed !important;
}
.submenu li {
	border-bottom:1px solid #549cd0;
}
.submenu li:last-of-type {
	border-bottom:none;
}
.submenu .submenu {
	width: 100%;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
	left: 0;
}
.subsubmenu {
	color:white;
	background-color: #3E9FE0FF;
	width: 100%;
}
.subsubmenu:hover {
	color:white;
	background-color: #a0acb8;
	width: 100%;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
   border-color: #fff transparent transparent!important;
  }
 /**************************************  /buttons ************************************************/
 /******************* bocni-menu****************************/


#sidebar-menu{
	margin-left:1rem;
	background-color: #BCD8EC !important;
	color: black;
}
ul#main-menu  {
	width:100%;
	min-height:50px;
	margin:0 auto;
	gap: 3px;
	display: flex;
}
ul#main-menu > li {
	color:black!important;
  	text-align: center;
	flex: 1;
}
[class^="navTitle-"]{
 text-align: center;
 margin:1rem 0 0 1rem;
 height:2.2rem;
 padding:.3rem 0;
 border-bottom: 3px solid #fff;
 color:#fff;
 background-color: #395C89;
}

@media screen and (min-width:640px) {
	ul#main-menu > li {
		display: flex;
	}
	a[id*='top-menu-']{
		height: 100%;
		width: 100%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}


#top-menu-wrapper{
	 background-color: white!important;
	 padding: 1rem 0;
	 margin:1rem auto .5rem !important;
	 width: 95%;
	 height: 9rem;
}
#top-menu{
	/*height: inherit;*/
	display:block;
	margin: 0 1.5rem .5rem!important;

}
#top-menu ul {
	min-height:50px;
	margin:0 auto;
	padding:0 10px;

}
#top-menu li {
	float:left;
	margin:0 5px;
	text-align:center;
	list-style:none;
	white-space:nowrap;
	overflow:hidden;
}
@media screen and (max-width:720px) {
[class^="navTitle-"] {
    display: none;
}
	#top-menu-wrapper{
	width: 100%!important;
	 padding: 1rem 0;
	 margin:auto!important;
	 height:auto;
}
	#top-menu li {
		float:none;
		width:80%;
	}
	#top-menu li ul{
		display:none;
	}
	a.tm-vice{
		display: none!important;
	}
	[id*='top-menu-'] {
	text-transform: uppercase;
	color:#626262;
	font-size: 1rem!important;
	}

	a#top-menu-1{
   	color:black;
   	border-bottom:0;
 		margin-bottom:0 !important;
	}
	a#top-menu-2{
   	color:black;
   	border-bottom:0;
   	margin-bottom:0 !important;
	}
	a#top-menu-3{
   	color:black;
   	border-bottom:0;
   	margin-bottom:0 !important;
	}
}
#top-menu li a {
	/*display:block;*/
	text-decoration:none;
	font-size:1.2em;
	font-weight:600;
	color: black;
	text-transform:uppercase;
}
#top-menu li a:hover {
text-decoration: underline;
}
#top-menu a.clicknav {
line-height:38px;
font-family: "FontAwesome";
font-size:38px;
text-decoration:none !important;
color:white;
font-style:normal;
display:none;
width:42px;
height:40px;
margin:0 auto;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;}
#top-menu a.clicknav:hover,#top-menu a.clicknav:active {color:white !important;}
a.clicknav i {font-style:normal;}