@CHARSET "UTF-8";
/* ==|== primary styles =====================================================
   Author: Ju Maxx
   ========================================================================== */

*{
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* =============================================================================
  Clearfix
========================================================================== */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
#social{
    width: 11%;
    display: inline-block;
    float: right;
    margin: 9px auto;
}

html, body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height:100%;
	background-color: #ada894;
}
.bank_details{
	display: none;
}
a img{
	border: 0;
}

p{
	text-align: justify;
	font-size: 15px;
	line-height: 135%;
}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.wrapper {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
/** HEADER */
header{
	background: url(../images/header_right2.png) no-repeat 536px bottom #603A75;
	max-width: 1000px;
	background-size: 439px 109px;
	width: 100%;
	height: 121px;
	margin: 0px auto 0;
	position: relative;
	z-index: 100;
	background-color: rgb(96, 58, 117);
}

	#logo{
		float: left;
		position: absolute;
		top: 0;
		left: 105px;
	}

	#flags{
		float: left;
		position: absolute;
		top: 5px;
		right: 10px;
	}
		.lang_flags{
			float: left;
			height: 16px;
			margin-left: 3px;
		}

		.lang_flags img{
			height: 16px;
		}

		.lang_flags img:hover{
			-webkit-box-shadow: 0 0 3px 1px #fff;
			   -moz-box-shadow: 0 0 3px 1px #fff;
			        box-shadow: 0 0 3px 1px #fff;
		}


/** MENU */

nav{
	max-width: 1000px;
	width: 100%;
	height: 55px;
	margin: 0 auto;
	/*background: url(../images/menu_bg.png) repeat-x;*/
	-webkit-box-shadow: 0 0 5px 1px #565656;
	   -moz-box-shadow: 0 0 5px 1px #565656;
	        box-shadow: 0 0 5px 1px #565656;
	background: #ff7156; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzE1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2VkMzcyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2VkMzcyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2E4MjMxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDMwMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff7156 0%, #ed372b 84%, #ed372b 84%, #a82319 85%, #e43023 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7156), color-stop(84%,#ed372b), color-stop(84%,#ed372b), color-stop(85%,#a82319), color-stop(100%,#e43023)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff7156 0%,#ed372b 84%,#ed372b 84%,#a82319 85%,#e43023 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff7156 0%,#ed372b 84%,#ed372b 84%,#a82319 85%,#e43023 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff7156 0%,#ed372b 84%,#ed372b 84%,#a82319 85%,#e43023 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff7156 0%,#ed372b 84%,#ed372b 84%,#a82319 85%,#e43023 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7156', endColorstr='#e43023',GradientType=0 ); /* IE6-8 */

}
	#toggle_menu {
		padding: 4px 30px;
		display: none;
	}
	.menu-icon {
		background: url('../images/menu.png') no-repeat 100% 100%;
		background-size: 35px 25px;
		display: inline-block;
		height: 30px;
		width: 40px;
	}

	#menu{
		list-style: none;
	}
		#empty-li {
			display: none;
		}
		#menu li{
			float: left;
			padding-top: 12px;
		}

		#menu li a{
			font-size: 18px;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			padding: 0px 17px;
			border-right: 1px solid #fff;
		}

		#menu li:last-child > a{
			border-right: none;
		}

		#menu li a:hover, #menu li a.act{
			text-decoration: underline;
		}


/** PAGE WRAP */
#pageWrap{
	max-width: 1000px;
	width: 100%;
	/*margin: 0 auto;*/
	/*min-height: 100%;*/
	/*height: auto;*/
	/*overflow: hidden;*/
	padding-bottom: 115px;
	background: url(../images/page_down.png) no-repeat right bottom #fff;
	padding-top: 55px;
	z-index: 77;
}

	#left_part, #right_part{
		float: left;
		position: relative;
	}

	#left_part{
		/*max-width: 375px;*/
		width: 35%;
		padding-left: 20px;
	}

	#right_part{
		/*max-width: 625px;*/
		width: 65%;
		padding: 0 50px 0 20px;
	}

	/** BOOKING */
		#booking{
			font-family: Verdana, Helvetiva, serif;
			font-size: 20px;
			/*margin-top: 15px;*/
		}

		.booking_row{
			margin-bottom: 15px;
			width: auto;
		}



