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

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

#sombra10{
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-size: 30px;
font-weight: bold;
font-family: 'Arial Black';
color:#069;
}

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;
			}