@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script&subset=latin,latin-ext);

/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Kaushan Script', cursive;*/

html {background: url(images/bg.jpg) no-repeat 50% 0 #134821;}

body {font-size: 14px; color: #9a8f81; font-family: 'Open Sans', sans-serif; line-height: 1.5; background: url(images/shadow.png) no-repeat 50% -10px transparent;}

.top-bar {padding: 0 54px 0 0; width: 976px; margin: 0 auto;}
	.top-bar ul {text-align: right;}
		.top-bar ul li {display: inline-block; height: 29px; line-height: 29px; padding: 0 0 0 40px; background: url(images/contact-row-ico.png) no-repeat 13px 50% transparent; font-size: 11px; color: #312a21;}
			.top-bar ul li a {color: #312a21; text-decoration: none;}
				.top-bar ul li a:hover {text-decoration: underline;}

header {width: 1034px; height: 336px; margin: 0 auto; background: url(images/top-back.png) no-repeat 0 0 #221e1c;}
	header .left {float: left; width: 270px; padding: 55px 0 0 0;}
		header .left .logo {display: block; text-align: center;}
	header .right {float: right; width: 764px;}
		header .right img {display: block;}

.navigation {width: 1030px; height: 59px; margin: 0 auto; border-bottom: 1px solid #385b3e;}
	.navigation nav {float: left; margin: 0 0 0 54px; width: 785px;}
		.navigation nav ul li {float: left; background: url(images/menu-ico.png) no-repeat 0 50% transparent; padding: 0 0 0 33px; margin: 0 10px 0 0; font-family: 'Kaushan Script', cursive; font-size: 16px; font-weight: 400;}
			.navigation nav ul li a {display: block; height: 59px; line-height: 59px; color: #9f907e; text-decoration: none;}
				.navigation nav ul li a:hover {color: #f5e7d5;}
	.navigation .fb-logo {float: right; margin: 0 45px 0 0; width: 110px; text-align: right; line-height: 59px;}
		.navigation .fb-logo img {vertical-align: middle;}

.icon-box {width: 1034px; margin: 0 auto; padding: 37px 0; border-bottom: 1px solid #385b3e;}
	.icon-box ul {width: 100%; text-align: center;}
		.icon-box ul li {display: inline-block; font-size: 24px; font-family: 'Kaushan Script', cursive; margin: 0 25px;}
			.icon-box ul li a {color: #b4a28c; text-decoration: none;}
				.icon-box ul li a:hover {color: #f5e7d5;}
				.icon-box ul li a .img {display: block; margin: 0 auto; width: 143px; height: 143px; background-position: 0 0;}
				.icon-box ul li a:hover .img {background-position: 0 -143px;}
					.icon-box ul li:nth-child(1) a .img {background-image: url(images/ico-1.png);}
					.icon-box ul li:nth-child(2) a .img {background-image: url(images/ico-2.png);}
					.icon-box ul li:nth-child(3) a .img {background-image: url(images/ico-3.png);}
					.icon-box ul li:nth-child(4) a .img {background-image: url(images/ico-4.png);}

.content {width: 1034px; margin: 0 auto;}
	.content article {float: left; width: 700px; background: url(images/left-col-texture.png) no-repeat 0 59px transparent}
		.content article .wrapper {padding: 20px 38px; min-height: 1200px; background: -moz-linear-gradient(top, rgba(65,56,44,0.74) 0%, rgba(32,28,23,0.74) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,56,44,0.74)), color-stop(100%,rgba(32,28,23,0.74))); background: -webkit-linear-gradient(top,  rgba(65,56,44,0.74) 0%,rgba(32,28,23,0.74) 100%); background: -o-linear-gradient(top,  rgba(65,56,44,0.74) 0%,rgba(32,28,23,0.74) 100%); background: -ms-linear-gradient(top,  rgba(65,56,44,0.74) 0%,rgba(32,28,23,0.74) 100%); background: linear-gradient(to bottom,  rgba(65,56,44,0.74) 0%,rgba(32,28,23,0.74) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd41382c', endColorstr='#bd201c17',GradientType=0 );}
		.content article .wrapper.bottom-ico {padding-bottom: 131px; position: relative;}
		.content article .wrapper.bottom-ico:after {position: absolute; bottom: 89px; left: 50%; display: block; content: ''; width: 40px; height: 151px; background: url(images/news-list-bg.png) no-repeat 0 0 transparent; margin: -20.5px 0 0 -20px;}
			.content article h3 {font-family: 'Kaushan Script', cursive; font-size: 36px; color: #9a8f81; line-height: 1.2; margin: 0 0 20px 0;}
			.content article h4 {font-size: 24px; color: #a5cd3a; margin: 0 0 20px 0; font-weight: 300;}
			.content article ul {list-style: disc; margin: 0 0 20px 25px;}
			.content article p {margin: 0 0 20px 0;}
			.content article b {color: #f5e7d5; font-weight: 300;}
			.content article a {color: #f5e7d5; text-decoration: none;}
				.content article a:hover {text-decoration: underline;}

		.content article .gallery {list-style: none; margin: 0 auto 15px auto; padding: 0; width: 555px;}
			.content article .gallery li {float: left; margin: 5.5px;}
				.content article .gallery li img {display: block;}

	.content aside {float: right; width: 323px;}
		.content aside .wrapper, .rooms, .links {margin: 0 0 25px 0; padding: 33px 16px; background: url(images/gradient-bg.png) repeat-x 0 0 transparent;}

		.news-list li {padding: 0 0 70px 0; margin: 0 0 25px 0; background: url(images/news-list-bg.png) no-repeat 50% 100% transparent;}
			.news-list li p {color: #685f55; font-size: 14px; font-family: 'Open Sans', sans-serif; margin: 0;}
			.news-list li .date {color: #9a8f81; font-size: 18px; font-family: 'Kaushan Script', cursive; margin: 0 0 20px 0;}

		.rooms, .links {padding: 0 16px;}
			.rooms h2, .links h2 {background: none; text-indent: 0; margin: 0 0 20px 0;}
			.rooms li {margin: 0 0 10px 0;}
				.rooms li a {display: block;}
					.rooms li a figure {float: left; width: 165px;}
						.rooms li a figure img {display: block;}
					.rooms li a .txt {float: right; width: 125px; padding: 35px 0 0 0;}
						.rooms li a .txt p {color: #b19f89; font-weight: 300;}
							.rooms li a .txt p span {display: block; color: #685f55; font-style: italic;}

		.links ul {min-height: 250px;}
			.links li {font-size: 14px; font-weight: 300; margin: 0 0 15px 0; padding: 0 0 5px 0;}
				.links li a {color: #b19f89; text-decoration: none;}
					.links li a small {display: block; font-size: 12px; margin: 0 0 5px 0;}

article h1, aside h2 {background: url(images/head-bg.png) repeat-x 0 0 transparent; height: 55px; line-height: 55px; font-size: 18px; font-style: italic; color: #b4a28c; font-weight: 300; text-indent: 38px;}
	aside h2 {text-indent: 23px;}

footer {width: 1034px; margin: 0 auto;}
	footer .container {width: 646px; padding: 45px 27px 55px 27px; float: left; color: #0b0e0a; font-size: 10px; font-family: arial, helvetica, clean;}
		footer .container p {float: left; width: 50%;}
		footer .container p:nth-child(2) {text-align: right;}
		footer .container p img {vertical-align: middle; display: inline-block; margin: 0 2px; position: relative; top: -2px;}

#cookie-bar {background:#111111; height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; z-index: 10000;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

@media (max-width: 1200px) {
  body {width: 1034px;}
}