.textos{
	text-align: center;
}
.div1{
padding-left: 5%;
}
.div2{
padding-left: 35%;
margin-top: -16%;
}
.div3{
padding-left: 65%;
margin-top: -16%;
}
.div4{
padding-left: 9%;
}
.div5{
padding-left: 44%;
margin-top: -27%;
}
.ultimo{
margin-left: 74%;
margin-top: -20%;
}

.imagenelectronica{
	padding-left: 40%;
}
span{
	color:#179270;
	font-size: 200%; 
	text-align: center;
}

td{
	font: 1em "Soberana Sans", sans-serif;
	font-size: 1.25em;
	text-align: center;
	color: black;
}
m{

	font: 1em "Soberana Sans", sans-serif;
	font-size: 1em;
	text-align: center;
	color: black;
}

n{
	font: 1em "Soberana Sans", sans-serif;
	font-size: 1em;
	text-align: center;
	color: #179270;
}
input{
	font: .7em "Soberana Sans", sans-serif;
	text-align: center;

}
.submitbtn{
	font: 1em "Soberana Sans", sans-serif;
}

form{
	padding-left: 1.25em;
}
h1{
	font: 1em "Soberana Sans", sans-serif;
	/*font-family: arial;*/
	color: #00ff00;
	font-size: 1.785em;
	
}
h2{
	font: 1em "Soberana Sans",sans-serif;
	color: #497F43;
	font-size: 1.875em;
}
h3{
	font: 1em "Soberana Sans", sans-serif;
	color: #a5273f;
	font-size: 1.25em;
}
h4{
	font: 1em "Soberana Sans", Calibri, sans-serif;
	color: #497F43;
	font-size: 1.25em;
    letter-spacing: 0px;
    line-height: 1.25em;
}
h5{
	font: 1em "Soberana Sans", Calibri, sans-serif;
	color: #a5273f;
	font-size: 1.25em;
}
h6{
	font: 1em "Soberana Sans", Calibri, sans-serif;
	color: #a5273f;
	font-size: 2.5em;
	text-align: center;
	margin-top: 0;
}

#Usuario, #password{
	border:2px solid rgb(179,179,179);
	
}


#errorLogin,#errorVacios,#errorClave,#errorCorreo,#errorEdad{
	position: relative;
	display: none;
	color:red;
}


/* aqui empieza la prueba efecto imagenes */





.main{
	text-align: center;
}
.efecto1 img {
   /* Le decimos a la imagen que va a tener un efecto en TODOS los aspectos, van a transcurrir en .2 segundos
      y va a ser linear (la velocidad no va a aumentar o disiminuir */
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
/* Recuerda que auxiliar es el div que contiene los titulos y textos */

h1{
	font-size: 1em;
}


.efecto1:hover img {
   -webkit-transform: scale(0.8,0.8);
   -moz-transform: scale(0.8,0.8);
   -o-transform: scale(0.8,0.8);
   -ms-transform: scale(0.8,0.8);
   transform: scale(0.8,0.8);
   cursor: pointer;
    -webkit-box-shadow: 0.0625em 0.0625em 1.25em #179270;
   -moz-box-shadow: 0.0625em 0.0625em 1.25em #179270;
   box-shadow: 0.0625em 0.0625em 1.25em #179270;
   }

.efecto {
   max-width: 20%;
   max-height: 10%;
   border: 10px solid #fff;
   margin: 5px;
   display: inline-block;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 0.0625em 0.0625em 1.25em #e6e6e6;
   -moz-box-shadow: 0.0625em 0.0625em 1.25em #e6e6e6;
   box-shadow: 0.0625em 0.0625em 1.25em #e6e6e6;
   background: #fff;
}

.efecto img {
   display: block;
   max-width: 100%;
   position: relative;
}