body {
	text-align: center; margin: 0; font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #5f1610;
	background: #9d2b07 url("../img/constructii-civile/bkg-stripe.gif") repeat-x left top; min-height: 425px;
}

/* menu */
#language { position: absolute; left: 20px; top: 14px; margin: 0; padding: 0; width: 50px; }

#tongue { clear: both; margin: 0; padding: 0; }
#tongue a img { border: 0; border: solid 1px #ffe614; cursor: pointer; }
#tongue a:hover img { border: 0; border: solid 1px #fff; }

#menu { 
	position: relative; width: 780px; height: 50px; margin: 0 auto; text-align: left; background: url("../img/constructii-civile/menu-stripe.gif") repeat-x left top;
}

#menu-list { position: absolute; left: 200px; top: 10px; margin: 0; padding: 0; width: 600px; }
#menu-list ul { margin: -3px 0 0 0; float: left; padding-left: 8px; font: bold 13px "Trebuchet MS", Trebuchet, Arial, sans-serif; }
* html #menu-list ul { margin-bottom: 11px; margin-left: 0; }
#menu-list ul li { display: inline; }
#menu-list ul li a { float: left; color: #fff; font-weight: bold; padding: 7px 9px 10px 5px; text-decoration: none; }
#menu-list ul li a:hover, #menu-list ul li a#selected {
	color: #fee510;  background: transparent url("../img/constructii-civile/menu-arrow.gif") bottom center no-repeat;
}

#menu-contact { position: absolute; left: 700px; top: 14px; margin: 0; padding: 0; width: 80px; }
#vline { 
	position: absolute; left: 690px; top: 5px; margin: 0; padding: 0; width: 1px; height: 38px;
	background: url("../img/constructii-civile/menu-vline.gif") repeat-y top left;
}
#menu-contact a { color: #fed483; font-size: 13px; font-weight: bold; text-decoration: none; }
#menu-contact a:hover { color: #fff; text-decoration: none; }

/* content container */
.container { 
	position: relative; width: 760px; margin: 10px auto; text-align: center; background: #fff; padding: 0 10px;
}

/* banner */
#banner { position: relative; padding: 10px 0 0 0; }
#flashcontent { font: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; background: #fff; color: #d90000; }

	/* middle */
	#iserv { position: relative; background: #4f1906; padding: 0; height: 100px; text-align: left; border-top: 1px solid #dadada; }
	* html #iserv { margin-top: -4px; }
	
	#house { 
		position: absolute; left: 0; top: 5px; margin: 0; padding: 5px 5px; width: 370px; height: 80px; border-right: 1px solid #972b07;
		background: url("../img/constructii-civile/services-house.gif") no-repeat bottom right;
	}
	
	#wood { 
		position: absolute; left: 380px; top: 5px; margin: 0; padding: 5px 5px; width: 370px;
		background: url("../img/constructii-civile/services-wood.gif") no-repeat bottom right;
	}
	
	#house h1, #wood h1 { margin: 0; padding: 0 0 5px 5px; font: 14px "Trebuchet MS", Trebuchet, Arial; color: #fff; }
	#house h2, #wood h2 { margin: 0; padding: 5px 0 5px 5px; font: 10px "Trebuchet MS", Trebuchet, Arial; color: #fff; }
	#house span, #wood span { margin: 0; padding: 5px 0 5px 5px; }
	#house span a, #wood span a { text-decoration: underline; color: #d2d4af;
	background: url("../img/constructii-civile/arrow-2services.gif") no-repeat top left; padding-left: 20px;
	}
	#house span a:hover, #wood span a:hover { text-decoration: none; color: #fff; }

/* left panel */
#left { float: left; width: 67%; padding: 0; margin: 10px 0 0 0; text-align: left; }
#left h1 {
	margin: 0; padding: 5px 0 5px 5px; height: 20px; border-bottom: 1px solid #f1e69a;
	font: 14px "Trebuchet MS", Trebuchet, Arial; background: #fffad8; color: #b31818;
}
#left p { font-size: 12px; margin: 0; padding: 10px 0 0 0; text-align: justify; }
#left p img { border: 0; margin: 0 5px 0; padding: 0; float: left; border: 1px solid #eee; }
#left p a { text-decoration: none; color: #c24615; padding: 2px; }
#left p a:hover { color: #5f1610; text-decoration: underline; }

