html, body {
    background: #86aecc;
    background: -moz-linear-gradient(top, #86aecc 0%, #86aecc 100%);
    background: -webkit-linear-gradient(top, #86aecc 0%, #86aecc 100%);
    background: linear-gradient(to bottom, #86aecc 0%, #86aecc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86aecc', endColorstr='#86aecc', GradientType=0);

    padding: 0px;
    margin: 0px;
    height: 100%;
}

.cabecera {
    background-color: #ffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px;
    padding: 20px;
    background: #b8c6df;
    background: -moz-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
    background: -webkit-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
    background: linear-gradient(to bottom, #b8c6df 0%, #6d88b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0);
}

.registro {
    font-size: 42px;
    color: #fff;
}

.empresa {
    font-size: 50px;
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
}
.logom
{
    width:20%;
    padding:10px;
}

.cajatexto {
    padding: 10px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #000;
    font-size: 70px;
    text-align: center;
}

.button {
    font-family: Arial;
    color: #ffffff;
    font-size: 70px;
    padding: 20px;
    text-decoration: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    text-shadow: 1px 1px 3px #666666;
    border: solid #d91c71 2px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fc3f94), to(#fc0574));
    background: -moz-linear-gradient(top, #fc3f94, #fc0574);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fc3f94, endColorStr=#fc0574);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fc3f94, endColorStr=#fc0574);
    display: inline-block;
}

.button:hover {
    background: #e62097;
}

/* Media Query para dispositivos móviles */
@media (max-width: 768px) {
    .cabecera {
        margin: 0px;
        padding: 15px;
    }

    .logom
    {
        width:80%;
        padding:10px;
    }

    .registro {
        font-size: 32px;
        text-align: center;
    }

    .empresa {
        font-size: 26px;
        text-align: center;
    }

    .cajatexto {
        font-size: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        padding: 8px;
        text-align: center;
    }

    .button {
        font-size: 35px;
        padding: 15px;
    }

    html, body {
        padding: 0px;
    }
}