*{
  margin: 0px;
  padding: 0px;
}

h1
{
  font:  30px verdana, sans-serif;
}

h2
{
  font: bold 14px verdana, sans-serif;
}



header, section, footer, aside, nav, article, figcaption, hgroup
{
  display: block;

}

body
{
  text-align: center;
}

#agrupar
{
  width: 500px;
  margin: 30px auto;
  text-align: center;
  background:#FFF;
  border-radius:20px;
  -moz-border-radius:20px;
}

#cabecera
{
 padding: 20px;
}

.top_menu ul
{

  background: #004F87;
  padding: 5px 15px;

}

.top_menu ul li
{
  display: inline-table;
  list-style: none;
  padding:0px;
  margin-right:20px;
  margin-bottom:1px;
  margin-top:0px;
  background: #004F87;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding:1px;
  border-top: 10px solid #004F87;


}


.top_menu ul li a
{
    color: #004F87;
    text-decoration:none;

}


.top_menu ul li a:hover
{
    color: blue;
}


#seccion
{

  width: 500px;
  margin: 60px auto 30px auto;
  background:#FFF;
  border-radius:20px;
}
#seccion img{margin:15px auto; padding:10px;}
#seccion .square-footer{width:96%; display:block; padding: 0 20px 20px 10px;}

.container{width:70%; padding:15px; display:block; margin: 20px auto 0 auto; border-top: 3px solid #F90;}
.container p{text-align:left; margin-bottom:10px;}


  #mensaje
  {
    background: #64FE2E;
  }



#pie
  {
  clear:  both;
  text-align: center;
  border-top: 20px solid #01DF01;
  }

article
  {
  border:none;
  margin-bottom: 15px;
  border-radius:10px;
  }

  input{
  	display: block;
  	padding: 1em;
  	width: 100%;
  	margin: 1em 0;
  }
  
  input[type="text"], input[type="password"] {
    padding: 10px 50px;
    border: 1px solid #eaeaea;
    width: 70%;
    margin: 0;
    background-color: #F4F4F4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

 input[type="text"]{background: url(./icono-usuario.png) no-repeat scroll 7px 7px;
padding-left:30px;}

 input[type="password"]{background: url(./llave.png) no-repeat scroll 7px 7px;
padding-left:30px;}

  input[type='submit']{
  	background-color: #FF5000;
	font-size:1em;
  	color: #f7f7f7;
  	border: none;
  	cursor: pointer;
  	transition:all 0.4s;
	margin-top:30px;
  }
  input[type='submit']:hover{
  	background-color: #DB4100;
  }
  .split{
  	display: inline-block;
  	width: 45%;
  	padding: 1em;
  	vertical-align: top;
  }
  li{
  	margin: 0.7em 0;
  }