html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, address, em, img, strong, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td, input{
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
	font-family: 'agora_regular', Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	background-color: #1d1814;
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
}
@font-face {
    font-family: 'agora_medium';
    src: url('pfagorasanspro-medium-webfont.eot');
    src: url('pfagorasanspro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfagorasanspro-medium-webfont.woff') format('woff'),
         url('pfagorasanspro-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'agora_light';
    src: url('pfagorasanspro-light-webfont.eot');
    src: url('pfagorasanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfagorasanspro-light-webfont.woff') format('woff'),
         url('pfagorasanspro-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'agora_regular';
    src: url('pfagorasanspro-regular-webfont.eot');
    src: url('pfagorasanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfagorasanspro-regular-webfont.woff') format('woff'),
         url('pfagorasanspro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Book';
    src: url('BOOKOS.eot');
    src: url('BOOKOS.eot?#iefix') format('embedded-opentype'),
    	 url('BOOKOS.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@media(max-width: 2000px) {
	body, html {
		font: 400 20px/22px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 1700px) {
	body, html {
		font: 400 18px/20px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 1580px) {
	body, html {
		font: 400 16px/18px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 1480px) {
	body, html {
		font: 400 15px/18px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 1400px) {
	body, html {
		font: 400 14px/18px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 1300px) {
	body, html {
		font: 400 13px/18px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 1024px) {
	body, html {
		font: 400 13px/18px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 780px) {
	body, html {
		font: 400 13px/16px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 650px) {
	body, html {
		font: 400 11px/16px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media(max-width: 400px) {
	body, html {
		font: 400 10px/12px 'agora_regular', Arial, Helvetica, sans-serif;
	}
}
@media screen and (orientation: portrait) {
	#menu {
		width: 30% !important;
	}
	#menu h1	{
		height: 8% !important;
		padding: 12% 0 0% 0 !important;
	}
	#langs {
		background: #53463d !important;
		height: 2.5% !important;
		left: 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	
	
	
	
	
	.content {
		height: 30% !important;
		width: 40% !important;
	}
	.content.contact  {
		height: 40% !important;
		width: 50% !important;
	}
	h1.head	{
		height: 2% !important;
	}
	#home_photos:hover {
		max-height: 57% !important;
	}
	#home_photos h1 {
		font: 1.2em/1.8em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
	#footer {
		left: 30% !important;
	}
	
	#social {
		bottom: 2.4% !important;
	}
	#search	{
		height: 2.8% !important;
	}
	#awards	{
		bottom: 10% !important;
		padding: 0px 0px 0px 13% !important;
		right: -33% !important;
		width: 30% !important;
	}
	#awards:hover	{
		right: 0% !important;
	}
	.nomob	{
		display: none;
	}
}
@media screen and (orientation: portrait) and (max-width: 990px) {
	body, html {
		font: 400 18px/20px 'agora_regular', Arial, Helvetica, sans-serif;
	}
	#menu h1	{
		height: 8% !important;
		padding: 12% 0 0% 0 !important;
	}
	.fcbk {
		min-height: 5% !important;
	}
	.content {
		height: 100% !important;
		width: 60% !important;
	}
	.content.contact  {
		height: 100% !important;
		width: 69% !important;
	}
	#home_photos h1 {
		font: 1.2em/2em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
}
@media screen and (orientation: portrait) and (max-width: 760px) {
	body, html {
		font: 400 15px/26px 'agora_regular', Arial, Helvetica, sans-serif;
	}
	#langs {
		height: 3.5% !important;
	}
	#menu h1	{
		height: 12% !important;
		padding: 10% 0 0% 0 !important;
	}
	.content {
		height: 100% !important;
		width: 60% !important;
	}
	.content.contact  {
		height: 100% !important;
		width: 68% !important;
	}
	.content iframe#mapframe, .content .canvas {
		width: 270px !important;
	}
	h1.head	{
		height: 3% !important;
	};
	
	#home_photos:hover {
		max-height: 62% !important;
	}
	#home_photos h1 {
		font: 1.2em/1.2em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
	#banner a	{
		font: 1.4em/1.1em 'agora_light', Arial, Helvetica, sans-serif !important;
	}
	.small-nomob	{
		display: none !important;
	}
	
}
@media screen and (orientation: portrait) and (max-width: 400px) {
	body, html {
		font: 400 12px/20px 'agora_regular', Arial, Helvetica, sans-serif;
	}
	#menu h1	{
		height: 12% !important;
		padding: 5% 0 1% 0 !important;
	}
	#langs {
		height: 3% !important;
	}
	.content  {
		height: 100% !important;
		width: 60% !important;
	}
	.content.contact  {
		height: 100% !important;
		width: 68% !important;
	}
	.content.contact  #home_photos {
		max-height: 6% !important;
	}
	#home_photos {
		max-height: 7% !important;
	}
	.content.contact  #home_photos:hover {
		max-height: 36% !important;
	}
	#home_photos:hover {
		max-height: 55% !important;
	}
	
	#banner a	{
		font: 1.1em/1.1em 'agora_light', Arial, Helvetica, sans-serif !important;
	}
}
@media screen and (orientation: landscape) and (max-width: 650px) {
	.content {
		height: 75% !important;
		width: 50% !important;
	}
	.content.contact  {
		height: 80% !important;
		width: 70% !important;
	}
	#menu ul.main li a {
		font: 1em/1.1em 'agora_medium', Arial, Helvetica, sans-serif !important;
	}
	#langs {
		width: 60% !important;
		height: 12% !important;
	}
	#banner a	{
		font: 1.3em/1em 'agora_light', Arial, Helvetica, sans-serif !important;
	}
	#home_photos:hover {
		max-height: 28% !important;
	}
	#home_photos h1 {
		font: 1.1em/1em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
	
}
@media screen and (orientation: landscape) and (max-width: 850px) {
	.content {
		height: 60% !important;
		width: 40% !important;
	}
	.content.contact  {
		height: 80% !important;
		width: 60% !important;
	}
	#home_photos:hover {
		max-height: 28% !important;
	}
	.small-nomob	{
		display: none;
	}
	.nomob	{
		display: none;
	}
}
@media screen and (orientation: landscape) and (min-width: 1700px) {
	#awards	{
		bottom: 17% !important;
	}
	.content.contact {
		height: 67% !important;
	}
	#search	{
		height: 32% !important;
		bottom: 64% !important;
	}
	#fact, #terms	{
		height: 31% !important;
	}
	#address	{
		font: 0.9em/1.7em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
}
@media screen and (orientation: landscape) and (max-width: 1700px) and (min-width: 1500px) {
	#langs {
		height: 6% !important;
	}
	
	#search	{
		height: 32% !important;
		bottom: 64% !important;
	}
	#fact, #terms	{
		height: 31% !important;
	}
	#address	{
		font: 1em/1.6em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
}
@media screen and (orientation: landscape) and (max-width: 1499px) and (min-width: 1400px) {
	#langs {
		height: 7% !important;
	}
	
	#search	{
		height: 31% !important;
		bottom: 64% !important;
	}
	#fact, #terms	{
		height: 31% !important;
	}
	#address	{
		font: 1em/1.5em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
}
@media screen and (orientation: landscape) and (max-width: 1399px) and (min-width: 1301px) {
	#langs {
		height: 6.5% !important;
	}
	
	#address	{
		font: 1em/1.5em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
}
@media screen and (orientation: landscape) and (max-width: 1300px) and (min-width: 1200px) {
	#langs {
		height: 7.5% !important;
	}
}
@media screen and (orientation: landscape) and (max-width: 1300px) and (min-height: 900px) {
	.content {
		height: 40% !important;
		width: 30% !important;
	}
	.content.contact  {
		height: 60% !important;
		width: 40% !important;
	}
	#menu h1 {
		height: 16% !important;
	}
	#langs {
		height: 5% !important;
	}
		
	#social	{
		bottom: 2.9% !important;
	}
	#search	{
		height: 2.5% !important;
	}
}
@media screen and (orientation: landscape) and (min-width: 1400px) and (min-height: 900px) {
	#menu h1 {
		height: 10% !important;
	}
}
@media screen and (orientation: landscape) and (max-width: 1030px) and (min-width: 990px) and (min-height: 760px) {
	#langs {
		height: 5.5% !important;
	}
	#langs a {
		font: 1em/1em 'agora_regular', Arial, Helvetica, sans-serif !important;
	}
	#menu	{
		width: 20% !important;
	}
	#menu h1	{
		height: 15% !important;
	}	
	
	#footer	{
		left: 20% !important;
	}
	#awards	{
		bottom: 12% !important;
		padding: 0px 0px 0px 6% !important;
		right: -14% !important;
		width: 13% !important;
	}
	#awards:hover	{
		right: 0% !important;
	}
}
@media screen and (orientation: landscape) and (max-height: 650px) {
	#online {
		height: 18% !important;
	}
	#awards {
		bottom: 16% !important;
	}
	
}
a {
	color: #d40442;
	text-decoration: none;
}
a:hover {
	color: #d40442;
	text-decoration: none;
}
p {
	text-align: justify;
}

