@charset "utf-8";
/* CSS Document */

/* GENERAL */

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #353535;
	background-color: #fff;
}

ul, ol, form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a, a:active {
	outline: none;
}

img {
	border: none;
}

.clear {
	clear: both;
	height: 0;
}

.cul-red {
	color: #bd0000;
}

.f-l {
	float: left;	
}

.f-r {
	float: right;	
}

.opas {
	display: none;
}

.wpa {
	width: 600px;
	text-align: justify;
}

/* HEADER */

#header-center {
	width: 940px;
	height: 362px;
	margin: 0 auto;
	background-color: #e2e1d7;
	position: relative;
	z-index: 99;
}

	#header-center #header-center-img {
		width: 433px;
		height: 362px;
		float: left;
		position: relative;
	}
	
		#header-center #header-center-img img.logo {
			position: absolute;
			left: 5px;
			top: 234px;
		}
	
	#header-center #header-center-cnt {
		width: 507px;
		height: 362px;
		float: left;
	}
	
		#header-center #header-center-cnt #header-top {
			width: 507px;
			height: 168px;
		}
		
			#header-center #header-center-cnt #header-top #header-menu-top {
				width: 507px;
				padding-top: 25px;
			}
			
				#header-center #header-center-cnt #header-menu-top a {
					display: block;
					float: right;
					margin-right: 15px;
					color: #4f4f4f;
					text-decoration: underline;
					padding-left: 20px;
				}
				
				#header-center #header-center-cnt #header-menu-top a:hover {
					text-decoration: none;
				}
				
				#header-center #header-center-cnt #header-menu-top a.home {
					background: url(../images/icons/home.jpg) no-repeat left center;
				}
				
				#header-center #header-center-cnt #header-menu-top a.contact {
					background: url(../images/icons/contact.jpg) no-repeat left center;
				}
				
				#header-center #header-center-cnt #header-menu-top a.nomarg {
					margin-right: 0;
				}
				
			#header-center #header-center-cnt #header-top #header-newsletter {
				width: 461px;
				height: 65px;
				float: right;
				background: url(../images/newsletter-bg.jpg) no-repeat left top;
				margin-top: 30px;
			}
			
				#header-center #header-center-cnt #header-top #header-newsletter .loading {
					text-align: center;
					padding-top: 17px;
				}
			
				#header-center #header-center-cnt #header-top #header-newsletter #newsl {
					width: 183px;
					height: 65px;
					line-height: 65px;
					float: left;
					text-align: center;
				}
				
				#header-center #header-center-cnt #header-top #header-newsletter #newsc {
					width: 209px;
					height: 29px;
					float: left;
					background: url(../images/form-news-bg.jpg) no-repeat left top;
					margin-top: 17px;
				}
				
					#header-center #header-center-cnt #header-top #header-newsletter #newsc input {
						width: 200px;
						background: none;
						border: none;
						padding: 8px 0 0 9px;
						color: #b9b9b9;
						font-style: italic;
						font-size: 11px;
					}
				
				#header-center #header-center-cnt #header-top #header-newsletter #newsr {
					width: 54px;
					height: 29px;
					float: left;
					margin: 17px 0 0 15px;
				}
				
					#header-center #header-center-cnt #header-top #header-newsletter #newsr a#butnews {
						display: block;
						width: 37px;
						height: 29px;
						background: url(../images/buttons/newsletter-but.png) no-repeat left top;
					}
					
					#header-center #header-center-cnt #header-top #header-newsletter #newsr a#butnews:hover {
						background-position: left bottom;
					}
				
		#header-center #header-center-cnt #header-bottom {
			width: 507px;
			height: 194px;
			background: url(../images/menu-bg.jpg) no-repeat left top;
		}
		
			#header-center #header-center-cnt #header-bottom #header-menu {
				width: 471px;
				height: 56px;
				padding-left: 36px;
			}
			
				#header-center #header-center-cnt #header-bottom #header-menu ul li {
					list-style-type: none;
					height: 56px;
					float: left;
					padding-right: 2px;
					background: url(../images/sep-menu.jpg) no-repeat right top;
				}
				
					#header-center #header-center-cnt #header-bottom #header-menu ul li.last {
						background: none;
					}
			
					#header-center #header-center-cnt #header-bottom #header-menu ul li a {
						display: block;
						height: 56px;
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						line-height: 56px;
						text-align: center;
						font-size: 18px;
						color: #fff;
						text-decoration: none;
					}
					
					#header-center #header-center-cnt #header-bottom #header-menu ul li a.despre {
						width: 102px;
						background: url(../images/buttons/but-despre-bg.jpg) no-repeat left top;
					}
					
					#header-center #header-center-cnt #header-bottom #header-menu ul li a.servicii {
						width: 72px;
						background: url(../images/buttons/but-servicii-bg.jpg) no-repeat left top;
					}
					
					#header-center #header-center-cnt #header-bottom #header-menu ul li a.portofoliu {
						width: 93px;
						background: url(../images/buttons/but-portofoliu-bg.jpg) no-repeat left top;
					}
					
					#header-center #header-center-cnt #header-bottom #header-menu ul li a.recomandari {
						width: 119px;
						background: url(../images/buttons/but-recomandari-bg.jpg) no-repeat left top;
					}
					
					#header-center #header-center-cnt #header-bottom #header-menu ul li a.contact {
						width: 75px;
						background: url(../images/buttons/but-contact-bg.jpg) no-repeat left top;
					}
					
					#header-center #header-center-cnt #header-bottom #header-menu ul li a:hover, #header-center #header-center-cnt #header-bottom #header-menu ul li a.active {
						color: #c10000;
						background-position: left bottom;
					}
					
				
			#header-center #header-center-cnt #header-bottom #header-txt {
				width: 507px;
				height: 138px;
				position: relative;
			}
			
				#header-center #header-center-cnt #header-bottom #header-txt img.gh-st {
					position: absolute;
					top: 30px;
					left: 45px;
				}
				
				#header-center #header-center-cnt #header-bottom #header-txt img.gh-dr {
					position: absolute;
					top: 30px;
					right: 28px;
				}
				
				#header-center #header-center-cnt #header-bottom #header-txt p.gh-txt {
					position: absolute;
					width: 342px;
					top: 45px;
					left: 90px;
					color: #fff;
					font-size: 18px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				}
				
					#header-center #header-center-cnt #header-bottom #header-txt p.gh-txt span {
						vertical-align: top;
					}
					
					#header-center #header-center-cnt #header-bottom #header-txt p.gh-txt img {
						margin-top: 5px;
					}
		

