.original ul{
	margin: 0px !important;
}
nav > ul > li.nav-selected, nav > ul > li.nav-path-selected, nav ul li.nav-selected, nav ul li.nav-path-selected {
	border-bottom:5px solid #FFF;
	color: #FFF !important;
}
.original > ul > li.nav-selected, .original > ul > li.nav-path-selected, .original li.dropdown:hover, .original li:hover, header nav ul li ul li:hover {
	background: rgba(0,0,0,0.1);
}
.original li.nav-selected, .original li.nav-path-selected {
	background: rgba(0,0,0,0.1);
}
nav > ul > li.nav-selected a, nav > ul > li.nav-path-selected a{
	color: #FFF !important;
}
.original a:after{
	display:none !important;
}
.original li.dropdown a{
	/*padding-right:0px !important;*/
}

@media screen and (min-width: 980px) {
	header nav ul li:hover > ul{
		opacity: 1 !important;
		top: 40px !important;
		visibility: visible !important;
	}

	header nav ul li ul li:hover ul{
		opacity: 1 !important;
		top: 40px !important;
		visibility: visible !important;
	}
}


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table !important;
	content: " " !important;
}

.clearfix:after {
	clear: both !important;
}

.codrops-header,
.codrops-top {
	font-family: 'Akzidenz bold', Arial, sans-serif;
}

.codrops-header {
	margin: 0 auto !important;
	padding: 2em !important;
	background: rgba(0,0,0,0.01);
	text-align: center !important;
}

.codrops-header h1 {
	margin: 0 !important;
	font-weight: 300 !important;
	font-size: 2.625em !important;
	line-height: 1.3 !important;
}

.codrops-header span {
	display: block !important;
	padding: 0 0 0.6em 0.1em !important;
	font-size: 60% !important;
	opacity: 0.7 !important;
}

/* To Navigation Style */
.codrops-top {
	width: 100% !important;
	background: #91cfa1 !important;
	background: rgba(255, 255, 255, 0.1);
	text-transform: uppercase !important;
	font-size: 0.69em !important;
	line-height: 2.2 !important;
}

.codrops-top a {
	display: inline-block !important;
	padding: 0 1em !important;
	color: #fff !important;
	text-decoration: none !important;
	letter-spacing: 0.1em !important;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95) !important;
	color: #333 !important;
}

.codrops-top span.right {
	float: right !important;
}

.codrops-top span.right a {
	display: block !important;
	float: left !important;
}

.codrops-icon:before {
	margin: 0 4px !important;
	text-transform: none !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-family: 'codropsicons' !important;
	line-height: 1 !important;
	speak: none !important;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001" !important;
}

.codrops-icon-prev:before {
	content: "\e004" !important;
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em !important;
	font-size: 1.1em !important;
}

.codrops-demos a {
	display: block !important;
	float: left !important;
	clear: both !important;
	margin: 0.5em 0.5em 0.5em 1.9em !important;
	padding: 1em 1.1em !important;
	width: 280px !important;
	outline: none !important;
	color: #fff !important;
	background: #336ca6 !important;
	text-align: center !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	opacity: 0.6 !important;
}

.content {
	padding: 4em 2em !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
}

.block {
	float: left !important;
	padding: 1em 3em !important;
}

.block-40 {
	width: 40% !important;
}

.block-60 {
	width: 60% !important;
}

.block p {
	margin: 0 !important;
	padding: 0 1em 0.6em !important;
	font-size: 1.8em !important;
	line-height: 1.5 !important;
}

.info {
	text-align: center !important;
	font-size: 1.5em !important;
	margin-top: 3em !important;
	clear: both !important;
	padding-top: 3em !important;
	color: rgba(255,255,255,0.5) !important;
}

.info a {
	font-weight: 700 !important;
	font-size: 0.9em !important;
}

.info a:hover {
	color: #336ca6 !important;
}

@media screen and (max-width: 69em) {
	.block {
		float: none !important;
		width: 100% !important;
		padding: 1em !important;
	}
	.mp-pushed:before{
		background:rgba(255,255,255,.7);
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		content: "";
	}
}

@media screen and (max-width: 25em) {

	body {
		font-size: 80% !important;
	}

	.codrops-icon span {
		display: none !important;
	}

}

