/*ESTRUCTURA HTML*/
/*
<div id="contenedor">
    <div id="centrado">Contenido para alinear verticalmente</div>
</div>
*/

/* -------- USANDO LINE-HEIGHT ------- */
/*Sólo válido para líneas de texto*/
#centrado {line-height: 200px;}


/* -------- USANDO DISPLAY + VERTICAL-ALIGN ------- */
/*Las dimensiones de la capa se asignan al contenedor*/
#contenedor {display: table; height:200px;}
#centrado {display: table-cell; vertical-align: middle;}


/* -------- USANDO POSITION + MARGIN ------- */
#contenedor {position: relative;}
#centrado { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -15% 0 0 -25%;}

http://www.katharsix.com/centrar-verticalmente-con-css-6-formas-diferentes-de-lograrlo

Centrar capas verticalmente

CSS