html {
/*    background: #e6e9e9;*/
    background: #6f410d;

    /*background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);*/
   /* background-image: url("imagenes/body.png");*/
    /* Imagen de fondo de pagina */
    -webkit-font-smoothing: antialiased;
}

#layout {

    background-image: url(../imagenes/layout.png);
    /* Imagen de Encabezado */
}

#eslogan {

    background: url(../imagenes/barra_inferior.jpg) no-repeat;

    font-family: "Times New Roman", Times, serif;

    color: #FFF;

    text-align: center;

    font-style: italic;

    font-size: 17px;

    font-weight: bold;

    width: 866px;

    height: 66px;

    padding-top: 2px;

}

#salir {

    margin-top: 0px;

    margin-right:auto;

    width: 100px;

    height: 27px;

    color: #F60;

    font-family: "Times New Roman", Times, serif;

    text-align: left;

    text-decoration: none;

    font-size: 17px;

    font-style: italic;

    font-weight: bold;

    padding-top: 10px;

    padding-left: 50px;

    float:right;

}



body {
    /*background: #fff;*/
    
    background-image: url("imagenes/confectionary.png");
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: justify;
    color: #2f1c06;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 866px;
    /* padding: 2em 2em 4em;*/
    padding: 0em 1em 4em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    font-weight: 600;
    line-height: 1.3;
}

h2 {
    margin-top: 1.3em;
}

a {
    color: #0083e8;
}

b,
strong {
    font-weight: 600;
}

samp {
    display: none;
}

img {
    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    background: transparent;
    border: 10px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    display: block;
    margin: 1.3em auto;
    max-width: 95%;
}

@keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}


/* BOTONES */

.button {
    /* clase general */
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #555;
    display: inline-block;
    font: bold 12px/12px HelveticaNeue, Arial;
    padding: 8px 11px;
    text-decoration: none;
}

.button.white {
    background: #f5f5f5;
    border-color: #dedede #d8d8d8 #d3d3d3;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    color: #555;
    text-shadow: 0 1px 0 #fff;
    background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
    background: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background: o-linear-gradient(top, #f9f9f9, #f0f0f0);
    background: ms-linear-gradient(top, #f9f9f9, #f0f0f0);
    background: linear-gradient(top, #f9f9f9, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}

.button.white:hover {
    background: #f4f4f4;
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #fdfdfd;
    background: -moz-linear-gradient(top, #efefef, #f8f8f8);
    background: -webkit-linear-gradient(top, #efefef, #f8f8f8);
    background: -o-linear-gradient(top, #efefef, #f8f8f8);
    background: -ms-linear-gradient(top, #efefef, #f8f8f8);
    background: linear-gradient(top, #efefef, #f8f8f8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}


.button.verde {
    background: #f5f5f5;
    border-color: #dedede #d8d8d8 #d3d3d3;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    color: #ffffff;
    /*text-shadow: 0 1px 0 #fff;*/
    text-shadow: 0 1px 0 #3c3c3c;
    
    background: -moz-linear-gradient(top, #56ef42, #056705);
    background: -webkit-linear-gradient(top, #56ef42, #056705);
    background: o-linear-gradient(top, #56ef42, #056705);
    background: ms-linear-gradient(top, #56ef42, #056705);
    background: linear-gradient(top, #56ef42, #056705);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ef42', endColorstr='#056705');
}

.button.verde:hover {
    background: #f4f4f4;
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #3c3c3c;
    background: -moz-linear-gradient(top, #056705, #56ef42);
    background: -webkit-linear-gradient(top, #056705, #56ef42);
    background: -o-linear-gradient(top, #056705, #56ef42);
    background: -ms-linear-gradient(top, #056705, #56ef42);
    background: linear-gradient(top, #056705, #56ef42);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#056705', endColorstr='#56ef42');
}