@charset "utf-8";
/* CSS Document */

html,body{margin:0;padding:0;}
body{
background:url(img/bg.jpg) repeat-x;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;}


	#center_div {
	width: 800px;
	margin: 0 auto 0;
	height: 662px;
	background:url(images/main.jpg);
	background-repeat: no-repeat;
	
}

#header{
position:absolute;
margin:0x;
width:800px;
height: 150px;
}

#header img{
position:absolute;
margin:0px;}



 #menu {
	position: absolute;
	margin-top:79px;
	background-color: #d7e2e8;
	margin-left: 325px;
	font-family: verdana, arial, sans-serif;
	width:632px;
	font-size:12px;
	width:578px;
	height:20px;
   } 
  
  
  
  #menu ul li a, #menu ul li a:visited {display:block; text-decoration:none;  height:25px; text-align:left; color:#fff; padding-left:10px;  background:#334b78; line-height:25px; font-size:12px;  }

#menu ul li a.a1, #menu ul li a.a1:visited {display:block; text-decoration:none;  height:25px; text-align:left; color:#fff; padding-left:10px;  background:#334b78; line-height:25px; font-size:12px;  }


#menu ul li:hover a.a1, #menu ul li a.a1:hover {color:#000; background:#e53b3b;}

#menu ul li:hover ul, #menu ul li a.a1:hover ul {visibility:visible; top:24px; left:-1px; }

#menu ul li:hover ul li a.sub, #menu ul li a:hover ul li a.sub {background:#e53b3b; color:#000;}

#menu ul li:hover ul li, #menu ul li a.a1:hover ul li {display:block; background:#fff; color:#000;width:200px; clear:both; }

#menu ul li:hover ul li:hover a.sub, #menu ul li a.a1:hover ul li a:hover.sub {background:#e53b3b; color:#000;}

#menu ul li:hover ul li ul, #menu ul li a.a1:hover ul li a.a1 ul {visibility:hidden; position:absolute;}

#menu ul li:hover ul li a.a1, #menu ul li a:hover ul li a.a1 {display:block; background:#e53b3b; color:#000; width:100%; padding-left:10px;}

#menu ul li:hover ul li a.a1:hover, #menu ul li a.a1:hover ul li a.a1:hover {background:#e53b3b; color:#000;}

#menu ul li:hover ul li:hover ul, #menu ul li a.a1:hover ul li a.a1:hover ul {visibility:visible; left:210px; bottom:0;}

#menu ul li:hover ul li:hover ul li a.a1, #menu ul li a.a1:hover ul li a.a1:hover ul li a.a1 {background:#dfc184; color:#000;}

#menu ul li:hover ul li:hover ul li a.a1:hover, #menu ul li a.a1:hover ul li a.a1:hover ul li a.a1:hover {background:#e53b3b; color:#000;}


#menu ul li:hover ul.left, #menu ul li a.a1:hover ul.left {left:-80px;  }
#menu ul li:hover ul li:hover ul.left, #menu ul li a.a1:hover ul li a.a1:hover ul.left {left:-210px; width:209px;}



















#menu ul {padding:0; margin:0;list-style-type: none; }
#menu ul li {float:left; position:relative;}
#menu ul li ul {visibility:hidden; position:absolute;}

#menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-2px;}

#menu ul li:hover a, #menu ul li a:hover {color:#000; background:#ee6d3b;}

#menu ul li:hover ul, #menu ul li a:hover ul {visibility:visible; top:24px; left:-1px; }

#menu ul li:hover ul li a.sub, #menu ul li a:hover ul li a.sub {background:#334b78; color:#000;}

#menu ul li:hover ul li, #menu ul li a:hover ul li {
	display:block;
	background:#fff;
	color:#000;
	width:200px;
	clear:both;
}

#menu ul li:hover ul li:hover a.sub, #menu ul li a:hover ul li a:hover.sub {background:#ee6d3b; color:#000;}

#menu ul li:hover ul li ul, #menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

#menu ul li:hover ul li a, #menu ul li a:hover ul li a {display:block; background:#334b79; color:#fff; width:100%; padding-left:10px;}

#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover {background:#ee6d3b; color:#000;}

#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

#menu ul li:hover ul li:hover ul li a, #menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

#menu ul li:hover ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}


#menu ul li:hover ul.left, #menu ul li a:hover ul.left {left:-80px;  }
#menu ul li:hover ul li:hover ul.left, #menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}
li.start{
float:left;
width:62px;
position:relative;
border-right:1px solid #fff; 
}

li.praxis{
float:left;
width:100px;
position:relative;
border-right:1px solid #fff; 
}

li.praxiss{
float:left;
width:157px;
position:relative;
border-right:1px solid #fff; 
}

li.sig{
float:left;
width:73px;
position:relative;
border-right:1px solid #fff; 
}

