/* CSS Document */

body, html{
	width: 100%;
	height: 100%;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px auto;
	scrollbar-face-color: #A6859B;
	scrollbar-shadow-color: #FFF; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-3dlight-color: #FFF; 
	scrollbar-darkshadow-color: #FFF; 
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #FFF;
	}
a{
	text-decoration: none;
	cursor: crosshair;
	color: #A54686;
}

a:hover{
	text-decoration: underline;
	
}
h1, h2, ul, p{
	padding: 0px;
	margin: 0px;
}

ul{
	list-style-position: inside;
}
	
table#container{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	position: relative;
	
}
	table#container table#center{
		width: 100%;
		margin: 0px auto;
		border: 1px;
		background: url(../parts/hr-top.jpg) 0px 50px repeat-x;
	}
	tr.top{
		height: 120px;
	}
		img#logo{
			top: 0px;
			right: 0px;
			clear: none;
			position: absolute;
		}

		#menu{
			width: 1200px;
			height: 120px;
			clear: none;
			position: relative;
		}
		#menu a, #menu a.on{
			position: absolute;
			text-transform: uppercase;
			color: #A54686;
			font-size: 10px;

		}
		#menu a:hover, #menu a.on{
			border: 1px dotted #A54686;
			text-decoration: none;
		}
			
			a#home{
				margin-left: -540px;
				margin-top: 40px;
				background: url(../parts/menu-home.jpg) 5px 5px no-repeat;
				padding-left: 60px;
				padding-top: 40px;
			}
			a#prezentare{
				margin-left: -320px;
				margin-top: 30px;
				background: url(../parts/menu-prezentare.jpg) left top no-repeat;
				padding-left: 50px;
				padding-top: 35px;
			}
			
			a#resurse{
				margin-left: 100px;
				margin-top: 55px;
				background: url(../parts/menu-proiect.jpg) left top no-repeat;
				padding-left: 30px;
				padding-top: 20px;
			}
			
			a#proiect{
				margin-left: -100px;
				margin-top: 35px;
				background: url(../parts/menu-resurse.jpg) left top no-repeat;
				padding-left: 40px;
				padding-top: 30px;
			}
			
			a#contact{
				margin-left: 300px;
				margin-top: 60px;
				background: url(../parts/menu-contact.jpg) left top no-repeat;
				padding-left: 30px;
				padding-top: 25px;
			}
			
			a#harta-site{
				margin-left: 450px;
				margin-top: 60px;
				background: url(../parts/menu-sitemap.jpg) left top no-repeat;
				padding-left: 35px;
				padding-top: 25px;
			}
		
	tr.middle{
		text-align: center;
	}
	
		h1{
			color: #A54686;
			font-size: 13px;
			width: 800px;
			letter-spacing: 3px;
			text-align: justify;
		}
		h2{
			color: #666666;
			font-size: 12px;
			text-align: justify;
			margin-top: 10px;
		}
		
		#text{
			width: 790px;
			text-align: justify;
			height: 370px;
			overflow: auto;
			padding-right: 10px;
			clear: none;
			margin-bottom: 10px;
		}

			ul.no-bullet{
				list-style: none;
			}
			
			#text p, #text ul{
				margin-top: 10px;
			}
			#text ul li ul{
				margin-top: 0px;
				margin-left: 20px;
			}	
			#text p.data{
				margin-top: 15px;
				font-size: 10px;
				color:#333333;
			}
		
			#boxes, #submenu, #breadcrumb{
				width: 235px;
				clear: both;
				text-align: left;
				padding-left: 30px;
				float:left;
				
			}
			#boxes{
			}
			#breadcrumb{
				margin-bottom: 20px;
				font-size: 10px;
			}
				a.titlu-box, a.titlu-box-on, a.titlu-box:hover{
					width: 235px;
					font-size: 11px;
					padding-left: 20px;
					background: url(../parts/box.jpg) 0px 2px no-repeat;
					margin-bottom: 10px;
					float: left;
					clear: both;
				}
				a.titlu-box:hover, a.titlu-box-on{
					background: url(../parts/box-hover.jpg) 0px 2px no-repeat;
				}
				div.box{
					width: 235px;
					margin-bottom: 20px;
					font-size: 9px;
					float: left;
					clear: both;
			}
				div.box a{
					color: #666666;
				}

			#submenu{
				padding-bottom: 20px;
			}
				#submenu a{
					width: 235px;
					clear: both;
					float: left;
					letter-spacing: 3px;
					background: url(../parts/box.jpg) left no-repeat;
					padding: 3px 0px;
					padding-left: 20px;
				}
				#submenu a:hover, #submenu a.on{
					text-decoration: underline;
					background: url(../parts/box-hover.jpg) left no-repeat;
				}
				 #submenu a.on{
				 	text-decoration: none;
				 }
	
	tr.bottom{
		height: 50px;
		background: url(../parts/hr-bottom.jpg) top repeat-x;
	}
	
		#bottom{
		width: 1135px;
		height: 50px;
		margin: 0px auto;
		padding-left: 65px;
		}

			#language{
				margin-left: 500px;
				margin-top: 7px;
				font-size: 10px;
			}
			
			#copyright{
				letter-spacing: 2px;
				font-size: 9px;
				padding-top: 10px;
			}
			
			#trafic{
				float: right;
				margin-top: -20px;
			}
	



div.submenu-event{
margin-top: 20px;
}

div.submenu-event a, div.submenu-event a:hover, div.submenu-event a.on{
text-transform: uppercase;
padding: 5px;
border: 1px #A54686 solid;
color: #A54686;
text-decoration: none;
}

div.submenu-event a:hover, div.submenu-event a.on{
text-transform: uppercase;
padding: 5px;
border: 1px #A54686 solid;
color: #FFF;
background-color: #A54686;
}

a.menu{
float: left;
clear: both;
width: 750px;
}

#text .submenu{
float: left;
clear: both;
width: 750px; 
margin-bottom: 30px;
}

.eveniment{
border-bottom: 1px solid #A54686;
padding-bottom: 10px;
}

p.data{
text-align: right;
}

.galerie-foto{
padding-top: 15px;
}
.galerie-foto a img{
border: 1px solid #000;
margin-right: 10px;
}