BODY {
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #cbcbcb;
	text-align: center; padding: 0; margin: 5px 0; background: #fff;
}

/* Container - MAIN BOX */
#container { width: 795px; margin: 0 auto; text-align: left; padding: 3px; border: 2px solid #eefcff; }

/* BANNER Box*/
#stripe-up { 
	position: relative; height: 100px; margin: 0; background: url("../../img/fier-forjat-constructii-metalice-confectii-metalice/header-stripe.gif") repeat-x top left;
}

#logo { position: absolute; left: 10px; top: 8px; height: auto; }
#logo img { border: 0; position: relative; }

#logo-text { position: absolute; left: 10px; top: 54px; height: auto; }
#logo-text h1 { font-weight: bold; font-size: 15px; color: #f5fbfb; }
#logo-text h1 span { font-weight: bold; font-size: 15px; color: #cfeaf5; }

#profile { position: absolute; left: 10px; top: 72px; height: auto; }
#profile h2 { font-size: 11px; color: #fff; }

#standards { position: absolute; left: 300px; top: 16px; height: auto; }
#standards img { border: 0; position: relative; }

#ban-links { position: absolute; left: 595px; top: 25px; height: auto; }
#ban-links span { font: 10px "Trebuchet MS", Trebuchet, Arial, sans-serif; }
#ban-links span a { text-decoration: underline; color: #cbe4e4; }
#ban-links span a:hover { color: #fff; }

#menu { position: absolute; left: 410px; top: 60px; height: auto; }
#mnulist { float: left; margin: 0; padding: 0; font: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; }
#mnulist li { display: inline; }
#mnulist li a { float: left; color: #d8e6f0; padding: 10px 5px; text-decoration: none; }
#mnulist li a:hover { color: #fff536; background: url("../../img/fier-forjat-constructii-metalice-confectii-metalice/mnu-over.gif") repeat-x top left; }

span.steel { font-weight: bold; color: #017fb9; }

/* ******************* LEFT box */
div.left { float: left; width: 260px; position: relative; }

#about { 
	background: url("../../img/fier-forjat-constructii-metalice-confectii-metalice/grey-up.gif") no-repeat top left;
	margin: 0; width: 260px; height: 200px; position: absolute; text-align: justify; top: 0; left: 0;
}
#about p { padding: 0 7px 0 3px; color: #99a9bc; }
#about h1 {
	font-weight: bold; font-size: 15px; color: #1a8fba; margin-top: 10px; border-bottom: 1px solid #e5e7e9;
	padding: 0 0 5px 0;
}
#about h1 span { font-weight: bold; font-size: 15px; color: #738ba6; }

/* Container - MAIN BOX */
div#inside-container { width: 780px; margin: 0 15px 0 0; text-align: left; clear: both; position: relative; }

#left_part { 
	background: url("../../img/fier-forjat-constructii-metalice-confectii-metalice/grey-left.gif") no-repeat top left;
	margin: 0; width: 255px; height: auto; min-height: 200px; position: relative; text-align: justify;
}
#left_part p { padding: 0 7px 0 3px; color: #99a9bc; }
#left_part a { text-decoration: none; color: #0496cf; }
#left_part a:hover { text-decoration: underline; color: #0496cf; }
#left_part h1 {
	font-weight: bold; font-size: 15px; color: #1a8fba; margin-top: 10px; border-bottom: 1px solid #e5e7e9;
	padding: 0 0 5px 0;
}
#left_part h1 span { font-weight: bold; font-size: 15px; color: #738ba6; }

/* Portfolio */
#ifolio { cursor: pointer; list-style: none; margin: 0; padding: 0; }
#ifolio li { position: relative; display: inline; float: left; margin: 3px 3px 0 0; padding: 0; height: 45px; }
#ifolio li a img { border: 0; border: solid 1px #ffe614; }
#ifolio li a:hover img { border: 0; border: solid 1px #ffa414; }

/* Program */
#clock { list-style: none; margin: 0; padding: 0; }
#clock li { position: relative; display: block; margin: 0 0 0 5px; height: 20px; padding: 0; color: #0098c9; }
#clock li span { font-weight: bold; color: #1b4a59; }

