@charset "utf-8";
/******************************************

Site colors:

   element			 color		  hex
----------------------------------------
background:			 gray		#EEEEEC
menu text:			 blue		#000000
text 1:			   dark blue	#000000
text 2:			   dark gray	#656261
text 3: 		   light gray	#8B8786


Font: "Trebuchet MS"

******************************************/

/* Main settings */
body {
	padding: 0;
	background: #EEEEEC;
	/* Font family and main color */
	font-family: "Trebuchet MS";
	color: #656261;
}
.hr {
	border: 0;
	width: 100%;
	height: 3px;

	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
	background: url(delimiter-h.jpg) center no-repeat;
}

a, a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}

.clear {
	clear: both;
}
.space-h {
	height: 30px;
	background: none;
}
/* Page container */
#container {
	width: 910px;
	margin: 0 auto;
	padding: 0;
	
	background: url("bg-main.jpg") repeat-y;
}
/* header style */
#header {
	width: 910px;
	height: 100px;
	background: #EEEEEC url("header.jpg") no-repeat;
}
/* Logo position */
#logo {
	position: relative;
	display: block;
	width: 207px;
	height: 65px;
	margin: 0;
	top: 20px;
	left: 20px;
	float: left;
	background-image: url("logo.jpg");
	
	cursor: pointer;
}

#top-flash {
	width: 500px;
	height: 100px;
	padding: 0;
	margin-left: 250px;
	margin-right: 100px;
}

/* Upper-right menu: RSS+Sitemap */
/* menu position */
#alt-menu {
	position: relative;
	display: block;
	width: 110px;
	height: 65px;
	margin: 0;
	top: 20px;
	right: 20px;
	float: right;
}

/* Links functionality: show text on hover, hide in normal mode */
#alt-menu a span { display: none; }
#alt-menu a:hover span { display: inline; }

/* strong tag in links */
#alt-menu a strong { font-size: 13px; font-weight: bold; }

/* RSS link formatting */
#alt-menu a.RSS, #alt-menu a.RSS:visited, #alt-menu a:visited.RSS,
#alt-menu a.RSS:hover, #alt-menu a:hover.RSS {
/*	size and padding */
	display: block;
	height: 36px;
	line-height: 18px;
	padding-right: 32px;
/*	font settings */
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
/*	link icon */
	background: url("icon-rss.jpg") right center no-repeat;
}
/* sitemap link formatting */
#alt-menu a.sitemap, #alt-menu a.sitemap:visited, #alt-menu a:visited.sitemap,
#alt-menu a.sitemap:hover, #alt-menu a:hover.sitemap {
/*	size and padding */
	display: block;
	height: 36px;
	line-height: 36px;
	padding-right: 32px;
/*	font settings */
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
/*	link icon */
	background: url("icon-sitemap.jpg") right center no-repeat;
}


/* Main navigation div */
/* styles can be found in "main_nav.css" */
#navigation {
	padding: 0px;
	width: 860px;
	margin-left: 5px;
	padding-left: 10px;
	background: url(images/bg-menu.jpg) repeat-x;
}
#newsletter {
	margin-right: 10px;
	width: 165px;
	float: right;
}

/* Main page panels */
#search_filters {
	padding: 0px 35px;
}
/* Container div */
#main-panels {
	float: left;
	width: 600px;
	position: relative;
	top: 25px;
	left: 30px;
	padding: 0px;
	background: url(delimiter-v.jpg) no-repeat right;
}
#main-panels-alone {
	float: left;
	width: 885px;
	margin-top: 20px;
	margin-left: 25px;
}
/* table td panel header */
.panel-full {
	width: 280px;
	height: 280px;
	background: url("panel-full.jpg") no-repeat;
	padding-left: 30px;
	padding-top: 25px;
	
	color: #FFFFFF;
	font-size: 16px;
	vertical-align: top;
}
.panel-full .big2 {
	display: block;
	font-size: 22px;
	width: 138px;
	height: 80px;
}
.panel-full img {
	position: absolute;
	margin-left: 140px;
}