.column {
	width: 50%;
	position: absolute;
	top: 0;
}

.left {
	left: 0;
}
 
.right {
	right: 0;
} 

#leftcol {
	margin-right: 470px; 
	background-color: #fff;
	height: 362px;
	text-align: right;
}

#rightcol {
	margin-left: 469px;
	background: #e2e1d7 url(../images/right-header-bg.jpg) repeat-x left top;
	height: 362px;
}

	#rightcol img {
		position: absolute;
		right: 0;
		top: 114px;
	}
	
	
/* CONTENT */

#content {
	width: 100%;
	min-height: 347px;
	height: auto !important;
	height: 347px;
	padding-bottom: 73px;
	background: #e2e1d7 url(../images/pattern.jpg) repeat-x left bottom;
	position: relative;
	z-index: 100;
}

	#content #content-inner {
		width: 940px;
		margin: 0 auto;
		position: relative;
	}
	
		#content #content-inner a.gal {
			display: block;
			width: 473px;
			height: 393px;
			position: absolute;
			left: -15px;
			top: -44px;
		}
		
		#content #content-inner a.phome {
			background: url(../images/buttons/but-poze-home.png) no-repeat left top;
		}
		
		#content #content-inner a.pdespre {
			background: url(../images/buttons/but-poze-home.png) no-repeat left top;
		}
		
		#content #content-inner a.pservicii {
			background: url(../images/buttons/but-poze-servicii.png) no-repeat left top;
		}
		
		#content #content-inner a.pcontact {
			background: url(../images/buttons/but-poze-contact.png) no-repeat left top;
		}
		
		#content #content-inner a.gal:hover {
			background-position: left bottom;
		}
		
		#content #content-inner a.see {
			color: #bd0000;
			text-decoration: none;
			font-weight: bold;
			padding-left: 10px;
			background: url(../images/icons/red-arrow.jpg) no-repeat left center;
		}
				
		#content #content-inner a.see:hover {
			color: #990000;
			text-decoration: underline;
		}
		
		#content #content-inner a.op {
			color: #6d6d6d;
			text-decoration: underline;
		}
		
		#content #content-inner a.op:hover {
			color: #990000;
		}
		
		#content #content-inner h3.tit {
			color: #bd0000;
			font-size: 22px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding-top: 25px;
		}
		
		#content #content-inner .left-col {
			width: 460px;
			float: left;
			padding: 335px 20px 0 0;
		}
		
		#content #content-inner .right-col {
			width: 460px;
			float: left;
		}
		
		#content #content-inner h6 {
			color: #bd0000;
			font-size: 14px;
			margin: 25px 0 5px 0;
		}
		
		#content #content-inner p {
			line-height: 18px;
		}
		
		#content #content-inner p.desc {
			margin-top: 25px;
		}
		
		#content #content-inner .pad {
			margin-left: 480px;
		}
		
		#content #content-inner .paginatie {
			padding-top: 25px;
		}
		
			#content #content-inner .paginatie a.pag {
				display: block;
				float: left;
				color: #383838;
				font-weight: bold;
				margin-left: 10px;
				text-decoration: none;
				background-color: #c4c4c4;
				padding: 6px 8px;
			}
			
			#content #content-inner .paginatie a.pag:hover {
				color: #fff;
				background-color: #bd0000;
			}
			
			#content #content-inner .paginatie a.pagact {
				display: block;
				float: left;
				color: #fff;
				font-weight: bold;
				margin-left: 10px;
				text-decoration: none;
				background-color: #bd0000;
				padding: 6px 8px;
			}
		
		#content #content-inner .gal-port {
			width: 470px;
			float: left;
			margin-top: 30px;
		}
		
			#content #content-inner .gal-port p {
				line-height: 23px;
			}
		
			#content #content-inner .gal-port .img-gal {
				width: 125px;
				height: 146px;
				float: left;
				background: url(../images/thumb-bg.jpg) no-repeat left top;
				padding: 8px 8px 0 8px;
			}
			
			#content #content-inner .gal-port .img-descr {
				width: 314px;
				float: left;
				padding: 10px 0 0 15px;
				text-align: justify;
			}
			
				#content #content-inner .gal-port .img-descr .img-descr-top {
					width: 314px;
					min-height: 120px;
				}
				
					#content #content-inner .gal-port .img-descr .img-descr-top p.pdr {
						padding-right: 35px;
					}
					
				#content #content-inner .gal-port .img-descr .pl {
					margin-left: 22px;
				}
			
				
		#content #content-inner .parere {
			width: 940px;
			margin-top: 35px;
		}
			
			#content #content-inner .parere p {
				line-height: 23px;
			}
			
			#content #content-inner .parere p.mmt {
				margin-top: 10px;
			}
		
			#content #content-inner .parere .th {
				width: 110px;
				float: left;
			}
			
				#content #content-inner .parere .th img {
					border: solid 1px #c4c3bf;
				}
			
			#content #content-inner .parere .det {
				width: 830px;
				float: left;
			}
				
		#content #content-inner .succes {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 18px;
			margin-top: 30px;
		}
				
		#content #content-inner form {
			margin-top: 30px;
		}
		
		#content #content-inner label {
			display: block;
			width: 60px;
			float: left;
			padding-top: 8px;
		}
		
		#content #content-inner input {
			width: 355px;
			border: solid 1px #c6c5ba;
			padding: 3px;
			margin-top: 5px;
		}
		
		#content #content-inner textarea {
			width: 355px;
			padding: 3px;
			border: solid 1px #c6c5ba;
			margin-top: 5px;
			overflow: auto;
		}
		
		#content #content-inner .margs {
			width: 364px;
			margin: 25px 0 0 60px;
		}
		
		#content #content-inner .imgf {
			width: 120px;
			float: left;
		}
		
		#content #content-inner .fsm {
			width: 162px;
			float: left;
		}
		
			#content #content-inner .fsm input.fsmall {
				width: 112px;
				padding: 4px;
				margin-top: 2px;
			}
			
		#content #content-inner .fbut {
			width: 82px;
			float: left;
		}
		
			#content #content-inner .fbut a#butcont {
				display: block;
				width: 77px;
				height: 29px;
				background: url(../images/buttons/trimite-but.png) no-repeat left top; 
			}
		
			#content #content-inner .fbut a#butcont:hover {
				background-position: left bottom; 
			}


