@font-face {
font-family: 'Quicksand';
src: url('../Fonts/Quicksand-Regular.otf') format("opentype");
}
body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  width:100%;
  /*background-image: url(../images/Default.png?v1.0.0);*/
   background-position: center 2px;
    /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */
    background-size: 60% 100%;
}
.wrapper {
   position: absolute;
  top: 0%;
  /*left: 12%;*/
  width: 100%;
  height: 100%;
  margin-top: 0px;
  overflow: hidden;
  overflow-y: auto;
  /*background: red;*/
	left: 0px;
}

header {
  max-width:100%;
  margin: 0% auto;
  padding: 0px 0;
  height: 40%;
  text-align: center;
  padding-left:0%;
  /*background: blue;*/
}

main {
	position:relative;
 top:30%;
 max-width: 100%;
 /*margin-top:30%;*/
 margin-left:20%;
  /*margin: 0 auto;*/
  /*padding: 0px 0;*/
  height:100%;
  text-align: left;
}
.button 
{
	
   background-color:Transparent;
    background-image:url("../images/Evaluacion.png?v1.0.0");
    
    background-repeat: no-repeat;
   background-size:100% 100%;
   
    border: none;
    color:none;
    
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	padding-left:1%;
    margin-left:8%;
	font-family:Quicksand;
	width:150px;
	height:200px;
    
    
}
.button.hover{ cursor:pointer}
.button2 
{
	/*background-color:Transparent;*/
    background-image:url("../images/Resultados.png?v1.0.0");
    
    background-repeat: no-repeat;
   background-size:100% 100%;
   
    border: none;
    color:none;
    
    /*text-align: center;*/
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	/*margin-right:4%;*/
    margin-left:10%;
	font-family:Quicksand;
	width:150px;
	height:200px;
}
.button3 {
    background-image: url("../images/Admin.png?v1.0.0");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    color: none;
    /*text-align: center;*/
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    /*margin-right:4%;*/
    margin-left:10%;
    font-family: Quicksand;
    width: 150px;
    height: 200px;
}
footer {
  height: 30%;
  background: yellow;
}
	footer.img
	{

	  /*background-image: url(../images/FooterPage.png);*/
    /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
    background-position: center 2px;
    /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */
    background-size: 100% 100%;


	}