/* table td panel 1 header */
#panel-1-top {
	width: 300px;
	height: 70px;
	background: url("panel-top-1.jpg") no-repeat;
}
/* table td panel 2 header */
#panel-2-top {
	width: 300px;
	height: 70px;
	background: url("panel-top-2.jpg") no-repeat;
}
/* table td panel 3 header */
#panel-3-top {
	width: 300px;
	height: 70px;
	background: url("panel-top-3.jpg") no-repeat;
}
/* table td panel 4 header */
#panel-4-top {
	width: 300px;
	height: 70px;
	background: url("panel-top-4.jpg") no-repeat;
}
/* table td panel content */
.panel-content {
	height: 203px;
	padding-left: 30px;
	padding-top: 25px;
	background: url("panel-bg.jpg") no-repeat;
	vertical-align: top;
	color: #FFFFFF;
}
/* panel content links */
.panel-content a, .panel-content a:visited, .panel-full a, .panel-full a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.panel-content a:hover, .panel-content a:active, .panel-full a:hover, .panel-full a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
/* panel content big text */
.panel-content .BIG{
	font-size: 24px;
	font-weight: bold;
}
/* search form main */
.panel-content form {
/*	limit width of form to prevent panel expanding */
	width: 180px;
}
/* search form input style */
.panel-content input {
/*	font formatting */
	font-size: 14px;
	color: #8B8786;
/*	remove default formatting for inputs */
	border: none;
	background: none;
/*	limit dimensions */
	width: 166px;
	height: 20px;
}
/* search box background */
.panel-content .rounded_searchbox	{
/*	custom background for text input */
	background: url("bg-search.jpg") no-repeat;
/*	text alignment */
	margin: 2px 5px 2px -5px;
	padding: 3px 10px 0 10px;
}
/* Right panels container */
#right-panels {
	float: right;
	width: 250px;
	margin-top: 10px;
	padding: 0;
	font-size: 12px;
}
/* Right panel h1*/
#right-panels h1 {
	color: #204A87;
	font-size: 20px;
	width: 230px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	background: url(right-panel-top.jpg) top no-repeat;
	margin-bottom: 0px;
}
#right-panels h2, #right-panels h2 a {
	color: #656261;
	font-size: 16px;
	font-weight: bold;
	width: 210px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 5px;
}
#right-panels h2 a, #right-panels h2 a:visited {
	text-decoration: none;
}
#right-panels h2 a:hover, #right-panels h2 a:active {
	text-decoration: underline;
}
#right-panels h3, #right-panels h3 a {
	color: #656261;
	font-size: 14px;
	font-weight: bold;
	width: 210px;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
}
#right-panels h3 a, #right-panels h3 a:visited {
	text-decoration: none;
}
#right-panels h3 a:hover, #right-panels h3 a:active {
	text-decoration: underline;
}
#right-panels .right-content {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 210px;
	padding: 1px 10px;
	background: url(right-panel-content.jpg) top no-repeat;
}
#right-panels .right-content ul {
	font-size: 14px;
	list-style: none;
}
#right-panels .right-content ul li {
	list-style: url(menu_arrow_1.gif);
}
#right-panels .right-content ul li:hover {
	list-style: url(menu_arrow_2.gif);
}
#right-panels .right-content ul li a, #right-panels .right-content ul li a:visited {
	color: #656261;
	text-decoration: none;
}
#right-panels .right-content ul li a:hover, #right-panels .right-content ul li a:active {
	color: #204A87;
	text-decoration: none;
}
#related_videos	{
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}
.video_preview {
	cursor: pointer;
	border: 1px solid #FFFFFF;
}
.video_preview:hover {
	border: 1px solid #656261;
}

#right-panels .frame-end {
	margin-top:0px;
	width: 230px;
	height: 20px;
	background: url(right-panel-bottom.jpg) bottom no-repeat;
}

