*{
	margin: 0;
	padding: 0;
}
/*Para el LOADING*/
div#load_screen{
	background:#FFF;
	opacity:1;
	position: fixed;
    z-index:500;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color:#FFF;
}
div#load_screen > div#loading{
	color:#FFF;
	width:100%;
	text-align:center;
	height:24px;
	margin: 50% auto;
}

div#load_screen > div#loading{
	color:#FFF;
	width:100%;
	text-align:center;
	height:24px;
	margin:15% auto;
}

#loading img{
	width:250px;
}
header{
	width: 100%;
    background-color: #ff7878;
}

body header{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.menu_bar {
	display:none;
	color: #fff;
} 
.menu {
    /*background-color: #2c2c2c;*/
    box-shadow: 0px 0px;
    display: flex;
    justify-content: flex-end;
}
nav.menu{
    background-color: #ff7878;
    top: 89px !important;
}


.menu ul a{
	font-size: 1.1rem;
	padding: 0px 0.5rem;
}
.menu ul {
	list-style:none;
	display:flex;
	margin-right: 2rem;
	align-items: center;
} 
.menu ul li {
	padding: 0;
	margin: 0;
	/*float:left;*/
	border-left: 10px white;
	border-right: 10px white;
	font-family:MavenPro-Medium;
	line-height: 18px;
    text-align: center;
}
.menu ul li a:link{
	color: #F5F7FA;
	text-decoration: none;
}
.menu ul li a:visited{
	color: #fff;
	text-decoration: none;
}
.menu ul ul{
	display: none;
	position: absolute;
    top: 60px;
}
.menu a{
	display: block;
	color: #fff;
	/*border-left: 0.5px solid #3c3c3c;*/
	text-decoration: none;
}

.submenu{
    display:flex;
}

.submenu ul{
	width: 20%;
	margin: 0;
	padding: 0;
}
.submenu ul a{
	padding: 0;
}
.submenu li{
	width: 100%;
	margin: 0;
	height: 40px;
	line-height: 40px;
	overflow: auto;		
}
.submenu li a:link{
	text-decoration: none;
	color: #fff;
}
.submenu li a:visited{
	text-decoration: none;
	color: #fff;
}
.menu ul li:hover ul{
	display: block;
	/*position: fixed;*/
	z-index: 10;
	text-align: center;
	background: #2c2c2c;
}

.arrow_b img {
    width: 20px;
    border: none;
    padding: 4px;
}

header .menu ul li a {
	display:block;
	text-decoration:none;
} 
 header .menu ul li a:hover{
 	color: #000;
 	background-color: #fff;
}
.logo{
	/*width: 10%;*/
	/*padding: 0.5% 0% 0% 1%;*/
	/*float: left;*/	
    margin-left: 1rem;
}
.logo img{
	/*width: 189px;*/
	padding:1px;
}
/*-------------------------------Celular-------------------------------------------*/
@media screen and (max-width:450px ) {
	header{
		border: 0;
	}
	
	header .menu {
		width:100%;
		height:100%;
		left:-100%;
		position: fixed;
		z-index: 100;
		margin: 0;
		margin-top: 0%;
	}
 	.menu{
 		line-height: 56px;
 	}
 	.menu ul li{
 		width: 100%;
 		overflow: auto;
 	}
 	.menu ul li a{
 		width: 90%;
 		float: left;
 	}
	header nav ul li {
		display:block;
		float:none;
	}
 	.menu ul a{
 		font-size: 20px;
 	}
 	/*
	.menu_bar {
		color: #000;
		display:block;
		width:12%;
		padding: 2%;
		margin-left: 88%;
	}*/
	.menu_bar img{
		width: 100%;
	}
	.menu_bar .bt-menu {
		display:block;
		padding:10px;
		background:#2c2c2c;
		color:#fff;
		text-decoration:none;
	}
	.menu_bar span {
		float:right;
		font-size:40px;
	}
	

	
	.submenu ul{
		width: 100%;
		margin: 0;
		margin-top: 12%;
	}
	.submenu ul li{
		width: 100%;
		font-size: 20px;
		overflow: auto;
	}
	.logo{
 		width: 40%;
 		padding: 0.7% 0% 0% 2%;
 	}
 	.arrow_b{
 		display: block;
 	}
}





















/*-------------------------------Tablet-------------------------------------------*/
@media screen and (max-width:1024px){
    
	header{
		border: 0;
	}
	header .menu {
		width:100%;
		height:100%;
		left:-100%;
		position: fixed;
		z-index: 100;
		margin: 0;
		margin-top: 0%;
	}
 	.menu{
 		line-height: 56px;
 	}
 	
 	.menu ul{
        display: block;
        width: 100%;
        margin:2rem 0px;
 	}
 	
 	.arrow_b img{
        width: 40px;
        border: 1px solid white;
        padding: 4px;
    }
 	
 	.menu ul li{
 		width: 100%;
 		overflow: visible;
 		height: 60px;
        border-bottom: 1px solid white;
        display: flex;
        text-decoration: none;
        align-items: center;
        align-content: center;
        justify-content: center;
        position: relative;
 	}
 	.menu ul li a{
 		width: 100%;
 		float: left;
 	}
	header nav ul li {
		display:block;
		float:none;
	}
 	.menu ul a{
 		font-size: 20px;
 	}
	.menu_bar {
		color: #000;
		display:block;
	/*	width:8%;
		padding: 2%;
		margin-left: 92%;*/
	}
    .menu_bar img {
        width: 40px;
        /*background: red;*/
        padding: 0.5rem;
        margin: 1rem;
    }
    
	.menu_bar .bt-menu {
		display:block;
		padding:10px;
		background:#2c2c2c;
		color:#fff;
		text-decoration:none;
	}
	.menu_bar span {
		float:right;
		font-size:40px;
	}
	.submenu ul{
		width: 100%;
		margin: 0;
		/*margin-top: 21rem;*/
	}
	.submenu ul li{
		width: 100%;
		font-size: 20px;
		overflow: auto;
	}
	.logo{
 		width: 25%;
 		padding: 0.7% 0% 0% 2%;
 	}
 	.arrow_b{
 		display: block;
 	}
}











/*------------------------------------Fuentes------------------------------------*/
@font-face {
	font-family:MavenPro-Black;
	src: url("fuente/MavenPro-Black.eot");
	src: url("fuente/MavenPro-Black.eot?#iefix") format("embedded-opentype"),
	     url("fuente/MavenPro-Black.woff") format("woff"),
	     url("fuente/MavenPro-Black.ttf") format("truetype"),
	     url("fuente/MavenPro-Black.svg#kimberley") format("svg");
}
@font-face {
	font-family:MavenPro-Bold;
	src: url("fuente/MavenPro-Bold.eot");
	src: url("fuente/MavenPro-Bold.eot?#iefix") format("embedded-opentype"),
	     url("fuente/MavenPro-Bold.woff") format("woff"),
	     url("fuente/MavenPro-Bold.ttf") format("truetype"),
	     url("fuente/MavenPro-Bold.svg#kimberley") format("svg");
}
@font-face {
	font-family:MavenPro-Medium;
	src: url("fuente/MavenPro-Medium.eot");
	src: url("fuente/MavenPro-Medium.eot?#iefix") format("embedded-opentype"),
	     url("fuente/MavenPro-Medium.woff") format("woff"),
	     url("fuente/MavenPro-Medium.ttf") format("truetype"),
	     url("fuente/MavenPro-Medium.svg#kimberley") format("svg");
}
@font-face {
	font-family:MavenPro-Regular;
	src: url("fuente/MavenPro-Regular.eot");
	src: url("fuente/MavenPro-Regular.eot?#iefix") format("embedded-opentype"),
	     url("fuente/MavenPro-Regular.woff") format("woff"),
	     url("fuente/MavenPro-Regular.ttf") format("truetype"),
	     url("fuente/MavenPro-Regular.svg#kimberley") format("svg");
}