/* contact dates */
#contact { 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; }

.left-line { border-bottom: 1px solid #e5e7e9; margin: 0 7px 0 3px; }

/* ******************* RIGHT box */
div.right { position: relative; clear: right; float: right; text-align: right; width: 520px; }

#right p { font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #686363; }
#right p img { border: 0; }
#right p a { text-decoration: underline; color: #93b0b9; }
#right p a:hover { text-decoration: none; color: #547e8b; }
#right span.steel { color: #92c12c; font-size: 12px; font-weight: bold; }

#right_part { 
	background: url("../../img/fier-forjat-constructii-metalice-confectii-metalice/grey-right.gif") no-repeat top left;
	margin: 10px 0 0; width: 510px; height: auto; min-height: 200px; position: relative; text-align: justify; color: #93b0b9;
	font-size: 12px; float: right;
}
#right_part h1 { margin: 10px 0; padding: 0; font-weight: bold; font-size: 15px; color: #1a8fba; }
#right_part h1 strong { color: #017fb9; }
#right_part img { border: 0; }
#right_part a { text-decoration: underline; color: #93b0b9; }
#right_part a:hover { text-decoration: none; color: #547e8b; }

/* list */
.rlist { list-style: none; margin: 0 5px 0 0; padding: 0; }
.rlist li { position: relative; display: block; margin: 0 0 0 35px; min-height: 20px; height: auto !important; height: 20px; padding: 0; color: #4b7380; font-size: 11px; font-weight: bold; }
.rlist li.normal { margin: 0; }
.rlist li span { font-weight: bold; color: #000; }

/* FOOTER BOX */
#footer { clear: both; position: relative; height: 100%; margin: 2px 0; color: #7893a3; }
#footer a { text-decoration: underline; color: #93b0b9; }
#footer a:hover { text-decoration: none; color: #547e8b; }

	.footer-area { 
		padding: 0; position: relative; float: left; margin: 10px 0 5px 0;
		font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #7893a3;
		overflow : hidden; voice-family : "\"}\""; voice-family : inherit; 
	}
	.footer-column-left { width: 260px; padding: 0 0 0 3px; }
	.footer-column-left img { margin: 10px 0 5px; border: 0; }
	.footer-column-right { width: 510px; padding: 0 0 0 3px; border-left: 1px solid #d6d3d3; }
	.footer-column-right p { margin: 0; font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; }
	.footer-column-right p a { font-weight: bold; color: #b1cbe3; text-decoration: underline; }
	.footer-column-right p a:hover { text-decoration: none; }
	
	#valid { margin: 0; }
	#valid a { text-decoration: underline; color: #6d9cc0; }
	
	span { font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; }
	span.steel-ft { font-weight: bold; color: #017fb9; }
	span.ft-black { color: #000; }
	span.ft-kwd { font-size: 10px; font-weight: bold; color: #788792; }
	
	#logo-footer { clear: both; margin: 0; padding: 0; text-align: center; }
	
	/* web design author */
	#creation-logo { position: relative; clear: both; margin: 0; padding: 5px 0; 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; }

/**/
.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; }
/**/

/* 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; color: #577558;
	margin: 0; padding: 0 0 10px 0; text-align: justify;
}

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

#form-area span { 
	color: #1b331d; font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; clear: left;
	margin: 0; padding: 0;
}
#form-area span.form-tip { color: #c03535; }
#form-area span a { color: #93b0b9; text-decoration: underline; }
#form-area span a:hover { color: #547e8b; text-decoration: none; }
#form-area span.steel { color: #017fb9; font-size: 12px; font-weight: bold; }

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

#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: #f0f0f0;
}

#form-area input.button { margin: 0; height: 25px; background: #0a9de1; 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: #f0f0f0; margin-bottom: 10px;
	font: 12px "Trebuchet MS", Trebuchet, Arial, sans-serif; border: 1px solid #dcdcdc;
}
#form-area textarea { text-align: left; width: 350px; height: 100px; padding-right: 20px; }

#form-area br { clear: left; }

.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; }