@media screen and (orientation: landscape) and (max-width: 1030px) {
	.address	{
		display: none !important;
	}
}
/******************************** BACKGROUND *************************/
#bg {
	height: 90%;
	left: 15%;
	width: 65%;
	top: 0%;
	overflow: hidden;
	position: fixed;
}
/*#bg.left {
	left: 10%;
}*/
#bg div {
	height: 100%;
	position: absolute;
	width: 100%;
}
#bg img {
	margin: 0 auto;
	height: 100%;
	max-width: 100%;
	width: 100%;
}
/******************************** CONTAINERS ****************************************************/
#supperWrapper {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	/*z-index: 60;*/
	margin: 0;
}

#supperWrapper.small a.hide, #supperWrapper a.show	{
	display: none;
}
#supperWrapper.small a.show, #supperWrapper a.hide	{
	background: url('../images/hide.png') center no-repeat;
	background-size: contain;
	display: block;
	height: 2%;
	width: 1%;
	position: absolute;
	left: 0;
	top: 0;
	/*z-index: 101;*/
}
#supperWrapper.small a.show	{
	background: url('../images/show.png') center no-repeat;
	background-size: contain;
}
.address {
	bottom: 2%;
	left: 15.3%;
	text-align: left;
	position: fixed;
	z-index: 5;
	transition: all 2s;
	-moz-transition: all  2s; 
	-webkit-transition: all  2s;
	-o-transition: all  2s;
}
#supperWrapper.small .address	{
	bottom: -30%;
}
.address p {
	background: #fff;
	color: #82765c;
	font: 13px/40px 'agora_regular', Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	left: 0;
	float: right;
	margin: 0 0 0 5px;
	overflow: hidden;
	padding: 0 0 0 40px;
	text-align: left;
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
.address p span {
	display: block;
	padding: 0 5px;
}
.address p.open {
	width: auto;
}
.address p.map {
	background: #fff url('../images/map.png') left center no-repeat;
}
.address p.tel {
	background: #fff url('../images/phone.png') left center no-repeat;
}
.address p.mob {
	background: #fff url('../images/mobile.png') left center no-repeat;
}
.address p.mail {
	background: #fff url('../images/mail.png') left center no-repeat;
}




/**************************************** MENU *************************************************/
#menu {
	position: fixed;
	left: 0;
	height: 100%;
	width: 15%;
	padding: 0px;
	border-right: 1px solid #2f2822;
	overflow: visible;
	z-index: 100;
	background: #2f2822;
	transition: all 2s;
	-moz-transition: all  2s; 
	-webkit-transition: all  2s;
	-o-transition: all  2s;
}
#supperWrapper.small #menu	{
	left: -30%;
}
#menu h1 {
	display: block;
	background: url('../images/dot_menu.png');
	height: 12%;
	margin: auto;
	/*padding: 7% 0;*/
	width: 100%;
}
#menu .logo {
	display: block;
	height: 100%;
	margin: 0 auto;
	max-height: 100px;
	max-width: 220px;
	background: url('../images/logo.png') center center no-repeat;
	background-size: contain;
}
#menu ul.main {
	display: block;
	overflow: hidden;
	margin: 1% 3%;
}
#menu ul.main li {
	display: block;
	border-bottom: 1px solid #1d1814;
	border-top: 1px solid #423830;
}
#menu ul.main li a, #menu ul.main li span {
	display: block;
	padding: 2% 5%;
	font: 1.1em/1.3em "Book", 'agora_medium', Arial, Helvetica, sans-serif;
	color: #fff;
}
#menu ul.main li:first-child {
	border-top: none;
}
#menu ul.main li:last-child {
	border-bottom: none;
}
#menu ul li a:hover, #menu ul li span:hover {
	color: #dacbbf;
	cursor: pointer;
	border-right: 5px solid #c7ae9a;
}
#menu ul.main li a.active {
	background: url('/images/dot_gray.png') 0px 0px repeat;
	border-left: 5px solid #b90037;
	border-right: none;
	color: #b79655;
}
#menu ul.main li ul.child {
	padding: 2%;
	margin-top: -2em;
	max-width: 200px; 
	list-style:none; 
	display:none;
	width: 100%; 
	position: absolute;
	left: 100%;
	z-index: 10004;
	text-align: left;
	background: url('/images/dot_menu.png') 0px 0px repeat;
}
#menu ul.main li:hover ul.child { 
	display:block;
}
#menu ul.child li a {
	font: 1em "Book", 'agora_medium', Arial, Helvetica, sans-serif;
	padding: 2%;
}
#menu ul.child li a:hover, #menu ul.child li a.active {
	border: none;
}
#banner, #offers	{
	position: relative;
	width: 96%;
	overflow: hidden;
	margin: 1% auto 0px auto;
}
#banner a, #offers a	{
	display: block;
	margin: 1% 0;
	width: 100%;
	text-align: center;
	background: #a07d38;
	height: 1em;
	overflow: hidden;
	color: #fff;
	text-transform: uppercase;
	padding: 3% 0;
	font: 1.3em/1.1em "Book", 'agora_regular', Arial, Helvetica, sans-serif;
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
#offers a	{
	background: #8b032b;
}
#offers a.blinking	{
	background: #b90137;
}
#offers a:hover	{
	background: #d40442;
}
#banner a:hover	{
	background: #83652a;
}
.booking	{
	position: relative;
	width: 96%;
	overflow: hidden;
	margin: 1% auto 0px auto;
}
.booking img	{
	height: auto;
	width: 100%;
}
.fcbk	{
	background: url('../images/dot_gray.png');
	border: 1px solid #423830;
	margin: 0 0 0 2%;
	min-height: 8%;
	overflow: hidden;
	padding: 0 0 4% 0;
	width: 95%;
}
/**************************************** LANGS **************************************************/
#langsOther { 
	width: auto;
	height: 7%;
	/*width: 66%;background: url('../images/langs.png') top right no-repeat;
	background-size: cover;*/
	top: 0;
	left: 100.5%;
	text-align: left;
	z-index: 10000;
}
#langsOther a {
	background-repeat: no-repeat;
	color: #eee5d2;
	display: block;
	font: 1em 'agora_regular', Arial, Helvetica, sans-serif;
	width: 10%;
	float: left;
	height: 100%;
	margin: 4% 0 0 3%;
	text-decoration: none;
	text-align: center;
	background-position: top center;
}
#langsOther a:hover {
	color: #fff;
}
#langsOther a.s, #langsOther a.s:hover {
	color: #d0bc94;
}














