@font-face {
    font-family: 'LR'; /* Nombre que le das a tu fuente */
    src: url('fonts/Lato-Regular.ttf') format('truetype'); /* Ruta al archivo TTF */
    font-weight: normal; /* Opcional: define el peso de la fuente */
    font-style: normal;  /* Opcional: define el estilo de la fuente (normal, italic) */
}

@font-face {
    font-family: 'LL'; /* Nombre que le das a tu fuente */
    src: url('fonts/Lato-Light.ttf') format('truetype'); /* Ruta al archivo TTF */
    font-weight: normal; /* Opcional: define el peso de la fuente */
    font-style: normal;  /* Opcional: define el estilo de la fuente (normal, italic) */
}

@font-face {
    font-family: 'LB'; /* Nombre que le das a tu fuente */
    src: url('fonts/Lato-Bold.ttf') format('truetype'); /* Ruta al archivo TTF */
    font-weight: normal; /* Opcional: define el peso de la fuente */
    font-style: normal;  /* Opcional: define el estilo de la fuente (normal, italic) */
}

/* Luego, puedes usarla en tus selectores CSS */
body {
    font-family: 'LR', Arial, sans-serif; /* Fallback fonts son importantes */    
}

h1 {
    font-family: 'LB', Verdana, sans-serif;
}

h2 {
    font-family: 'LB', Verdana, sans-serif;
}

h3 {
    font-family: 'LB', Verdana, sans-serif;
}

.fondohome
{
    background: url('../imagenes/fondohome.jpg');
    background-position: center center;
    background-size: cover;
    color:#ffffff;
    padding:200px 0px;
}

input
{
    margin: 15px 0px;
    border-left: 5px #809ec3 solid !important;
}

.fondoplano
{
    background: #632568;
    padding:20px 0px 0px 0px;
    color:#ffffff;
}

.titulo
{
    color:#ffffff;
    font-size:26px;
    width:100%;
    border-bottom: 1px solid #fc9318;
}

.menu
{
    float:right;
    padding-bottom: 20px;
}

.piepagina
{    
    background: #ffffff;
}

#siguiente
{
    margin-bottom: 50px;
}