/**
 * @author: Alexandru Marasteanu <alexei@kinecto.ro>
 */

body {
	margin: 0;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #676767;
	background-color: #f4f4f4;
}
* html body {
	text-align: center;
}

img {
	border:0px;
}

.clear { clear: both; }

#harta {
	display:block;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#F4F4F4;
	border:1px solid #EBEBEB;
	color:#979797;
	padding:5px 0px 5px 40px;
	text-decoration:none;
	margin-top:20px;
}

/* Container */
#wrapper {
	width: 900px;
	margin: 0 auto 20px; padding: 20px 20px 10px 20px;
	background: #fff url(../assets/wrap-back.jpg) 0 0 no-repeat;
}

/* IE6 *should* misscalculate the box dimensions; mine's acting strange this time */
* html #wrapper {
	/*width: 940px;*/
	text-align: left;
}

/* Site title and logo */
#head h1 {
	margin: 27px 0 0; padding: 0;
	float: left;
	font-size: 32px;
	line-height: 36px;
	color: #003980;
}

#head span.limba {
	width:120px;
	position:absolute;
	margin-left:490px;
	text-align:right;
}

#head span.limba a {
	text-decoration:none;
	color:#666666;
	font-size:11px;
}

#head span.limba a img {
	vertical-align:middle;
}

