/* Design styles  */

* {
	margin: 0;
	padding: 0;
}

a img, fieldset { border: none; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 1.3;
	color: #614943;
}
td, input, select, textarea {
	font-size: 1em;
}
a { color: #8b4232; }

.invert:link { text-decoration: none; }
.invert:hover { text-decoration: underline; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #755d57;
	margin: 0 0 0.4em;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #242221;
	margin: 0 0 0.5em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	color: #3f3d36;
	margin: 0 0 0.6em;
}
.floatL { float: left; margin-right: 10px; }
.floatL img { border: 1px solid #d0c2b0; }
.floatR { float: right; margin-left: 10px; }
.floatR img { border: 1px solid #d0c2b0; }

.h100 { height: 100%; }

/* cms styles */
.title { margin-bottom: 3px; font-weight: bold; font-size: 130%; }
.title a, .title a:link, .title a:visited { text-decoration: underline; }
.title a:active, .title a:hover { text-decoration: none; }

.more { margin-top: 3px; font-weight: bold; }
.more a, .more a:link, .more a:visited { text-decoration: underline; }
.more a:active, .more a:hover { text-decoration: none; }

.empty { text-align: center; margin-top: 50px; margin-bottom: 50px; }

.message { color: #009900; }
.errors { color: #990000; }

.navigator { /*font-size: 10px; margin-left: 7px;*/ }
.navigator a, .navigator a:link, .navigator a:visited { /*color: #000000;*/ text-decoration: underline; }
.navigator a:active, .navigator a:hover { text-decoration: none; }

.hilight { background-color: #000000; color: #FFFFFF; /*font-weight: bold;*/ }
.searchResult dt { font-weight: bold; }
.searchResult dd { margin-left: 0px; }
.searchResult dd ul { margin-bottom: 5px; margin-top: 5px; }
/* end cms styles */

/* this class should be placed on a div or break element and should be the final element
before the close of a container that should fully contain a float */
.clearfloat {
	clear: both;
	display: block;
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
}

.wrap1 { background: url(/design/img/bg-head-01.jpg) 50% 0 no-repeat; }
	.wrap2 { background: url(/design/img/bg-head-02.jpg) 50% 160px no-repeat; }
		.wrap3 { background: url(/design/img/bg-head-03.jpg) 50% 340px no-repeat; }
			.wrap4 { background: url(/design/img/bg-house-left.png) 0 0 no-repeat; }
				.wrap5 { background: url(/design/img/bg-trees-right.png) 100% 0 no-repeat; }

#header { height: 250px; position: relative; }

	#logo { position: absolute; top: 0px; left: 17px; }
	#turkey { position: absolute; top: 41px; right: 20px; }
	#icons { position: absolute; top: 66px; left: 286px; }
		#icons ul { list-style: none; overflow: hidden; }
		#icons li {
			float: left;
			margin-left: -1px;
			padding: 0 17px 0 25px;
			background: url(/design/img/icons-div.png) 0 100% no-repeat;
		}
		#icons li a { display: block; }

/* min-height: 450px; */
#inn { background: #ebe5c8 url(/design/img/bg-content.jpg); }
	.inn-left {
		background: url(/design/img/bg-content-l.png) 0 0 repeat-y;
	}
	.inn-right {
		background: url(/design/img/bg-content-r.png) 100% 0 repeat-y;
	}
	.logo-stamp {
		padding: 0px 65px 0 66px;
		position: relative;
		min-height: 440px;
		background: url(/design/img/logo-stamp.png) 100% 0 no-repeat;
	}

	.inn-ctl { position: absolute; top: 0px; left: 0px; }
	.inn-ctr { position: absolute; top: 0px; right: 0px; }
	.inn-cbl { position: absolute; bottom: 0px; left: 0px; }
	.inn-cbr { position: absolute; bottom: 0px; right: 0px; }

/********** center column ***********/

.slogan {
	font-size: 1.1em;
	color: #79746e;
	padding-top: 20px;
	height: 4em;
}
	.slogan p {
		padding-left: 15px;
		background: url(/design/img/mark-slogan.png) 0 4px no-repeat;
	}

.more2, .more2:link { text-decoration: underline; font-weight: bold; }

#content p { margin-bottom: 1em; text-align: justify; }

.news-block {
	margin-left: -30px;
	padding-left: 30px;
	padding-top: 14px;
	background: url(/design/img/bg-news.png) 0 0 no-repeat;
}
	.news-block h2 { color: #242221; }
	.news-block .item { margin-bottom: 1em; }
	.date {
		background: url(/design/img/icon-date.png) 0 1px no-repeat;
		padding-left: 17px;
		font-family: Arial, Helvetica, sans-serif;
	}

/********** left column ***********/

#col-left ul { list-style: none; margin-bottom: 25px; }
#col-left li { background: url(/design/img/menu-horiz.png) 11px 18px no-repeat; margin-bottom: 3px; }

.recepts-block h2 { color: #843627; }
.recepts-block .item {
	font-size: 115%;
	overflow: hidden;
	margin-bottom: 1em;
	padding-top: 1.2em;
	background: url(/design/img/menu-horiz2.png) 0 0 repeat-x;
}
.recepts-block .first { padding-top: 0; background: none; }
/* ie6 does not understand css2-selector like this: ".recepts-block .item + .item"
 * expressions, in this case, brings new problems =), so we had to use ".first" class
 */
/*.recepts-block .item + .item {
	padding-top: 1em;
	background: url(/design/img/menu-horiz2.png) 0 0 repeat-x;
}*/

/********** right column ***********/

.hot { width: 193px; height: 124px; margin-bottom: 15px; font-size: 110%;}
.hot1 { background: url(/design/img/hot-button-01.png) 0 0 no-repeat; }
.hot2 { background: url(/design/img/hot-button-02.png) 0 0 no-repeat; }
	.hot h2 {
		color: #80623b;
		margin: 0;
		padding: 20px 0 5px 20px;
	}
	.hot a {
		display: block;
		color: #60524c;
		margin: 0 67px 0 30px;
	}

#login-form {
	margin-right: -4px;
}
#login-form .field {
	float: left;
	background: url(/design/img/field-left.png) 0 0 no-repeat;
	width: 93px;
	margin-right: 4px;
}
	#login-form .field div {
		height: 20px;
		padding-left: 10px;
		padding-right: 10px;
		background: url(/design/img/field-right.png) 100% 0 no-repeat;
	}
		#login-form .field  div input {
			border: 0;
			border-top: 1px solid #bfaa98;
			width: 100%;
			font-size: 10px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			color: #b19c8b;
			padding-top: 3px; padding-bottom: 4px;
		}
	#login-form p {
		clear: both;
		padding-top: 10px;
		text-align: left;
	}
		#login-form p input { float: right; vertical-align: middle; margin-right: 10px; }

/********** footer ***********/

#footer a { color: #ffffff; }
.footer-l { background: url(/design/img/bg-footer-l.png) 0 0 no-repeat; }
.footer-r { background: url(/design/img/bg-footer-r.png) 100% 0 no-repeat; padding: 43px 10px 0px; }
	#footer .made { float: left; width: 290px; }
	#footer .copy { float: left; }
	#footer span { color: #ffee5d; }
	#footer .banners { float: right; }
		.banners ul { list-style: none; overflow: hidden; margin-right: -19px; }
		.banners li {
			float: left;
			padding: 0 20px;
			margin-right: -1px;
			background: url(/design/img/ban-div.png) 100% 0 no-repeat;
		}

/*========================================*/

#login-form .fields {
	float: left;
}

.date {
}
.crumbs {
	font-size: 110%;
	margin-bottom: 0.4em;
}
.calendar {
	padding-left: 20px;
	font-size: 115%;
	margin-bottom: 15px;
}

#col-left h2 {
	font-size: 1.2em;
	color: #614943;
}

