@font-face{
  font-family:fir;
  src:url(fonts/FiraSans.ttf);
}
*{
	margin:0px;
	padding:0px;
}
body{
   font:12px fir, sans-serif;
   background-color: #d3b798;

}
#page-wrap{
	margin:2% auto; color:white;
}
#page-wrap>.principal{
	border:3px solid #d3b798; 
	padding:1%;
	margin-bottom: 1px;
	color:#111;
	display:flex;
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
}
header,nav,section{
	background: #f6e3ce;	
}
header #titulo{
text-align: left;
margin-right: 2%;
color:#956630;
}
footer{
	background:#b28f67;
	font-size: smaller;
	
}
footer p{
	color:#f6e3ce;
}
section{
	display:flex;
	flex-flow:row wrap-reverse;
	-webkit-flex-flow:row wrap-reverse;
	text-align: center;
	padding-left: 25%;
	border:3px solid red;
}
.efecto{
	opacity:0.2;
	transition:opacity 3.5s ease;
	
}
.efecto:hover{
   opacity:0.9;
}
table{
	vertical-align: center;
}

table,tr,td{
	text-align:center;
	font-family: fir;
	border:2px inset #2a3266;
	background-color:#fff;
    color:#369;
    width:35%;
    vertical-align: center;
}
th:first-child{
	border-radius:200px 0px 0px 0px;
}
th:last-child{
	border-radius:0px 200px 0px 0px;
}
th{
	background-color:#2a3266;
    color:#fff;
}
th,td{
	width:35%;
	padding:1%;
}
td:hover{
	background-color:#2a3266;
  color:#fff;
}
table:first-child{
	border-radius:0px 220px 0px 0px;
}
table:last-child{
	border-radius:0px 22px 0px 0px;
}
#error{
	color:red;
}