.logo-ini {
    width: 110px;
    border-radius: 10px;
    float: left;
}

.textocentrado {
    text-align: center;
    display: block;
}

.logintexto {
    top: 0px;
    bottom: 0px;
    border: 0px;
    margin: 0px;
}

.img-personalizado {
    height: 250px;
}

.card-personalizado {
    color: #000;
}

.card-personalizado:hover {
    color: #473ce7;
}

.carrito {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.textcenter2 {
    padding-top: 5%;
}

@media (max-width: 750px) {
    .textcenter2 {
        padding-top: 1%;
    }
}

.userlogo {
    /* width: 80px;*/
    height: 80px;
    border-radius: 10px;
}

.encabezado {
    width: 100%;
    margin: 10px;
    padding: 5px;
}

.encabezado-item2 {
    width: 33.33%;
    float: left;
}

.encabezado-item1 {
    width: 66.66%;
    float: left;
    font: normal 36px Cookie, cursive;
}

.imagencentrada {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.thumbnail {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.thumbnail>img {
    width: 100%;
}

.pd {
    padding: 10px;
}

.pd15 {
    padding-left: 15px;
    padding-right: 15px;
}

.sizex {
    font-size: 30px;
}

.texto-oculto {
    overflow: hidden;
}

.p_center {
    text-align: center;
}

.p_justificado {
    text-align: justify;
}

.grid-main {
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 0px;
}

.grid-total {
    grid-column: 1/-1;
    align-self: auto;
    justify-self: center;
    padding: 1%;
}

.grid-centrado {
    grid-column: 4/-4;
    align-self: auto;
    justify-self: center;
    padding: 1%;
}

.grid-contenido {
    grid-column: 1/9;
}

.grid-item1-2 {
    grid-column: 1/6;
    align-self: auto;
    justify-self: left;
    padding: 1%;
}

.grid-item2-2 {
    grid-column: 6/-1;
    align-self: auto;
    justify-self: right;
    padding: 1%;
}

.grid-item1-4 {
    grid-column: 1/4;
    align-self: center;
    justify-self: center;
    padding: 5%;
}

.grid-item2-4 {
    grid-column: 4/7;
    align-self: center;
    justify-self: center;
    padding: 5%;
}

.grid-item3-4 {
    grid-column: 7/10;
    align-self: center;
    justify-self: center;
    padding: 5%;
}

.grid-item4-4 {
    grid-column: 10/-1;
    align-self: center;
    justify-self: center;
    padding: 5%;
}

.grid-lateral {
    grid-column: 9/-1;
    align-self: center;
    justify-self: center;
    padding-left: 2%;
}

@media (max-width: 992px) {
    .grid-contenido {
        grid-column: 1/-1;
    }
    .grid-lateral {
        grid-column: 1/-1;
        align-self: center;
        justify-self: center;
        padding-left: 0%;
    }
}

@media (max-width: 900px) {
    .grid-item1-4 {
        grid-column: 1/6;
        align-self: center;
        justify-self: center;
        padding: 5%;
    }
    .grid-item2-4 {
        grid-column: 6/-1;
        align-self: center;
        justify-self: center;
        padding: 5%;
    }
    .grid-item3-4 {
        grid-column: 1/6;
        align-self: center;
        justify-self: center;
        padding: 5%;
    }
    .grid-item4-4 {
        grid-column: 6/-1;
        align-self: center;
        justify-self: center;
        padding: 5%;
    }
    .grid-centrado {
        grid-column: 3/-3;
        align-self: auto;
        justify-self: center;
        padding: 1%;
    }
}

@media (max-width: 550px) {
    .grid-item1-2 {
        grid-column: 1/-1;
        align-self: auto;
        justify-self: left;
        padding: 1%;
    }
    .grid-item2-2 {
        grid-column: 1/-1;
        align-self: auto;
        justify-self: center;
        padding: 1%;
    }
    .grid-centrado {
        grid-column: 2/-2;
        align-self: auto;
        justify-self: center;
        padding: 1%;
    }
}

@media (max-width: 400px) {
    .grid-item1-4 {
        grid-column: 1/-1;
        align-self: center;
        justify-self: center;
        padding: 5%;
    }
    .grid-item2-4 {
        grid-column: 1/-1;
        align-self: center;
        justify-self: center;
        padding: 5%;
    }
    .grid-item3-4 {
        grid-column: 1/-1;
        align-self: center;
        justify-self: center;
        padding: 5%;
    }
    .grid-item4-4 {
        grid-column: 1/-1;
        align-self: center;
        justify-self: center;
        padding: 5%;
    }
    .grid-centrado {
        grid-column: 1/-1;
        align-self: auto;
        justify-self: center;
        padding: 1%;
    }
}

.well {
    margin-top: 20px;
}

.date-range {
    margin: auto;
    text-align: center;
}

.date-range>div {
    display: inline-block;
    margin: 10px;
}

.p_right {
    text-align: right;
    margin-bottom: 0;
}

.is-selected {
    background-color: #286090;
    color: white;
}

.is-selected:hover {
    background-color: #204d74 !important;
}

.is-between {
    border-radius: 0 !important;
    background-color: #5599d4;
    color: white;
}

.is-between:hover {
    background-color: #204d74 !important;
}

.checkin-picker .active,
.checkout-picker .is-selected {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.checkout-picker .active,
.checkin-picker .is-selected {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.disabled {
    color: #d8d8d8 !important;
}

.form-control {
    height: auto;
}

.textojustificado {
    white-space: pre-line;
    text-align: justify;
}