body{
	margin:0px;
	padding:0px;
}

h2{font-size:120%;}

.fa{color:black;}

#sentinel{
	width:1200px;
}
#logosmall{
	position:absolute;
	top:1px;
	left:1px;
	z-index:10003; 
	display:none
}
#themenu{
	margin:0px;
	list-style-type:none;
	padding:0px;
	margin-left:40px;
}
#themenu li{
	float:left;
	margin-left:30px;
}
#themenu li a,
#themenu li div
{
	color:#000;
	/*text-shadow: 1px 1px #E5DF9E;*/
	text-shadow:none;
	text-decoration:none
}
#themenu li:first-child{
	margin-left:0px;
}
#menucontainer{
	width:820px;
	margin:0px 0 0 calc( 50% - 355px );
}
#logo{
	position:absolute;
	top:0px;
	left:calc(50% - 590px);
	z-index:202;
	top:0px
}



#menuicon .langs
{
	display: inline-block;
	margin:0;
	padding:0;
	
}
#menuicon .langs a
{
	display:inline-block;
	position:relative;
	top:-4px;
	font-size:12px;
	width:24px;
	height:24px;
	line-height:24px;
	
	margin:0 10px 0 0 ;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	
	
	text-align:center;
	text-decoration:none;
	background-color:#ccc;
}
#menuicon .langs a.sel
{
	display:none;
}
#menuicon .langs a:last-child
{
	margin-right:0;
}

.content{
	font-family: 'Lora', serif;
	font-size:14px;
	line-height:24px;
}     
#actualcontent{
	width:1180px;
	margin:0px auto;
	/*background-color:yellow*/
}
#menuicon{
	position:fixed;
	top:7px;
	right:77px;
	display:none;
	z-index:10005;
	font-size:24px;
	color:white;
	cursor:pointer;
}
#menuicon a{
	color:black;
}
#header{
	padding:20px 0px;
	font-variant:small-caps;
	text-shadow:1px 1px #000000;
	color:white;
	/*background-color: rgba(221, 196, 20, 0.8);*/
 	/*background-color:#D4C15B;*/
 	background-color:#fff;
	font-size:20px;
	font-family: 'Lora', serif;
	font-weight:700;	
	width:100%;
  	box-shadow: 0px 1px 13px #000000;
	position:fixed;
	top:0px;
	left:0px;
	z-index:200;
}

#address{
	margin:0px auto;
	font: normal 13px 'Lora';
}

#footer{
	width:100%;
	padding:10px 0px;
	
	/*background-color: #131313;
	color: #CACACA;*/
	
	/*background-color: #131313;*/
	color: #131313;
	
	text-shadow:none;
  	/*box-shadow: 0px -1px 13px #000000;*/
	box-shadow: 0 1px 10px 0px #AEAEAE;
	border-top: 1px solid #BBB;
}

a,
#footer a{
	color:#C51338;
}

#actual{
	background-color:rgba(255,255,255,1);
	width:100%;
}

#logoapt{
	float:left;
	margin-right:20px;
}

#hotelname{
	font: bold 16px 'Lora';
	text-align:center;
}

#hoteladdress{
	padding-top:5px;
	text-align:center;
}


#mobilemenu{
	/*display:none;
	margin-top:-15px;
	height:0;
	
	background-color:red;
	*/
	
	display:block;
	overflow:hidden;
	height:0;
	padding:0;
	margin:0;
			
	-moz-transition:    all 200ms cubic-bezier(0.08, 0.53, 0.36, 1) 100ms ;
	-webkit-transition: all 200ms cubic-bezier(0.08, 0.53, 0.36, 1) 100ms ;
	-o-transition:      all 200ms cubic-bezier(0.08, 0.53, 0.36, 1) 100ms ;
	transition:         all 200ms cubic-bezier(0.08, 0.53, 0.36, 1) 100ms ;
	
}

#mobilemenu.active
{
	margin-top: 18px;
	/* HEIGHT IS JS CALCULATED !! */
}


