@charset "utf-8";

/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;

	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
  color:#373737;
}

.nav a,
.nav2 a { 
  text-decoration: none;
}

.nav li,
.nav2 li {
  list-style: none;
}

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
	width:250px;
	background-color:#f7e08c;
	list-style-image:none;
	list-style:none;
	margin-bottom:0px;
	margin-left:0px;
  background-color:#dfaf4f;
}

.nav2 {
	margin: 0;
	padding: 0;
	cursor: default;
	width:250px;
	list-style-image:none;
	list-style:none;
  margin-top:17px;
	margin-bottom:10px;
	margin-left:0px;
}

.nav2 li{
	margin: 0;
	padding: 0;
}

/* Menu List */
.nav > li {
	display: block;
	float: left;
	list-style: none;
	list-style-type:none;
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	height: 35px;
	padding: 0 0px;
  margin-bottom:0px;
	line-height: 35px;
  text-indent:50px;

	
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
  
  font-size:18px;
  font-weight:bold;
  color:#8b4105;
  font-variant: small-caps;  
  
	background-color:#f7e08c;
	border-left: 0px solid #4fbd9c;
	border-right: 0px solid #312a27;
	background-color:transparent;
  background-image:url("./img/2-pegu-mobil-nav.png");
  background-position:top left;
  background-repeat:no-repeat;
}

.nav > li:hover > a { 
  background-color:#f7e08c;
  background-color:#dfaf4f;
  color:inherit;
}

.nav > li > a.start img {
  margin-top:9px;
  border:0px solid red;
}

.nav > li:first-child > a {
	border-radius: 3px 0 0 3px;
	border-left: none;
}

/* Menu Dropdown */
.nav > li > div {
	position: absolute;
	display: block;
	width: 100%;
	top: 35px;
	left: 0;

	opacity: 0;
	visibility: hidden;
	overflow: hidden;

	background-color:#f7e08c;
	border-radius: 0 0 3px 3px;

	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
}

.nav > li:hover > div {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

.nav > li:focus > div {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

/* Menu Content Styles */
.nav .nav-column {
	float: left;
	width: 250px;
	padding:0px;
}

.nav .nav-column h3,
.nav2 .nav-column h3 {
	margin: 10px 0 5px 0;
	line-height: 18px;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
  border-top:0px solid #da9245;
  border-bottom:1px solid #da9245;
  padding:3px;
  margin-bottom:5px;
  margin-top:10px;
  border-left:0px solid #da9245;
  color:#8b4105;
  padding-left:5px;
  font-style:italic;
  font-weight:normal;
	/*text-transform: capitalize;*/
}

.nav2 .nav-column ul {
  padding:0px;
}

.nav .nav-column li a,
.nav2 .nav-column li a {
	display: block;
  
	line-height: 22px;
	
	font-family: inherit;
	font-weight: normal;
	font-size: inherit;
	color: inherit;
  border-top:1px solid #da9245;
  border-bottom:1px solid #da9245;
  background-color:#e1b64f;
  padding:2px;
  margin-bottom:3px;
  border-left:7px solid #da9245;
}

.nav .nav-column li a:hover,
.nav2 .nav-column li a:hover { 
  color: #8b4105;
  border-top:1px solid #8b4105;
  border-bottom:1px solid #8b4105;
}