html, body, #contents { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #contents { height: auto; }

body { margin:0px; padding:0px; background:url(../images/head_bg.jpg) repeat-x #e8e8e8; font-family:Arial, Helvetica, sans-serif; }
#contents{ position:absolute; top:0px; left:0px; }
#main { margin-bottom:100px;}
a img { border:none; }
div.spacer { display:block; position:relative; clear:both; text-align:left; font-size:0px; heigh:0px; color:#666666; }

#header { display:block; position:relative; width:900px; height:119px; margin:0px auto 5px; }
#logo { display:block; position:relative; text-align:right; width:260px; }
#logo h1 { color:#78cdef; font-size:48px; margin:0px; padding:20px 0px 0px; font-weight:normal; }
#logo span.slogan { color:#8AD43D; font-size:12px; }

#curs_valutar_azi { display:block; position:absolute; right:10px; top:40px; font-size:12px; color:#FFFFFF; width:250px; text-align:right; }
#curs_valutar_azi h2 { font-size:15px; color:#FFFFFF; margin:0px 0px 4px; font-weight:normal; padding:0px; }
#curs_valutar_azi span { color:#78cdef; font-weight:bold; }

#meniu { display:block; position:relative; height:41px; margin:0px auto 0px; width:900px; }
#meniu ul { display:block; position:relative; list-style-type:none; margin:0px; padding:0px; }
#meniu ul li, #meniu ul li.selected { display:block; position:relative; float:left; width:22%; height:31px; padding:5px; text-align:center; }
#meniu ul li.rss { width:25px; padding:0px 0px 0px 3px;  }
#meniu ul li.rss a { margin:5px 0px; }
#meniu ul li a, #meniu ul li.selected a { display:block; clear:both; text-decoration:none; color:#FFFFFF; font-size: 12px; text-transform:uppercase; text-align:left; margin:0px 10px 0px; }
#meniu ul li a span, #meniu ul li.selected a span { color:#AAAAAA; font-size:11px; display:block; clear:both; font-size:11px; text-transform:none; } 
#meniu ul li.selected, #meniu ul li.selected a { background:#ebf0f3; color:#000000; font-weight:bold; }
#meniu ul li.selected { border:1px #DADADA solid; border-bottom:none; }
#meniu ul li.selected a span { font-weight:normal; color:#CCCCCC; }

#page-top { display:block; position:relative; width:878px; background:url(../images/page_top_bg.jpg) top repeat-x #d0dfe2; margin:0px auto 0px; padding:10px; font-size:11px; border-left:1px #dadada solid; border-right:1px #dadada solid; }
#page-top h3 { font-size:28px; color:#000000; font-weight:normal; padding:0px; margin:10px 20px 10px; }

#page-top p.info { padding:5px 20px 5px; font-size:12px; text-align:justify; }

#page-bottom { display:block; position:relative; clear:both; width:878px; background:#FFFFFF; margin:0px auto 0px; padding:10px; font-size:11px; border:1px #dadada solid; border-top:none; }
.left, .center, .right { display:block; position:relative; width:272px; margin-right:20px; float:left; text-align:justify; }
.center { margin:0px 10px 0px; }
.right { margin:0px 0px 0px 20px; }
#page-bottom h3 { font-weight:normal; color:#04374e; margin:0px 0px 15px; padding:0px; font-size:22px; }

#page-bottom .left form, #page-bottom .center form, #page-bottom .right form{ display:block; position:relative; clear:both; float:none; padding:0px; margin:10px; }  
form input { border:1px #666666 solid; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:153px; margin-bottom:5px; }
form label { display:block; position:relative; width:90px; float:left; text-align:right; line-height:22px; background:none; font-size:12px; }
form input.submit { border:none; background:url(../images/submit.gif) center center; padding:0px; text-align:center; line-height:24px; color:#FFFFFF; display:block; position:relative; width:81px; height:24px; margin-left:auto; clear:both; }
form select { font-size:12px; clear:right; width:158px; padding:2px; margin-bottom:5px; }
form .autowidth { width:auto; }

#cursul-zilei { display:block; position:relative; float:right; width:500px; height:510px; overflow:hidden; background:#FFF; }
#chart_index, .tab_content { display:block; position:relative; width:500px; height:350px; text-align:center; color:#CC0000; font-size:12px; }

#cursuri_monede, #select_monede{ display:block; position:relative; float:left; font-size:12px; width:278px; height:540px; }
#select_monede { width:180px; height:auto; }
#cursuri_monede div.curs_moneda { display:block; position:relative; clear:both; float:none; height:13px; line-height:13px; padding:2px; cursor:pointer; }
#cursuri_monede div.selected { color:#FFFFFF; background:#DEEEF2; }
#cursuri_monede div.hovered { color:#FFFFFF; background-color:#B6D9E3; }
#cursuri_monede .curs_moneda span, #cursuri_monede .curs_moneda strong { display:block; float:left; width:70px; text-align:right; font-weight:bold; color:#083555; }
#cursuri_monede .curs_moneda a { display:block; float:left; width:200px; text-align:left; font-weight:normal; color:#065578; text-decoration:none; }

#page-top .curs_index { width:800px; margin:0px auto 0px; display:block; position:relative; float:none; clear:both; padding:10px; background:url(../images/index.png) top no-repeat; }
* html #page-top .curs_index { background:none; background:url(../images/index.gif) top no-repeat; }

.info { display:block; position:relative; width:800px; margin:0px auto 0px; font-size:11px; color:#666666; }

div.loading { display:block; clear:both; padding:5px; background:url(../images/loading.gif) center right no-repeat #FFFFFF; height:32px; }
div.error, div.success { display:block; position:relative; padding:5px; text-align:right; color:#FF0000; background:url(../images/warning-ico.gif) left center no-repeat; padding-left:30px; }
div.success { color:#006600; background:url(../images/ok.gif) left center no-repeat; }

#footer { position: absolute; bottom: 0px;  width: 100%; min-width:900px; text-align: center; background:#353535; height:90px; overflow:hidden;  }
#footer-content { font-size:11px; color:#FFFFFF; width:878px; margin:0px auto 0px; padding:10px; }
#footer-content h4 { font-weight:normal; color:#999999; margin:0px 0px 5px; padding:0px; font-size:12px; }
#footer-content ul { display:block; position:relative; margin:0px; padding:0px; list-style-type:none; }
#footer-content ul li a { color:#CCCCCC; font-size:11px; text-decoration:none; }
#footer-content ul li a:HOVER { color:#FFFFFF; text-decoration:underline; } 

#footer-content .right { text-align:right; padding-top:45px; }
#footer-content .right a { color:#999999; text-decoration:none; }

#select_monede { margin-top:20px;}
div.afisare_moneda { display:block; position:relative; clear:both; float:none; line-height:17px; margin-bottom:2px; }
div.checkbox { display:block; position:relative; width:10px; height:10px; line-height:10px; background:#FFFFFF; border:2px #666666 solid; float:left; clear:left; margin-right:5px; }
.checked { border:2px #333333 solid; background:#006699; }
.unchecked { background:#FFFFFF; border:2px #666666 solid; }

#zile { display:block; position:relative; clear:both; float:none; height:30px; }
#zile a { display:block; position:relative; float:right; width:100px; height:25px; background:#666666; color:#FFFFFF; text-decoration:none; font-size:12px; text-align:center; margin-left:5px; line-height:25px; }
#zile a.selected_day { background:#006699; }

#evolutii-grafice { display:block; position:relative; width:680px; height:450px; float:left; text-align:center; color:#CC3300; }

#preluare { display:block; position:relative; width:410px; float:left; }
#configurare { float:right; width:410px; }
#configurare form { margin-top:10px; }
#configurare form label { width:150px; }

#formular_contact { display:block; position:relative; width:500px; margin:20px auto 20px; }
#formular_contact label { width:200px; }
#formular_contact input, #formular_contact select, #formular_contact textarea { border:1px #333333 solid; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:280px; }
#formular_contact input.submit { width:81px; height:24px; padding:0px; border:none; margin-right:15px; }
#formular_contact #secure { width:40px;}
#formular_contact div.error, #formular_contact div.success  { width:250px; margin-bottom:10px; text-align:left; }

#links { display:block; position:relative; list-style-type:none; margin:0px; padding:0px; clear:both; float:none; height:16px; z-index:100000; }
#links li { float:right; width:16px; height:16px; text-align:center; padding:0; background:#FFF url(../images/grafic.png) center center no-repeat; cursor:pointer; }
#links li.num { background:url(../images/numeric.png) center center no-repeat; }

.data_curs { display:block; position: relative; width:150px; line-height:20px; float:left; background:#EEEEEE; border-bottom:1px #E5E5E5 solid; padding:5px; }
.values_display { color:#000000; text-align:left; background:#FFFFFF; padding:10px; }
.values_display h4 { margin:0px 0px 10px; padding:0px; font-size:14px; }

#news_outer { display:block; position:relative; float:left; width:900px; margin:0px auto 0px; }
#news_inner { position:relative ; overflow:hidden ; margin:0px auto 0px; width:900px; }
#news_items { display:block; position:relative; }
#news_items .info_item{ display:block; position:relative; width:420px; height:280px; float:left; text-align:justify; padding:0px 10px 0px; }
#news_items .info_item h4{ display:block; position:relative; font-size:11px; color:#4E463F; margin:0px 0px 0px 0px; padding:0px; font-family:arial; }
#news_items .info_item span.data{ color:#999999; }
#news_items .info_item a.source{ display:block; position:relative; width:100px; margin-left:auto;text-decoration:none; background:#F8F8F8; color:#333333; padding:2px; text-align:center; }
#news_items .info_item a.source:HOVER{ background:#333333; color:#CCCCCC; }

ol.list-404 { display:block; position:relative; font-size:14px; padding:0px; margin:20px 0px 10px 40px; list-style-type:none; }
ol.list-404 li { margin:0px 0px 4px 0px; padding:0px; }
ol.list-404 li a { display:block; position:relative; margin:0px 0px 3px 5px; color:#666666; text-decoration:none; }
ol.list-404 li a:HOVER { text-decoration:underline; color:#000000; margin:0px 0px 3px 7px;  }
