.ofercont{
width:100%;
background-color:#efefef;
display:inline-block;
padding-top:2em;
}

.ofercont .ofbllargo{
width:66%;
position:relative;
display:inline-block;
float:left;
background-color:#fff;
margin-bottom:1em;
z-index:1;
}

.ofercont .ofblcorto{
position:relative;
width:33%;
display:inline-block;
background-color:#fff;
margin-bottom:1em;
float:left;
z-index:1;
}

.ofblcorto.mleft,
.ofbllargo.mleft{
margin-left:1%;
}

.ofercont .ofblcorto img,
.ofercont .ofbllargo img{
min-height:26em;
max-height:26em;
}

.ofercont>.ofblcorto>p:hover,
.ofercont>.ofbllargo>p:hover{
cursor:pointer;
}

.ofbllargo > .resbt,
.ofblcorto > .resbt{
position:absolute;
z-index:3;
display:inline-block;
top:43%;
left:0;
width:100%;
text-align:center;
}

.ofbllargo > .resbt > a,
.ofblcorto > .resbt > a{
white-space:nowrap;
color:#000;
padding:0.5em 2.3em;
text-decoration:none;
text-transform:uppercase;
background-color:rgba(255,255,255,0.6);
font-weight:700;
font-size:1.1em;
}

.ofbllargo > .resbt > a:hover,
.ofblcorto > .resbt > a:hover{
background-color:#e8ff00;
}

.ofbllargo > p,
.ofblcorto > p{
position:absolute;
top:0;
left:0;
z-index:3;
display:none;
margin:0;
width:100%;
height:100%;
opacity:0.9;
padding:3.5em 2em;
background-color:rgba(255,255,255,0.8);
font-size:1.1em;
color:#000;
text-decoration:none;
text-align:justify;
line-height:1.5em;
}

.ofbllargo .pieban,
.ofblcorto .pieban{
position:relative;
display:inline-block;
font-size:1em;
width:100%;
padding-bottom:0.5em;
padding-top:0.5em;
}

.pieban .nhotel{
display:inline-block;
margin:0 0 0 1em;
font-weight:200;
text-transform:uppercase;
text-align:left;
position:absolute;
left:0;
bottom:0.5em;
/*max-width:50%;*/
max-width:70%;
}

.pieban .nhotel span:first-child{
font-weight:700;
font-size:1em;
}

.pieban .nhotel span:last-child{
font-weight:200;
font-size:0.85em;
}

.pieban .precio{
display:inline-block;
margin:0 2em 0 0;
font-weight:200;
float:right;
text-align:center;
font-size:0.9em;
min-width:5em;
}

.pieban .precio span{
clear:both;
display:block;
}

.pieban .precio span:nth-child(1){
text-transform:uppercase;
font-size:0.9em;
}

.pieban .precio span:nth-child(2){
font-weight:700;
font-size:2em;
position:relative;
padding-right:20%;
}

.pieban .precio span:nth-child(2) sup{
position:absolute;
/*top:0.4em;*/
top:-0.2em;
font-size:0.6em;
margin-left:0;
}

.pieban .precio span:nth-child(3){
font-size:0.9em;
}

.precio > span.nodato{
font-size:0.3em!important;
}

.precio > span > sup.nodatopor{
top:0.3em!important;
}