/* PROMO */
#promo {
	background-image: url(../img/promo-habitaciones-listado.jpg);
}

/* CONTENT */
#habList .intro {
	float:left;
}
#habList .intro .texto {
	width: 48%;
    float: left;
    padding-right: 4%;
    border-right: solid 1px #e1e1e1;
}
#habList .intro .iconos {
	width: 44%;
    float: right;
    height: 100%;
	position:relative;
}
#habList .intro .iconos img {
	border:solid 1px #E1E1E1;
	margin:0 8px 8px 0;
	padding:9px;
}
#habList .intro .iconos span {
	display:none;
	background-color: #837A71;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 5px 15px 7px;
	position: absolute;
	left: 0;
	top: -40px;
}
#habList .intro .iconos span img {
	position: absolute;
    padding: 0;
    border: none;
    margin: 0;
    bottom: -7px;
}

#habList .roomBox {
	float:left;
	margin-top:50px;
	width:100%;
}
#habList .roomBox div {
	float:left;
	margin:0 4% 30px 0;
	position:relative;
	width:48%;
}
#habList .roomBox div:nth-child(2n+2) {
	margin-right:0;
}
#habList .roomBox div a {
	height:100%;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:1;
}
#habList .roomBox div a:hover {
	background-color: rgba(255,255,255,.1);
}
#habList .roomBox div img {
	height:auto;
	margin-bottom:15px;
	width:100%;
}
#habList .roomBox div .texto {
    float: none;
    margin: 0;
	width: 100%;
}

@media screen and (max-width: 480px) {
	#habList .intro .texto {
		border:none;
		padding-right:0;
		width:100%;
	}
	#habList .intro .iconos {
		width:100%;
	}
	#habList .intro .iconos span {
		display:none;
	}
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 999px) {
}
@media screen and (max-width: 1365px) {
}
@media screen and (min-width:481px) and (max-width: 720px) {
}
@media screen and (min-width:721px) and (max-width: 999px) {
}
@media screen and (min-width:721px) and (max-width: 1365px) {
}