/* ==========================================================================
	# Fonts
========================================================================== */
@font-face {
	font-family: 'augusta_tworegular';
	src: url('fonts/augusta_two-webfont.woff2') format('woff2'),
		 url('fonts/augusta_two-webfont.woff') format('woff'),
		 url('fonts/augusta_two-webfont.ttf') format('truetype'),
		 url('fonts/augusta_two-webfont.svg#augusta_tworegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
	# General
========================================================================== */
* { margin: 0; padding: 0; outline: 0; }

body, html { height: auto; min-height: 100%; }

body {
	font-size: 13px;
	line-height: 1.2;
	font-family: arial, helvetica, sans-serif; 
	color: #FFF;
	/*min-width: 1000px;*/
	-webkit-text-size-adjust: none;
	background: url(images/aaa.png) repeat-x repeat-y 0 0;
	background-color: #402200;
}

a { color: #ee8113; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

img { height: auto; max-width: 100%; display: block; }
img.alignnone,
img.aligncenter { display: block; margin: 10px auto; }
img.alignleft,
img.alignright { margin: 5px 20px; }
img.alignleft { margin-left: 0; }
img.alignright { margin-right: 0; }

input, textarea, select { font-family: arial, helvetica, sans-serif; font-size: 14px; }
textarea { overflow: auto; }

input, textarea { border-radius: 0; -webkit-appearance: none; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }

.clearfix { *zoom: 1; }
.clearfix:after { content: ''; font-size: 0; line-height: 0; display: block; clear: both; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


h1,
h2,
h3,
h4,
h5 { font-family: 'Bitter', serif; font-weight: normal; }

h1 { font-size: 41px; line-height: 44px; }
h2 { font-size: 38px; line-height: 41px; }
h3 { font-size: 22px; line-height: 25px; }
h4 { font-size: 20px; line-height: 25px; }
h5 { font-size: 17px; line-height: 25px; }
h6 { font-size: 14px; line-height: 25px; font-weight: 500; }

.wrapper { width: 1000px; margin: 0 auto; background: #A75F4A; }

.shell { width: 627px;  margin: 0 auto; }

/* ==========================================================================
	# Header
========================================================================== */
.header { background: url(images/header-bg.png) no-repeat 0 0; }
.header .header-inner { text-align: center; position: relative; min-height: 125px; }
.header .header-inner:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+20,2989d8+50,000000+80&0.85+0,0+32,0+33,0+33,0+33,0+33,0+34,0+34,0+34,0+34,0+35,0+66,0+67,0.86+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.32) 20%, rgba(16,55,86,0) 32%, rgba(17,60,93,0) 33%, rgba(18,65,100,0) 34%, rgba(19,70,107,0) 35%, rgba(41,137,216,0) 50%, rgba(19,64,101,0) 66%, rgba(18,59,94,0) 67%, rgba(0,0,0,0.34) 80%, rgba(0,0,0,0.86) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.32) 20%,rgba(16,55,86,0) 32%,rgba(17,60,93,0) 33%,rgba(18,65,100,0) 34%,rgba(19,70,107,0) 35%,rgba(41,137,216,0) 50%,rgba(19,64,101,0) 66%,rgba(18,59,94,0) 67%,rgba(0,0,0,0.34) 80%,rgba(0,0,0,0.86) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.32) 20%,rgba(16,55,86,0) 32%,rgba(17,60,93,0) 33%,rgba(18,65,100,0) 34%,rgba(19,70,107,0) 35%,rgba(41,137,216,0) 50%,rgba(19,64,101,0) 66%,rgba(18,59,94,0) 67%,rgba(0,0,0,0.34) 80%,rgba(0,0,0,0.86) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#db000000',GradientType=1 ); /* IE6-9 */

}
.header .logo { background: url(images/logo.png) no-repeat 0 0; width: 237px; height: 78px; display: inline-block; text-indent: -9999px; margin-top: 25px; position: relative; z-index: 10; }

.nav { position: relative; background: url(images/navigation-bg.png) no-repeat 0 0; background-size: cover; }
.nav ul { list-style-type: none; list-style-position: inside; text-align: center; }
.nav li { display: inline-block; margin: 6px 35px 6px 0; }
.nav li a { font-family: 'augusta_tworegular', serif; text-transform: uppercase; color: #FFF7B2; text-decoration: none; font-size: 16px; transition: all 0.2s ease-in; display: block; line-height: 1; position: relative; }
.nav li:hover a:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: url(images/active-nav.png) no-repeat 0 0; background-size: contain; }

.lang { position: absolute; top: 0; right: 20px; margin-top: 4px; } 

/* ==========================================================================
	# Content
========================================================================== */
.content { background: url(images/content-bg.jpg) no-repeat 0 0; background-size: cover; height: 588px; }

/* ==========================================================================
	# Section
========================================================================== */
.section { padding-top: 438px; background: rgba(255, 255, 255, .4); position: relative; z-index: 10; }

.entry { text-align: center; background: #402200; border: 1px solid #FCD5A6; padding: 5px; }

/* ==========================================================================
	# Section hotel
========================================================================== */
.section-hotel .hotel-images img { display: inline-block; }
.section-hotel .hotel-images img + img { margin-left: 2%; }
/*.section-hotel .section-body { padding: 30px 0; }*/

/* ==========================================================================
	# Section gallery
========================================================================== */
.section-gallery { padding-top: 0; }

.gallery { padding: 0 20px; }
.gallery li { display: inline-block; vertical-align: top; margin: 15px; width: 122px; height: 92px; overflow: hidden; }

/* ==========================================================================
	# Section contacts
========================================================================== */
.section-contacts { margin-bottom: 20px; overflow: hidden; padding-top: 392px; }
.section-contacts .map { display: inline-block; width: 340px; height: 220px;  }
.section-contacts .contacts { width: 270px; display: inline-block; vertical-align: top; margin-left: 15px; float: right; padding-top: 10px; }
.section-contacts .contacts ul { list-style-type: none; margin: 20px 0; }
.section-contacts .contacts .entry-label { display: inline-block; vertical-align: top; width: 25%; font-weight: bold; }
.section-contacts .contacts .entry-value { display: inline-block; width: 70%; }
.section-contacts .entry { padding: 0; }

/* ==========================================================================
	# Footer
========================================================================== */
.footer { background: url(images/footer-bg.png) 0 0 no-repeat; background-size: cover; height: 50px; text-align: center; color: #F08143; }
.footer .copyright { padding-top: 28px; }

/* ==========================================================================
	# Media queries
========================================================================== */
@media only screen and (max-width: 767px) {
	/*body { min-width: 300px; }*/
	
	.wrapper,
	.shell { width: auto; }
	
	.header { background-position-x: 50%; }

	.nav li,
	.nav li:nth-child(2) { margin-top: 10px; }
	.nav li + li,
	.nav li:nth-child(2) { margin-left: 0; }

	.lang { margin-top: 9px; margin-right: 5px; } 

	.content { background-position: 50% 0; height: auto; min-height: 100%; }

	.section { width: 80%; margin: 0 auto; padding-top: 30px; background: transparent; }

	.section-hotel .hotel-images { width: 250px; margin: 0 auto; }
	.section-hotel .hotel-images img + img { margin: 0; }

	.gallery { padding: 0; }
	.gallery ul { padding: 0; text-align: center; }
	.gallery li { margin: 5px; }

	.section-contacts .map,
	.section-contacts .contacts { float: none; width: auto; display: block; margin: 0 0 20px 0; padding: 10px; }

	.footer .copyright { padding-top: 18px; }
}