/*MAINNAV*/

#mainnav {
    float: left;
    width: 100%;
	background-color: #0063b9;
	border-top: 3px solid #ff9c00;
}

#mainnav > a#trigger-nav {
	display: none;
}

#mainnav > ul {
	float: right;
}

#mainnav > ul > li {
	float: left;
    border-left: 1px dotted #fff;
}

    #mainnav > ul > li:first-child {
        display: none;
    }

#mainnav > ul > li > a {
	float: left;
	height: 26px;
	padding: 14px 40px 5px 40px;
	font: normal normal 13px 'asapregular', Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	background-color: #0063b9;
	color: #fff;
}

	#mainnav > ul > li > a:hover {
		background-color: #fff;
		color: #0063b9;
	}
	
	#mainnav > ul > li > a.actual {
		background-color: #fff;
		color: #0063b9;
	}
	
@media screen and (max-width: 1040px) {
	
	#mainnav > ul > li > a {
		float: left;
		height: 33px;
		padding: 17px 23px 0px 23px;
		font: normal normal 13px 'asapregular', Arial, Tahoma, Verdana, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		background-color: #0063b9;
		color: #fff;
	}
	
		#mainnav > ul > li:last-child a {
			border: 0px;
		}
	
		#mainnav > ul > li > a:hover {
			background-color: #fff;
			color: #0063b9;
		}
		
		#mainnav > ul > li > a.actual {
			background-color: #fff;
			color: #0063b9;
		}
	
}