#langs { 
	width: 149px;
	height: 7%;
	/*width: 66%;background: url('../images/langs.png') top right no-repeat;
	background-size: cover;*/
	top: 0;
	left: 100.5%;
	text-align: left;
	position: absolute;
	z-index: 10000;
}
#langs a {
	background-repeat: no-repeat;
	color: #eee5d2;
	display: block;
	font: 1em 'agora_regular', Arial, Helvetica, sans-serif;
	width: 24%;
	float: left;
	height: 100%;
	margin: 16% 0 0 3%;
	text-decoration: none;
	text-align: center;
	background-position: top center;
}
#langs a:hover {
	color: #fff;
}
#langs a.s, #langs a.s:hover {
	color: #d0bc94;
}






#langs1 { 
	width: 121px;
	height: 7%;
	/*width: 55%; background: url('../images/langs.png') top right no-repeat; */
	background-size: cover;
	top: 54px;
	left: 102.5%;
	text-align: left;
	position: absolute;
	z-index: 10000;
}
#langs1 a {
	background-repeat: no-repeat;
	color: #eee5d2;
	display: block;
	font: 1em 'agora_regular', Arial, Helvetica, sans-serif;
	width: 30%;
	float: left;
	height: 100%;
	margin: 10% 2% 0 0%;
	text-decoration: none;
	text-align: center;
	background-position: top center;
}
#langs1 a:hover {
	color: #fff;
}
#langs1 a.s, #langs a.s:hover {
	color: #d0bc94;
}



