
/* 	----------------------------------------------------------------------------------------------
										C - HEADER v1
	----------------------------------------------------------------------------------------------	*/

@media only screen and (min-width: 768px ) {
header nav.menu.main-menu {
	text-align: right;
	margin-top: 50px;
	height: 42px;
}

header nav.menu.main-menu li { margin-left: 3px; }
header nav.menu.main-menu li:first-child { margin-left: 0; }

header nav.menu.main-menu li a {
	padding: 10px 15px;
	text-transform: uppercase;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #52BFD3;
	background: #fff;
	border: 2px solid #52BFD3;
	border-bottom: 0;
}

header nav.menu.main-menu li a span { top: -5px; position: relative; }

header nav.menu.main-menu li.current-menu-item a,
header nav.menu.main-menu li:hover a { background: #52BFD3; color: #fff; }

header nav.menu.main-menu li ul.children {
	top: 38px;
	padding: 0;
	background: #999;
}

header nav.menu.main-menu li ul.children:before {
	position: absolute;
	content: '';
	top: -14px;
	left: 20px;
	background: transparent;
	border: 8px solid transparent;
	border-bottom-width: 7px;
	border-bottom-color: #999;
}

header nav.menu.main-menu li ul.children li { margin: 0; }
header nav.menu.main-menu li ul.children li a { width: 130px; padding: 5px 10px; border: 0; background: none; }
header nav.menu.main-menu li ul.children li:first-child a { padding-top: 10px; }
header nav.menu.main-menu li ul.children li:last-child a { padding-bottom: 10px; }
header nav.menu.main-menu li ul.children li ul.children { left: -10px; background: #aaa; }
header nav.menu.main-menu li ul.children li ul.children:before {
	position: absolute;
	content: '';
	top: 10px;
	left: -14px;
	background: transparent;
	border: 8px solid transparent;
	border-right-width: 7px;
	border-right-color: #aaa;
}
header nav.menu li ul.children li:hover ul.children { margin-left: 150px; }

}
