@charset "utf-8";
/* CSS Document */


body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;

}

header{
width:100%;
height:50PX;
background:#2D65AE;
margin-top:10px;
display:flex;

}
	
#btn-menu {
display:none; 
}

header label {
	width:30px;
	height:30px;
	padding:10PX;
	border-right:1px solid #FFF;
	display:none;
	}

header label:hover {
	
	cursor:pointer;
	background-color:#006;
	
	}
	
	.menu ul{
		margin:0;
		list-style:none; /*quitamos los estilos de listas*/
		padding:0;
		display:flex; /*crea cajas flexibles*/
		
		}
		
		.menu ul ul{
			
			position:absolute;
				top:60PX;
				display:block;
				background:#2D65AE;
				transform:translateX(60%);
				opacity:0;
				transition:all 0.9S;
			
			}
		
		.menu UL LI:HOVER UL {
				
				opacity:1;
				transform:translateX(0%);
				
				
				}
		
		
		
	.menu li{
		border-right:1px solid #FFF;
	}
	
		.menu li:hover {
		background:rgba(0,0,0,0.3);
	border-bottom:3px solid #FF0;
    transition:all 0.9s linear; 

		}
		.menu li a {
			display:block;
			padding:15px 20px;
			color:#FFF;
			text-decoration:none;
			
			}