#content table table {
	border: none;
}
#content table table td {
	border: none;
}
.more {
}
.logout {
	float: right;
}
.submenu {
	padding-left: 15px;
}
a, a:link, a:visited {
	text-decoration: underline;
}
a:active, a:hover {
	text-decoration: none;
}
.kitchens {
	padding-left: 15px;
}
.padded {
}
#content td img {
	margin: 5px;
	border: 1px solid #8B4232;
}
#content td.padded img {
	border: none;
}
#content td.padded img.bordered, .item img {
	border: 1px solid #8B4232;
}

.icon-home { background: url(/design/img/icon-home.png) 0 0 no-repeat; }
.icon-home-active { background: url(/design/img/icon-home-hover.png) 0 0 no-repeat; }
.icon-mail { background: url(/design/img/icon-mail.png) 0 0 no-repeat; }
.icon-mail-active { background: url(/design/img/icon-mail-hover.png) 0 0 no-repeat; }
.icon-search { background: url(/design/img/icon-search.png) 0 0 no-repeat; }
.icon-search-active { background: url(/design/img/icon-search-hover.png) 0 0 no-repeat; }

.production_table {
	float: left;
	width: 160px;
	height: 140px;
}
#production {
	width: 99%;
	pading-right: 190px;
	overfollow: hidden;
}
#banner {
	margin-bottom: 27px;
	margin-left: -10px;
}