h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a{  text-decoration: none;}
a:hover{  text-decoration: underline;}

html
{
background-color: #051e36;
}
body, td
{
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;

}

body 
{
padding: 0 0 0 0;
margin: 0 0 0 0;

text-align: center;
background: url("../images/body-back.gif") repeat-x top center #fff;
}

#center
{
background: url("../images/container-back.gif") repeat-y 0 70px transparent;
float: left;
width:935px;
}

body#homepage #center
{
background: url("../images/container-back.gif") repeat-y 0 0 transparent;
float: left;
width:935px;
}

#container
{
text-align: left;
overflow: hidden;
background-color: transparent;
margin-left: auto;
margin-right: auto;
width:935px;
}

body#twocols #container
{

}


div#banner
{
width:935px;
padding: 0 0 0 2px;
display: block;
float: left;
text-align: center;
}
#header
{
width:937px;
height:194px;
float:left;
background: url("../images/header-back.gif") no-repeat top left transparent;
}


.banner-left
{
display: block;
width: 200px;
height: 200px;
float: left;
margin: 5px 0px 0 40px;
}
#top-navigation
{ 
float:right;

}

#logo
{
float:left;
outline: 0;
margin-top: 0px;

}

a#logo:focus { outline: 0; }

#left
{
float:left;
width:241px;
min-height: 448px;
background: url("../images/left-back.gif") no-repeat top right transparent;
padding: 0 0 0 0;

}

*html #left
{
height: 448px;
}



#right
{
width: 694px;
padding-right: 0px;
float: right;
}

#content
{
padding: 0px 34px 24px 25px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height: 1.5em;
text-align: justify;
}



#homepage #content
{
background: url("../images/title-bar-home.gif") no-repeat top right transparent;
padding: 1px 0px 24px 0px;
margin: 0 0 0 15px;
display: block;
float:left;
width: 907px;
}

#content table
{
border: 1px solid #444;
}

#content table
{
    line-height: normal;
}

#content table td
{
padding: 0px 2px 0px 2px;
}

#content table td p
{
    margin: 0;
    padding: 0;
}
#content table td font
{
    margin: 0;
    padding: 0;
}
#content form
{
float:left;
}
.pane
{
display: block;
float: left;
width: 386px;
margin: 0px 12px 0 0px;
font-family: 'Trebuchet MS';
font-size: 11px;
color:#000;
}


.pane img
{
float: left !important;
}

.pane div
{
display: block;
width: 317px;
float:right;
}

#homepage #content
{
padding-bottom: 0px;
}

.pane h2
{
color:#fff;
display: block;
text-indent: 8px;
margin: 0 0 25px 0;
padding: 0;
text-transform: uppercase;
font-size: 16px;
font-family: 'Trebuchet MS';
font-weight: bold;
}



