@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 981px) {

.hotelproductsframe{
	padding: 4rem 2% 4rem 7%;
	width: 92%;
	background-color: #fff;
	height:auto;
	float: left;
}

	.hotelproductscube{
		width: 25%;
		background-color: #FFF;
		border: 1px solid #eee;
		padding:2rem 2rem 1rem 2rem;
		text-align: center;
		line-height: 4rem;
		float: left;
		margin-left: 2rem;
		display: block;
		margin-top: 2rem;
	}	
	
	.hotelpname{
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	color: #333;
	margin-top: -1rem;
	}
	
	.hotelptittle{
		display: block;
		width: 90%;
		text-align: center;
		font-size: 2.2rem;
		margin-bottom: 4rem;
		margin-top: 2rem;
		line-height: 3rem;
		margin-left: 1rem;
		color: #333;
	}	
	
	.hotelarticle{
		display: block;
		width: 90%;
		color: #333;
	font-size: 1.6rem;
	line-height: 3rem;
	margin-left: 2rem;
	margin-right: 6rem;
	padding-bottom: 2rem;
	text-align: center;
	}	

.hotelproductscube:hover {
	color: #008cd6;
	background-color: #f9f9f9;
}
.hotelproductscube a:link {
	color: #333
}
.hotelproductscube a:visited {
	color: #333
}
.hotelproductscube a:active {
	color: #006595
}
.hotelproductscube:hover .hotelpname {
	color: #008cd6;
	background-color: #f9f9f9;
}	
.hotelproductscube a{text-decoration:none} 
}

@media screen and (max-width: 980px) {
.hotelproductsframe{
	padding: 5%;
	width: 90%;
	background-color: #fff;
	height:auto;
	float: left;
	display: block;
	background-color: #fff;
}

	.hotelproductscube{
		width: 40%;
		background-color: #e9eff2;
		border: 1px solid #eee;
		padding:3rem 2rem 1rem 2rem;
		text-align: center;
		line-height: 4rem;
		float: left;
		display: block;
		margin-top: 2rem;
		margin-left: 2rem;
	}	
	
	.hotelpname{
	width: 100%;
	text-align: center;
	font-size: 3.2rem;
	color: #333;
	margin-top: 0.5rem;
			max-height: 1000rem;
		padding-bottom: 2rem;
	}
	
	.hotelptittle{
		display: block;
		width: 100%;
		font-size: 4.8rem;
		margin-bottom: 4rem;
		margin-top: 2rem;
		line-height: 8rem;
		color: #333;
		max-height: 1000rem;
	}	
	
	.hotelarticle{
	margin-bottom: 4rem;
	float: left;
	font-size: 4rem;
	line-height: 6rem;
	color: #333;
	width:98%;
	max-height: 1000rem;
	}	

.hotelproductscube:hover {
	color: #008cd6;
	background-color: #f9f9f9;
}
.hotelproductscube a:link {
	color: #333
}
.hotelproductscube a:visited {
	color: #333
}
.hotelproductscube a:active {
	color: #006595
}
.hotelproductscube:hover .hotelpname {
	color: #008cd6;
	background-color: #f9f9f9;
}	
.hotelproductscube a{text-decoration:none} 	
	
}