body{
	width: 1024px;
	background: #ecf0f1;
	font-family: arial;
	margin: 0 auto;

}
.error{
	border: 2px solid #e3350d;
}
#hPrincipal{
	width: 1024px;
	height: 87px;
	background: #313131;
	border: 2px solid #f0f0f0;
}
#logo{
	margin: 15px 80px 0px 115px;
}
nav{
	position: absolute;
	margin: -73px 220px 15px;
	padding: -80px 0 0 10px;
	
	
}
.iconos{
	display: block;
	margin: 5px auto;
}

nav a{
	width: 121px;
	height: 87px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	position: relative;
	color: #ecf0f1;
	
	float: left;
}
header nav #rojo{
	border-bottom: 4px solid #e3350d;
}
header nav #anaranjado{
	border-bottom: 4px solid #ee6b2f;
}
header nav #amarillo{
	border-bottom: 4px solid #e6bc2f;
}
header nav #celeste{
	border-bottom: 4px solid #30a7d7;
}
header nav #azul{
	border-bottom: 4px solid #1b53ba;
}
header nav #verde{
	border-bottom: 4px solid #4dad5b;
}
header nav #rojo:hover{
	background: #e3350d;
}
header nav #anaranjado:hover{
	background:  #ee6b2f;
}

header nav #amarillo:hover{
	background: #e6bc2f;
}

header nav #celeste:hover{
	background: #30a7d7;
}

header nav #azul:hover{
	background: #1b53ba;
}

header nav #verde:hover{
	background: #4dad5b;
}


table{
	float: left;
	margin: 80px 0 0 0;
}


table .cuadro{
	height: 40px;
	width: 40px;
	text-align: center;
	border:  1px solid black;
	font-weight: bold;
}

table thead #titulo-tabla{
	font-weight: bold;
}


table .letras-cuadro{
	font-weight: bold;
}
table #rojo{
	background: #e3350d;;
}
table #anaranjado{
	background:  #ee6b2f;
}

table #amarillo{
	background: #e6bc2f;
}

table #celeste{
	background:#30a7d7;
}

table #azul{
	background: #1b53ba;
}

table #verde{
	background:  #4dad5b;
}

#section-Principal{
	color:#ecf0f1;
	background: #1f1f1f;
	width: 400px;
	border: 2px solid #e3350d;
	float: right;
	text-align: left;
	margin: 15px;
	padding: 10px;
	font-size: 16px;
}
.paragraph{
	color: #4dad5b;
}
#pokemon{
	margin: 120px;
}
footer{
	position: absolute;
	width: 1024px;
	background: blue;
	margin: 20px auto;
	color:#ecf0f1;
	background: #1f1f1f;
	height: 250px;
}
footer #primer-lista{
	display: inline-block;
	position: relative;
	margin: 50px 140px 50px ;	
}

footer #segunda-lista{
	display: inline-block;
	float: right;
	margin: -210px 20px 20px;
}
footer #segunda-lista #titulo-segunda{
      margin: 260px 290px 0 0;
}

footer #segunda-lista #name{
  margin: 20px 280px 0 0;
}
footer #email  #txtEmail{
  margin: 10px 0px 0 3px;
}
footer #btnSubmit{
    margin: 5px 0 0 0;
}