/* right panel */	
#right { float: right; width: 30%; padding: 0 10px 0 0; margin: 10px 0 0 0; text-align: left; }	
#right h1 { 
	clear: right; padding: 5px 0; font: 15px "Trebuchet MS", Trebuchet, Arial; color: #e14305;
	border-bottom: 1px dotted #fff0cb;
}
#right p { margin: 0; padding: 0 3px; }


/* contact */
#contact { display: block; list-style: none; margin: 0; padding: 0; }
#contact li { position: relative; display: block; margin: 0 0 0 5px; height: 20px; padding: 0; color: #0098c9; }
#contact li span { font-weight: bold; color: #547e8b; }
#contact li span.cleft { position: relative; width: 45px; color: #ab9c86; }
#contact li span.cright { position: absolute; width: 150px; left: 65px; top: 0; right: 0; color: #d56308; }
#contact li span.cright a { text-decoration: underline; color: #d56308; }
#contact li span.cright a:hover { text-decoration: none; color: #000; }

/* footer */
.footer { clear: both; width: 750px; text-align: left; margin: 0; padding: 15px 0; }
	
	.footer a { text-decoration: none; color: #555; font-weight: bold; }
	.footer a:hover { color: #000; }
	.footer p { padding: 10px 0; }
	.footer h2 { margin: 0; padding: 5px 0; font: 14px "Trebuchet MS", Trebuchet, Arial; color: #e63715; }
	
	.footer-columns { color: #888; margin: 0 auto; padding: 0; width: 760px; font-size: 12px; color: #70737c; }
	.footer-columns ul { list-style: none; margin: 10px 0 0 0; padding: 0; border-bottom: 1px dotted #adb5bf; }
	.footer-columns li { border-top: 1px dotted #adb5bf;	}
	.footer-columns li a { display: block; padding: 3px 0 3px 10px; width: 96%; }
	.footer-columns .normal, .middle { float: left; width: 32%; }
	.footer-columns .normal p, .footer-columns .middle p { margin: 0; text-align: justify; }
	.footer-columns .middle { margin: 0 15px; }
	.footer-columns .middle a { color: #696969; }
	.footer-columns .middle a:hover { color: #000; }
	.footer-columns .middle span.boss { text-align: right; color: #000; }
	
	.partners { clear: both; position: relative; margin: 10px 0 0 0; padding: 0; font: bold 11px "Trebuchet", Tahoma; }
	.partners img { margin: 5px 5px 5px 0; border: 0; vertical-align: middle; text-decoration: none; }
	.partners a { margin: 5px 5px 5px 0; color: #868686; text-decoration: none; }
	.partners a:hover { text-decoration: underline; }
	
	.footer-links { clear: both; margin: 0; padding: 15px 0 0 0; text-align: center; background: url("../img/constructii-civile/footer-rase.gif") no-repeat bottom left; }

	#validation { clear: both; text-align: center; padding: 0 0; margin: 5px; }
	#validation a.html { background : #fb9a0e; font-size : 10px; color: #fff; padding : 0 4px 1px 4px; }
	#validation a.html:hover { color : #aa2917; }
	#validation a.css { background : #fb620e; font-size : 10px; color: #fff; padding : 0 4px 1px 4px; }
	#validation a.css:hover { color : #aa2917; }

	/* web design author */
	#creation-logo { position: relative; clear: both; margin: 0; padding: 5px; text-align: center; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
	#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
	#creation-logo a:hover { color: #5e9f1f; }
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }

span.conicon { font-weight: bold; color: #b2350f; }

/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/
.center { text-align: center; }

/* form messages */
.error { font: bold 12px Tahoma, Verdana, sans-serif; color: #d53030; text-align: center; display: block; }
.msgOK { font: bold 11px Tahoma, Verdana, sans-serif; color: #3eb523; text-align: center; display: block; }

/* form in page */
#form-area { font: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; margin: 0; padding: 0 0 10px 10px; text-align: justify; }

#form-area a { text-decoration: none; color: #000; }
#form-area a:hover { text-decoration: underline; color: #696969; }

#form-area span { clear: left; margin: 0; padding: 0; font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #000; }
#form-area span a { color: #ee860a; text-decoration: underline; }
#form-area span a:hover { color: #d34115; text-decoration: none; }
#form-area span.conicon { color: #017fb9; font-size: 12px; font-weight: bold; }

#form-area label { float: left; text-align: left; width: 95px; padding-right: 20px; color: #b9803d; }

#form-area input { 
	display: block; width: 150px; height: 18px; float: left; margin-bottom: 10px; border: 1px solid #dcdcdc;
	font: 12px "Trebuchet MS", Trebuchet, Arial, sans-serif; background: #fff7d7;
}

#form-area input.button { margin: 0; height: 25px; background: #e68911; color: #fff;}
#form-area input.submit { width: 75px; text-align: center; }
#form-area input.reset  { margin-left: 10px; width: 140px; text-align: center; }

#form-area select { 
	display: block; float: left; width: 120px; background: #f0f0f0; margin-bottom: 10px;
	font: 12px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}

#form-area textarea { 
	display: block; float: left; padding-right: 20px; background: #fff7d7; margin-bottom: 10px;
	font: 12px "Trebuchet MS", Trebuchet, Arial, sans-serif; border: 1px solid #dcdcdc;
}
#form-area textarea { text-align: left; width: 320px; height: 100px; padding-right: 20px; }

#form-area br { clear: left; }

/* contact */
.clist { list-style: none; margin: 0 5px 0 10px; padding: 0; }
.clist li { position: relative; display: block; margin: 0 0 0 35px; height: 20px; padding: 0; }
.clist li.normal { position: relative; display: block; margin: 0; padding: 0; color: #e78403; font-weight: bold; }
.clist li span { font-weight: bold; color: #000; }

/* faqs - terms & conditions*/
/* common */
ul.efaqs { display: block; width: 100%; margin: 0; padding: 0; }

/* header */
li.ft-faqs { 
	position: relative; list-style: none; margin-top: 3px; border: 1px solid #eee; height: 25px;
	background: #fffcd9; color: #ef902a; padding: 3px 0 0 3px; font-weight: bold;
}

/* items */
li.faqs { 
	position: relative; list-style: none; margin: 3px 0 0 0; height: 100%; min-height: 25px; border-bottom: 1px solid #eee;
}
li.faqs:hover { background: #fff4e8; padding: 0; }
li.faqs a { color: #d82b14; margin: 0; text-decoration: none; margin: 0; padding: 0; width: 150px; }
li.faqs a:hover { color: #9e5712; text-decoration: underline; }

.category-item { padding: 0 3px; margin: 0; list-style: none; height: auto; color: #5b0e0e; text-align: justify; }

/* prizes */
.prizes { list-style: none; margin: 0 5px 0 0; padding: 0; text-align: justify; }
.prizes li { 
	position: relative; display: block; margin: 0 0 0 10px; padding: 0; font-size: 12px; clear: both;
	background: url("../img/constructii-civile/arrow-2services.gif") no-repeat top left; padding-left: 20px;
}
.prizes li span { font-weight: bold; color: #000; }
.prizes li span.conicon { font-weight: bold; color: #b2350f; }

/* portfolio works */
.pworks { list-style: none; margin: 0 5px 0 0; padding: 0; text-align: justify; }
.pworks li { 
	position: relative; display: block; margin: 0 0 0 10px; padding: 0; font-size: 12px; clear: both;
	background: url("../img/constructii-civile/arrow-2services.gif") no-repeat top left; padding-left: 20px;
}
.pworks li span { font-weight: bold; color: #000; }
.pworks li span.owner { font-weight: bold; color: #b86707; margin-left: 25px; }