body {
	margin: 0; padding: 0; 
	background: #fff; text-align: center; font: 12px "Trebuchet MS", Tahoma; color: #aaaaaa;
}

img { border: 0; }

/* header lines */
#hline { position: relative; width: 100%; height: 20px; border-top: solid 2px #fafafa; background: #fff; }
#hline-container { position: relative; width: 780px; margin: 0 auto; }
#container-domains { position: absolute; width: 160px; top: 0; left: 600px; background: #d8e9ff; }
#container-domains a {
	position: relative; margin: 0; padding-left: 16px;
	background: url("../img/reparatii-utilaje-industriale/arrow-domains-down.gif") no-repeat center left;
	text-decoration: underline; color: #416ba3;
}
#container-domains a:hover { text-decoration: none; color: #000; }
#container-domains a img { border: 0; }

#domains {
	position: relative; height: 0; margin: 0 auto; padding: 7px 0 0 0; overflow: hidden;
	background: #fafafa url("../img/reparatii-utilaje-industriale/border-top-keywords.gif") no-repeat top center; color: #fff;
}
#domains h1 { 
	position: relative; width: 780px; margin: 0 auto; padding: 12px 15px 0;
	background: #fafafa url("../img/reparatii-utilaje-industriale/keywords-infos.gif") no-repeat 0 10px;
	font: bold 11px Trebuchet, Tahoma; color: #696969;
}

#hlogo { position: relative; width: 100%; height: 40px; background: #fff url("../img/reparatii-utilaje-industriale/bkg-hlogo.gif") repeat-x bottom left; }
#hlogo-container { position: relative; width: 780px; margin: 0 auto; }
#container-logo { position: absolute; top: 0; left: 10px; }
#container-logo img { border: 0; }

/* banner */
#hbanner { 
	position: relative; width: 100%; height: 230px; padding-top: 6px; border-top: solid 6px #bcc4cb; border-bottom: solid 9px #22394e;
	background: #7cafdb url("../img/reparatii-utilaje-industriale/banner-border-top.gif") no-repeat center top;
}
#hbanner-container { position: relative; width: 780px; margin: 0 auto; }

/* event menu */
#hbottom { position: relative; width: 100%; height: 59px; background: #6b7783; z-index: 10; }
* html #hbottom { height: 56px; }

#hbottom-container { position: relative; width: 780px; height: 53px; margin: 0 auto; }

/* container menu */
#container-menu { position: absolute; margin: 0; top: 5px; left: 0; padding: 0; }
* html #container-menu { top: 2px; }

	/* menu */
	#menu, #menu ul { float: left; margin: -3px 0 0 0; padding: 0; font-weight: bold; font-size: 13px; text-align: left; }
	
	#menu li a { display: block; margin-right: 20px; padding: 10px 10px; background: #6b7783; font-weight: bold; text-decoration: none; color: #fff; }
	#menu li a:hover, #menu li a#selected { background: #2c2c2c url("../img/reparatii-utilaje-industriale/menu-stripe.gif") repeat-x top left; color: #acd4eb; }
	#menu li a img { margin: 0 5px 0 0; border: 1px solid #b8d1e4; vertical-align: middle; }
	#menu li { float: left; display: inline; list-style: none; }
	#menu li:hover ul, #menu li.sfhover ul { left: auto; padding-top: 10px; }
	
	/* submenu */
	#menu li ul { position: absolute; left: -999em; }
	#menu li ul li .inner {
		width: 250px; padding: 10px; border: 2px solid #e2e2e2;
		background: #f3f3f3 url("../img/reparatii-utilaje-industriale/border-top-right.gif") no-repeat bottom left;
	}
	
	#menu li ul li .inner .image { float: left; width: 20%; }
	#menu li ul li .inner .image img { margin: 10px 0 0 0; border: 1px solid #dfdfdf; }
	
	#menu li ul li a { position: relative; width: auto; margin: 0 0 0 40px; padding: 3px 10px; font-size: 11px; }
	#menu li ul li a { background: none; text-decoration: underline; color: #5374aa; }
	#menu li ul li a:hover { background: none; text-decoration: none; color: #696969; }
	
	/* submenu height */
	#products { height: 70px; }
	#services { height: 90px; }

