body {
	text-align: center; margin: 0; font: 12px "Trebuchet MS", Arial, sans-serif; color: #000;
	background: #fff url("../../img/materiale-constructii/bkg-header.gif") repeat-x left top; min-height: 42px;
}

/* banner */
#banner-zone { clear: both; margin: 42px 0 0 0; width: 100%; height: 360px; }

#inner-banner { width: 720px; height: 220px; margin: 0 auto; }

#banner { 
	position: relative; width: 100%; height: 235px; margin: 25px 0 5px 0; border-top: 3px solid #eee; 
	background: #fff url("../../img/materiale-constructii/banner-materiale-constructii.jpg") no-repeat left top;
}

#keywords { position: absolute; top: 20px; left: 500px; }
#keywords h1 { margin: 0; padding: 0; font: bold 16px/24px "Trebuchet MS", Arial, sans-serif; }
#keywords h2 { margin: 10px 0 0 0; padding: 0; font: bold 12px "Trebuchet MS", Arial, sans-serif; }

#logo-menu { position: relative; width: 720px; height: 70px; margin: 0 auto; }

#logo { position: absolute; top: 30px; left: 0; width: 250px; }
#logo img { margin: 0; border: 0; }

#mobile { 
	position: absolute; top: 15px; left: 300px; width: 160px; height: 36px; border-bottom: 1px dotted #eee;
	background: transparent url("../../img/materiale-constructii/mobile.gif") no-repeat left top; font-weight: bold;
}

#menu { position: absolute; top: 55px; left: 300px; width: 414px; height: 30px; background: #f79d1a; border-left: 3px solid #eee; border-right: 3px solid #eee; }

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

/* middle */
#middle-zone { clear: both; margin: 0 0 20px 0; border-top: 1px solid #ffc408; 
	background: #ffebab url("../../img/materiale-constructii/bkg-middle.gif") repeat-x left top; min-height: 80px;
}

#middle { width: 720px; height: auto; margin: 0 auto; text-align: left;  }

/* middle ileft */
#ileft { float: left; width: 460px; margin: 15px 0 0 0; height: 100%; }
#ileft h2 { color: #000; font: bold 18px "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0; }
#ileft p { font-size: 12px; padding: 10px 0 10px 0; }
#ileft p a { color: #eb7509; text-decoration: underline; } 
#ileft p a:hover { color: #c5c3a6; text-decoration: none; }

/* middle iright */
#iright { float: right; width: 250px; margin: 15px 0 0 0; color: #000; }
#iright h2 { color: #000; font: bold 18px "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0; }
#iright p { font-size: 12px; padding: 10px 0 10px 0; }  
#iright img { margin: 10px 0 30px 30px; padding: 1px; border: 1px solid #eee; } 
#iright ul { list-style: none; margin: 5px 0 5px 0; padding: 0; font-size: 12px; }
#iright li { padding: 3px 0 3px 0; color: #635442; }
#iright li a { display: block;  width: 96%; color: #eb7509; }
#iright li a:hover { color: #c5c3a6; text-decoration: none; }

/* common */

#common-zone { clear: both; background: #fff; }

#common { width: 720px; height: 100%; margin: 0 auto; text-align: left; }

.common-columns { 
	clear: both; color: #888; margin: 0 auto; padding: 0; width: 720px; font-size: 12px; color: #70737c;
}
.common-columns h2 { margin: 0; padding: 5px 0; font: bold 13px "Trebuchet MS", Arial; color: #eb820d; }
.common-columns p { clear: left; margin: 0; text-align: justify; font-size: 11px; }
.common-columns p a { color: #eb7509; text-decoration: underline; }
.common-columns p a:hover { color: #c5c3a6; text-decoration: none; }
.common-columns img { margin: 10px 0 5px 30px; padding: 1px; text-align: center; border: 1px solid #eee; }
.common-columns span { color: #930e0b; font: bold 12px "Trebuchet MS", Arial; }
.common-columns ul { list-style: none; margin: 3px 0 10px 0; padding: 0; }
.common-columns li { border-bottom: 1px solid #eee;	padding: 3px 0 3px 10px; color: #d68543; }
.common-columns li a { display: block;  width: 96%; color: #eb7509; }
.common-columns li a:hover { color: #c5c3a6; text-decoration: none; }
.common-columns .normal, .middle { float: left; width: 32%; }
.common-columns .middle { margin: 0 12px; }
.common-columns .normal img { position: relative; margin: 5px 0 0 0; border: 0; }

/* footer */
#footer-zone { 
	float: left; clear: both; width: 100%; margin: 0; padding: 0; background: #919191 url("../../img/materiale-constructii/bkg-footer.gif") repeat-x left top;
}

	#footer { position: relative; width: 720px; height: 120px; margin: 0 auto; padding: 0; text-align: left; color: #f2f1ec; }
	
		#footer-links { clear: both; margin: 0; padding: 15px 0; }
		#footer-links a { font: bold 12px "Trebuchet MS", Arial, sans-serif; margin: 20px 0; color: #fff; text-decoration: none; }
		
		#validation { clear: both;  clear: both; margin: 0; padding: 0; text-align: center; }
		#validation a { text-decoration: none; }
		#validation a:hover { text-decoration: underline; border-top: 2px solid #eee; padding: 0 4px 1px 4px; }
		#validation a.html { background: #f8d512; font-size: 10px; color: #aa2917; }
		#validation a.css { background: #d9430e; font-size: 10px; color: #fff; }
		
		#bottom-keywords { position: relative; width: 720px; margin: 10px auto; padding: 0 5px; color: #000; text-align: center; }
		
		#logo-footer { clear: both; text-align: center; display: inline; padding: 5px 0; }
		
		/* web design author */
		#creation-logo { position: relative; clear: both; margin: 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #eee; }
		#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
		#creation-logo a:hover { color: #fbb724; }
		#creation-logo em { font-style: normal; font-weight: bold; color: #c0dd29; }
		#creation-logo strong { color: #000; }

span.ciromat { font-weight: bold; color: #fbd326; }
span.iciromat { font-weight: bold; color: #ab4406; }

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

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