.mobileitem{
/*	margin:0px 0px 11px 300px;
	cursor:pointer;*/
	
	margin: 10px 0px 5px 0;
	cursor: pointer;
	font-size: 1.5em;
	font-weight:normal;
	color: #000;
	text-shadow: none;
	text-align: center;
	border-bottom: 1px solid #F4F4F4;
}

.mobileitem a{
	color:#000;
	text-decoration:none;
}

#logomobile
{
	display:none;
	position: absolute;
	top: 0;
	left: 0;
}

.roomimages{
	float:left;
	width:360px;
	border:1px solid #f0f0f0;
	margin: 0px 5px 0px 5px;
	padding:4px;
	cursor:pointer;
}

.galimages{
	float:left;
	width:360px;
	border:1px solid #f0f0f0;
	margin:5px;
	padding:4px;
	cursor:pointer;
}


@media (max-width: 1199px)
{
	
	#actualcontent{
		width:100%;
	}
}


@media (min-width: 980px) and (max-width: 1199px) {
	.roomimages{
		width:270px;
	}
	.galimages{
		width:270px;
	}
	#sentinel{
		width:920px;
	}
	#logo{
		left:0px;
	}
	#menucontainer{
		margin:0px 0px 0px 220px;
		/*width:750px*/
	}
	#themenu li{margin-left:20px;}
	
	.contentcenter{
		width:100%;
		
	}
	.contentleft{
		width:50%;
	}	
	.contentright{
		width:50%
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.roomimages{
		width:30%;
	}
	.galimages{
		width:30%;
	}
	#sentinel{
		width:768px;
	}
	
	#menucontainer{
		margin:0px 0px 0px 235px;
		/*width:560px*/
		width:600px
	}
	
	#themenu{
		font-size:18px;
		margin-left:25px;
	}
	
	#themenu li{
		margin-left:10px;
	}
	
	#logo{
		left:0px;
		
	}
	#address{
		width:750px;
		margin:0px auto;
	}
	/*#actualcontent{
		width:100%;
	}*/
	.contentcenter{
		float:none;
		width:100%;
	}
	.contentleft{
		width:50%;
	}	
	.contentright{
		width:50%;
	}
	
	
}

@media (max-width:945px) 
{
	#themenu{
		font-size:16px;
	}
}

/*@media (max-width: 767px) */
@media (max-width: 860px)
{
	#sentinel{
		width:767px;
	}
	
	.roomimages{
		width:90%;
		float:none;
		margin:5px auto 5px auto;
	}
	
	.galimages{
		width:90%;
		float:none;
		margin:5px auto 5px auto;
	}
	
	#header{
		font-size:16px;
	}
	#menucontainer{
		display:none;
	}
	#logo{
		display:none;
		left:0px;
		top:0px;
	}
	#logomobile{display:block;}
	#menuicon{
		display:block;
	}
	#address{
		width:480px;
		margin:0px auto;
	}
	/*#actualcontent{
		width:100%;
	}*/
	.contentcenter{
		float:none;
		width:100%;
	}
	.contentleft{
		width:100%;
		float:none; 
	}	
	.contentright{
		width:100%;
		float:none;
	}
	#actual{
		top:70%;
		bottom:auto;
		background-color:rgba(255,255,255,1);
	}
	#footer{
		position:static;
	}	
	
}

@media (max-width: 585px) {
	
	#sentinel{
		width:480px;
	}
	#address{
		width:100%;
		margin:0px auto;
	}
	#contentleft{
		float:none;
	}
	
	#contentright{
		float:none;
	}
	
	.galimages{
		width:90%;
		float:none;
		margin:5px auto 5px auto;
	}
	.logoitself{
		width: 93px;
	}
	
	#logomobile
	{
		width:185px;
		overflow:hidden;
	}
	
}

@media (max-width: 320px)
{
	#logomobile
	{
		margin-top:8px;
		width:125px;
		overflow:hidden;
	}
	#logomobile img
	{
		width:215px;
	}
	
}


#simplemodal-overlay {background-color:#000;}

.feathertext{
	font-family: 'Lora', serif;
	font-size:14px;
	line-height:24px;
	color:#444444;
	padding:10px;
}

.feathertext ul li a{
	color: #444444;
}