header, nav, body{
	font-family: Verdana;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

:focus{
	outline: none;
}

a{
	text-decoration: none;
}

header{
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;

	border-bottom: 1px solid LightBlue;
	box-shadow: 0px 0px 15px LightBlue;
}

header div{
	font-family: Arial;
	font-size: 12px;
	font-weight: bolder;
	color: #999999;
	text-align: center;
}

/*==== Barra de navegacion (Principal) ====*/
nav{
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	border-bottom: 1px solid LightBlue;
	box-shadow: 0px 0px 15px LightBlue;

	background-image: url('fondo.jpg');
	background-size: cover;
}

nav div{
	background: white;
	width: 400px;
	height: 70px;
	margin: 10px;
}

nav a{
	background: linear-gradient(to left, white, LightSkyBlue);
	border: 1px solid LightSkyBlue;
	font-weight: bolder;
	
	width: 99.5%;
	height: 99%;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
	box-shadow: 0px 0px 15px LightBlue;
	transition: background 1s;
}
nav a:hover{
	background: LightSkyBlue;
}
nav a img{
	width: 50px;
	margin-left: 20px;
	margin-right: 30px;
}
nav a span{
	color: RoyalBlue;
	width: 100%;
	height: 100%;
	
	font-size: 20px;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	
	transition: color 1s;
}
nav a span:hover{
	color: Navy;
}

nav .cLinkMainMini{
	height: 50px;
}
nav .cLinkMainMini a{
	background: linear-gradient(to left, white, rgb(145, 243, 186));
	border: 1px solid lightgreen;
}
nav .cLinkMainMini a:hover{
	background: lightgreen;
}
nav .cLinkMainMini a img{
	width: 30px;
	margin-left: 30px;
	margin-right: 40px;
}
nav .cLinkMainMini a span{
	font-size: 14px;
}