@font-face {
    font-family: 'OneSt';
    src: url('OneStrokeScriptLetPlain.woff2') format('woff2'), url('OneStrokeScriptLetPlain.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



Body, A, Table, Tr, Td, P {
    font-family: 'OneSt', Arial Narrow, Arial;
    font-size: 16pt;
    color: #613E25;
}

Body {
//background-image: url(a.img/Fondo.jpg);
//background-attachment: fixed;
//background-position: top center;
background-color: white;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

A {
    text-decoration: underline;
    color: #913E25;
}
a:hover {color:#9966AA;}

.Encabeza {
    /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#fff4cb+34,ffe1fc+77 */
    background: radial-gradient(ellipse at center, #fff4cb 34%,#ffe1fc 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.UnProducto {
    vertical-align: top;
    display: inline-block;
    width: 350px;
    height: 350px;
    border-radius: 10px;
    padding: 0px;
    text-align: center;
    margin: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;

    border: 3px solid rgba(255,255,255,0.5);
    -webkit-transition: border-color 1s ease;
    -moz-transition: border-color 1s ease;
    -o-transition: border-color 1s ease;
    -ms-transition: border-color 1s ease;
    transition: border-color 1s ease;
}

    .UnProducto:hover {
        border-color: rgba(240,208,209,0.5);
    }



    .OpcionesTitulo {
    color: #FF61C0;
    font-size: 25pt;
}

.Preguntas {
    color: #EF51B0;
}


.textboxes {
    padding: 3px;
    font-size: 14px;
    border-width: 2px;
    border-color: #f2b5e5;
    background-color: #FFFFFF;
    color: #5a4040;
    border-style: solid;
    border-radius: 6px;
}

    .textboxes:focus {
        outline: none;
    }


.Boton {
    box-shadow: inset 0px 1px 0px 0px #fbafe3;
    background: linear-gradient(to bottom, #f095c5 5%, #a80d60 100%);
    background-color: #f095c5;
    border-radius: 11px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 40px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #c70067;
}

    .Boton:hover {
        background: linear-gradient(to bottom, #a80d60 5%, #f095c5 100%);
        background-color: #a80d60;
    }

    .Boton:active {
        position: relative;
        top: 1px;
    }





.DivFooter {
    font-size: 13pt;
    width: 250px;
    min-height: 245px;
    display: inline-block;
    vertical-align: top;
    color: #613E25;
    padding: 10px 10px 10px 10px;
    text-align: left;
    line-height: 16pt;
    background: rgba(0,0,0,0.0);
}

    .DivFooter a, .DivFooter p {
        font-size: 12pt;
        color: #613E25;
    }

        .DivFooter a:hover {
            font-size: 12pt;
            color: #fff;
        }

.YouTube {
    width: 560px;
    height: 315px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px
}


.arroba {font-family:Arial;font-size:15px;}