/**************************************** CONTENT *************************************************/
.content {
	background: #2f2822;
	display: none;
	height: 100%;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0%;
	top: 0%;
	z-index: 60;
	width: 20%;
	transition: all 2s;
	-moz-transition: all  2s; 
	-webkit-transition: all  2s;
	-o-transition: all  2s;
}
#supperWrapper.small .content	{
	top: -80%;
}
.content.contact  {
	width: 20%;
	height: 100%;
}
.home_text .scroll-pane  {	
	height: 94%;
	overflow: hidden;
	padding: 0 0 5% 0;
	width: 100%;
}
.content.contact .home_text .scroll-pane  {	
	height: 94%;
}
.content iframe#mapframe, .content .canvas {
	height: 150px;
	width: 100%;
}
.content iframe {
	height: 150px;
	width: 100%;
}
.content.contact iframe {
	height: 200px;
}
.content.contact .home_text iframe#mapframe, .content.contact .home_text .canvas{
	height: 200px;
}
.content h1.head {
	color: #b79655;
	height: 4%;
	margin: 0;
	overflow: hidden;
	padding: 0% 0 2% 0;
	font: italic 1.5em/1.4em 'Book', Arial, Helvetica, sans-serif;
	text-align: left;
	width: 100%;
}
/******************* CONTENTS ************************/
.home_text {
	/*background: url('../images/dot_gray.png');*/
	height: 100%;
	margin: 1% 1% 0 0;
	padding: 0 2% 2% 2%;
	z-index: 60;
	border-radius: 10px 10px 0px 10px;
	border: 1px solid #2f2822;
	font: 1em 'agora_regular', Arial, Helvetica, sans-serif;
	color: #fff;
}
.content .home_text p {
	padding-bottom: 2%;
}
.content .home_text table, .content .home_text table td {
	color: #fff !important;
	border: 1px solid #42382f !important;
	font: 0.9em 'agora_regular', Arial, Helvetica, sans-serif !important;
	padding: 0% !important;
}
.content .home_text table	{
	width: 100% !important;
}
.content .home_text table td {
	background: #665649 !important;
	padding: 2% 0 !important;
	text-align: center !important;
	width: auto !important;
}
.content .home_text table th {
	background: #42382f !important;
	padding: 2% 0 !important;
	font: 1.3em 'agora_regular', Arial, Helvetica, sans-serif !important;
}
.content .home_text table strong, .content .home_text table p strong {
	font: 1.2em 'agora_medium', Arial, Helvetica, sans-serif !important;
}
.content .home_text img	{
	margin: 1%;
}
.content .home_text p strong {
	font: 1em 'agora_medium', Arial, Helvetica, sans-serif;
}
.content .home_text h2, .content .home_text h3 {
	display: block;
	color: #a38a76;
	font: italic 1.2em/1.4em 'Book', 'agora_light', Arial, Helvetica, sans-serif;
	padding: 1% 0 1% 0;
	text-align: left !important;
	width: 100%;
}
.content .home_text h3 {
	color: #dacbbf;
	font: italic 1.1em/1.2em 'Book', 'agora_light', Arial, Helvetica, sans-serif;
}
.home_text img {
	margin: 1%;
	padding: 0px;
}
.home_text a.gallery {
	display: block;
	float: left;
	line-height: 0.8em;
	margin: 1% 1% 0px 1%;
	width: 30%;
	height: 35%;
	border:1px solid #53463c;
	overflow: hidden;
	padding: 0;
	transition: all 1s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.content.contact .home_text a.gallery {
	width: 47%;
	height: 20%;
	margin: 2% 1% 0px 1%;
}
.home_text a.gallery img {
	height: 100%;
	margin: 0 !important;
	min-height: 100%;
	width: 100%;
	transition: all 1s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.home_text a.gallery:hover img {
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
     transform:scale(1.25);
}
/*.content.contact .home_text a.gallery img {
	width: 30%;
	height: 30%;
}*/
.home_text li {
	list-style:inside;
	list-style-type:circle;
	margin-left: 2%;
}
.home_text ul {
	font: 0.9em 'agora_regular', Arial, Helvetica, sans-serif;
	margin: 1% 0;
	text-align: left !important;
}
#home_photos {
	background: #1d1814;
	cursor: pointer;
	overflow: visible;
	border: 1px solid #2f2822;
	border-top: none;
	margin: 1% 0;
	transition: ease-in-out 1s;
	-moz-transition: ease-in-out 1s;
	-webkit-transition: ease-in-out 1s;
	-o-transition: ease-in-out 1s;
	padding: 2%;
	width: 100%;
	z-index: 60;
}
#home_photos h1 {
	color: #a07d39;
	height: 10%;
	border-bottom: none;
	padding-left: 1%;
	text-align: left;
	/*padding-left: 8%;
	background: url('../images/plus.png') left center no-repeat;*/
	background-size: contain;
	font: italic 1.5em/1.7em 'Book', 'agora_light', Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}
