.company {
	font-family: verdana,arial,helvetica;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}
.slogan {
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.margin {
	padding: 5px;
}
table {
	font-size: 14px;
	font-family: trebuchet_MS,sans-serif;
	font-weight: normal;
	font-style: normal;
}
body {
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: rgb(0, 154,210); /*culoarea de background a paginii pe margini*/
	background-image: url(../images/bg.jpg); /*aceasta e imagine in degrade*/
	background-repeat: repeat-x;
	color: #000000;
	font-family: trebuchet_MS,sans-serif;
	font-weight: normal;
	font-style: normal;
}
a:link {
	color: navy;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	font-style: normal;
}
a:visited {
	color: navy;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	font-style: normal;
}
a:hover {
	color: #00AAFF;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	font-style: normal;
}
a:active {
	color: #34AEF0;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	font-style: normal;
}
.bgmenu {
	background-image: url(../images/bgmenu.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
.bottom {
	background-image: url(../images/bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.content_margin_top {
	padding-top: 0px;
}
.content_margin_bottom {
	padding-bottom: 0px;
}
.content_margin_left_right {
	padding-left: 0px;
	padding-right: 0px;
}

.bgnav01{background-color:#484848;}
.bgnav02 {background-color:#484848;}
.line {background-color:#FEE900;}

.menu
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/menu-layout  */
    margin: 0 auto; width: auto;/*float:left;*/
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: htc file path(if using relative path) inside the CSS file should be relative to the page, not to the CSS file (this is unlike image path inside the CSS that is relative to the CSS file location only). 
    So we recommend using the absolute path for the behavior file.*/
    behavior: url("cssmenu.htc");
    position:relative;
    z-index:4;
	/*width: 980px;*/
    height: 60px;
    background: #AAFFFF url(bg.gif); /*lasa url-ul si schimba culoarea de background a meniului*/
    border: 1px solid #036;
    font-family: Arial, Helvetica, sans-serif;
	color:#0F4F89;
    list-style: none;
    padding: 0;
}

 
.menu li
{
    padding: 0;
    float: left;
    height: 36px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: black;
    z-index:5;
}
.menu li:hover, .menu li.onhover
{
    border-top:1px solid #CC0000;
}

.menu a
{
    padding: 0 30px;
    line-height: 35px; /*Note: keep this value the same as the height of .menu li */
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: navy;
    position: relative;
}
.menu li:hover a, .menu li.onhover a
{
    background-color: #AAFFFF; /*background cand treci cu mouse-ul peste meniu principal*/
    color: #0000FF;/*cand treci cu mouse-ul peste meniu principal*/
    z-index: 9;
}
.menu a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.menu li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menu li.separator
{
    display:none;
}
               
        
/* sub level
--------------------------------------------*/
        
.menu .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #DDD;
    border-bottom:3px solid #990000;
    background: #FFF;            
    text-align: left;
    padding: 20px;  
    color:#0F4F89;
    top:34px;              
}

.menu .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
    background-image:none;
}

.menu li:hover .drop, .menu li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    background:#AAFFFF url(bg-right.png) no-repeat right bottom; /*background pentru meniul dezvoltat in jos*/
}
.menu li:hover .dropToLeft, .menu li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    background:white url(bg-left.png) no-repeat 0 bottom;
}
.menu li:hover .dropToLeft2, .menu li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menu div.drop div div
{
    padding: 6px 20px;
}
.menu li:hover .drop a, .menu li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menu div.drop div a
{
    line-height: 24px;  
    color: #0F4F89;
    background:none;
}
.menu div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:#0000FF;
}

.menu div.left {float:left;}

/* CSS3 effects
--------------------------------------------*/

/*for top-level*/ 
.decor4_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0px 1px 4px #999;
    -webkit-box-shadow: 0px 1px 4px #999;
    box-shadow: 0px 1px 4px #999;
            
}

/*for submenu.*/ 
.decor4_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 4px 10px #CCC;
    -webkit-box-shadow: 0 4px 10px #CCC;
    box-shadow: 0 4px 10px #CCC;  
}