.div_imagen{
    width: 100%;
    display: block;
    float: left;
    height: 520px;
    border:1px solid #cbcbcb;
    border-radius: 5px 5px 0 0; 
    padding: 0px;
    background-color: #fff;
}
.zoom{
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: 300px;
    background-size: 100% 100%;
}
.img-contenedor img {
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
}
.img-contenedor:hover img {
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
}
.img-contenedor {/*Ancho y altura son modificables al requerimiento de cada uno*/
    width:100%;
    height:300px;
    overflow:hidden;
}
.icono{
    color:cornflowerblue;
}
.periodo{
    font-size: 1.2em;
}
p{
    margin: 0px;
}
.btn-more{
    border:2px solid #2bbbd8;
    padding: 10px;
    font-size: 1.0em;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 20px;
    background-color:#fff;
    transition: linear .2s;
}
.btn-more:hover{
    background-color: #2bbbd8;
    color:#fff;
}
.wpte-currency-code{
    font-size: 1.0em;
    font-weight: 700;
}
.div_tipo{
    width: 100%;
    display: inline-block;
    float: left;
    padding-bottom: 20px;
}
@media (min-width:768px) {
    body {
        height: auto;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #fff;
        width: 100%;
    }
    .div_imagen:hover{
        -webkit-box-shadow: 3px 4px 10px 3px rgba(176,176,176,1);
        -moz-box-shadow: 3px 4px 10px 3px rgba(176,176,176,1);
        box-shadow: 3px 4px 10px 3px rgba(176,176,176,1);
    }
    .contenedor{
        display:inline-block;
        position:relative;
        padding-bottom: 40px;
        text-align: center;
        padding-bottom:50px;
    }
    .lugar{
        width: 100%;
        float: left;
        display: block;
        border:0px solid #ff0303;
        padding: 10px;
        height: 490px;
    }
    .columna{
        float: left;
        width: 33%;
        display: block;
        padding-left: 20px;
    }
    .precio{
        background-color: #3186c6;
        border-radius: 0 20px 20px 0;
        bottom: -6px;
        content: "";
        height: 40px;
        padding-left: 10px;
        position:absolute;
        width: 135px;
        z-index: 999;
        top: 250px;
        color:#fff;
        padding: 10px 20px;
        vertical-align: middle;
        font-size:16px;
        font-weight: 700;
        border:1px solid #fff;
    }
    .precio_all{
        background-color: #3186c6;
        border-radius: 0 20px 20px 0;
        bottom: -6px;
        content: "";
        height: 40px;
        padding-left: 10px;
        position:absolute;
        width: 135px;
        z-index: 999;
        top: 250px;
        color:#fff;
        padding: 10px 20px;
        vertical-align: middle;
        font-size:16px;
        font-weight: 700;
        border:1px solid #fff;
    }
    .agotado_all{
        background-color: #f6260a;
        border-radius: 0 20px 20px 0;
        bottom: -6px;
        content: "";
        height: 40px;
        padding-left: 10px;
        position:absolute;
        width: 135px;
        z-index: 999;
        top: 250px;
        color:#fff;
        padding: 10px 20px;
        vertical-align: middle;
        font-size:20px;
        font-weight: 700;
    }
    .lug_disp{
        width:auto;
        position:absolute;
        background-color: red;
        color: #fff;
        height: 30px;
        padding: 5px;
        padding-right: 10px;
        border-radius: 0 15px 15px 0;
    }
    .btn-holder{
        padding-top: 30px;
        text-align: center;
        padding-bottom: 0px;
        vertical-align: middle;
    }
    .text-lugar {
        text-align: center;
        font-weight: 700;
        font-size: 1.2em;
        padding: 5px;
        color:#000;
        transition: color .5s;
        height: 15px;
    }
    .text-lugar:hover {
        color:#2bbbd8;
        cursor:pointer;
    }
    .div_table{
        padding-top: 5px;
        padding-left: 30px;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 5px;
    }
}
@media (max-width:768px){
    body {
        height: auto;
        margin: 0;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #fff;
        left: 0%;
    }
    .div_imagen{
        width: 100%;
        display: block;
        float: left;
        height: 520px;
        border:1px solid #c2c2c2;
        border-radius: 5px 5px 0 0; 
        padding: 0px;
        background-color: #fff;
    }
    .contenedor{
        width: 98%;
        display: block;
        /*position:absolute;*/
        padding-bottom: 40px;
        text-align: center;
        left: 1%;
        float:left;
        padding-bottom:00px;
    }
    .columna{
        float: left;
        width: 90%;
        display: block;
        margin-left:5%;
        padding-bottom: 30px;
    }
    .lugar{
        width: 100%;
        float: left;
        display: block;
        border:0px solid #ff0303;
        padding: 00px;
        height: 530px;
        margin-top:30px;
    }
    .precio{
        background-color: #3186c6;
        border-radius: 0 20px 20px 0;
        bottom: -6px;
        content: "";
        height: 45px;
        left:  -130px;
        position: relative;
        width: 125px;
        z-index: 999;
        top:-70px;
        color:#fff;
        padding: 10px 20px;
        vertical-align: middle;
        font-size: 1.3em;/*16px;*/
        font-weight: 700;
        border:1px solid #fff;
    }
    .precio_all{
        background-color: #3186c6;
        border-radius: 0 20px 20px 0;
        bottom: -6px;
        content: "";
        height: 45px;
        left:  -100px;
        position: relative;
        width: 125px;
        z-index: 999;
        top:-70px;
        color:#fff;
        padding: 10px 20px;
        vertical-align: middle;
        font-size: 1.3em;/*16px;*/
        font-weight: 700;
        border:1px solid #fff;
    }
    .lug_disp{
        width:auto;
        position:relative;
        background-color: red;
        color: #fff;
        height: 30px;
        padding: 5px;
        top:-30px;
        padding-right: 10px;
        text-align: center;
        border-radius: 15px 15px 15px 15px;
    }
    .btn-holder{
        padding-top: 25px;
        text-align: center;
        padding-bottom: 30px;
    }
    .text-lugar {
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        padding: 0px;
        color:#000;
        transition: color .5s;
        height: 15px;
    }
    .text-lugar:hover {
        color:#2bbbd8;
        cursor:pointer;
    }
    .div_table{
        padding-top: 15px;
        padding-left: 30px;
        border-bottom: 1px solid #c2c2c2;
        padding-bottom: 5px;
    }
}