header{
	border: 0px solid;
	border-radius: 60px 60px 60px 60px;
}
nav{
	
	float: left;
	
}
section{

	
	float: left;
	width: 65%;
	border-radius: 47px 47px 47px 47px;

}

aside{
	float: right;

}
footer{
	border: solid 1px #FFFF00;
	clear: both;
}
h1{text-align:center;}

html{
	background: url(fondo2.jpg)
}
#contenedor{
	padding: 3% 3% 3% 3%;
	margin-left: 10%;
	margin-right: 10%;
	overflow: auto;
	min-width: 750px;
	min-height: 700px;
  border: solid 1px #C0C0C0;
  border-radius: 50px 50px 20px 20px;
  background-color: rgba(192, 192, 192, 0.20);
  
}
#medio{
  padding: 3% 3% 3% 3%;
  margin-left: 5%;
  margin-right: 5%;
  overflow: auto;
  border-radius: 22px 22px 22px 22px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
  background: rgba(145, 133, 138, 0.47);
}

#id1{
  float: left;
}


.box{
 position:absolute;
 left: 10%;
 right: 10%;
}
#presentacion{
  border-radius: 22px 22px 22px 22px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
  background: rgba(145, 133, 138, 0.47);
  width: 150px;
  height: 300px;
  text-align: center;

}
#id{
  border-radius: 22px 22px 22px 22px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
  background: rgba(145, 133, 138, 0.47);
  width: 150px;
  height: 150px;
  text-align: center;

}
#iniciar{


  float: right;
  width: 110px;
  height: 20px;
  border-radius: 200px 0px 200px 0px;
  text-align: center;
  font-style: oblique;


}
#iniciar a{color:#34B6A9;}
.myButton {
  -moz-box-shadow: 0px 0px 0px 2px #757e96;
  -webkit-box-shadow: 0px 0px 0px 2px #757e96;
  box-shadow: 0px 0px 0px 2px #757e96;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #59616e), color-stop(1, #8896a6));
  background:-moz-linear-gradient(top, #59616e 5%, #8896a6 100%);
  background:-webkit-linear-gradient(top, #59616e 5%, #8896a6 100%);
  background:-o-linear-gradient(top, #59616e 5%, #8896a6 100%);
  background:-ms-linear-gradient(top, #59616e 5%, #8896a6 100%);
  background:linear-gradient(to bottom, #59616e 5%, #8896a6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59616e', endColorstr='#8896a6',GradientType=0);
  background-color:#59616e;
  -moz-border-radius:23px;
  -webkit-border-radius:23px;
  border-radius:23px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Verdana;
  font-size:16px;
  font-weight:bold;
  padding:5px 15px;
  text-decoration:none;
  text-shadow:4px 3px 0px #000205;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8896a6), color-stop(1, #59616e));
  background:-moz-linear-gradient(top, #8896a6 5%, #59616e 100%);
  background:-webkit-linear-gradient(top, #8896a6 5%, #59616e 100%);
  background:-o-linear-gradient(top, #8896a6 5%, #59616e 100%);
  background:-ms-linear-gradient(top, #8896a6 5%, #59616e 100%);
  background:linear-gradient(to bottom, #8896a6 5%, #59616e 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8896a6', endColorstr='#59616e',GradientType=0);
  background-color:#8896a6;
}
.myButton:active {
  position:relative;
  top:1px;
}
#div{


  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 0px solid #291f29;
  box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
  background: rgba(145, 133, 138, 0.47);
  
  margin-left: 5%;
  margin-right: 5%;
}