@charset "utf-8";
/* CSS Document */

/* GENERAL */

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #024901 url(../images/pattern-bg.jpg) repeat-x left top;
}

ul, ol, form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a, a:active {
	outline: none;
}

img {
	border: none;
}

.f-l {
	float: left;
}

.f-r {
	float: right;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}


/* HEADER HOME */

#header {
	width: 960px;
	height: 400px;
	position: relative;
	background: url(../images/header-home-bg.png) no-repeat right top;
}

	#header .hpos {
		position: absolute;
		left: -160px;
		top: 0;
		z-index: 1;
	}
		
	#header .logo {
		position: absolute;
		left: 37px;
		top: 37px;
		z-index: 2;
	}
	
	#header .slogan {
		position: absolute;
		left: 250px;
		top: 118px;
	}
	
	#header .imgb {
		position: absolute;
		right: -40px;
		bottom: 0;
	}
	
	#header h1 {
		width: 255px;
		color: #fff;
		font-size: 22px;
		font-weight: normal;
		position: absolute;
		left: 250px;
		top: 181px;
	}
	
	#header p.data {
		position: absolute;
		left: 250px;
		top: 281px;
		font-weight: bold;
		color: #bbe4bb;
	}
	
	#header p.anunt {
		position: absolute;
		left: 250px;
		top: 300px;
		width: 195px;
		color: #fff;
		font-size: 16px;
		font-style: italic;
	}
	
	#header #comenzi {
		width: 210px;
		height: 188px;
		position: absolute;
		left: 0;
		top: 182px;
		background: url(../images/comenzi-bg.png) no-repeat left top;
	}
	
		#header #comenzi a {
			display: block;
			width: 172px;
			height: 42px;
			position: absolute;
			left: 20px;
			top: 127px;
			background: url(../images/butoane/but-meniul-casei.png) no-repeat left top;
		}
		
		#header #comenzi a:hover {
			background-position: left bottom;
		}
	
	#header #meniu {
		width: 650px;
		position: absolute;
		left: 310px;
		top: 0;
		z-index: 99;
	}
	
		#header #meniu a {
			display: block;
			height: 56px;
			float: left;
		}
		
		#header #meniu a.despre {
			width: 129px;
			background: url(../images/butoane/but_desprenoi.png) no-repeat left top;
		}
		
		#header #meniu a.comanda {
			width: 113px;
			background: url(../images/butoane/but_comanda.png) no-repeat left top;
		}
		
		#header #meniu a.oferte {
			width: 85px;
			background: url(../images/butoane/but_oferte.png) no-repeat left top;
		}
		
		#header #meniu a.cos {
			width: 178px;
			background: url(../images/butoane/but_coscumparaturi.png) no-repeat left top;
		}
		
		#header #meniu a.contact {
			width: 103px;
			background: url(../images/butoane/but_contact.png) no-repeat left top;
		}
		
		#header #meniu a:hover, #header #meniu a.activ {
			background-position: left bottom;
		}
		

/* CONTENT HOME */

.content-tb {
	width: 960px;
	height: 9px;
}

#content {
	width: 930px;
	padding: 14px 14px 0 14px;
	border-left: solid 1px #033e02;
	border-right: solid 1px #033e02;
	background-color: #fff;
	line-height: 18px;
}

#content a.gr {
	display: block;
	color: #146b91;
	text-decoration: none;
	text-indent: 9px;
	background: url(../images/green-check.png) no-repeat left 5px;
}

#content a.gr:hover {
	color: #033d02;
}


	#content .oferta {
		width: 212px;
		float: left;
		position: relative;
		margin-right: 24px;
	}
	
		#content .oferta h3 {
			position: absolute;
			left: 10px;
			bottom: 10px;
			color: #fff;
			font-weight: normal;
			font-size: 20px;
		}
		
		#content .oferta a {
			position: absolute;
			left: 0;
			top: 173px;
		}
		
	#content .despre {
		width: 220px;
		float: left;
		margin-right: 23px;
	}
	
		#content .despre h3 {
			font-weight: normal;
			font-size: 20px;
			margin-bottom: 15px;
		}
		
		#content .despre .bgr {
			width: 216px;
			height: 130px;
			background-color: #033d02;
			padding: 2px;
			margin-bottom: 8px;
		}
		
			#content .despre .bgr p {
				height: 108px;
				color: #fff;
				border: solid 1px #5b815a;
				padding: 10px;
			}
			
	#content .meniu {
		width: 216px;
		float: left;
		margin-right: 15px;
	}
	
		#content .meniu li {
			list-style-type: none;
			padding: 8px 0;
			font-weight: bold;
			background: url(../images/despartitor.jpg) no-repeat left bottom;
		}
		
		#content .meniu li.last {
			background: none;
		}
		
	#content .servicii {
		width: 220px;
		float: left;
		position: relative;
	}
	
		#content .servicii h3 {
			position: absolute;
			left: 12px;
			top: 12px;
			color: #fff;
			font-weight: normal;
			font-size: 20px;
		}
		
			#content .servicii h3 a {
				color: #fff;
				text-decoration: none;
			}
		
		#content .servicii p {
			position: absolute;
			left: 12px;
			top: 40px;
			color: #fff;
		}
			
		
/* FOOTER */

#footer {
	width: 960px;
	height: 60px;
	padding-top: 10px;
	margin-top: 10px;
	border-top: solid 1px #356d34;
}

	#footer #footer-left {
		width: 400px;
		float: left;
		background: url(../images/logo-small.png) no-repeat 10px top;
		color: #9dbb99;
		padding-left: 90px;
		line-height: 18px;
		padding-top: 7px;
	}
	
		#footer #footer-left a {
			color: #9dbb99;
			text-decoration: none;
			margin-right: 8px;
		}
		
		#footer #footer-left a:hover {
			text-decoration: underline;
		}
		
	#footer #footer-right {
		width: 470px;
		float: left;
	}
	
		#footer #footer-right #newsletter-footer {
			width: 220px;
			height: 29px;
			float: left;
		}
		
			#footer #footer-right #newsletter-footer .loading {
				text-align: center;
				padding-top: 10px;
				color: #fff;
			}
	
			#footer #footer-right #newsletter-footer #newsletter {
				width: 220px;
				height: 29px;
				margin-top: 10px;
				background: url(../images/newsletter-bg.png) no-repeat left top;
			}
		
				#footer #footer-right #newsletter-footer #newsletter #newsletterinp {
					float: left;
					width: 138px;
				}
		
					#footer #footer-right #newsletter-footer #newsletter #newsletterinp input {
						width: 118px;
						padding: 5px 10px;
						background: none;
						border: none;
						color: #666;
					}
				
				#footer #footer-right #newsletter-footer #newsletter #newsletterbut {
					float: left;
					width: 82px;
				}
			
					#footer #footer-right #newsletter-footer #newsletter #newsletterbut a {
						display: block;
						width: 80px;
						height: 25px;
						margin-top: 2px;
						background: url(../images/butoane/but-newsletter.jpg) no-repeat left top;
					}
					
					#footer #footer-right #newsletter-footer #newsletter #newsletterbut a:hover {
						background-position: left bottom;
					}
			
		#footer #footer-right #fobia {
			width: 250px;
			float: left;
			text-align: right;
			color: #9dbb99;
			line-height: 18px;
			padding-top: 7px;
		}
		
			#footer #footer-right #fobia img {
				vertical-align: middle;
			}