#home_photos a img {
	margin: 2% 2% 0px 2%;
	width: 27%;
	border:1px solid #53463c;
	transition: all 1s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	z-index: 100;
}
.content.contact #home_photos a img {
	width: 27%;
	margin: 2% 2% 0px 2%;
}
#home_photos a:hover img {
	border:1px solid #7a6759;
    -webkit-transform:scale(1.20);
    -moz-transform:scale(1.20);
    -ms-transform:scale(1.20);
    -o-transform:scale(1.20);
     transform:scale(1.20);
}
/**************************************** OFFER IN TEXT *************************************************/
.home_text div.item	{
	margin: 1% 0;
	width: 100%;
	padding: 0;
}
.home_text div.item h2	{
	color: #fff;
	display: block;
	overflow: hidden;
	padding: 0 1% 1% 0;
	text-align: left;
	font: italic 1.2em/1.2em 'Book', 'agora_regular', Arial, Helvetica, sans-serif;
}
.home_text div.item img	{
	height: 5.3em;
	margin: 0 1% 1% 0;
	float: left;
	width: 48%;
}
.content.contact div.item img {
	height: 5.8em;
}
.home_text div.item p.price	{
	width: 50%;
	color: #655649;
	margin: 0 0 1% 0;
	padding: 0 0 1% 0;
	text-align: center;
	float: left;
	height: 1.8em;
	background: #dacbbf;
	font: 1.3em/1.8em 'agora_light', Arial, Helvetica, sans-serif;
}
.home_text div.item a	{
	float: left;
	width: 50%;
	height: 1.8em;
	color: #fff;
	text-shadow: none;
	display: block;
	padding: 0 0 1% 0;
	text-align: center;
	overflow: hidden;
	background: #b90037;
	font: 1.3em/1.8em 'agora_light', Arial, Helvetica, sans-serif;
}
.home_text div.item a:hover	{
	background: #a20131;
}
.home_text div.item div.txt	{
	padding: 1%;
	margin: 0px;
	overflow: hidden;
}
.home_text div.item div.txt p	{
	color: #c7ae9a;
	text-align: left !important;
	font: 0.9em 'agora_regular', Arial, Helvetica, sans-serif !important;
}
/**************************************** OFFER *************************************************/
#offer {
	position: absolute;
	right: -40%;
	bottom: 5.1%;
	width: 40%;
	height: 16%;
	z-index: 60;
	color: #fff;
	font: 1em 'agora_regular', Arial, Helvetica, sans-serif;
	transition: all 2s;
	-moz-transition: all  2s; 
	-webkit-transition: all  2s;
	-o-transition: all  2s;
	overflow: hidden;
	opacity: .3;
	filter: alpha(opacity=30);
}
#supperWrapper.small #offer	{
	right: -40%;
}
#offer.loaded	{
	right: 0.2%;
	opacity: 1;
	filter: alpha(opacity=100);
}
#offer div.item	{
	background: url('../images/dot_black.png') top left repeat;
	width: 98%;
	height: 98%;
	padding: 1%;
}
#offer div.item img	{
	height: 91%;
	margin: 0 1% 0 0;
	float: left;
	width: 29%;
}
#offer div.item div.offer-right	{
	width: 70%;
	height: 93%;
	float: right;
}
#offer div.item h2	{
	color: #fff;
	display: block;
	height: 20%;
	overflow: hidden;
	padding: 0 1% 0 0;
	text-align: right;
	font: italic 1.2em/0.9em 'Book', 'agora_regular', Arial, Helvetica, sans-serif;
}
#offer div.item div.txt	{
	padding: 1%;
	margin: 1% 0px;
	height: 33%;
	overflow: hidden;
	background: #53463c;
}
#offer div.item div.txt p	{
	color: #a38a76;
	text-align: left !important;
	font: 0.9em 'agora_regular', Arial, Helvetica, sans-serif !important;
}
#offer div.item p.price	{
	width: 49%;
	color: #655649;
	margin: 0;
	padding: 0 0 1% 0;
	text-align: center;
	float: left;
	height: 1.2em;
	background: #dacbbf;
	font: 1.3em/1.3em 'agora_light', Arial, Helvetica, sans-serif;
}
#offer div.item a	{
	float: left;
	width: 50%;
	height: 1.2em;
	color: #fff;
	margin: 0 0 0 1%;
	text-shadow: none;
	display: block;
	padding: 0 0 1% 0;
	text-align: center;
	overflow: hidden;
	background: #b90037;
	font: 1.3em/1.3em 'agora_light', Arial, Helvetica, sans-serif;
}
#offer div.item a:hover	{
	background: #a20131;
}
#header {
	background: #1d1814;
	position: absolute;
	top: 0;
	left: 15%;
	width: 65%;
	height: 15%;
	color: #fff;
	transition: all 2s;
	-moz-transition: all  2s; 
	-webkit-transition: all  2s;
	-o-transition: all  2s;
}
/******************* FOOTER ************************/
#footer {
	background: #42382f;
	position: absolute;
	bottom: 0;
	left: 15%;
	width: 65%;
	height: 15%;
	color: #fff;
	transition: all 2s;
	-moz-transition: all  2s; 
	-webkit-transition: all  2s;
	-o-transition: all  2s;
}
#supperWrapper.small #footer	{
	bottom: -30%;
}
#footer #address {
	bottom: 3%;
	padding: 0 0.5%;
	position: absolute;
	font: 0.9em/1.5em 'agora_regular', Arial, Helvetica, sans-serif;
	width: 99%;
}
#footer #address p {
	clear: both;
	text-align: left;
}
#footer #address p strong {
	font: 1em/1.5em 'agora_regular', Arial, Helvetica, sans-serif;
}
#footer #address p.mite {
	display: block;
	background: url('../images/eot.png') left no-repeat;
	background-size: contain;
	font: 0.9em/1em 'agora_regular', Arial, Helvetica, sans-serif;
	margin: 0.5% 0 0 0;
	padding-left: 1.5em;
}
#address a {
	color: #dacbbf;
}
#address a:hover {
	color: #fff;
}