li.lei{
float:left;
width:80px;
position:relative;
border-right:1px solid #fff; 
}


li.leg{
float:left;
width:108px;
position:relative;
border-right:1px solid #fff; 
}

li.con{
float:left;
width:80px;
position:relative;
border-right:none;

} 

#flash{
	width: 551px;
	height: 160px;
	position:absolute;
	background-color: #334b78;
	margin-top:105px;
	margin-left:250px;
	background-image: url(flash/img1.jpg);
}


#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 557px;	/* IE 5.x */
	width/* */:/**/551px;	/* Other browsers */
	width: /**/551px;
	/* CSS HACK */
		height: 166px;	/* IE 5.x */
	height/* */:/**/160px;	/* Other browsers */
	height: /**/160px;
	background-color:#334b78;
	
	position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:551px;
		height:160px;
		background-color:#334b78;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	#imageSlideshowHolder img{
		position:absolute;
	}
	
	/*chris - description overlay*/
	#the_captions{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
		color:#FFFFFF;
		padding:30px;
		padding-top:25px;
		margin-left:30px;
		margin-top:5px;
		z-index:100;
		/*height:200px;*/
		width:240px;
		
		font-size:80%;
		}
	.imageInGallery_DESC h1{
		color:#99cc33;
		font-size:100%;
		margin:0px;
		padding:0px 0px 5px 0px;
		}
		

















#date_contact{
	position:absolute;
	width: 245px;
	height:142px;
	margin-top: 106px;
	margin-left:5px;
	background-color:#334b79;
	padding-top: 0px;
}

#date_contact p{
width: 210px;
color:#FFFFFF;
margin-top:40px;}

.orange{
color:#FF3300;
font-size:16px;}

#content {
	width: 800px;
	margin-top: 270px;
	position:absolute;
	height:385px;
	background-color:#f1f1f1;
	

	
}




#dom{
	position:absolute;
	margin-left: 280px;
	width:500px;
	margin-top: 230px;
	height:100px;
	background-repeat: no-repeat;
}


#prezentare{
	position:absolute;
	margin-left: 280px;
	width: 500px;
	height: 180px;
	background-color:#ebebeb;
	margin-top: 15px;
	background-image: url(flash/pres.jpg);
	background-repeat: no-repeat;
}

#prezentare p{
	width: 320px;
	height: 150px;
	margin-top: 20px;
	margin-left: 160px;
	text-indent: 10px;
}





#prezentare   a:link {color: #e74949; margin-left:220px; text-decoration:none; font-weight:bold; margin-top:10px;}
 #prezentare a:visited {color: #e74949; margin-left:220px; text-decoration:none; font-weight:bold; margin-top:10px;}
#prezentare  a:hover {color: #000; margin-left:220px; text-decoration:none;font-weight:bold; margin-top:10px;}
#prezentare  a:focus {color: #000; margin-left:220px; text-decoration:none; font-weight:bold; margin-top:10px;}
 #prezentare a:active {
	color: #e74949;
	margin-left:220px;
	text-decoration:none;
	font-weight:bold;
}



#noutati{
	position:absolute;
	margin-left: 20px;
	width: 245px;
	height: 315px;
	margin-top: 15px;
	background-image: url(img/news.jpg);
	background-repeat: no-repeat;
	background-color: #E8EDF0;
}

#noutati p{
	width: 225px;
	margin-left: 0px;
	margin-top: 10px;
	text-align: justify;
}

#noutati p.p1{
	width: 225px;
	margin-left: 0px;
	margin-top: 15px;
	text-align: justify;
}
#noutati img{
float:left;}

.orange1{
	color:#FF3300;
	font-size:14px;
	margin-left:85px;
}

#footer{
	position:absolute;
	margin-left:0px;
	margin-top: 380px;
	background-color:#334b79;
	height:25px;
	width:800px;
}

#footer p{
	margin-left: 15px;
	margin-top: 7px;
	color:#FFFFFF;}
	
	.lan{
	margin-top: 40px;
	margin-left: 570px;
}
	
   a.a3:link {color: #e74949; margin-left:120px; text-decoration:none; font-weight:bold; margin-top:10px; font-size:14px;}
 a.a3:visited {color: #e74949; margin-left:120px; text-decoration:none; font-weight:bold; margin-top:10px; font-size:14px;}
  a.a3:hover {color: #000; margin-left:120px; text-decoration:none;font-weight:bold; margin-top:10px; font-size:14px;}
  a.a3:focus {color: #000; margin-left:120px; text-decoration:none; font-weight:bold; margin-top:10px; font-size:14px;}
 a.a3:active {color: #e74949; margin-left:120px; text-decoration:none; font-weight:bold; margin-top:10px; font-size:14px;}