@charset "utf-8";
/* CSS Document */

/* GENERAL */

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #756347;
	background: #c43e3d url(../images/pattern-bg.jpg) repeat-x left top;
}

#wrapper {
	width: 873px;
	margin: 0 auto;
}

ul, form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a, input {
	outline: none;
}

.fmic {
	width: 40px;
	background-color: #fff;
	border: solid 1px #c9a779;
	margin: 5px 0;
}

.fmed {
	width: 100px;
	background-color: #fff;
	border: solid 1px #c9a779;
	margin-bottom: 10px;
}

.fmare {
	width: 315px;
	background-color: #fff;
	border: solid 1px #c9a779;
	margin-bottom: 10px;
	overflow: auto;
}

.cul-foot {
	color: #b7a585;
}

.cul-red {
	color: #fd0200;
}

.pdb {
	padding-bottom: 15px;
}

h1 {
	font-size: 18px;
	color: #c9a779;
	line-height: 42px;
	font-weight: normal;
}

h2 {
	color: #c72727;
	font-weight: normal;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
}

#obs, #logomeniu { 
	behavior: url(includes/iepngfix.htc);
}


/* HEADER */

#header {
	width: 873px;
	float: left;
}

	#header #obs {
		width: 501px;
		height: 81px;
		float: left;
		background: url(../images/obs-bg.png) no-repeat left top;
		padding: 15px 0 0 55px;
		color: #fff;
		line-height: 18px;
	}
	
		#header #obs li {
			list-style-type: none;
			background: url(../images/rect-bull.jpg) no-repeat left center;
			padding-left: 12px;
		}
	
	#header #logomeniu {
		width: 317px;
		height: 13px;
		float: left;
		background: url(../images/logo-bg.png) no-repeat left top;
		padding-top: 83px;
	}
	
		#header #logomeniu li {
			list-style-type: none;
			float: left;
		}
		
			#header #logomeniu li a {
				color: #847663;
				text-decoration: none;
				background: url(../images/meniu-bg-up.jpg) no-repeat left 3px;
				padding-left: 15px;
				margin-right: 20px;
			}
			
			#header #logomeniu li a:hover {
				background: url(../images/meniu-bg-over.jpg) no-repeat left 3px;
				color: #c9a779;
			}
			
			
/* CONTENT */

#content {
	width: 873px;
	float: left;
	margin-top: 15px;
}

	#content #content-top {
		width: 873px;
		height: 76px;
		float: left;
	}
	
	#content #content-main {
		width: 873px;
		padding-bottom: 40px;
		float: left;
		background: #fff8eb url(../images/content-main-bg.jpg) no-repeat left bottom;
	}
	
		#content #content-main .mgtop {
			margin-top: 20px;
		}
	
		#content #content-main .menu-head {
			width: 873px;
			height: 51px;
			float: left;
			background: url(../images/meniu-head-bg.jpg) repeat-x left bottom;
		}
		
			#content #content-main .menu-head .menu-title {
				width: 691px;
				float: left;
				padding-left: 20px;
				font-size: 24px;
				color: #c72727;
				line-height: 36px;
			}
			
			#content #content-main .menu-head .menu-pret {
				width: 98px;
				float: left;
				font-size: 18px;
				color: #c9a779;
				line-height: 42px;
			}
			
			#content #content-main .menu-head .menu-portii {
				width: 64px;
				float: left;
				font-size: 18px;
				color: #c9a779;
				line-height: 42px;
			}
			
			#content #content-main .menu-head .menu-input {
				width: 48px;
				float: left;
			}
			
			#content #content-main .menu-head .menu-calit {
				width: 300px;
				float: left;
				padding-left: 20px;
				font-size: 24px;
				color: #c72727;
				line-height: 36px;
			}
			
			#content #content-main .menu-head .menu-pers {
				width: 553px;
				float: left;
				font-size: 18px;
				color: #c9a779;
				line-height: 42px;
			}
			
		#content #content-main .menu-cont {
			width: 838px;
			margin-left: 20px;
			float: left;
			background: url(../images/meniu-cont-bg.jpg) repeat-x left bottom;
			display: inline;
		}
		
			#content #content-main .menu-cont .menu-nume {
				width: 672px;
				float: left;
				line-height: 18px;
				padding: 5px 21px 5px 0;
			}
			
				#content #content-main .menu-cont .menu-nume li {
					list-style-type: none;
					color: #918b83;
					background: url(../images/sag.jpg) no-repeat 20px 7px;
					padding-left: 30px;
				}
				
			
			#content #content-main .menu-cont .menu-cost {
				width: 97px;
				float: left;
				line-height: 18px;
				padding: 5px 0;
			}
			
			#content #content-main .menu-cont .menu-portii {
				width: 47px;
				float: left;
				line-height: 18px;
				padding: 5px 0;
				text-align: center;
			}
			
			#content #content-main .menu-cont .menu-total {
				width: 98px;
				float: left;
				line-height: 18px;
				padding: 5px 0;
				text-align: right;
			}
			
		#content #content-main .menu-calc {
			width: 873px;
			float: left;
			margin-top: 20px;
		}
		
			#content #content-main .menu-calc .menu-tit {
				width: 760px;
				float: left;
				font-size: 18px;
				color: #c9a779;
				line-height: 42px;
				text-align: right;
			}
			
			#content #content-main .menu-calc .menu-tot {
				width: 98px;
				float: left;
				text-align: right;
				line-height: 44px;
			}
			
		#content #content-main .formular {
			width: 510px;
			float: left;
			padding: 10px 0 0 20px;
		}
		
		#content #content-main .jur {
			display: none;
		}
		
			#content #content-main .formular label {
				display: block;
				width: 150px;
				float: left;
			}
			
		#content #content-main .inform {
			width: 320px;
			float: left;
			font-style: italic;
		}
			
	#content #content-bottom {
		width: 873px;
		float: left;
		text-align: center;
		padding: 13px 0 35px 0;
	}
		
		
/* FOOTER */

#footer {
	width: 873px;
	height: 65px;
	float: left;
	border-top: solid 1px #fff8eb;
	padding-top: 10px;
	color: #fff8eb;
	text-align: center;
}

	#footer a {
		color: #fff8eb;
		text-decoration: underline;
	}
	
	#footer a:hover {
		text-decoration: none;
	}	