* {
margin: 0;
padding: 0;
border: 0
}
body {
background: #f4f4f4ss;
font-family: tahoma;
font-size:14px
}
a { text-decoration:none }
.clear:before,
.clear:after {
content:" ";
display: table
}
.clear:after { clear: both }
.arrow {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle
}
.arrow.down {
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.arrow.up {
border-bottom: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
nav {
width: 100%;
background: #FFDC73 ; /*menü háttere*/
}
nav .navbar {
width: 95%;
max-width: 1000px;
margin:0 auto
}
nav a { color: #FFD700 } /*logo felirat cégér szine*/
nav .logo {
float: left;
display: inline-block;
font-size: 30px;
font-weight: bold
}
nav .menu-toggle {
cursor: pointer;
display: none;
float: right;
padding: 12px;
margin: 10px 0;
background: red;
transition: background-color .5s
}
nav .icon-bar {
background-color: #fff;
display: block;
width: 22px;
height: 2px
}
nav .icon-bar + .icon-bar { margin-top: 4px }
nav .menu ul { float: right }
nav .menu li {
float: left;
list-style: none;
border-left: 0px solid red; /*elválaszto keret szine*/
}
nav .menu li:first-child { border-left: 0 }
nav .menu li a,
nav .open-submenu {
color: #FFFACD; /*menü szövegének a színe*/
cursor: pointer;
position: relative;
display: block;
padding: 12px 20px;
transition: background-color .5s;
  font: 600 18px/22px "Open Sans", sans-serif;
  color: #003300;
background: rgb(0,49,124);
background: -moz-linear-gradient(-45deg, rgba(0,49,124,1) 0%, rgba(252,205,77,1) 28%, rgba(228,195,88,1) 64%, rgba(0,49,124,1) 99%);
background: -webkit-linear-gradient(-45deg, rgba(0,49,124,1) 0%,rgba(252,205,77,1) 28%,rgba(228,195,88,1) 64%,rgba(0,49,124,1) 99%);
background: linear-gradient(135deg, rgba(0,49,124,1) 0%,rgba(252,205,77,1) 28%,rgba(228,195,88,1) 64%,rgba(0,49,124,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00317c', endColorstr='#00317c',GradientType=1 );
  border: 1px solid #729F42;  
  -moz-border-radius-topleft: 60px;
-webkit-border-top-left-radius: 60px;
 border-top-left-radius: 60px;
  -khtml-border-top-left-radius: 60px;
  -moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
  -khtml-border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 60px;
-webkit-border-bottom-right-radius: 60px;
border-bottom-right-radius: 60px;
  -khtml-border-bottom-right-radius: 60px;
  -moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
  -khtml-border-bottom-left-radius: 0px;  
}
nav .menu li a:hover,
nav .open-submenu:hover ,
nav .open-submenu.active,
nav .menu-toggle.active  {
background: #B22222; /*menü hover amikor ráviszed az egeret*/
transition: background-color .5s;
background: #9a1f06;
background: -moz-linear-gradient(-45deg, #9a1f06 0%, #ed6e25 46%, #cd4c07 60%, #cc4f0c 84%, #c94e15 100%);
background: -webkit-linear-gradient(-45deg, #9a1f06 0%,#ed6e25 46%,#cd4c07 60%,#cc4f0c 84%,#c94e15 100%);
background: linear-gradient(135deg, #9a1f06 0%,#ed6e25 46%,#cd4c07 60%,#cc4f0c 84%,#c94e15 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a1f06', endColorstr='#c94e15',GradientType=1 );

}
nav .menu ul ul {
z-index: 100;
display: none;
float: none;
position: absolute;
background:  ; /*lenyilo menü szine*/
}
nav .menu ul ul li {
float: none;
border: 0
}
nav .menu ul ul a:hover {
background: #B22222; /*lenyillo hover szine*/
transition: background-color .3s,
transition: background-color .5s;
background: #9a1f06;
background: -moz-linear-gradient(-45deg, #9a1f06 0%, #ed6e25 46%, #cd4c07 60%, #cc4f0c 84%, #c94e15 100%);
background: -webkit-linear-gradient(-45deg, #9a1f06 0%,#ed6e25 46%,#cd4c07 60%,#cc4f0c 84%,#c94e15 100%);
background: linear-gradient(135deg, #9a1f06 0%,#ed6e25 46%,#cd4c07 60%,#cc4f0c 84%,#c94e15 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a1f06', endColorstr='#c94e15',GradientType=1 );
}
@media(max-width:600px) {
nav .logo { padding-top: 8px }
nav .menu-toggle { display: inline-block }
nav .menu { display: none; clear: both }
nav .menu > ul { float: none }
nav .menu li { width: 100%; border: 0 }
nav .menu li:last-child { margin: 0 0 15px 0 }
nav .menu li a,
nav .open-submenu {
display: block;
background: #62b38d;
padding: 10px;
margin: 2px 0 0 0
}
nav .menu ul ul {
position: static;
background: transparent;
display:none
}
nav .menu ul ul a { background: transparent }
nav .menu ul ul a:hover { background: #FFBB22 }
}