/* CSS Document */

body{background-color:#2f2f2f;

	margin:0px 0 0 0;

	padding:0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	}

.link{ font-weight:bold;}

.link:hover{ font-weight:bold; text-decoration:underline;}

.ROUND_MATCH{background:url(../jpg/round_match.jpg) no-repeat left top;

	height:243px;

	padding:15px 5px 5px 5px;

	border-right:#666666 dotted 1px;

	}

.shape{background:url(../jpg/shape.jpg) no-repeat right top;

	height:243px;

	padding:15px 5px 5px 5px;

	}

.topmenu{height:122px;

	}

.whitetext{color:#ffffff;

	text-align:justify}

	

.input{border:#e1a30f solid 1px;

	background-color:#2f2f2f;

	width:200px;

	color:#FFCC00;

	font-size:10px;

	}

.footer{color:#818181;

	}

.footer a{color:#818181;

	text-decoration:none;

	}

.footer a:hover{color:#ffffff;

	text-decoration:none;

	}

.title{ font-family:georgia; font-weight:bold; font-size:20px; color:#A2BA42;}

.linkmore{color:#E1A30F; font-weight:bold;}

.linkmore:hover{ text-decoration:none;}

.header{color:#E1A30F; font-weight:bold; font-size:14px;}

.text{ color:#333333;}
.packhead{background-color:#E1A310; color:#FFFFFF; font-size:14px; padding:4px; font-weight:bold; border:1px solid white;}
.packsubhead{background-color:#D7611B; color:#FFFFFF; font-size:14px; padding:4px; font-weight:bold; border:1px solid white;}
.row1{background-color:#545454; color:#FFFFFF; padding:4px;}
.row2{background-color:#666; color:#FFFFFF; padding:4px;}



.hotel-hero{
	background:url(../jpg/bg.jpg) no-repeat left top #1f1f1f;
	width:424px;
	height:388px;
	position:relative;
	overflow:hidden;
}

.hotel-hero-inner{
	position:absolute;
	left:28px;
	bottom:32px;
	width:335px;
	padding:16px 18px;
	background:#2f2f2f;
	border-top:3px solid #E1A30F;
	color:#FFFFFF;
}

.hotel-hero h1{
	margin:0 0 7px 0;
	font-family:Georgia, "Times New Roman", serif;
	font-size:25px;
	font-weight:bold;
	color:#A2BA42;
	line-height:29px;
}

.hotel-hero p{
	margin:0 0 8px 0;
	font-size:13px;
	color:#FFFFFF;
}

.hotel-hero span{
	color:#E1A30F;
	font-size:11px;
	font-weight:bold;
}

.topmenu a.active img,
.topmenu a:hover img{
	filter:brightness(1.12);
}

.form-notice{
	margin:8px 0 0 0;
	padding:7px 9px;
	background:#545454;
	border:1px solid #E1A30F;
	color:#FFFFFF;
	line-height:15px;
}

.form-notice a{color:#FFCC00;}

.simple-lightbox{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.82);
	z-index:9999;
	text-align:center;
}

.simple-lightbox-open{display:block;}

.simple-lightbox img{
	max-width:86%;
	max-height:82%;
	margin-top:55px;
	border:5px solid #FFFFFF;
	background:#FFFFFF;
}

.simple-lightbox-close{
	position:absolute;
	right:24px;
	top:20px;
	padding:5px 12px;
	border:1px solid #E1A30F;
	background:#2f2f2f;
	color:#FFCC00;
	font:11px Arial, Helvetica, sans-serif;
	cursor:pointer;
}

#imgclass img{
	margin:0 4px 7px 0;
}

@media screen and (max-width: 1000px){
	body{min-width:0;}
	table[width="988"]{
		width:100% !important;
		max-width:988px;
	}
	.eZeereservations{
		width:100% !important;
	}
	img{
		max-width:100%;
		height:auto;
	}
	.hotel-hero{
		width:100%;
		max-width:424px;
	}
}

@media screen and (max-width: 720px){
	table[width="988"],
	table[width="988"] tbody,
	table[width="988"] tr,
	table[width="988"] td{
		display:block;
		width:100% !important;
		box-sizing:border-box;
	}
	.topmenu{height:auto; padding:8px 0;}
	.topmenu table,
	.topmenu tbody,
	.topmenu tr,
	.topmenu td{
		display:inline-block;
		width:auto !important;
	}
	.ROUND_MATCH,
	.shape{
		height:auto;
		background-color:#2f2f2f;
		background-repeat:repeat-y;
		border-right:0;
	}
	.hotel-hero{
		max-width:none;
		height:260px;
	}
	.hotel-hero-inner{
		left:15px;
		right:15px;
		bottom:18px;
		width:auto;
	}
	.eZeereservations{
		height:auto !important;
		padding:8px 0;
		overflow:hidden;
	}
	.eZeereservations .heading{display:none;}
	.checkin,
	.checkout,
	.eZeereservations .btn{
		width:auto !important;
		margin:5px 8px !important;
	}
}