* {
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:  ; 
  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; /*menü háttere*/
}
nav .navbar {
width: 95%;
max-width: 1000px;
margin:0 auto
background: rgb(205, 218, 164);
background: -moz-linear-gradient(40deg, rgb(205, 218, 164) 20%, 

rgb(114, 159, 66) 84%);
background: -webkit-linear-gradient(40deg, rgb(205, 218, 164) 20%, 

rgb(114, 159, 66) 84%);
background: -o-linear-gradient(40deg, rgb(205, 218, 164) 20%, rgb

(114, 159, 66) 84%);
background: -ms-linear-gradient(40deg, rgb(205, 218, 164) 20%, 

rgb(114, 159, 66) 84%);
background: linear-gradient(130deg, rgb(205, 218, 164) 20%, rgb

(114, 159, 66) 84%);

  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 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: #FFD700;
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; /*elválaszto keret szine*/

  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: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
  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
}
nav .menu ul ul {
z-index: 100;
display: none;
float: none;
position: absolute;
background: #DAA520 ; /*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
}
@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 }
}