/* --- Stylesheet 3184 () --------- */ 

#motive {
	position: relative;
	width: 100%;
	height: 480px;
	margin-top: 150px;
}

#motive .motiv {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
}


#motive .motiv .motiv_inner {
	position: relative;
}
#motive .motiv .name {
	color: #FFF;
	font-size: 55px;
	font-weight: 700;
	position: absolute;
	top: 150px;
	right: 50px;
	text-shadow: 2px 2px 4px #40474c;
	text-align: right;
}

#prev_slide {
	position: absolute;
	height: 62px;
	width: 34px;
	top: 45%;
	margin-top: -21px;
	left: 20px;
	background: url('//tramino.s3.amazonaws.com/s/boutiquehotel-gams/641558/arrow-left.png');
	opacity: 0.6;
	z-index: 10;
}

#next_slide {
	position: absolute;
	height: 62px;
	width: 34px;
	top: 45%;
	right: 20px;
	background: url('//tramino.s3.amazonaws.com/s/boutiquehotel-gams/641557/arrow-right.png');
	margin-top: -21px;
	opacity: 0.6;
	z-index: 10;
	cursor:pointer;
}

#prev_slide:active { margin-top: -19px; }
#next_slide:active { margin-top: -19px; }

/* --- Stylesheet 3535 () --------- */ 

@media all and (min-width: 1000px) and (max-width: 1230px) {
	#motive { height: 430px; }

	#motive .motiv .name { font-size: 50px; }
}

@media all and (min-width: 768px) and (max-width: 999px) {
	#motive { height: 350px; margin-top: 0px; }
	#motive .motiv .name { font-size: 40px; }
}

@media all and (min-width: 571px) and (max-width: 767px) {
	#motive { height: 268px; }
	#motive .motiv .name { font-size: 30px; }

}

@media all and (max-width: 570px) {
	#motive { height: 200px; margin-top: 0px;  }

	#motive .motiv .name {
		font-size: 25px;
		top: 60px;
		right: 30px;
		width: 240px;
		text-align: right;
	}
}