/* CSS Document */

body{
	width: 1004px;
	margin: auto;
	margin-top: 20px;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 11px;
	scrollbar-face-color: #c5c5c5;
	scrollbar-shadow-color: #FFF; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-3dlight-color: #FFF; 
	scrollbar-darkshadow-color: #FFF; 
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #FFF;
}
*{
	position: relative;
}
#container{
	margin: auto;
}
img{
	border: 0px;
}

h1, h2, ul, ol, li, p{
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color: #7C0000;
	padding: 0px;
}

a#logo, a#logo:hover{
	width: 197px;
	height: 87px;
	float: left;
	background: url(../parts/logo.jpg) center no-repeat;
}
a#logo:hover{
	background: url(../parts/logo-hover.jpg) center no-repeat;
}
#header{
	width: 695px;
	height: 87px;
	background: url(../parts/header.jpg) right no-repeat;
	float: left;
	display: block;
	padding-left: 72px;
	border: 2px solid #FFF;
}
#header.on, #header:hover{
	background: url(../parts/header-hover.jpg) right no-repeat;
	border: 2px solid #FFF;
}
#header.off{
	background: url(../parts/header.jpg) right no-repeat;
	border: 2px solid #FFF;
}
#menu{
	width: 245px;
	height: 484px;
	background: url(../parts/menu.jpg) center no-repeat;
	padding-left: 25px;
	float: left;
	border: 2px solid #FFF;
}
#menu.on, #menu:hover{
	background: url(../parts/menu-hover.jpg) center no-repeat;
	border: 2px solid #FFF;
}
#menu.off{
	background: url(../parts/menu.jpg) center no-repeat;
	border: 2px solid #FFF;
}


#content-menu{
	width: 168px;
	height: 340px;
	overflow: auto;
	float: left;
	margin-top: 70px;
}
	#content-menu a, #content-menu a:hover, #content-menu a.on{
		width: 125px;
		letter-spacing: 2px;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		float: left;
		margin-bottom: 7px;
		border-bottom: 1px solid #FFF;
	}
	
	#content-menu a:first-letter, #content-menu a:hover:first-letter, #content-menu a.on:first-letter{
		font-size: 15px;
		color: #7C0000;
	}
	
	#content-menu a.on{
		background: url(../parts/mark-up.jpg) right no-repeat;
		border-bottom: 1px dotted #7C0000;
		color: #7C0000;
	}
	
	#content-menu a:hover{
		background: url(../parts/mark-up-hover.jpg) right no-repeat;
		border-bottom: 1px dotted #646464;
	}

#text{
	width: 655px;
	height: 484px;
	background-attachment: fixed;
	background: url(../parts/text.jpg) center no-repeat;
	float: left;
	padding-left: 40px;
	border: 2px solid #FFF;
}

#text.on, #text:hover{
	background-attachment: fixed;
	background: url(../parts/text-hover.jpg) center no-repeat;
	border: 2px solid #FFF;
}


#text.off{
	background-attachment: fixed;
	background: url(../parts/text.jpg) center no-repeat;
	border: 2px solid #FFF;
}

#text ul li{
	list-style-position: inside;
	width: 560px;
	float: left;
	clear: both;
}

#text ul li ul{
	width: 545px;
	padding-left: 15px;
	float: left;
	clear: both;
}
#text p{
	width: 575px;
	float: left;
	position: relative;
}

#text a:hover{
	text-decoration: underline;
}

#text a.partener{
width: 180px;
float: left;
text-align: center;
padding-top: 50px;
}
#text a.partener span.descriere{
	float: left;
	clear:both;
	width: 160px;
	padding: 5px 10px;
	text-align: center;
}


#submenu{
	width: 580px;
	height: 20px;
	margin-top: 35px;
	margin-bottom: 10px;
}
	#submenu a, #submenu a.on, #submenu a:hover{
		color: #666666;
		float: left;
		padding: 5px;
		border-left: 1px dotted #CCC;
		border-right: 1px dotted #CCC;
		border-bottom: 1px dotted #CCC;
	}
	
	#submenu a:hover, #submenu a.on{
		color: #7C0000;
		text-decoration: underline;
	}
	
#content-text{
	width: 595px;
	height:355px;
	overflow: auto;
	float: left;
	padding-right: 5px;
}

	h1, h2, a.capitol-titlu{
		width: 575px;
		color: #7C0000;
		font-size: 16px;
		letter-spacing: 2px;
		text-align: left;
		float: left;
		clear: both;
	}
	h2, a.capitol-titlu{
		font-size: 12px;
	}
	
	a.capitol-titlu{
		padding: 5px 0px;
	}
	
	
	div.capitol-text{
	float: left;
	}
	
	#footer{
		position: absolute;
		bottom: 3px;
		left: 250px;
		color: #000;
		font-size: 9px;
	}
	
	#footer a{
		letter-spacing: 2px;
		color: #000;
		
	}
		#footer a:hover{
		letter-spacing: 2px;
		background-color: #000;
		color: #FFF;
		
	}
	
	#trafic{
		width: 1004px;
		text-align: left;
		text-indent: 70px;
		padding-top: 20px;
		height: 50px;
		float: left;
	}