body.aixeenabodypadding {
		padding-top: 0px;
	}

	.aix-topbar {
    padding: 9px 5px 9px 0;
	}
	
	.aixeenatopbar {
		height: 0;
		right: 0;
		left: 0;
		z-index: 9997;
		position: fixed;
		top: 0;
	}
	
	#aixeena-modal-menu .aixmenuclose.md-close {
		z-index: 9999;
		color: #fff;
		position: absolute;
		right: 10px;
		top: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}

	.aixeenatopbar.fix-nav1 {
		position: fixed;
		top: 0
	}

	/* element align */
	.aix-topbar-right {
		float: right;
		margin-right: 5px
	}
	
	.aix-topbar-left {
		float: left;
		margin-left: 10px
	}

	/* brand */
	
	.aix-topbar.aix-topbar-brand {
		font-size: 24px;
		line-height: 24px;
		padding: 12px;
	}
	
	.aix-topbar.aix-topbar-brand {
		font-size: 24px;
		line-height: 24px;
		padding: 0px;
		padding-left: 0px;
		padding-top: 0px;
		top: 30px;
		position: absolute;
		margin-left: 0;
		left: 30px;
	}



	/* iconos */

	.aixtopbaricon {
    width: 48px;
    height: 48px;
    cursor: pointer;
    fill: #FFF;
    float: left;
    margin-right: 5px;
}
	
	.aixtopbaricon-black {
		fill:#000;
	}

	svg.aixtopbaricon.aix_icon_right {
		float: right;
		margin-top: -10px;
	}

	.mp-menu-blue .mp-level, .pusher-blue {
		background-color: #006699;
		color:#FFF;
	}
	
	.mp-menu-black .mp-level, .pusher-black {
		background-color: #000;
		color:#FFF;
	}
	
	.mp-menu-gray .mp-level, .pusher-gray {
		background-color: #e2e2e2;
		color:#FFF;
	}
	
	.mp-menu-white .mp-level, .pusher-white {
		/* background: url(/images/nube_verde.jpg); */
		background-attachment: fixed;
		background-color: #49bed8;
		color: #000;
	}
	
	.mp-menu-pink .mp-level, .pusher-pink {
		background-color:#E524A8;
		color:#FFF;
	}
	
	.mp-menu-green .mp-level, .pusher-green {
		background-color: #063;
		color:#FFF;
	}
	
	.mp-menu-orange .mp-level, .pusher-orange {
		background-color: #f0a42c;
		color:#FFF;
	}
	
	.mp-menu-brown .mp-level, .pusher-brown {
		background-color: #930;
		color:#FFF;
	}
	
	.mp-menu a {
		color:#fff;
		text-decoration:none;
	}
	
	.mp-menu-white a {
		color: #FFF;
	}
	
	img.topavatar {
		border-radius: 40px;
		position: relative;
		top: 5px;
	}
	
	.cabecera-perfil {
    text-align: center;
    padding: 20px;
	}
	
	img.topavatar2 {
    border-radius: 50px;
    margin-bottom: 10px;
}
svg.img-perfil {
    width: 90px;
    fill: #fff;
    height: 90px;
}
	

	/*   push menu css  */

	*,
	*:after,
	*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
	.scroller {
		overflow-y: scroll;
	}
	
	.scroller,
	.scroller-inner {
		position: relative;
	}
	
	.aix-topbar .container {
		position: relative;
		overflow: hidden;
		background: #34495e;
	}
	
	.menu-trigger {
		position: relative;
		padding-left: 60px;
		font-size: 0.9em;
	}
	
	.menu-trigger:before {
		position: absolute;
		top: 2px;
		left: 0;
		width: 40px;
		height: 6px;
		background: #fff;
		box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
		content: '';
	}

	.mp-pusher {
	  position: absolute;
	  left: 0;
	  height: 100%;
	  height: 100vh;
	  top: 0;
	}
	
	.mp-menu {
		position: absolute; /* we can't use fixed here :( */
		top: 0;
		left: 0;
		z-index: 1;
		width: 300px;
		height: 100%;
	}
	
	.mp-level {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: translate3d(-100%, 0px, 0px);
		-moz-transform: translate3d(-100%, 0px, 0px);
		transform: translate3d(-100%, 0px, 0px);
	}	

