body {
    background-image: url('../images/fondo_verde.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.caja_horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.caja_vertical {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.texto_blanco {
    color: #ffffff;
}

.fondo_negro {
    background-color: #ffffff;
}

.fondo_negro_tranparente {
    color: #ffffff;
    background-color: rgba(0,0,0,0.6);
}

.carousel-indicators {
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.fondo_negro_tranparente p {
    text-align: justify;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.carousel-caption {
    position: absolute;
    right: 5%;
    bottom: -10px;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.titulo_caption {
    font-size: x-large;
}

.mas_informacion {
    color: white;
    background-image: url('../images/fondo_madera.png');
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

.justificado {
    text-align: justify;
}

@media (max-width: 400px) {
    .fondo_negro_tranparente p {
        display: none;
    }

    .titulo_caption {
        font-size: small;
    }

    .carousel-caption {
        display: none;
    }
    /* .logo img {
        width: 200%;
        height: 200%; */
        /*position: relative;*/
        /*margin-left: -5px;*/
        /*margin: 0 auto;*/
        /* top: 0px; */
        /*z-index: 1;*/
        /* text-align: center;
    } */    

    .logo {
        display: none;
    }
}

.container {
    background-image: url('../images/fondo_cafe.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


.fecha {
    color: white;
    background-image: url('../images/fondo_madera.png');
    background-color: rgb(0, 0, 0);
    width: 80px; /*ancho 75px*/
    height: 100px; /*alto 75px*/
    position: absolute;
    top: 36px;
    left: 254px;
}

    .fecha .dias {
        font-size: 27px;
    }

    .fecha .dia {
        font-size: 37px;
    }

    .fecha .mes {
        font-size: 15px;
    }
     .fecha .lugar {
        font-size: 15px;
    }
  

.ilustracion {
    width: 100%;
    height: 100%;
}

    .ilustracion img {
        width: 100%;
        height: 100%;
        /*width: 268px; height: 268px;*/
    }

.font_tektrron {
    font-family: 'TER_____';
    font-weight: normal;
}

.font_montserrat-semibold {
    font-family: 'Montserrat-SemiBold';
    font-weight: normal;
}

@font-face {
    font-family: 'TER_____';
    src: url('../fonts/TER_____.TTF') format('truetype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}


.btn-default {
    background-image: url('../images/fondo_madera.png');
    color: white;
}

.enalce {
    text-decoration: none;
}

.texto_blanco h3 {
    /*font-family: 'TER_____';*/
    font-family: 'Montserrat-SemiBold';
    font-weight: normal;
    text-align: left;
}

.text_center {
text-align: center;
}

.pie {
    background-color: black;
    color: #ffffff;
    font-size: small;
    }

.pie p {
    margin-top:0; 
    margin-bottom:0;
}    

.container-logo {
    margin-top: -80px;
    /* text-align: center;   */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* .logo {
    width: 15%;
    height: 15%;
    margin: 0 auto;
    /*position: absolute;*/
  /*  position: relative;
    top: 50px;
    z-index: 1;
} */

.logo {
    width: 15%;
    height: 15%;
    text-align: center;
    position: relative;
    top: 50px;
    z-index: 1;
}  

footer {
   margin: 0 auto;
}