*{
	margin:0;
	padiing:0;
}

body {
background: #f6f5f5;
font-family: Candara;
color: black;
text-align:center;
}

header {
	width: 100%;
	max-width: 100%;
	margin: 20px auto;
	color: black;
}

header nav{
	background: #1ec4dc;
	overflow:hidden;
}

header nav ul{
	list-style: none;
}

header nav ul li {
	float:left;
}

header nav ul li a {
	padding: 10px 20px;
	display:block;
	color: white;
	text-decoration:none;
}

header nav ul li a:hover{
	background:  #8ee1ed;
}			


.mostrar {
text-align:left;
  background-color:#F1F1F1;
  border:1px solid #00000;
  padding:10px;
  overflow:auto
  margin:7px;
  color:#0150c7;
  
}

footer {
	background: grey;
	color: white;
	clear:both;
	padding:10px 0px;
	}

	header nav{
	background: #1ec4dc;
	overflow:hidden;
}

#navlist { padding: 3px 0px;
border-bottom: 1px solid #778;
font: bold 16px Verdana, sans-serif; }

#navlist li { 
	list-style: none; 
	display: inline; 
	margin-left:10px;
	}

#navlist li a { 
	padding: 3px 1em;
	border: 1px solid #778; 
	border-bottom: none;
	background: #cda0b1; 
	text-decoration: none; 
}

#navlist li a:link { 
	color: white; 
	}

#navlist li a:hover {
	color: white; 
	background: #dcbcc8; 
	border-color: #227; 
}

#navlist li a#current { 
	background: #AAE; 
	}