/* css-w-colour - 0.2 - casacolor (ro) - liv */

* { margin:0; padding:0; }

body { background:#E3E8D7; color:#222; font-family:Arial, sans-serif; }

.clearing { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }

a { color:#666; }
a:hover { color:#888; }
a img { border:0; }

#page { width:980px; padding-top:30px; margin:0 auto; text-align:left; }

#wrapTop { width:980px; height:10px; background:url(bg_wrap_top.jpg) no-repeat; }
#wrapBottom { width:980px; height:10px; background:url(bg_wrap_bottom.jpg) no-repeat; }
#wrap { width:980px; background:#FFF url(bg_wrap_middle.jpg) repeat-y; }
#wrap .padding { margin:0 10px 0 10px; }

#header { width:940px; padding:10px 10px 0 10px; }
#header #logo { float:left; width:153px; height:107px; position:relative; top:8px; left:25px; z-index:1000; }
#header #inner { float:right; width:600px; }
#header #inner ul { float:left; position:relative; top:8px; left:11px; color:#666; font-size:12px; list-style:none; }
#header #inner ul a.cerere { font-size:14px; color:#333; }
#header #inner ul li { display:block; background:url(icon_arrow1.png) no-repeat center left; padding:0 0 0 10px; margin:0 0 10px 0; }
#header #inner ul li a {  text-decoration:none;  }
#header #inner form { float:right; position:relative; top:14px; right:12px; }
#header #inner #menu { width:623px; height:45px; padding:5px 0 0 0; background:url(bg_menu.png) repeat-x; position:relative; top:15px; left:-10px; }
#header #inner #menu a { display:block; float:left; text-indent:-9999px; margin:0 15px 0 21px; }
#header #inner #menu a.primaPagina { width:90px; height:34px; background:url(bg_menu_links.png) 0 0 no-repeat; }
#header #inner #menu a.despreNoi { width:75px; height:20px; background:url(bg_menu_links.png) -90px 0 no-repeat; }
#header #inner #menu a.produse { width:55px; height:20px; background:url(bg_menu_links.png) -165px 0 no-repeat; }
#header #inner #menu a.proiecte { width:64px; height:20px; background:url(bg_menu_links.png) -220px 0 no-repeat; }
#header #inner #menu a.sfaturi { width:54px; height:20px; background:url(bg_menu_links.png) -280px 0 no-repeat; }
#header #inner #menu a.contact { width:65px; height:20px; background:url(bg_menu_links.png) -332px 0 no-repeat; }
#header #inner #menu a.primaPaginaActive, #header #inner #menu a.primaPagina:hover { width:90px; height:20px; background:#282A6F url(bg_menu_links_active.png) 0 0 no-repeat; }
#header #inner #menu a.despreNoiActive, #header #inner #menu a.despreNoi:hover { width:75px; height:20px; background:url(bg_menu_links_active.png) -90px 0 no-repeat; }
#header #inner #menu a.produseActive, #header #inner #menu a.produse:hover { width:55px; height:20px; background:url(bg_menu_links_active.png) -165px 0 no-repeat; }
#header #inner #menu a.proiecteActive, #header #inner #menu a.proiecte:hover { width:64px; height:20px; background:url(bg_menu_links_active.png) -220px 0 no-repeat; }
#header #inner #menu a.sfaturiActive, #header #inner #menu a.sfaturi:hover { width:54px; height:20px; background:url(bg_menu_links_active.png) -280px 0 no-repeat; }
#header #inner #menu a.contactActive, #header #inner #menu a.contact:hover { width:65px; height:20px; background:url(bg_menu_links_active.png) -332px 0 no-repeat; }

#img { position:relative; top:5px; left:-5px; padding:0 0 30px 0; }

#content { font-size:12px; color:#333; line-height:22px; padding:0 20px 0 30px; }

#content h1.pink { color:#CC0066; font-size:26px; font-weight:normal; letter-spacing:-1px; margin:0 0 30px 0; }
#content h1.red { color:#990000; font-size:26px; font-weight:normal; letter-spacing:-1px; margin:0 0 30px 0; }
#content h1.blue { color:#1174D7; font-size:26px; font-weight:normal; letter-spacing:-1px; margin:0 0 30px 0; }
#content hr { border:0; width:969px; height:5px; background:url(hr.jpg) no-repeat; position:relative; top:39px; left:-35px; z-index:1000; }
#content .box, #content .box2 { float:left; width:250px; margin:0 35px 0 0; font-size:13px; }
#content .box3 { float:right; width:300px; margin:0 0 0 25px; font-size:13px; }
#content .box ul, #content .box2, #content .box3 { list-style:none; }
#content .box ul li, #content .box2 ul li { display:block; background:url(icon_arrow.png) no-repeat top left; padding:0 0 0 15px; margin:0 0 15px 0; }
#content .box3 ul li { display:block; background:url(icon_arrow.png) no-repeat top left; padding:0 0 0 15px; margin:0 0 8px 0; }

#content span.number { margin:0 0 0 15px; }
#content a.email { margin:0 0 0 22px; }
#content p { padding:0 0 19px 0; color:#555;  }

#content #left { float:left; width:226px; margin:0 50px 0 0; }
#content #left h1 { font-size:22px; margin:0 0 10px 0; }

#content #left ul { margin:0 0 40px 0; list-style:none; }
#content #left ul li { display:block; background:url(icon_arrow.png) no-repeat top left; padding:0 0 0 15px; margin:0 0 8px 0; }
#content #left ul li a.active { font-weight:bold; text-decoration:none; }


#content #left ul.produse { width:226px; position:relative; left:-35px; background:#F8F8F8; padding:10px 0 10px 34px; margin:0 0 40px 0;  }
#content #left ul.produse li { display:block; background:url(icon_arrow_gray2.png) no-repeat top left; padding:0 0 0 15px; margin:0 0 8px 0; }
#content #left ul.produse li a { color:#444; text-decoration:none; }
#content #left ul.produse li a:hover { text-decoration:underline; }
#content #left ul.produse li.back { margin:0 0 30px 0; }
#content #left ul.produse li.back a { font-size:12px; text-decoration:none; color:#888; }
#content #left ul.produse li.title { background:#F8F8F8; padding:0; font-weight:bold; }
#content #left ul.produse li.title ul { padding:0 0 0 20px; font-weight:normal; margin:0 0 20px 0; }

#content #left .contactBox { width:226px; position:relative; left:-35px; background:#FFF; padding:10px 0 10px 34px; margin:0 0 40px 0; }
#content #left .contactBox ul { margin:0; }
#content #left .contactBox ul li { display:block; background:url(icon_arrow.png) no-repeat top left; padding:0 0 0 15px; margin:0 0 8px 0; }

#content #right { float:right; width:600px; }
#content #right h2 { font-weight:normal; color:#333; }
#content #right h3 { margin:20px 0 0 0; font-weight:bold; color:#333; }
#content #right ul { list-style-position:inside; padding:10px; color:#333; }
#content #right ul li { margin:0 0 10px 0; color:#333; }
#content #right ul li ul { padding:20px 0 0 20px; }
#content #right form input { padding:5px; border:1px solid #CCC; width:350px; }
#content #right form textarea { padding:5px; border:1px solid #CCC; width:350px; }

#content #right .produs { float:left; width:250px; border:1px solid #CCC; margin:0 40px 20px 0; text-align:center; }
#content #right .produs h2 { padding:10px; background:#EEE; margin:0 0 20px 0; border-bottom:1px solid #DDD; }
#content #right .produs h2 a { letter-spacing:-1px; color:#1174D7; }
#content #right .produs img { margin:0 0 20px 0; }

#content #right img.imgfloat { float:left; margin:0 20px 0 0; }
#content #right table { width:600px; }
#content #right table th { background:#EEE; padding:10px; }
#content #right table td { padding:10px; }

#content #right .proiecte img { margin:0 5px 0 0; padding:2px; border:1px solid #ccc }
#content #right .proiecte h4 { font-size:17px; font-weight:normal; color:#4D87C7; margin:0 0 10px 0 }


#footer { font-size:11px; color:#666; }
#footer p.floatLeft { padding:10px 0 0 10px; }
#footer p.floatRight { padding:10px 10px 0 0; }

/* H */
#header #right #menu { _left:13px; }
#header #right #menu a { _margin:0 14px 0 16px; }
#content hr { *top:45px; }