.pane li em
{
float: right;
color: #000;
font-style: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.pane li a, .pane li a:visited, .pane li a:link
{
font-family: "Trebuchet MS";
font-size: 13px;
color:#263f57 !important;
float: left;
text-decoration: underline !important;
text-align: left;
margin-bottom: 4px;
}

.pane li a:hover, .pane li a:active
{
color: #800020 !important;
}

.pane li p
{
margin:  0 0 0 0 !important;
clear: left;
text-align:left !important;
font-family: "Trebuchet MS";
font-size: 11px;
color: #565756;
}
.pane li
{
display:block;
float: left;

margin: 0 0 0 0;
padding: 0 0 10px 0 !important;
list-style: none;
}

.pane ul
{
margin: 0 0 0 0px;
padding: 0 0 0 0;
}
#pane2, #pane2 ul li
{
width: 430px;
}

#pane2 img
{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
}

#pane1
{
margin-left: 18px;
}

#pane2
{
margin-left: 25px;
}

#pane1 div 
{
width: 337px;
float: right;
display: block;
}

#pane1 div.data
{
display:block;
float:left;
width: 30px;
padding: 5px 0 0 0;
height: 35px;
background: url("../images/data.gif") no-repeat top right transparent;
margin-right: 13px;
margin-top: 3px;
color: #fff;
font-size:  18px;
font-family: "Trebuchet MS";
text-align: center;
}

#pane1 div.data span
{
line-height: 22px;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
color: #e1e1e1;
}

div#right-pane ul li
{
width: 200px;
text-indent: 7px;
}


div.col-left, div.col-right
{

float:left;
}

#content h1
{
color:#092c4c;
font-family: "Trebuchet MS";
font-size:28px;
font-weight:bold;
text-align: left;
margin: 50px 0 15px 0 ;
padding: 0 0 0 0;
clear: both;
line-height:30px;
}

#content h3
{
font-size:13px;
font-weight:800;
color:#fff;
font-family:"Arial";
line-height:normal;
text-decoration:underline;
}
#content form
{ 
margin:0 30px 5px 50px;
text-align:justify;
text-indent:0;
}

#content form label
{
display: block;
}
#content p
{ 
margin:0 0 10px 0;
text-align:justify;
text-indent:0;
}

#content p p
{ 
margin:0 0 0 0;
text-indent:0;
}

#content img
{ 
margin:8px 0 5px 10px;
float: right;
}

#content p img
{ 
margin:8px 0 5px 10px;
float: right;
}

#content img.poza-stanga
{ 
float:right;
margin:8px 10px 5px 20px;
}

em.time
{
display: block;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
color: #898989;
line-height: 11px;
}

#content img.pozacentru{  margin:8px 3px 5px 130px; }


.img-pane{border-style:solid;
border-color:#666666;
border-width:2px;}


#content a:link, #content a:visited{ color:#263f57; text-decoration:underline;  font-weight:bold;}
#content a:active, #content a:hover{ color:#800020; text-decoration:underline;font-weight:bold;}
#content ul a:link, #content ul a:visited{ color:#263f57; text-decoration:none; font-weight:bold;}
#content ul a:active, #content ul a:hover{ color:#800020; text-decoration:underline;font-weight:bold;}

#content ul li
{
font-size:11px;
line-height:15px;
padding-bottom:5px;
margin-bottom:5px;
}

#homepage #content ul li
{
margin-bottom: 0;
}
#content ul ul
{
margin-top: 9px;
}
#content ul ul li
{
font-size:10px; 
color:#000;
border-bottom:none;
}



h2{ 
font-size:16px;
margin: 20px 10px 10px 0px;
color:#aa2c2c;
font-family: 'Trebuchet MS';

}
.tabel-simplu
{
width:400px;
margin:10px 10px 10px 60px;
border:none;
font-family:"Tahoma";
font-size:10px;
}
*html .tabel-simplu{
margin-left:20px;
margin-right:0px;
}

.tabel-simplu td
{
border-bottom:10px solid #fff;;
}
.tabel{
width:480px;
border:solid 1px #D6DDE6;
font-family:"Tahoma";
font-size:10px;
border-collapse: collapse;
background-color:#fff;
margin:10px;
}
*html .tabel{
margin-left:20px;
margin-right:0px;
}

.tabel td {
border: 1px solid #D6DDE6;
text-align: left;
padding: 2px 4px 2px 4px;
}
.tabel th{
border: 1px solid #fff;
background-color: #7e8750;
font-weight: bold;
text-align: left;
padding: 2px 4px 2px 4px;
color:#fff;
}

.tabel2{border:solid 1px #666666;font-family:"Tahoma";font-size:10px;border-collapse: collapse;background-color:#fcfaf2;margin:10px;}
.tabel2 td {border: none;text-align: left;padding: 2px 4px 2px 4px;}
.tabel2 th{border: none;background-color: #2f4055;font-weight: bold;text-align: left;padding: 2px 4px 2px 4px;color:#fff;}

.hilite{background-color: #b5cdeb;}
.tabel td.aligncenter{text-align:center;}
.tabel td a:hover{text-decoration:underline;color:#0066CC;}

.colorat1{ color:#FF0000;}
.colorat2{ color:#5179B7;}

#footer-container
{
background: url("../images/footer-back.gif") repeat-x top center transparent;
width:100%;
text-align: center;
padding-bottom: 75px;
}
#footer
{
font-family: "Tahoma";
font-size:9px;
color:#fff;
width:935px;
height:50px;

text-align: left;
overflow: hidden;
margin-left: auto;
margin-right: auto;

background: url("../images/footer.gif") no-repeat top center transparent;
padding: 19px 0 0 0;
}


body#homepage div#main
{
display: block;
float: right;
margin: 0 18px 10px 0px;
}
body#homepage div#main a
{
display: block;
}

body#homepage div#meniu_secundar
{
float:left;
display: block;
background: url("../images/meniu-secundar.gif") no-repeat top center #ebebf0;
height: 224px;
width: 190px;
margin: 0 0 0 20px;
}
/*
body#homepage div#meniu_secundar ul
{
list-style: none;
padding: 0 0 0 14px;
}


body#homepage div#meniu_secundar a
{
background: url("../images/bullet-home.gif") no-repeat 5px 7px transparent;
font-family: Tahoma;
font-size: 18px;
color:#3e3e3e;
padding: 0 0 0 17px;
line-height: 26px;
}
*/
body#homepage div#meniu_secundar strong
{
text-transform: uppercase;
color: #eef;
padding: 7px 0 10px 0;
display: block;
width:190px;
height:30px;
text-align: center;

}


#footer a, #footer a:link
{
color:#fff;
}

#footer a, #footer a:link, #footer a:visited
{
color:#fff;
text-decoration:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#footer a:active, #footer a:hover
{
color:#eee;
text-decoration:underline;
}

#footer div#fleft
{
float: left;
display: block;
width: 600px;
height: 22px;
text-align: left;
text-indent: 20px;
}

#footer div#fright
{
float: right;
display: block;
width: 300px;
height: 22px;
text-align: right;
margin: 0 20px 0 0;
}

#footer div#fcenter
{
float: left;
text-align: center;
width: 963px;
height: 22px;
color: #fff;
clear: both;
padding: 5px 0 0 0;

}

#footer div#fcenter #arrow-unu,#footer div#fcenter #arrow-doi
{
background: url("../images/footer-arrows.gif") repeat top right transparent;
display: inline-block;
width: 58px;
height:6px;
}

#footer div#fcenter #arrow-doi
{
background: url("../images/footer-arrows.gif") repeat top left transparent;
}
#footer div#fcenter a, #ffooter div#fcenter a:link
{
color: #000;
margin: 0 2px 0 2px;
font-weight: bold;
}


#footer div#fcenter a:hover, #ffooter div#fcenter a:active
{
color: #fff;
margin: 0 2px 0 2px;
}

div#admin
{
background-color: #000 !important;
padding: 4px;
font-weight: bold;
color: red;
}
div#admin a, div#admin a:link, div#admin a:visited
{
color: red;

}
#content ul.last-articles
{
float: left;
}
#content ul.last-articles li
{
width: 200px;
}

div#navigation
{
background-color: transparent;
width: 940px;
display: block;
float: left;
margin: 0px 0 0 15px;
}

div#userbar
{
font-family: Arial;
background-color: black;
width: 150px;
display: block;
float: right;
margin: 5px 0 0 15px;
color: #fff;
padding: 0 10px 0 15px;
text-align: right;
}

#userbar a, #userbar a:link, #userbar a:visited
{
color: #800020;
font-size: 11px;
font-weight: bold;
line-height:15px;
}


*html #pmenu a, *html #pmenu a:visited
{
line-height:27px;
}



/*
link
visited
focus
hover
active*/



#left ul 
{

margin: 1px 15px 1px 13px;
padding: 10px 0 10px 3px;
color:#3e3e3e;
list-style: none;
font-family: Tahoma;
font-size: 13px;
font-weight: normal;
}

#left  ul li
{
margin: 3px 0 0 0px;
padding: 0 0 0 20px;

background: url("../images/bullet.gif") no-repeat top left transparent;
}

#left ul li ul li
{

}

#left ul ul, #left ul ul ul 
{
border-bottom: none;
}


#left ul li ul
{
margin: 0 0 0 10px;
padding: 0 0 0 0;
border: none;
}
#left ul li ul li
{
padding: 0 0 0 0;
border: none;
}


#left a, #left a:link, #left a:visited
{
color: #444;
font-weight: bold;
}

#left ul li ul li a, #left ul li ul li  a:link, #left ul li ul li  a:visited
{
color: #444;
font-weight: normal;
font-size: 11px;
}


#left h3, #left h3.main
{
margin: 10px 15px  0 20px;
color: #fff;
font-size: 13px;
font-family: "Trebuchet MS";
padding: 3px 0 3px 12px;
text-transform: uppercase;
background: url("../images/h3.gif") no-repeat top left #555;

}

#left h3.main
{
background: url("../images/h3.gif") no-repeat top left #800020;
margin: 0 15px  0 20px;
}

#right ul.list
{
padding-left: 0 !important;
margin-left:0;
}
#left ul.news 
{	
margin: 1px 15px 1px 17px;
padding: 10px 0 10px 3px;
background-color: transparent;
}

#left ul.news li 
{	
list-style: none;
margin: 0px 0 5px 0;
padding: 0 0 0 10px;
background-color: transparent;
border-bottom: 1px dotted #ddd;
}

#left  ul.news li  a, #left ul.news li  a:link, #left ul.news li  a:visited
{	
color: #222;
font-size: 11px;
font-family: Tahoma;
text-decoration: none;

}

div.col-right ul.news li  a, div.col-right ul.news li  a:link, div.col-right  ul.news li  a:visited
{
font-size: 12px;
}
#left ul.news li  a:hover,  #left ul.news li  a:active
{
color: #800020;
text-decoration: underline;
}

#left ul.news li , #right ul.news li 
{
text-indent: 0px;
padding: 0 0 0px 5px;
}

#right ul.news li 
{
display: block;
clear: both;
}

#right ul.news li img
{
float:left;
margin-right: 10px;
}

ul.news li em
{
color: #aaa;
font-size: 10px;
font-style: normal;

}

#content ul.news 
{
margin: 0 0 20px 0;
}

#content em.publicat
{
font-size: 10px;
color: #900;
margin:  0 0 0 180px;
text-align: center;
}

#header form#cauta
{
font-family: "Trebuchet MS";
text-transform: uppercase;
font-weight: bold;
color: #e3e3d5;
font-size: 12px;
display:block;
float:right;
height: 19px;
width: 172px;
margin: 8px 0 0 0;
line-height: 13px;
vertical-align: middle;
}

#header form#cauta input#search
{
border:1px solid #000;
height: 13px;
width: 89px !important;
font-size: 11px;

background-color: #e3e3d5;
font-family: Arial, Helvetica, sans-serif;
}

#header form#cauta label{

}

div#container div#right div#content ul.news li a
{
font-size: 16px;
line-height: 30px;
}
ul#coloanefp
{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

ul#coloanefp li
{
padding: 0 0 0 0;
margin:  0 20px 0 0;
float: left;
display: block;
width: 420px;
}

div#toolbar div#breadcrumbs
{
color: #aaa;
font-weight: normal;
margin: 0 0 30px 0;
width: 550px;
float:left;
padding: 0 0 0 0;
}


div#toolbar div#breadcrumbs span
{
color: #6993c1;
font-weight: bold;
}

div#toolbar div#breadcrumbs, div#toolbar div#breadcrumbs a
{
font-family: Verdana;
font-size: 10px;
color: #666666;
font-weight: normal;
}

div#toolbar div#breadcrumbs a, div#toolbar div#breadcrumbs a:link, div#toolbar div#breadcrumbs a:visited
{
font-weight: bold;
text-decoration: none;
}

div#toolbar div#breadcrumbs a:hover, div#toolbar div#breadcrumbs a:active
{
color: #000;
text-decoration: underline;
}



div#language
{
margin: 15px 0 0 0;
width: 60px;
height: 18px;
float:right;
display:block;
padding-left: 20px;
}

div#language a
{
margin-right: 5px;
}
div#language a img
{
border: 1px solid #000;
}


#content form table, #content table.nice
{
width: 500px;
}
#content form table th, #content table.nice th
{
width: 152px;
text-align: left;
}
#content form table td, #content table.nice td
{
padding: 3px;
}

#content form table caption, #content table.nice caption
{
background-color: #7ec7ff;
color: #fff;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 10px 0 10px 0;
}

div.form_error
{
color: #fff;
background-color: #f00;
text-align: left;
font-size: 11px;
font-family: arial;
}

ul#contul_meu
{
margin-left: 40px;
background: url("../images/members-only.gif") no-repeat top right  #ddf;

}

ul#contul_meu li a, ul#contul_meu li a:link, ul#contul_meu li a:visited
{
color: #000;
}





.articole
{
font-family: Arial;
font-size: 9px;
margin: 0;
width: 600px;
text-align: left;
border-collapse: collapse;
border: 1px solid #ddd !important;
}

.articole th
{
padding: 1px 4px 1px 6px;
font-weight: bold;
font-size: 11px;
color: #888;
background: #eee;
}

.articole td
{
padding: 4px 4px 4px 10px !important;
background: #f5f5f5;
border-top: 1px solid #ddd;
color: #669;
font-size: 11px;
}

.articole tr:hover td
{
background: #d0dafd;
}

.articole img
{
float:none;
margin: 0 0 0 2px;
padding: 0 0 0 0;
}



#footpanel {
position: fixed;
bottom: 0; left: 0;
z-index: 9999; /*--Keeps the panel on top of all other elements--*/
background: #e3e2e2;
border: 1px solid #c3c3c3;
border-bottom: none;
border-top: 3px solid #f00;
width: 100%;
margin: 0 0 0 0;
}


*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
       margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
       position: absolute;
       top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
padding: 0; margin: 0;
float: left;
width: 100%;
list-style: none;
border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
font-size: 1.1em;
}
#footpanel ul li{
padding: 0; margin: 0;
float: left;
position: relative;
}
#footpanel ul li a{
padding: 5px;
float: left;

height: 16px;
text-decoration: none;
color: #333;
position: relative;
}

#footpanel ul li strong
{
float: left;
display:block;
padding: 5px;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
                     background-color: #fff;
                     height: 17px;
                     margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
                     border: 1px solid #555;
                     border-top: none;
                     z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
                     position: relative;
}


#footpanel a.home{
background: url(home.png) no-repeat 15px center;
width: 50px;
padding-left: 40px;
border-right: 1px solid #bbb;
text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.profile{
background: url(../images/application-block.png)  no-repeat 15px center;
width: 126px;
padding-left: 40px;
text-indent: 30px;
}
a.editprofile{ background: url(wrench_screwdriver.png) no-repeat center center; }
a.contacts{ background: url(address_book.png) no-repeat center center; }
a.messages{ background: url(mail.png) no-repeat center center; }
a.playlist{ background: url(document_music_playlist.png) no-repeat center center; }
a.videos{ background: url(film.png) no-repeat center center; }
a.alerts{ background: url(newspaper.png) no-repeat center center; }

#footpanel a.chat{
background: url(../images/lock.png) no-repeat 15px center;
width: 126px;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
padding-left: 34px;
text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/



div#left ul.news li a.more
{
background: none;
}

div#container div#center div#right div#content ul.news a.more
{

text-decoration:underline;
font-size: 11px;
line-height: normal;
margin: 0 0 0 0 ;
padding: 0 0 0 0;

}


div#container div#center div#left ul.news li a.more
{
text-decoration:underline;
font-size: 11px;
line-height: normal;
margin: 0 0 0 0 ;
padding: 0 0 0 0;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
left:	10em; /* match ul width */
top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

div#pag
{
float:left;
display: block;
}
#header h1, #header strong
{
display:none;
}

a.pdf
{
background: url("../images/pdf.gif") no-repeat top left #fff;
padding-left: 20px;
}
#content img.imagine_cadru
{
float:right;
margin: 8px 0px 5px 0px;
border: 1px solid #ccc;
padding: 4px;
}

div.contact_cadru
{
float:left;
width:440px;
}

div.contact_cadru a,
div.contact_cadru a:link,
div.contact_cadru a:visited,
div.contact_cadru a:hover,
div.contact_cadru a:active
{
font-weight: normal !important;
}

div.contact_cadru strong
{
width: 70px;
display: inline-block;
}

div.contact_cadru p
{
margin: 3px 2px 0px 2px !important;
padding: 0px;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
margin-top:4px;
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
width: 100%;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
font-weight: bold;
font-size: 13px;
font-family: "Trebuchet MS";
line-height: 20px;
text-transform: uppercase;
}

.sf-menu li ul li ul li a
{
font-size: 12px !important;
font-weight: normal;
}

.sf-menu ul a {
text-transform: none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {

padding: .50em .50em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited {
color: #000;
}

.sf-menu ul a, .sf-menu ul a:visited{
color: black;
font-size: 13px;
font-family: Arial;
}


.sf-menu li {
background: transparent;
}
.sf-menu li li {
background: #fff;
}
.sf-menu li li li {
background: #fff;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu ul a:hover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #eee;
color: #092d4e;
outline: 0;
}




/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: .5em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .25;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('/images/arrows-ffffff.png') no-repeat -5px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
            top: .8em;
            background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('/images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}


/*** ESSENTIAL STYLES ***/
.sf-vertical, .sf-vertical * {
margin:			0;
padding:		0;
list-style:		none;
}
.sf-vertical {
line-height:	1.0;
}
.sf-vertical ul {
position:		absolute;
top:			-999em;
width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-vertical ul li {
width:			100%;
}
.sf-vertical li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-vertical li {
float:			left;
position:		relative;
}
.sf-vertical a {
display:		block;
position:		relative;
}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
left:			0;
top:			2.5em; /* match top ul list item height */
z-index:		99;
}
ul.sf-vertical li:hover li ul,
ul.sf-vertical li.sfHover li ul {
top:			-999em;
}
ul.sf-vertical li li:hover ul,
ul.sf-vertical li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}
ul.sf-vertical li li:hover li ul,
ul.sf-vertical li li.sfHover li ul {
top:			-999em;
}
ul.sf-vertical li li li:hover ul,
ul.sf-vertical li li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}

/*** DEMO SKIN ***/
.sf-vertical {
float:			left;
margin-bottom:	1em;
}
.sf-vertical a {
padding: 		.35em .25em .35em 2em;
text-decoration:none;
background: url("../images/bullet-home.gif") no-repeat 10px 10px transparent;
}


.sf-vertical ul li a, .sf-vertical ul li a:visited, .sf-vertical ul li a:link {
padding: 		.50em 1em .25em .50em;
text-decoration:none;
font-weight: normal;
font-size: 12px;
color:#fff;
background-image: none;
}
.sf-vertical ul li a:hover, .sf-vertical ul li a:active
{
color: #000;
}


.sf-vertical a, .sf-vertical a:visited
{ /* visited pseudo selector so IE6 applies text colour*/
color: #555;
}
.sf-vertical li {
background:		transparent;
}
.sf-vertical li li {
background:		#07243f;
}
.sf-vertical li li li {
background:		#9AAEDB;
}
.sf-vertical li:hover, .sf-vertical li.sfHover,
.sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active {

background: url("../images/bullet-home.gif") no-repeat 10px 10px #CFDEFF;

outline:		0;
}

/*** arrows **/
.sf-vertical a.sf-with-ul {
padding-right: 	2.25em;
min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:		absolute;
display:		block;
right:			.75em;
top:			1.05em; /* IE6 only */
width:			10px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
             top:			.8em;
             background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-vertical ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-vertical ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-vertical ul a:focus > .sf-sub-indicator,
.sf-vertical ul a:hover > .sf-sub-indicator,
.sf-vertical ul a:active > .sf-sub-indicator,
.sf-vertical ul li:hover > a > .sf-sub-indicator,
.sf-vertical ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
width:	15em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
left:	13em; /* match ul width */
top:	-3em;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

table.tabel-fisiere
{
border-collapse: collapse;
width:600px;
}
table.tabel-fisiere th
{
    background-color: #092C4C;
    color:#fff;
     padding: 5px 10px 5px 10px !important;
}

table.tabel-fisiere td
{
    padding: 5px 10px 5px 10px !important;
    border-bottom:1px solid #ddd;
}