#header {
	font-size: 16px;
	background: #FFF;
	color: #999;
}

#header .row-content {
	margin: 0 auto;
	width: 1140px;
}

#header .row-top .row-content {
	padding: 20px 0;
}

#header .row-top .row-content>div {
	vertical-align: bottom;
	display: inline-block;
	height: 70px;
}

#header .icon {
	font: 18px FontAwesome;
	width: 20px;
	height: 20px;
}

#header .icon.search:before {
	content: "\f002";
}

#header .icon.login:before {
	content: "\f090";
}

#header .icon.account:before {
	content: "\f007";
}

#header .icon.cms:before {
	content: "\f013";
}

#header .icon.logout:before {
	content: "\f08b";
}

#header .button {
	background-color: #e4a117;
	border: none;
	color: #FFF;
	text-decoration: none;
	transition: background-color 400ms ease-in-out;
	text-transform: uppercase;
	padding: 8px 15px;
}

#header .button .icon+label {
	margin-left: 10px;
}

#header .button:hover {
	background-color: #000;
}

#header div.search {
	padding-left: 40px;
	line-height: 20px;
}

#header .search p {
	margin-bottom: 0;
}

#header .search input[type=text] {
	font-size: 16px;
	padding: 6px;
	width: 330px;
	height: 20px;
	border: 1px #CCC solid;
	margin-top: 20px;
}

#header .search .button {
	position: absolute;
	top: 56px;
	margin-left: 345px;
	height: 18px;
}

#header .search button[type=submit] .icon {
	font-size: 12px;
}

#header .user {
	line-height: 107px;
	float: right;
	width: 150px;
	text-align: right;
	white-space: nowrap;
}

#header .user.logged {
	line-height: 35px;
	padding-top: 1px;
}

#header .row-menu {
	border-top: 4px solid #e4a117;
	background-color: #0b8298
}

#header .menu {
	margin: 0 auto;
	background-image: url(../images/logo_eaulas.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0;
}

#header .menu li {
	display: inline-block;
	transition: background-color 400ms ease-in-out;
}

#header .menu li a {
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: sans-serif;
	text-decoration: none;
	padding: 15px 20px;
	display: inline-block;
}

#header .menu li:hover {
	background-color: #e4a117;
}

#header .menu li.selected a {
	text-decoration: underline;
}

#header .menu .logo-eaulas {
	width: 140px;
	height: 46px;
	float: right;
}