/* Style Definitions */

 body {
  margin: 0;
  font-family: 'Oxygen';
  background: none repeat scroll 0 0 #fff;
}
 
 h1, h2 {
  font-family: 'Oxygen', sans-serif;
  text-align: center; 
}

h1 {
  margin: 30px 0;
  font-size: 300%;
  color: #5453AA;
}

h2 {

  margin: 10px 0;
  font-size: 230%;
}


a {
	/* font-family: 'Kelly Slab', SERIF;	*/
  color: #907ABF;
  display: block;
  font-size: 260%;
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-shadow: 1px 1px 1px #848484;
  }

div.Cabecera  { 
	background: none repeat scroll 0 0 #fff;
    padding: 2px 0;
} 

img.logo {
  width: 700px;
}

.Correo {
	border: 2px solid;
	border-radius: 15px;
	margin: 50px auto;
	padding: 20px;
	background: #5453AA;
	width: 400px;
}

.Correo span {
	float: left;
	width: 100px;
}

input, textarea {
  background: none repeat scroll 0 0 #B8FFB7;
  padding: 2px;
  width: 100%;
}

label {
  display: block;
  margin: 10px 0;
  }

#Boton {
	width: 100px; 
	display: block; 
	margin: 10px auto; 
	background: #060054; 
	color: white;
}

#Boton, input, textarea, a {
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	z-index: 1;
}


#Boton:hover {
	background: white;
	color: black;
}

input:hover, textarea:hover {
	background: white;
	color: black;
}	
	
@media (max-width: 780px) {
	img.logo{
		width: 90%;
	}
}
@media (max-width: 1002px) {
	.Lado {
		display: none;
	}
}	
@media (max-width: 500px) {
	a {
		font-size: 120%;
	}
	h1, h2 {
	font-size: 200%;
	}
	.Correo {
		width: 80%;
		margin: 50px 5%;
	}
}