*,
*:after,
*::before {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.scroller {
	overflow-y: scroll !important;
}

.scroller,
.scroller-inner {
	position: relative !important;
}

.menu-trigger {
	position: relative !important;
	padding-left: 60px !important;
	font-size: 0.9em !important;
}

.menu-trigger:before {
	position: absolute !important;
	top: 2px !important;
	left: 0 !important;
	width: 40px !important;
	height: 6px !important;
	background: #fff !important;
	box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff !important;
	content: '' !important;
}

.mp-pusher {
	position: fixed !important;
	left: 0 !important;
	top:0;
	z-index: 9;
	height: 100% !important;
}

.mp-pushed {
	width: 100%;
}

.mp-menu {
	position: absolute !important; /* we can't use fixed here :( */
	top: 0 !important;
	z-index: 9 !important;
	width: 270px !important;
	height: 100% !important;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.ccm-toolbar-visible .mp-menu, .ccm-toolbar-visible .mp-pusher{
	top: 24px !important;
}
.ccm-toolbar-visible .menu-trigger:before{
	top: 26px !important;
}
.mp-menu > .mp-level{
	overflow:auto;
}
.mp-menu a{
	color: #FFF;
}

.mp-level {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #233e73 !important;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mp-menu .dropdown{
	position: initial !important;
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 0 !important;
	height: 0 !important;
	/*content: '' !important;*/
	opacity: 0 !important;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.3) !important;
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1 !important;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100% !important;
	height: 100% !important;
	opacity: 1 !important;
	-webkit-transition: opacity 0.3s !important;
	-moz-transition: opacity 0.3s !important;
	transition: opacity 0.3s !important;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	opacity: 1 !important;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: block;
}

.mp-menu h2 {
	font-family: "Akzidenz bold", Arial, sans-serif !important;
	margin: 0 !important;
	padding: 1em !important;
	color: #efefef!important;
	text-shadow: 0 0 1px rgba(0,0,0,0.1) !important;
	font-weight: 300 !important;
	font-size: 2em !important;
}

.mp-menu.mp-overlap h2::before {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	margin-right: 8px !important;
	font-size: 75% !important;
	line-height: 1.8 !important;
	opacity: 0 !important;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform: initial !important;
	font-weight: 300 !important;
	letter-spacing: 1px !important;
	font-size: 18px !important;
	border-top: 1px solid #000;
	background-color: rgba(0,0,0,.5);
	/*padding-left: 66px !important;*/
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1 !important;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block !important;
	font-family: 'Akzidenz bold', Arial, sans-serif;
	font-weight: 200;
	padding: 0.7em 1em 0.7em 1.8em !important;
	outline: none !important;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 1.1em !important;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li::before {
	position: absolute !important;
	left: 10px !important;
	z-index: -1 !important;
	color: rgba(0,0,0,0.2) !important;
	line-height: 3.5 !important;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover, .mp-level > ul > li.nav-selected, .mp-level > ul > li.nav-path-selected {
	background-color: rgba(0,0,0,0.2) !important;
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	background: rgba(0,0,0,0.1) !important;
	outline: none !important;
	color: #fff !important;
	letter-spacing: 1px !important;
	font-weight: 700 !important;
	display: block !important;
	font-size: 0.8em !important;
	padding: 10px 5px 10px 17px !important;
	position: relative !important;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.mp-back::after {
	font-family: FontAwesome;
	position: absolute !important;
	content: "\f053";
	right: 20px !important;
	font-size: 1.3em !important;
	color: rgba(0,0,0,0.3) !important;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent !important;
	box-shadow: none !important;
	color: transparent !important;
	display:none !important;
}

.mp-level ul{
	position:relative !important;
	width: 100% !important;
}
.mp-level ul li{
	display:block !important;
	width: 100% !important;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px !important;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none !important;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block !important;
}

#menu_principal{
	transition:all .5s;
	z-index:9;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  transition:all .5s;
  box-shadow:0 5px 10px rgba(0,0,0,.2);
}

.ccm-toolbar-visible .sticky {
  top: 48px;
}

.sticky_padding{
  margin-top: 50px;
}