/* The top menu on the right */
#menu-bar ul {
	margin: 44px 0 0; padding: 0;
	float: right;
	list-style: none;
}
	#menu-bar ul li {
		padding: 0 15px;
		float: left;
		font-weight: bold;
		font-size: 13px;
		border-right: 1px dotted #69A8DD;
	}
	#menu-bar ul li#mainmenu-1 {
		padding-left: 0;
	}
	#menu-bar ul li#mainmenu-6 {
		padding-right: 0;
		border: none;
	}
		#menu-bar ul li a {
			text-transform: uppercase;
			text-decoration: none;
			color: #676767;
		}
	#main {
		width: 900px;
		margin: 23px 0;
	}

	#banner {
		width: 900px; height: 250px;
		margin: 0;
	}
	
	/*#banner a#ss_img_link*/
	 #banner img#ss_img_link {
		width:539px;
		display:block;
		float:left;
	}
	
	div#photolink {
		position:absolute;
		margin:-22px 0 0 -220px;
		width:220px;
		text-align:center;
		background-color:#ffffff;
		color:#EC6E00;
		font-weight:bold;
		padding:2px 0px;
	}
	
	html>/**/body div#photolink {
		margin:-22px 0 0 319px;
	}
	
	div#photolink a {
		color:#EC6E00;
		text-decoration:none;
	}
	div#photolink a:hover {
		color:#EC6E00;
		text-decoration:underline;
	}
	
	/* The bottom menu */
	#menu-sect {
		width: 900px;
		margin: 23px 0; padding: 0;
		list-style: none;
	}
	#menu-sect li {
		width: 178px;
		margin: 0 1px; padding: 0;
		float: left;
		background: #fff url(../assets/sect-back.jpg) 0 100% no-repeat;
	}
		#menu-sect li div {
			width: 139px; height: 153px;
			padding: 18px;
			background: #fff url(../assets/sect-top-back.jpg) 0 0 repeat-x;
			border: 1px solid #EBEBEB;
		}
			#menu-sect li div h3 {
				margin: 0 0 12px; padding: 0;
				font-size: 13px;
			}
			#menu-sect li div p {
				margin: 12px 0 0; padding: 0;
				color: #464646;
				line-height:15px;
			}
			/* Again, IE6 *should* misscalculate the box dimensions */
			* html #menu-sect li div {
				/*width: 175px; height: 189px;*/
			}

		/* Section name */
		#menu-sect li h2 {
			margin: 7px 18px 10px; padding: 0;
			text-transform: uppercase;
			font-size: 14px;
			line-height: 18px;
		}
		/* The first section button */
		#menu-sect li#proiecte-complexe {
			margin-left: 0;
		}
		/* The last section button */
		#menu-sect li#proiecte-industriale {
			margin-right: 0;
		}

		/* Each section with it's own color palette */
		#menu-sect li#proiecte-complexe h2,
		#menu-sect li#proiecte-complexe h3,
		#menu-sect li#proiecte-complexe h2 a,
		#menu-sect li#proiecte-complexe h3 a {
			color: #B53E44;
			text-decoration:none;
		}
		
		#menu-sect li#proiecte-complexe h2 a:hover,
		#menu-sect li#proiecte-complexe h3 a:hover {
			color: #B53E44;
			text-decoration:underline;
		}
		
		#menu-sect li#proiecte-rezidentiale h2,
		#menu-sect li#proiecte-rezidentiale h3,
		#menu-sect li#proiecte-rezidentiale h2 a,
		#menu-sect li#proiecte-rezidentiale h3 a {
			color: #4F8932;
			text-decoration:none;
		}
		
		#menu-sect li#proiecte-rezidentiale h2 a:hover,
		#menu-sect li#proiecte-rezidentiale h3 a:hover {
			color: #4F8932;
			text-decoration:underline;
		}
		
		
		#menu-sect li#centre-afaceri h2,
		#menu-sect li#centre-afaceri h3,
		#menu-sect li#centre-afaceri h2 a,
		#menu-sect li#centre-afaceri h3 a {
			color: #027FBF;
			text-decoration:none;
		}
		
		#menu-sect li#centre-afaceri h2 a:hover,
		#menu-sect li#centre-afaceri h3 a:hover {
			color: #027FBF;
			text-decoration: underline;
		}
		
		
		#menu-sect li#comercial-timp-liber h2,
		#menu-sect li#comercial-timp-liber h3,
		#menu-sect li#comercial-timp-liber h2 a,
		#menu-sect li#comercial-timp-liber h3 a {
			color: #FFDF00;
			text-decoration:none;
		}
		
		#menu-sect li#comercial-timp-liber h2 a:hover,
		#menu-sect li#comercial-timp-liber h3 a:hover {
			color: #FFDF00;
			text-decoration:underline;
		}
		
		
		#menu-sect li#proiecte-industriale h2,
		#menu-sect li#proiecte-industriale h3,
		#menu-sect li#proiecte-industriale h2 a,
		#menu-sect li#proiecte-industriale h3 a {
			color: #ACB9C2;
			text-decoration:none;
		}
		
		#menu-sect li#proiecte-industriale h2 a:hover,
		#menu-sect li#proiecte-industriale h3 a:hover {
			color: #ACB9C2;
			text-decoration:underline;
		}
		/* #main > #left-column */
		#left-column {
			width: 539px;
			float: left;
		}
		
			#left-column h2 {
				margin: 14px 0 10px; padding: 0;
				font-size: 18px; 
				padding-bottom:10px;
				color: #003882;
				border-bottom: 1px dotted #A5A5A5;
			}
			
			#left-column h3 {
				margin: 0 0 10px; padding: 0;
				font-size: 12px;
				color: #003882;
				border-bottom: 1px dotted #A5A5A5;
			}
			
			#left-column a {
				color:#003882;
			}
			
	#left-column img {
			float:right;
			margin:0 0 10px 10px
		}
		
	#left-column table {
		background-color:#EAF1F6;
		margin-bottom:10px;
	}
	
	#left-column table#statusproiecte {
		background-color:#ffffff;
	}
	
	#left-column table#statusproiecte td {
		vertical-align: middle;
		font-weight:bold;
	}
	
	#left-column table td * {
		padding:5px;
	}
	#left-column table td {
		vertical-align:top;
	}
	
	#left-column table h2 {
		color:#ED6E00;
		border:none;
		margin: 7px 0 5px;
		font-size:18px;
		font-weight:normal;
	}
	
	#left-column table h2 a {
		color:#ED6E00;	
	}
	
	#left-column table p {
		margin:5px 0px;
	}
	
	#left-column table p a {
		color:#006ECF;
		font-weight:bold;
	}
	
	#left-column li p {
		margin-top:2px;
	}
	
	#left-column ul#lista li p