/* FOOTER */

#footer-top {
	width: 941px;
	height: 47px;
	margin: 0 auto;
}

.others {
	padding-top: 18px;
	background: url(../images/footer-top-bg.jpg) no-repeat left top;
}

.serv {
	background: url(../images/footer-top-serv-bg.jpg) no-repeat left top;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 47px;
}

	#footer-top ul li {
		list-style-type: none;
		float: left;
		width: 175px;
		height: 31px;
		background: url(../images/sep-footer-bg.jpg) no-repeat right top;
		padding: 0 30px;
		font-weight: bold;
	}
	
	#footer-top ul li.last {
		background: none;
	}
	
#footer-txt {
	width: 920px;
	padding: 35px 0 35px 20px;
	margin: 0 auto;
}

#footer {
	width: 100%;
	height: 75px;
	background: url(../images/footer-bg.jpg) repeat-x left top;
}

	#footer #footer-inner {
		width: 940px;
		height: 75px;
		margin: 0 auto;
	}

		#footer #footer-inner #footer-left {
			width: 450px;
			height: 75px;
			line-height: 75px;
			float: left;
			padding-left: 20px;
		}
	
		#footer #footer-inner #footer-right {
			width: 470px;
			height: 75px;
			line-height: 75px;
			float: right;
			text-align: right;
		}
		
			#footer #footer-inner #footer-right a {
				color: #bd0000;
				text-decoration: none;
			}
			
			#footer #footer-inner #footer-right a:hover {
				color: #990000;
			}
.alb {color: #ffffff; text-decoration: none;}
a.alb:hover {text-decoration: underline;}      