/* container for left & right panels */
#middle-container { position: relative; width: 780px; margin: 10px auto; text-align: left; }

	/* left */
	#left {
		position: relative; float: left; width: 540px; min-height: 375px; margin: 0; padding: 0 7px 5px 7px; z-index: 0;
		background: #fff url("../img/reparatii-utilaje-industriale/bkg-left-panel.gif") no-repeat bottom left; color: #6a717d;
	}
	#left h1 { margin: 0; padding: 10px 15px 7px 5px; font-weight: bold; font-size: 13px; color: #000; }
	#left h1.first {
		margin: 0; padding: 21px 15px 7px 5px; font-weight: bold; font-size: 13px; color: #000;
		background: #fff url("../img/reparatii-utilaje-industriale/border-top-left.gif") no-repeat top left;
	}
	#left p { clear: left; margin: 0; padding: 0 15px 0 5px; font-size: 12px; color: #696969; }  
	#left p span { font-weight: bold; color: #000; }
	#left p span.keywords { font-weight: bold; color: #1c5983; }
	#left p a img { float: left; margin: 0 5px 0 0; padding: 2px; border: 1px solid #b2cce7; }  
	
	/* right */
	#right { 
		position: relative; display: block; float: right; width: 218px; margin: 0; padding: 10px 3px 5px 3px; z-index: 0;
		border: 1px solid #e9e9e9; border-top: none; background: #f3f5f0 url("../img/reparatii-utilaje-industriale/border-top-right.gif") no-repeat top left;
	}
	#right h1 { margin: 0; padding: 10px 0 7px 0; font-weight: bold; font-size: 13px; color: #000; }
	#right p { margin: 0; padding: 0; font-size: 12px; color: #7e7e7e;}  
	#right img { padding: 1px; border: 1px solid #eee; } 
	#right ul#wus { margin: 15px 0 5px 0; padding: 0; list-style: none; font-size: 12px; }
	#right ul#wus li { 
		height: 35px; padding: 3px 0 5px 25px; border-bottom: 1px solid #eee;
		background: transparent url("../img/reparatii-utilaje-industriale/checked.gif") no-repeat center left; font-weight: bold; color: #5374aa;
	}
	#right ul#wus li span { margin: 0; font-weight: normal; font-size: 12px; color: #696969; }
		
		/* walking robo */
		#walking-robo { width: 100%; margin: 0; padding: 0; background: #fff; }
		#walking-robo img { border: 0; }
		
		/* index news */
		#inews ul { margin: 0; padding: 0; list-style: none; }
		#inews ul li { margin: 0; padding: 0; border-bottom: 1px solid #eee; }
		#inews ul li a { display: block; margin: 0; padding: 10px; font-weight: bold; font-size: 12px; color: #386397; text-decoration: none; }
		#inews ul li a span { margin: 0; padding: 0; font-size: 12px; }
		#inews ul li a:hover { height: 100%; background: #fff; color: #000; cursor: default; }
		#inews ul li a strong { color: #909090; }
		#inews ul li a:hover strong { color: #82b545; cursor: default; }
		#inews a { font-style: normal; font-weight: normal; }
		#inews a em { color:#696969; font-style: normal; font-weight: normal; }
		#inews a:hover em { color: #999999; cursor: default; }
		
		/* Partners */
		.partners { position: relative; clear: both; margin: 7px 5px 7px 0; text-align: center; }
		.partners a { text-decoration: none; color: #696969; }
		.partners img { position: relative; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }

	/* footer */
	#footer { clear: both; position: relative; width: 780px; margin: 0 auto; padding: 5px 0 10px 0; border-bottom: solid 5px #eee; text-align: left; }
	#footer strong { color: #0066d8; }
	#footer span { color: #82b951; }
	#footer span.robomat { font-weight: bold; color: #22394e; }
	#footer a { text-decoration: underline; color: #7d857d; }
	#footer a#homepage { margin-left: 25px; }
	#footer a:hover { text-decoration: none; color: #696969; }
		
		/* web design author */
		#creation-logo { position: relative; width: 780px; margin: 0 auto; padding: 5px; text-align: left; font: 11px Arial, "Trebuchet MS"; 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; }
		
		/* validation */
		#validation { position: relative; width: 780px; margin: 0 auto; padding: 0; text-align: left; }
		#validation a { padding: 2px; text-decoration: none; }
		#validation a:hover { border-top: 2px solid #eee; text-decoration: underline; }
		#validation a.html { background: #40a440; font-size: 10px; color: #fff; }
		#validation a.css { background: #4076a4; font-size: 10px; color: #fff; }

span.robomat { font-weight: bold; color: #22394e; }

.flashcontent { background: #2c4b66; font: bold 11px "Trebuchet MS", Tahoma; color: #d90000; }

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

.float-left { float: left; margin: 0; padding: 0 5px 0 0; }
.float-right { float: right; margin: 0; padding: 0 0 0 5px; }
.imagepad { margin: 0 0 0 35px; padding: 0; }