/** RESERVATION */

#reserv_form{
	width: 330px;
	/*margin-left: 30px;*/
	color: #392923;
}
#toggle_reservation {
	width: 100%;
	background-color: rgb(96, 58, 117);
	color:#fff;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	display: none;
}
#reserv_form #reserv_table tbody td{
	padding: 2px 0px;
}

.ps{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
}

.bank_details{
	font-family: Arial, Helvetiva, serif;
	font-size: 13px;
}

.required{
	color: red;
	font-size: 10px;
	margin-left: 1px;
}

#reserv_title{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.reserve-row {
	margin-bottom: 10px;
	height: auto;
	/*overflow: hidden;*/
	border: 0;
	width: 330px;
}

.reserv_labels {
	font-size: 15px;
	display: block;
	width: 150px;
	float: left;
}

.reserve-row input, .reserve-row select, .reserve-row textarea {
	width: 176px;
	height: 20px;
	border: 1px solid #999;
	float: left;
}
.reserve-row textarea{
	height: 80px;
	resize: none;
}

.reserve-row input:focus, .reserve-row select:focus, .reserve-row textarea:focus{
	border: 1px solid red;
}

#add_menu_whole{
	float: right;
	width: 160px;
	display: block;
}

#breakfast, #lunch, #dinner{
	width: auto;
	clear: both;
}

#reserv_send{
	float: left;
	width: 120px;
	height: 25px;
	background: url(../images/menu_bg.png) repeat-x;
	border: none;
	color: white;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

#reserv_send:hover{
	border: 1px ridge #fff;
}

/** Thank you message after sending reservation request */
#thank_you{
	font-size: 20px;
	text-align: center;
	margin-top: 25px;
	width: 330px;
	margin-left: 30px;
}


/** GALLERY */

#top_gallery{
	/*width: 550px;*/
	width: 100%;
	/*height: 340px;*/
	/*margin-left: 21px;*/
	-webkit-box-shadow: 0 0 5px 1px #565656;
	   -moz-box-shadow: 0 0 5px 1px #565656;
	        box-shadow: 0 0 5px 1px #565656;
	padding: 20px 10px 40px 10px;
}

/** TEXT CONTENT */
#text_content{
	max-width: 580px;
	width: 100%;
	/*padding: 30px 15px;*/
	padding: 30px 0;
}
#text_content table {
	width: 100% !important;
}
#text_content table td {
	/*padding: 5px !important;*/
	border: 1px solid rgb(96, 58, 117) !important;
}
#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
	font-size: 14px !important;
}
#text_content table tbody td {
	font-size: 12px;
	/*padding: 5px;*/
	border: 1px solid rgb(96, 58, 117);
}
small{
	text-align: right;
	display: block;
}

/** BANNERS */
#banners{
	margin-top: 20px;
	text-align: center;
}

#banners img{
	margin-bottom: 10px;
}


/** footer */
footer{
	background: #392923;
	width: 100%;
	height: 115px;
	margin-top: -25px;
	/*clear: both;*/
	/*bottom: 0;*/
	z-index: -1;
	position: relative;
}

#footer_inside{
	max-width: 1000px;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding-top: 30px;
}

#footer_inside .footer_img{
	padding: 0 20px;
	cursor: pointer;
}

#footer_inside p{
	text-align: center;
	padding-top: 10px;
}

#footer_inside p a{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

#footer_inside p a:hover{
	text-decoration: underline;
}



/** CONTACT FORM */

#formWrap{
	max-width: 450px;
	width: 100%;
	margin: 25px auto 0;
}

#contact_title{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}

#formWrap .row{
	max-width: 435px;
	width: 100%;
	margin-bottom: 5px;
}

#formWrap .row .label{
	margin-bottom: 3px;
}

#formWrap .input{
	width: 100%;
}

#formWrap .contact_input{
	width: 100%;
	height: 20px;
}

#formWrap .row .input .validate{
	width: 15px;
	float: left;
	margin-left: 5px;
}

#formWrap .contact_textarea{
	width: 100%;
	height: 80px;
	resize: none;
}

.submit{
	max-width: 325px;
	width: 100%;
	height: 45px;
	margin-top: 5px;
}

