@charset "utf-8";
/* CSS Document */

body { margin:0; font-family:Tahoma; background:#ffffff url(../images/bg_page.gif) repeat-x top left; }

#container { width:758px; }

#header { height:119px; overflow:hidden; margin-top:4px; }

#menu { height:26px; overflow:hidden; position:relative; background:url(../images/bg_menu.gif) no-repeat; }
#menu  .menuItems { position:absolute; top:0; left:0; height:26px; }
#menu  .menuItems ul { margin:0; padding:0 }
#menu  .menuItems ul li { margin:0; padding:0; width:123px; font-size:13px; line-height:26px; text-align:center; float:left; list-style:none; } 
#menu  .menuItems ul li a { color:#FFFFFF; text-decoration:none }
#menu  .menuItems ul li a:hover { color:#ffeeb1; text-decoration:none }
#menu .sitemap { width:33px; height:15px; position:absolute; bottom:0; right:5px; }
#menu .contact { width:33px; height:15px; position:absolute; bottom:0; right:44px; }

#mainContent { background: #1b1b1b url(../images/bg_content.gif) no-repeat bottom left; padding:24px; text-align:left; }
#mainContent .contentInner {}
#mainContent h1 { color:#ffeeb1; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; line-height:30px; margin:5px 0; }
#mainContent h2 { color:#ffc600; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; line-height:20px; margin:3px 0; }
#mainContent h2 span {font-size:16px; font-weight:normal; line-height:20px; margin:3px 0; }
#mainContent h3 { color:#ffc600; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:16px; margin:1px 0; }
#mainContent p { color:#FFFFFF; font-size:11px; margin:5px 0; line-height:18px; }
#mainContent ul { margin:0 0 0 15px; padding:0 }
#mainContent ul li { list-style:none; color:#FFFFFF; font-size:11px; margin:0; padding:2px 0 0 15px; background:url(../images/bullet.gif) no-repeat 0 2px; }
#mainContent a { color:#ffc600; text-decoration:none }
#mainContent a:hover { color:#ffeeb1; text-decoration:none }


#mainContent .splitContent { float:left; width:530px; margin-right:24px; }
#mainContent .splitMenu { background:url(../images/bg_menu2.gif) no-repeat top left; width:155px; height:200px; min-height:200px; float: left;}
#mainContent .splitMenu ul { margin:20px 0 0 20px; padding:0; }
#mainContent .splitMenu ul li { font-size:11px; padding:3px 0 4px 8px; margin:0; line-height:18px; list-style:none; background:url(../images/bullet1.gif) no-repeat 0 9px; }
#mainContent .splitMenu ul li ul { margin:0 0 0 10px;  padding:0; }
#mainContent .splitMenu ul li ul li { font-size:11px; padding:2px 0 2px 0px; margin:0; line-height:14px; list-style:none; border-bottom:1px dotted #292929; background:none }
#mainContent .splitMenu ul li ul li ul { margin:0 0 5px 10px;  padding:0; }
#mainContent .splitMenu ul li ul li ul li { font-size:11px; padding:2px 0 2px 0px; margin:0; line-height:14px; list-style:none; border-bottom: none; background:none }
#mainContent .splitMenu ul li a { color:#ffeeb1; text-decoration:none; font-weight:bold}
#mainContent .splitMenu ul li ul li a { color:#FFFFFF; text-decoration:none; font-weight:normal }
#mainContent .splitMenu li a:hover, #mainContent .splitMenu a#active, #mainContent .splitMenu a#active { color:#ffc600; text-decoration:none }

#mainContent .picDiv { margin:10px 0; }
#mainContent .picDiv img { float:left; }
#mainContent .picDiv ul { float:left; margin:0 0 0 10px; }
#mainContent .picDiv ul li  { float:left; margin:0 0 0 20px; border-bottom:1px dotted #292929; line-height:15px; width:178px; background:none; padding:9px 0 9px 22px; }
#mainContent .picDiv ul li.PDF { background:url(../images/ico_pdf.gif) no-repeat 0 10px; }
#mainContent .picDiv ul li.DOC { background:url(../images/ico_doc.gif) no-repeat 0 10px; }

#mainContent .productsDiv { margin:5px 0; padding:15px 0 0 15px ; background:url(../images/bg_produs.gif) no-repeat top left }
#mainContent .productsDiv h2 { color:#ffc600; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:18px; margin:0px 0; }
#mainContent .productsDiv h3 { color:#ffeeb1; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:16px; margin:0px 0; }

#mainContent .tableDetalii th { background:#598527; color:#FFFFFF; font-weight:bold; font-size:11px; padding:5px; text-align:center }
#mainContent .tableDetalii td { background:#2d2d2d; color:#FFFFFF; font-weight:normal; font-size:10px; padding:3px; text-align:left }
#mainContent .tableDetalii td.td1 { background:#305810; color:#FFFFFF; font-weight:bold; font-size:11px; padding:5px; text-align:center }
#mainContent .tableDetalii td.tdEmpty { background:none; }

#content2 { padding:15px 24px; text-align:left }
#content2 div.div1 { margin-right:24px; width:331px; float:left }
#content2 div.div2 { margin-left:24px; width:331px; float:left }
#content2 h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; line-height:30px; margin:5px 0; border-bottom:3px solid #d4d4d4 }
#content2 h1 span { float:right }
#content2 div.div1 h1 { color:#598527 }
#content2 div.div2 h1 { color:#e85814 }
#content2 p { color:#1b1b1b; font-size:11px; margin:5px 0; line-height:18px; }
#content2 p img { float:right; margin-left:10px; }
#content2 .hr1 { background:#e4e4e4; height:1px; margin:10px 0; clear:both }

#content2 form.contact { margin:0; padding:0 }
#content2 form.contact label { color:#1b1b1b; font-size:11px; line-height:15px; margin:0; display:block } 
#content2 form.contact label span { color:#e85814 }
#content2 form.contact input, #content2 form.contact textarea, #content2 form.contact select { color:#1b1b1b; font-size:11px; margin:0 0 7px 0; background:#f3f9fb; border:1px solid #9f9f9f; padding:2px; display:block }
#content2 p a { color:#e85814; text-decoration:none; }
#content2 p a:hover { color:#e85814; text-decoration:underline; }

#footer { border-top:3px solid #d4d4d4; margin:15px 0; text-align:left; color:#8a8a8a; font-size:11px; padding: 10px 24px; }
#footer span { float: right }
#footer a { color:#8a8a8a; text-decoration:none }
#footer a:hover { color:#8a8a8a; text-decoration:underline }

span.colorLightGreen { color:#598527 }
span.colorDarkGreen { color:#355b28 }

.cleaner { clear: both }
.cleanerLeft { clear: left }
.cleanerRight { clear: right }

.imgFltRight { float:right; border:3px solid #3a3b3f; margin: 0 0 0 20px; }

a.detalii{
background: transparent url('../images/bullet_detalii.gif') no-repeat; 
background-position: 100% 4px;
display: block;
float: right;
height: 20px;
margin-left: 6px;
padding-right: 11px;
text-decoration: none;
color: #e85814;
font-size:11px;
text-decoration:none
}
a.detalii:hover { text-decoration:underline }

a.button{
background: transparent url('../images/btn_right.gif') no-repeat scroll top right; 
display: block;
float: right;
height: 25px;
margin-left: 6px;
padding-right: 22px;
text-decoration: none;
color: #FFFFFF;
font-size:11px;
}
a.button:hover { text-decoration:none; color:#ffeeb1 }
a.button span {
background: transparent url('../images/btn_left.gif') no-repeat; 
display: block;
line-height: 12px;
padding: 4px 0 4px 22px;
}

a.button2{
background: transparent url('../images/btn_right2.gif') no-repeat scroll top right; 
display: block;
float: right;
height: 25px;
margin-left: 6px;
padding-right: 22px;
text-decoration: none;
color: #FFFFFF;
font-size:11px;
}
a.button2:hover { text-decoration:none; color:#ffeeb1 }
a.button2 span {
background: transparent url('../images/btn_left2.gif') no-repeat; 
display: block;
line-height: 12px;
padding: 4px 0 4px 22px;
}

a.button3{
background: transparent url('../images/btn_right3.gif') no-repeat scroll top right; 
display: block;
float: right;
height: 25px;
margin-left: 6px;
padding-right: 22px;
text-decoration: none;
color: #FFFFFF;
font-size:11px;
}
a.button3:hover { text-decoration:none; color:#ffeeb1 }
a.button3 span {
background: transparent url('../images/btn_left3.gif') no-repeat; 
display: block;
line-height: 12px;
padding: 4px 0 4px 22px;
}

a.button4{
background: transparent url('../images/btn_right2.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 25px;
margin-right: 6px;
padding-right: 22px;
text-decoration: none;
color: #FFFFFF;
font-size:11px;
}
a.button4:hover { text-decoration:none; color:#ffeeb1 }
a.button4 span {
background: transparent url('../images/btn_left2.gif') no-repeat; 
display: block;
line-height: 12px;
padding: 4px 0 4px 22px;
}


#feat-work {
	width: 428px;
	height: 216px;
	background: url(../images/bg-ourwork.png) 0 0 no-repeat;
	z-index: 10;
	overflow: hidden;
	position:relative;
}
#next, #prev {
	display: block;
	width: 31px;
	text-indent:-9000px;
	outline: none;
	height: 26px;
}
#next {
	background: url(../images/arrows-right.gif) 0 0 no-repeat;
	float: right;
	margin: 35px 0px 0 0;
}
#next:hover { background: url(../images/arrows-right2.gif) 0 0 no-repeat; }
#prev {
	background: url(../images/arrows-left.gif) 0 0 no-repeat;
	float: left;
	margin: 35px 0 0 0px;
}
#prev:hover { background: url(../images/arrows-left2.gif) 0 0 no-repeat; }
#work-mask {
	overflow: hidden;
	width: 350px;
	position: relative;
	height: 87px;
	float: left;
	margin: 10px 0 0 0px;
}
#work-scroll {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000px;
}
#work-scroll div {
	width: 345px;
	padding:15px 0 0 15px ; background:url(../images/bg_produs.gif) no-repeat top left;
	height:80px;
	color:#FFFFFF;
	font-size:10px;
	float:left;
	margin:0 5px;	
}
#work-scroll div h2 { color:#ffc600; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; line-height:18px; margin:1px 0 5px 0; }
#work-scroll div h3 { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; line-height:16px; margin:0px 0; }
#work-scroll div p{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:14px; margin:1px 0; }
#work-scroll a:hover img {
	background: #b36100;
}

p.phone { padding-left:18px; background:url(../images/ico_phone.gif) no-repeat 0 6px; }
p.mobile { padding-left:18px; background:url(../images/ico_mobile.gif) no-repeat 2px 5px; }
p.email { padding-left:18px; background:url(../images/ico_email2.gif) no-repeat 0 6px; }
p.address { padding-left:18px; background:url(../images/ico_home.gif) no-repeat 0 5px; }