/*************************** ONLINE **********************************/
#online {
	position: relative;
	background: url('../images/dot_light.png');
	border: 2px solid #3e362b;
	width: 190px;
	margin: 0px 0px 0px 2px;
	padding: 5px;
	height: 103px;
	text-align: center;
	border-radius: 20px 20px 20px 0px;
}

#online h2 {
	font: bold italic 20px/24px 'AgoraThin', Arial;
	color: #b90037;
	/*padding-bottom: 5px;*/
}

#online .block {
	width: 200px;
	margin: auto;
	display: block !important;
}

#online label.date {
	width: 200px;
}

#online label {
	width: 42px;
	font: normal 12px Arial, Tahoma;
	color: #d4d3b1;
}

#online input[type=text] {
	width: 65px;
	padding: 3px;
	background: #22201d;
	color: #ffffff;
	border: 1px solid #3e362b;
}

#online select {
	background: #22201d;
	color: #ffffff;
	border: 1px solid #3e362b;
	width: 40px;
	margin-top: 5px;
	padding: 2px 0px;
}

#online input[type=text]:hover, #online select:hover {
	background-color: #11100f;
}

#online .choose {
	width: 200px;
	margin-bottom: 0px;
}
#online .choose.left {
	width: 85px;
}
#online .choose.right {
	width: 95px;
}

#online input[type=submit], #online a.send, #online input[type=button] {
	margin: 5px auto;
	padding: 3px 0px;
	width: 161px;
	height: 25px;
	display: block;
	border: 1px solid #000;
	background-color: #11100f;
	color: #fff;
	font: 13px Arial, Helvetica, sans-serif;
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	cursor: pointer;
}

#online a.send {
	height: 20px;
	font: 13px/20px Arial, Helvetica, sans-serif;
}

#online input[type=submit]:hover, #online a.send:hover, #online input[type=button]:hover {
	opacity: .6;
	filter:alpha(opacity=60);
}