/* overlays for pusher and for level that gets covered */
	.mp-pusher::after,
	.mp-level::after,
	.mp-level::before {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		content: '';
		opacity: 0;
	}
	
	.mp-pusher::after,
	.mp-level::after {
		background: rgba(0,0,0,0.3);
		-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;
	}
	
	.mp-pusher.mp-pushed::after,
	.mp-level.mp-level-overlay::after {
		width: 100%;
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}
	
	.mp-level.mp-level-overlay {
		cursor: pointer;
	}
	
	.mp-level.mp-level-overlay.mp-level::before {
		width: 100%;
		height: 100%;
		background: transparent;
		opacity: 1;
	}
	
	.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(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 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;
		padding: 0;
		list-style: none;
	}
	
	
	h2.aixtopbarh2 {
    margin: 0;
    padding: 20px;
}


h2.aixtopbarh2 {
    background-image: url(../../../../../images/logo-trans-100.png);
    background-position: 90px 15px;
    background-repeat: no-repeat;
    text-indent: -10000px;
    color: #00a6bd;
    font-size: 20px;
    height: 125px;
}
	
.mp-menu.mp-overlap h2::before {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 8px;
		font-size: 75%;
		line-height: 1.8;
		opacity: 0;
		-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-overlap .mp-level.mp-level-overlay > h2::before {
		opacity: 1;
		-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;
    /* text-align: center; */
    padding: 15px;
    padding-left: 32px;
    outline: none;
    box-shadow: inset 0 -1px rgba(0,0,0,0.2);
    text-shadow: 0 0 1px rgba(255,255,255,0.1);
    font-size: 30px;
    -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;
		left: 10px;
		z-index: -1;
		color: rgba(0,0,0,0.2);
		line-height: 3.5;
	}
	
	.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 {
		background: rgba(0,0,0,0.2);
		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);
	} 
	
	.mp-back {
		outline: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 700;
		display: block;
		font-size: 0.8em;
		padding: 1em;
		position: relative;
		box-shadow: inset 0 1px rgba(0,0,0,0.1);
		text-align: right;
		
		font-size: 12px;
		position: relative;
		text-align: initial;
		padding-left: 20px;
		text-decoration:none;
		
	}
	
	
	
	.no-csstransforms3d .mp-menu .mp-level,
	.no-js .mp-menu .mp-level {
		display: none;
	}
	
	.no-csstransforms3d .mp-menu > .mp-level,
	.no-js .mp-menu > .mp-level {
		display: block;
	}
	


.aix-topbar.aix-topbar-social {
    display: none!important;
}

.aix-topbar.aix-topbar-code {
    padding: 14px;
    font-size: 19px;
    line-height: 23px;
    padding-left: 30px;
}


div#aixeena-modal-custom1 .aixeena-modal-content {
     height: 100vh;
	 padding-top:5px;
}
div#aixeena-modal-custom1 .aixeena-modal-content h3{
padding-top:0;
margin-top:0;
color:#00a15c;
}

.jlslogin .userdata #form-login-username label {
    display: block;
    float: left;
    margin-right: 10px;
   width:inherit !important;
}

.pretext p{
    padding-top: 10px;
}


.aixmenuclose.md-close .aixtopbaricon {
    width: 30px;
    height: 48px;
    cursor: pointer;
    fill: #FFF;
	position: absolute;
}

.md-modal .md-content {
    position: relative;
    border-radius: 0;
    margin: 0 auto;
}

div#aixeena-modal-custom1.theme-1 .md-content {
    border-radius: 0;
    /* background: url(/images/nube_roja.jpg); */
    background-attachment: fixed;
    background-color: #00a4c4;
}


div#aixeena-modal-custom1 .aixeena-modal-content h3 {
    padding-top: 0;
    margin-top: 0;
    color: #FFF;
    text-align: center;
    font-size: 30px;
}

.aix-topbar.aix-topbar-custom1 {
    position: absolute;
    top: 0px;
    right: -7px;
    min-width: 160px;
    /* background-color: #000; */
    padding: 10px;
}	

.aix-topbar.aix-topbar-custom1 a {
    color: #FFF;
    text-shadow: 2px 2px 1px #000;
}

.aix-topbar.aix-topbar2.aix-topbar-custom1.aix-topbar-right.visible-xs.visible-sm.visible-md.visible-lg {
    width: 67px;
    min-width: 50px;
    /* right: 0; */
}
.submenu {
    font-size: 17px;
    line-height: 17px;
    padding-top: 7px;
}


body.bootla nav#mp-menu li a  {
	color:#fff;
	text-decoration:none;
}

@media (max-width: 360px){
	   
	.aix-topbar.aix-topbar-custom1 {

    min-width:inherit;
	}
	
}