#left-column ul#lista li h4	{
		margin:0px;
	}
	
	#left-column dl dt {
		width:200px;
		margin:0 0 5px 0;
		font-weight:bold;
		float:left;
	}
	
	#left-column dl dt sup,
	#left-column p sup{
		font-size: 14px;
		font-weight:bold;
		color:#cc0000;
		vertical-align:text-top;
		margin-left:3px;
	}
	
	#left-column dl dd {
		margin-bottom:5px;
	}
			
			
			
		/* #main > #right-column */
		#right-column {
			width: 358px;
			float: right;
		}
		
		 div#breadcrumbs {
			padding:14px 0px 10px;
			text-align:right;
			/*height:18px;*/
		}
		div#breadcrumbs a {
		color:#999999;
		text-decoration:none;
		font-size:11px;
		}
		div#breadcrumbs a:hover {color:#000000; text-decoration:underline;}

			#inside-right-menu ul {
				margin: 0px 0 0; padding: 0;
				list-style: none;
			}
			#inside-right-menu li {
				margin-bottom: 3px;
				border: 1px solid #EBEBEB;
				border-right: none;
				background: #FFFFFF url(../assets/right-menu-item-back.jpg) 100% 100% no-repeat;
			}
			
			#inside-right-menu li a {
				margin: 10px 0 10px 40px; padding: 0;
				font-size: 15px;
				text-transform: uppercase;
				display:block;
				font-weight:bold;
			}
			
			#inside-right-menu a {
				text-decoration: none;
			}
			
			#inside-right-menu ul li#proiecte-1  a { color: #B53E44; }
			#inside-right-menu ul li#proiecte-2  a { color: #4F8932; }
			#inside-right-menu ul li#proiecte-3  a { color: #027FBF; }
			#inside-right-menu ul li#proiecte-4  a { color: #FFDF00; }
			#inside-right-menu ul li#proiecte-5  a { color: #ACB9C2; }

			#inside-right-menu ul li ul {
				margin: 0 0 0 70px; 
				padding: 0;
				list-style-image: url(../assets/list-triangle.jpg);
			}
			
			#inside-right-menu ul li ul li {
				border: none;
				background: transparent;
			}
			
			div#inside-right-menu ul li ul li a {
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				text-transform:none;
				margin-left:10px;
			}
			
			#inside-right-menu ul li#proiecte-1 ul li a,
			#inside-right-menu ul li#proiecte-2 ul li a,
			#inside-right-menu ul li#proiecte-3 ul li a,
			#inside-right-menu ul li#proiecte-4 ul li a,
			#inside-right-menu ul li#proiecte-5 ul li a { 
			
			color: #D4D4D4;
			}
			
			#inside-right-menu ul li#proiecte-1 ul li a:hover,
			#inside-right-menu ul li#proiecte-2 ul li a:hover,
			#inside-right-menu ul li#proiecte-3 ul li a:hover,
			#inside-right-menu ul li#proiecte-4 ul li a:hover,
			#inside-right-menu ul li#proiecte-5 ul li a:hover,
			#inside-right-menu ul li#proiecte-1 ul li a.selected,
			#inside-right-menu ul li#proiecte-2 ul li a.selected,
			#inside-right-menu ul li#proiecte-3 ul li a.selected,
			#inside-right-menu ul li#proiecte-4 ul li a.selected,
			#inside-right-menu ul li#proiecte-5 ul li a.selected
			 {
				color: #003882;
			}

form#nl {
margin:20px 0 0 0;
border:1px solid #ccc;
padding:10px 40px;
}			

form#nl p {
	margin:3px 0;
	color:#999;
}
	
form#nl input {
	margin: 0 0 5px 0;
}
	
div#footer p {
	margin:0;
	text-align:right;
	font-size:11px;
	color:#666;
}


div#footer p a {
	color:#666;
	text-decoration:underline;
}


/* DOWNLOAD BOX
---------------------------------------*/

#downloads {
	width:180px;
	border:1px solid #cccccc;
	padding:0 10px 10px;
	float:right;
	margin:0 0 10px 10px;
}

#downloads ul p {
margin:0;
}

#downloads ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:11px;
}

#downloads ul li a {
	text-decoration:none;
	color:#000000;
	display:block;
}

#downloads ul li img {
	clear:both;
	float:none;
	margin:0;
	vertical-align:middle;
}
#downloads ul li a.mg {
	margin:10px 0;
	display:block;
	text-align:center;
}

/**
 * @xxx (2009.02.10) alexei
 * - images in the banner area don't float in Opera
 */
#banner img { margin: 0; display: block; float: left; }