#search	{
	background: #2f2822;
	height: 40px;
	overflow: hidden;
	position: absolute;
	bottom: 60%;
	margin: 0 0 0 0.5%;
	width: 18%;
}
#search form input[type="text"]	{
	border: none;
	margin: 0;
	display: block;
	float: left;
	background: none;
	font: 1em 'agora_medium', Arial, Tahoma, Geneva, sans-serif;
	height: 38px;
	padding: 2% 12% 2% 3%;
	width: 85%;
	color: #7a6759;
}
#search form input[type="submit"]	{
	cursor: pointer;
	background: url('../images/search.png') center center no-repeat;
	height: 40px;
	margin: 0% 1% 0 0;
	right: 0%;
	position: absolute;
	border: none;
	width: 10%;
}
#fact, #terms	{
	height: 35%;
	position: relative;
	width: 73%;
	overflow: hidden;
	 margin: 0.6% 0 0 20%; 
}
#fact a, #terms a	{
	display: block;
	margin: 0 0;
	float: left;
	width: 24%;
	text-align: center;
	background: #2f2822;
	height: 40px;
	overflow: hidden;
	margin: 0 2% 0 0;
	color: #c7ae9a;
	text-transform: uppercase;
	padding: 5px 0;
	font: 16px/32px "Book", 'agora_regular', Arial, Helvetica, sans-serif;
	transition: all 1s;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
#fact a.pink	{
	background: #8b032b;
	color: #ffffff;
}
#fact a:hover, #terms a:hover	{
	background: #53463d;
}
#fact a.pink:hover	{
	background: #d40442;
}
#social {
	height: 40px;
	bottom: 35%;
	width: 20%;
	position: relative;
	margin: 5px 0 0 80.5%;
	/*left: 50%;*/
}
#social-in {
	/*position: relative;
	left: -50%;*/
}
.fb, .tw, .sk, .ln, .ta, .yt, .gp, .fs {
	background-size: contain !important;
	display: block;
	float: left;
	font: 1.5em 'agora_regular', Arial, Helvetica, sans-serif;
	height: 35px;
	margin: 5px 5px 0 0;
	transition: all .5s;
	text-indent: -100000px;
	-moz-transition: all  .5s; 
	-webkit-transition: all  .5s;
	-o-transition: all  .5s;
	opacity: .5;
	filter:alpha(opacity=50);
	width: 35px;
}
.fb:hover, .tw:hover, .sk:hover, .ln:hover, .ta:hover, .yt:hover, .gp:hover, .fs:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.fb {
	background: url('../images/fb.png') center no-repeat;
}
.tw {
	background: url('../images/tw.png') center no-repeat;
}
.sk {
	background: url('../images/sk.png') center no-repeat;
}
.ln {
	background: url('../images/lin.png') center no-repeat;
}
.ta {
	background: url('../images/ta.png') center no-repeat;
}
.yt {
	background: url('../images/yt.png') center no-repeat;
}	
.gp {
	background: url('../images/gp.png') center no-repeat;
}
.fs {
	background: url('../images/fs.png') center no-repeat;
}
/*************************** CONTACT *********************************/
.content form {
	margin: auto;
	text-align: left;
	width: 100%;
	vertical-align: middle;
}
form.guestbook	{
	height: 0px;
	margin: 0;
	overflow: hidden;
}
form.guestbook.high	{
	height: auto;
}
.content fieldset	{
	border: none;
	margin: 2% 0 0 0;
}
.content div {
	clear: both;
}
.contact form strong	{
	font: 1em 'agora_medium', Arial;
}
.content label {
	color: #c7ae9a;
	cursor: pointer;
	font: 0.9em 'agora_medium', Arial;
	width: 100%;
	float: left;
	margin: 0.2% 0;
}
.content input[type=text], .content input[type=submit] { 
	width: 90%;
}
.content input[type=text], .content select { 
	font: 1em 'agora_regular', Arial;
	padding: 0 1%;
	background-color: #e9e0d9;
	color: #53463d;
	border: 1px solid #000;
	height: 1.6em;
}
.content input[type=text].cal 	{
	background: #e9e0d9 url('../images/calendar_icon.png') right center no-repeat;
}
.content select { 
	height: 1.70em;
	width: 93%;
}
.content textarea{
	font: 1em 'agora_regular', Arial;
	background-color: #e9e0d9;
	color: #53463d;
	border: 1px solid #000;
	height: 5%;
	padding: 1%;
	width: 90%;
}
.content textarea:focus, .content input[type=text]:focus, .content button:focus, .content select:focus {
	background-color: #f8efe8;
	border: 1px solid #d40442;
	color: #2f2822;
}
.content  div.contact_btn {
	width: 100%;
	text-align:center;
}
.content div.cap {
	height: 65px;
	width: 100%;
}
.content div.cap label {
	width: 100%;
	display: block;
}
.content div.cap span {
	line-height: 50px;
	float: left;
	margin-right: 5px;
}
.content div.cap label span.red {
	color: #ed1e1e !important;
	float: none !important;
	line-height: 1em !important;
	margin: 0px !important;
}
.content div.cap a img {
	border: 1px solid #1d1814;
}
.content img#captcha_image {
	display: none;
	width: 150px !important;
	height: 50px !important;
	margin: 0px 2% 0px 0px !important;
	float: left;
}
.content input#captcha {
	float: left;
	height: 50px;
	line-height: 50px;
	margin: 0px 5px 0px 0px !important;
	font-size: 30px;
	text-align: center;
	text-transform:uppercase;
	width: 19%;
}
.content input[type=submit] { 
	font: 1.6em 'agora_light', Arial, Helvetica, sans-serif;
	padding: 0px 2%;
	background: #a07d38;
	color: #ffffff;
	border: 1px solid #83652a;
	height: 1.4em;
	margin: 2% 0 0 0;
	width: 92%;
	cursor: pointer;
	transition: all .5s;
	-moz-transition: all  .5s; 
	-webkit-transition: all  .5s;
	-o-transition: all  .5s;
}
.content input[type=submit]:hover {
	background: #83652a;
}
.content form span.fileds	{
	display: block;
	font: 0.9em/2em 'agora_medium', Arial;
	text-align: right;
}
.content .error, .content .info, .content .ok {
	background-position: 1% 50%;
	background-repeat: no-repeat;
	background-color: #1d1814;
	text-align: left;
	padding: 1% 1% 1% 30px;
	margin: 1% 0;
	color: #fff;
	font: 0.9em 'agora_regular', Arial, Helvetica, sans-serif;
	width: 85%;
	border: none;
}
.content .error { 
	background-image: url('../images/error.png'); 
}
.content .ok { 
	background-image: url('../images/ok.png'); 
}
.content .info {	
	background-image: url('../images/info.png'); 
}
/*************************** GUESTBOOK *********************************/
a.add-comment	{
	background: #e8e0d9 url('../images/add.png') left center no-repeat;
	color: #83652a;
	display: block;
	font: 1.1em 'agora_regular', Arial, Helvetica, sans-serif;
	margin: 2% 0 1% 0;
	padding: 1% 1% 1% 30px;
	text-align: left;
	width: 86%;
}
a.add-comment:hover	{
	background: #dacbbf url('../images/add.png') left center no-repeat;
}
.content #comments h2 {
	background: url('/images/dot_light.png');
	border: none;
	color: #a38a76;
	margin: 1% 0px;
	font: 1.4em 'Book', 'agora_light', Arial, Helvetica, sans-serif;
	padding: 1%;
	width: 96%;
}
.content .comment {
	border: 1px solid #423830;
	margin-bottom: 1%;
	padding: 1%;
	width: 96%;
	height: auto;
	background: url('/images/dot_gray.png');
}
.content .comment h3 {
	color: #dacbbf;
	font: 1.1em 'agora_regular', Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
}
.content .comment span {
	color: #655649;
	font: 0.8em 'agora_regular', Arial, Helvetica, sans-serif;
}
.content .comment p {
	color: #fff;
	font: italic 0.8em Arial, Helvetica, sans-serif;
	display: block;
}
#no_com	{
	margin-top: 5%;
}
/************************** AWARDS *******************************/
#awards {
	bottom: 15%;
	filter:alpha(opacity=0);
	right: -11%;
	width: 9.5%;
	height: 13%;
	text-align: left;
	background: #000;
	margin: 2% 0 0 0;
	overflow: hidden;
	padding: 0 0 0 4.5%;
	background: url('../images/awards.png') top left no-repeat;
	background-size: cover;
	opacity: 0;
	position: absolute;
	transition: all 1s;
	-moz-transition: all  1s; 
	-webkit-transition: all  1s;
	-o-transition: all  1s;
}
#supperWrapper.small #awards	{
	right: -20%;
}
#awards.loaded {
	filter:alpha(opacity=100);
	opacity: 1;
}

