body
{
	font-family: 'Lato', sans-serif;
}
p
{
color: #e44e2d;
}
.verdeE
{
  color: #79D185;
}
img
{
	max-width: 100%;
}
.quitar-float
{
	float: none;
}
.espacio-arriba
{
	margin-top: 80px;
}
.pacifico
{
	font-family: 'pacifico', cursive;
}
.oswald
{
  font-family: 'Oswald', sans-serif;
}
.se-gris
{
	background-color: #eee;
}
.mediano
{
	font-size: 1.3em;
}
.vete-arriba
{
	vertical-align: top;
}
.padding-largo
{
	padding: 5px 10px;
}
.grande
{
	font-size: 3em;
}
.verde
{
	color: #00997C;
}
.retraso-1
{
	animation-delay: 2s;
}
.retraso-2
{
	animation-delay: 3s;
}
.no-lista
{
	margin: 0px;
	padding: 0px;
}
.no-lista li
{
	list-style-type: none;
}
.inline-block
{
	float: none;
	display: inline-block;
	margin-right: -4px;
}
.espacio-derecha
{
	margin-right: 1em;
}
a, .azul
{
	color: #009FFF;
}        
.rojo
{
	color:#F00F13;
}
label
{
	display: block;
}
.login
{
  background: #f0f0f0;
  width: 200px;
  border: 1px solid white;
  margin: 20px auto;
  padding: 1em;
  border-radius: 6px;
}
#btnSubmit
{
	border: none;
	background-color: #FFF;
	color: #e44e2d;
	padding: 6px;
	margin: 10px;
	cursor: pointer;
	font-family: 'Russo One', sans-serif;
}
#btnRegresar
{
	border: none;
	background-color: #FFF;
	color: #e44e2d;
	padding: 6px;
	margin: 10px;
	cursor: pointer;
	font-family: 'Russo One', sans-serif;
}
input[type=text],input[type=password],input[type=email],input[type=number]
{
  border-radius: 3px;
  padding: 2px;
  margin: 5px;
}
header{
  width:100%;
  margin-top:10px;
  height:150px;
  overflow: hidden;
  position: relative; 
}
nav{
  top:-20px;
    position: absolute;
    left:0;
    right:0;
	margin:20px auto;
	max-width:1000px;
	width:90%;
}
nav ul{
  list-style:none;
}
nav > ul{
  display:table;
  width:100%;
  background:#79D185;
  position:relative;
  
}
nav > ul li{
  display:table-cell;
}
/*submenu*/
nav > ul > li:hover > ul{
  display:block;
  height:100%;
} 
nav > ul > li > ul > li a:hover{
  background:#5da5a2;
}
nav > ul > li > ul{
  display:block;
  position:absolute;
  background:#79D185;
  left:0;
  right:0;
  overflow:hidden;
  height:0%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  
}
/*MENU*/
nav > ul li a{
  color:#000;
  display:block;
  line-height:20px;
  padding:20px;
  font-size:1.5em;
  position:relative;
  text-align:center;
  text-decoration:none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}       

nav > ul > li > a span{
  background:#174459;
  display:block;
  height:100%;
  width:100%;
  left:0;
  position:absolute;
  top:-55px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
nav > ul > li > a span .icon{
  display:block;
  line-height:60px;
}
nav > ul > li > a:hover > span {
  top:0;
}

/*colores*/
nav ul li a .primero{
  background:#5da5a2;
}
nav ul li a .segundo{
  background:#f25724;
}
nav ul li a .tercero{
  background:#37a4d9;
}