#right-panels form {
	padding-left: 10px;
	text-align: left;
}
.button {
	border: 0;
	width: 80px;
	height: 21px;
	line-height: 19px;
	text-align: center;
	background: #FFFFFF url(bg-btn.jpg) center no-repeat;
	cursor: pointer;
	color: #656261;
	font-size: 11px;
/*	Round corners /
	border: 1px solid #656261;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url("border-radius.htc"); /**/
}

#third-panel-top {
	width: 850px;
	height: 25px;
	margin: 0px 30px 0px 30px;
	padding: 0;
	background: url(third-panel-top.jpg) top no-repeat;
}
#third-panel-bottom {
	width: 850px;
	height: 25px;
	margin: 0px 30px 0px 30px;
	padding: 0;
	background: url(third-panel-bottom.jpg) top no-repeat;
}
#third-panel-content {
	width: 790px;
	margin: 0px 30px;
	padding: 1px 30px;
	background: url(third-panel-bg.jpg) left repeat-y;
}


#third-panel-content #last-left {
	background: url(articole.jpg) top right no-repeat;
	float: left;
	width: 230px;
	margin: 0;
}

#third-panel-content #last-right {
	background: url(formari.jpg) top right no-repeat;
	float: right;
	width: 230px;
	margin: 0;
}

#third-panel-content #last-center {
	background: url(evenimente.jpg) top right no-repeat;
	margin-left: 270px;
	margin-right: 270px;
}

#third-panel-content h1 {
	margin: 0px 0px 15px 0px;
	color: #000000;
	font-size: 20px;
	text-decoration: underline;
}
#third-panel-content h2, #third-panel-content h2 a, #third-panel-content h2 a:visited {
	margin: 0;
	color: #656261;
	font-size: 14px;
	text-decoration: none;
}
#third-panel-content h2 a:hover, #third-panel-content h2 a:active {
	text-decoration: underline;
}
#third-panel-content .last-content {
	margin: 0;
	margin-bottom: 15px;
	font-size: 12px;
	text-align: justify;
}

#third-panel-content  a, #third-panel-content  a:visited {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
#third-panel-content  a:hover, #third-panel-content  a:active {
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}
.more-link {
	margin: 0;
	padding: 0;
	text-align: right;
}

#footer {
	width: 910px;
	height: 120px;
	background: #EEEEEC url(footer-bg.jpg) top no-repeat;
	vertical-align: middle;
}
#footer p {
	text-align: center;
	top: 15px;
	font-size: 12px;
}
#footer a, #footer a:visited {
	color: #656261;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #656261;
	text-decoration: underline;
}

#user-home-panel-top {
	width: 600px;
	height: 25px;
	margin: 10px 30px 0px 30px;
	padding: 0;
	background: url(user-home-panel-top.jpg) top no-repeat;
}
#user-home-panel-bottom {
	width: 600px;
	height: 25px;
	margin: 0px 30px 0px 30px;
	padding: 0;
	background: url(user-home-panel-bottom.jpg) top no-repeat;
}
#user-home-panel-content {
	width: 540px;
	margin: 0px 30px;
	padding: 1px 30px;
	background: url(user-home-panel-bg.jpg) left repeat-y;
}
#user-home-panel-content h1 {
	margin: 0px 0px 15px 0px;
	color: #000000;
	font-size: 20px;
	text-decoration: underline;
}
#user-home-panel-content h2, #user-home-panel-content h2 a, #user-home-panel-content h2 a:visited {
	margin: 0;
	color: #656261;
	font-size: 14px;
	text-decoration: none;
}
#user-home-panel-content h2 a:hover, #user-home-panel-content h2 a:active {
	text-decoration: underline;
}
#user-home-panel-content .last-content {
	margin: 0;
	margin-bottom: 15px;
	font-size: 12px;
	text-align: justify;
}

#user-home-panel-content  a, #user-home-panel-content  a:visited {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
#user-home-panel-content  a:hover, #user-home-panel-content  a:active {
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}