.submit #submit{

	width: 80px;
	height: 30px;

}

#message_send{
	text-align: center;
	padding-top: 45px;
}

#message_send h3{
	width: auto;
}

/***********************************************************************************************************************
                       Media Queries Desktop 1320
***********************************************************************************************************************/
@media (max-width: 1320px) {}

/***********************************************************************************************************************
                       Media Queries Tablet 1025
***********************************************************************************************************************/
@media (max-width: 1025px) {

}

/***********************************************************************************************************************
                       Media Queries Tablet 990
***********************************************************************************************************************/
@media (max-width: 990px) {
	#reserv_form, .reserve-row {
		/*max-width: 200px;*/
		width: 100%;
	}
	.reserve-row input, .reserve-row select, .reserve-row textarea, .reserv_labels {
		width: 100%;
	}
	#reserv_title, #menu li a {
		font-size: 16px;
		line-height: 27px;
	}

	/*slider*/
	.theme-default .nivoSlider, .theme-default .nivoSlider img {
		max-width: 550px !important;
		width: 100% !important;
		height: auto !important;
	}

	.booking_row img {
		width: 20px;
	}
	.booking_row label {
		font-size: 16px;
	}
}

/***********************************************************************************************************************
                        Media Queries Desktop 866
***********************************************************************************************************************/
@media (max-width: 866px) {
	#menu li a {
		font-size: 14px;
	}
	#text_content table td {
		font-size: 11px;
	}
	#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
		font-size: 13px !important;
	}
}

/***********************************************************************************************************************
                        Media Queries Desktop 793
***********************************************************************************************************************/
@media (max-width: 793px) {
	#menu li a {
		font-size: 13px;
	}
	.booking_row img {
		width: 18px;
	}
	.booking_row label {
		font-size: 12px;
	}
	#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
	font-size: 11px !important;
}
}

/***********************************************************************************************************************
                        Media Queries Desktop 768
***********************************************************************************************************************/
@media (max-width: 768px) {
	#toggle_menu {
		display: block;
		line-height: 34px;
	}
	nav {
		height: 100%;
	}
	#menu {
		display: none;
	}
	#empty-li {
		display: block;
		padding-bottom: 75px;
	}
	#menu li {
		width: 100%;
		text-align: center;
		float: none;
	}
	#menu li a {
		border-right: 0;
	}
	#flags {
		top: 137px;
	}
	#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
	font-size: 11px !important;
}
}

/***********************************************************************************************************************
                        Media Queries Desktop 660
***********************************************************************************************************************/
@media (max-width: 660px) {
	#pageWrap {
		padding-bottom: 90px;
		padding-top: 35px;
	}
	#toggle_reservation {
		display: block;
	}
	#reserv_form, #reserv_title {
		display: none;
	}
	#left_part, #right_part {
		width: 100%;
		padding: 0 20px 20px;
	}
	.booking_row {
		float: left;
		width: 50%;
	}
	.booking_row label {
		font-size: 16px;
	}
	header {
		height: 150px;
		background-image: none;
	}
	#logo {
		top: 20px;
		left: 50%;
		margin-left: -125px;
	}
	#flags {
		top: 165px;
	}
	#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
		font-size: 14px !important;
	}
}
/***********************************************************************************************************************
                        Media Queries Desktop 560
***********************************************************************************************************************/
@media (max-width: 560px) {
	.booking_row {
		float: none;
		width: 100%;
		text-align: center;
	}
	p {
		text-align: justify;
		font-size: 14px;
		line-height: 25px;
	}
	#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
		font-size: 12px !important;
	}
}

/***********************************************************************************************************************
                        Media Queries Desktop 480
***********************************************************************************************************************/
@media (max-width: 480px) {
	#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
		font-size: 10px !important;
	}
}

/***********************************************************************************************************************
                        Media Queries Desktop 380
***********************************************************************************************************************/
@media (max-width: 380px) {
	#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
		font-size: 9px !important;
	}
}
/***********************************************************************************************************************
                        Media Queries Desktop 340
***********************************************************************************************************************/
@media (max-width: 340px) {
	#text_content table td span strong, #text_content table td p strong, #text_content table td span strong span {
		font-size: 8px !important;
	}
}