#awards:hover {
	right: 0%;
}
#awards a img {
	filter:alpha(opacity=70);
	margin: 3% 0.5% 0 0;
	max-height: 90% !important;
	opacity: .7;
}
#awards a:hover img {
	opacity: 1;
	filter:alpha(opacity=100);
}
.ui-widget	{
	text-align: center !important;
}
.ui-widget-header {
	background: #7a6759 !important;
	border: 1px solid #7a6759 !important;
}
.ui-widget-header a:hover {
	background: #7a6759 !important;
	border: 1px solid #7a6759 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #dacbbf !important;
    background: #e8e0d9 !important;
    color: #8d7766 !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #fff !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #8d7766 !important;
    background: #c7ae9a !important;
    color: #423830 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #760224 !important;
    background: #b90037 !important;
    color: #fff !important;
}

#active-popup {
  /* background-color: rgba(52,73,94, 0.7); */
  position: absolute;
  width: 100%;
  heighT: 100% !important;
  top: 0;
  left: 0;

}

#popup-container {
  width: 45%;
  height: 46%;
  margin: 0 auto;
  margin-top: 0%;
  position: fixed;
  left: 28%;
  z-index: 999;
  top: 185px;
  display: none;
  background: #2f2822 ;
}

.modal-content {
  position: relative;
  text-align: center;
}

#popup-window { position: relative; }

.modal-content h1,
.modal-content p { color: #fff;  padding-top: 21px;}

.modal-content p { /*padding: 20% 5% 0 5%;*/font-size:17px;text-align: center; }

#popup-container a.close {
  position: relative;
  float: right;
  top: -15px;
  right: -7px;
  z-index: 99;
  font-weight: bold;
  font-size: 16px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 5px 2px 6px;
  line-height: 1em;
  text-align: center;
  background: #E74C3C;
  border: 4px solid #fff;
  cursor: pointer;
  color:#fff;
}