/***************************************
***************************************/
#search_pages {
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
}
#search_pages a, #search_pages a:visited {
	padding: 0px 6px;
	margin: 0px 3px;
	text-decoration: none;
	color: #8B8786;
	border: 1px solid #8B8786;
}
#search_pages a:hover, #search_pages a:active {
	padding: 0px 6px;
	margin: 0px 3px;
	text-decoration: none;
	color: #8B8786;
	border: 1px solid #000000;	
}
#search_pages .current {
	padding: 0px 6px;
	margin: 0px 3px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #000000;	
}

.color_gray {
	color: #8B8786;
}


#map{
  height: 225px;
  width: 300px;
}

/* CSS Document */

#main_menu {
	width: 880px;
	height: 41px;
	float: left;
	font-family: "Trebuchet MS";
	background: ("images/bg-menu.jpg") repeat-x;
}

#main_nav {
/*	top-level list	*/
	padding: 0 0 0 10px;
	margin: 0;
}

#main_nav li {
	list-style-type: none;
	list-style-image: none;
	
	line-height: 41px;

	float: left;	
	margin: 0;
	display: block;
}

#main_nav a {
    text-decoration: none;
	display: block;
}

#main_nav a img {
	margin: 3px 0 1px 0;
}


#main_nav ul {
/*	second level list	*/
	background-color: #EEEEED;
	padding: 0;
	float: left;
	width: 164px;
	border-top: 1px solid #656261;
	margin: 0;	/* ||||||||> need to counteract padding in #main_nav li to position sub-menus properly <|||||||| submenu position IE fix*/
}

#main_nav li a {
	display: block;
	color: #656261;
	font-size: 18px;

	text-align: center;

	padding-left: 10px;
	padding-right: 10px;
	
	line-height: 41px;
}

/* Level 2 menu items */
#main_nav ul li a {
	font-size: 12px;
	font-weight: normal;
	
	text-transform: none;
	letter-spacing: normal;
	
	background-color: #EEEEED;
	background-image: none;	/*	this counteracts the image in level_0 li a 	*/
	
	text-align: left;
	
	margin: 0;
	padding: 4px 10px 4px 10px;
	
	border: 1px solid #656261;
	border-top: none;
	
	width: 142px;
	color: #FFFFFF;
	
	line-height: normal;
}

#main_nav ul ul {	/*	these styles relate to placing the Level2 menu in relation to Level1	*/
	position: relative;
	margin: -25px 0 0 163px;
}
#main_nav ul ul ul {
	display: none;
}


/*	Has Children	*/

#main_nav ul.level_1 li.has_children a {
	background-image: url("menu_2_arrow.gif");
	background-position: center right;
	background-repeat: no-repeat;
}

/*	remove arrow from second level lists.. this menu only shows level 0-2 right now
	you have to write the rule this way so that the child <li>s don't inherit bg from parent <li>
*/
#main_nav ul.level_1 li.has_children ul a {
	background-image: none;
}


/*	all HOVERS here	*/

/*	normal hovers	*/

#main_nav li:hover, #main_nav li:hover a{
	display: block;
	color: #000000;
	background: url("images/menu-arrow.jpg") no-repeat bottom;
}

#main_nav li:hover ul a {
	background-color: #EEEEED;
	background-image: none;
}

#main_nav ul li a:hover {
	background-color: #FFFFFF;
	color: #656261;
	border: 1px solid #656261;
	border-top: none;
}


/*	Menu functionality	*/

#main_nav li ul {	/* hides level_1 and below lists */
	position: absolute;	
	left: -999em;		
}

/* no need to change these hover classes 
unless you need more than 3 levels */
#main_nav li:hover ul ul,
#main_nav li:hover ul ul ul {
	left: -999em;
}

#main_nav li:hover ul,
#main_nav li li:hover ul,
#main_nav li li li:hover ul {
/*	position: absolute;	*/
	top: auto;
	left: auto;
}	

/* ---------------- Meniu Down ---------------------------- */
	
#dropmenudiv{
position:absolute;
color:#000000;
font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:1px solid #CCCCCC;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
background-image:url(images/bg-menu.jpg);
width: 100%;
color:#000000;
display: block;
text-indent: 3px;
font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
border-bottom: 1px solid #CCCCCC;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
color:#333333;
font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}




