*{
    font-family: "Rubik";
}

body{
    width:420px;
    margin: 0px auto;
    padding: 0px;
    background-image: url(../img/fondo.png);
    background-position: top;
    background-size: cover;
}

.pagina {
    width: 420px;
    margin: 0;
    padding: 0;
}

header{
    height: 170px;
}

main{
    background-image: url(../img/fondo.png);
    background-position: top;
    background-repeat: repeat-y;
    height: calc(100vh - 170px); /* alto total (con respecto a la ventana) menos alto header y alto footer */
    position: relative;
}

    
#botonera{
	width: 347px;
    height: 459px;
	font-size: 0;
    /* lo siguiente centra tanto vertical como horizontal */
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#botonera a{
	width: 347px;
	display: block;
    margin-bottom: 25px;
}
#botonera a.izquierda, #botonera a.derecha{
	width: 161px;
	display: inline-block;
}
#botonera a.izquierda{
	margin-right: 25px;
}

