body{background:#fff url('images/header-bg-small.gif') repeat-x top left; font-size:8pt;}
body.home{ background:#fff url('images/header_bg.gif') repeat-x top left; font-size:8pt}

div#website-wrapper{width:970px; margin:0px auto}

div#website-header{height:315px;position:relative;}

body.home div#website-header{height:349px}
div.language{left:190px;bottom:30px;position:absolute;}
div.language a{display:block; float:left; width:24px; height:17px; margin-right:7px;}
div.language a.ro{background:url('images/ro.jpg');}
div.language a.en{background:url('images/en.jpg');}

div.header ul.top{float:right; list-style:none; margin:15px 0px 0px 0px; padding:0px}
div.header ul.top li{float:left; color:#fff}
div.header ul.top li a{color:#fff; font-size:8pt; text-decoration:none}
div.header ul.top li a:hover{color:#e05f14;text-decoration:underline}

div.header h1{float:left; width:264px; height:45px; margin:130px 0px 0px 0px}
body.home div.header h1{margin:160px 0px 0px 0px}
div.header h1 a{display:block; background:url('images/logo.jpg') no-repeat; width:264px; height:45px}
div.header h1 a span{display:none}

div.header div.himage{float:right; width:700px; height:230px;  margin:33px 0px 0px 0px}
div.header div.himage img{width:700px; height:230px}

div.scroll{float:right; width:700px; height:270px; margin:33px 0px 0px 0px;  overflow:hidden}
div.scroll div.preview{float:left; width:471px; height:268px; overflow:hidden}
div.scroll div.preview ul{list-style:none; margin:0px; padding:0px}
div.scroll div.preview ul li{position:relative}
div.scroll div.preview ul li img{}
/*
div.scroll div.preview ul li a{background:#000; position:absolute; bottom:0px; left:0px; width:461px; height:40px; opacity:0.8; font-size:14pt; color:#fff; font-weight:bold; padding:10px 0px 0px 10px}
*/

div.scroll ul.list{float:right; list-style:none; margin:0px; padding:0px}
div.scroll ul.list li{width:201px; height:39px; padding:3px 11px; margin:0px; cursor:pointer; font-size:10px; color:#312c29}
div.scroll ul.list li.current{background:url('images/scroll_bg.gif'); color:#e05f14}
div.scroll ul.list li img{float:left; margin-right:10px}
div.scroll ul.list li span{margin-top:13px;}
div.scroll ul.list li.current a{color:#e05f14}
div.scroll ul.list li a{color:#312c29}
div.scroll ul.list li a:hover, div.scroll ul.list li.current a:hover{text-decoration:underline}
div#website-container{clear:both; padding-bottom:50px}
div#website-left{float:left; position:relative; background:#312c29 url('images/left_bg.gif') no-repeat bottom left; width:247px; padding-bottom:300px}
div#website-right{float:right; width:700px; padding-top:20px;font-family:Verdana,Arial,Helvetica,sans-serif;}

ul.menu{list-style:none; margin:0px; padding:0px}
ul.menu li{margin:0px 5px 5px 5px}
ul.menu li a{display:block; background:#443c37 url('images/bullet.gif') no-repeat 7px 9px; color:#fff; padding:5px 0px 5px 20px}
ul.menu li a.current{background-color:#816d61}
ul.menu li a:hover{background-color:#816d61}

ul.submenu{display:none; list-style:none; margin:5px 0px 0px 0px; padding:0px}
ul.submenu li{margin:0px 0px 5px 0px}
ul.submenu li a{background-color:#574d47; background-position:37px 9px; padding-left:50px}

ul.subsubmenu{margin:5px 0px 0px 0px; padding:0px; list-style:none}
ul.subsubmenu li a{background-position:57px 9px; padding-left:70px}

div.contact{position:absolute; left:0px; bottom:0px; width:100%; color:#fff; line-height:14pt}
div.contact h2{background:#181614; padding:8px 20px; font-size:8pt; color:#fff}
div.contact p{padding:10px 20px}

div.right p{margin-bottom:20px; font-size:12px}
div.right h2{display:block; font-size:12pt; font-weight:bold; color:#000; margin-bottom:5px}
div.right a.back{float:left; background:#333; color:#fff; padding:5px}
div.right a.back:hover{background:#666}

div.index-yellow{ background-color:#fff; border: 3px solid #312C29; padding:10px; position: absolute; display: block; width: 140px; height: 100px; top: 130px; left: 30px; display:none;}
div.index-red{ background-color:#fff; border: 3px solid #312C29; padding:10px; position: absolute; display: block; width: 140px; height: 110px; top: 45px; left: 525px; display:none;}
div.index-green{ background-color:#fff; border: 3px solid #312C29; padding:10px; position: absolute; display: block; width: 140px; height: 110px; left: 90px; top: 10px; display:none;}
div.index-green b, div.index-red b, div.index-yellow b{ font-size:12px; }

div.prodbox{float:left; width:340px; margin:20px 20px 0px 0px}
div.prodbox a.thumb{display:block; float:left; border:4px solid #e2dcd0; margin-right:20px}
div.prodbox a.thumb:hover{border-color:#312C29}
div.prodbox h2 a{display:block; font-size:12pt; color:#000; margin-bottom:5px}
div.prodbox h2 a:hover {color:#e05f14;text-decoration:underline;}

ul.prodlist{list-style:none; margin:0px; padding:0px}
ul.prodlist li{border-bottom:1px dotted #312c29;margin-bottom:10px}
ul.prodlist li h2 a{display:block; font-size:12pt; color:#000; margin-bottom:5px}
ul.prodlist li p{}

a.thumb{display:block; float:left; border:4px solid #e2dcd0; margin-right:20px}
a.thumb:hover{border-color:#312C29}
a.thumb img{display:block; height:75px; width:100px}

a.medium{display:block; float:left; border:4px solid #e2dcd0; margin:0px 20px 20px 0px}
a.medium:hover{border-color:#312C29}
a.medium img{display:block; width:112px; height:100px}

ul.sitemap{list-style:square}
ul.sitemap li{margin:10px 0px}
ul.sitemap li a{font-size:10pt; color:#816d61; border-bottom:1px dotted #816d61}
ul.sitemap li a:hover{color:#312c29; border-color:#312c29}
ul.sitemap li ul{list-style:square}

ul.nav{list-style:none; float:left; margin:0px; padding:0px}
ul.nav li{float:left; margin-right:5px}
ul.nav li a{background:#333; color:#fff; padding:5px}
ul.nav li a:hover{background:#666}
ul.nav li a.current{background:#666}

div#website-footer{clear:both; color:#fff; background:#312c29 url('images/footer.gif') repeat-x top left; height:210px; padding-top:27px}

div.footer a.logo{display:block; background:url('images/logo.gif') no-repeat 0px -45px; width:165px; height:28px; margin:0px auto}
div.footer a.valdo{clear:both; display:block; background:url('images/valdo.gif') no-repeat; width:82px; height:53px; margin:0px auto}
div.footer a{color:#fff}
div.footer a:hover{text-decoration:none}

div.footer ul.links{width:415px; list-style:none; padding:0px 0px 40px 0px; margin:40px auto 0px auto}
div.footer ul.links li{float:left; color:#fff}
div.footer ul.links li a{float:left; color:#fff}
div.footer ul.links li a:hover{color:#e05f14;text-decoration:underline}

.eroare, .error{color:#f00}
table.contact{font-size:9pt; font-weight:bold; margin:0px 0px 0px 200px}
table.contact tr td{padding:5px}
input.input{font-family:Tahoma,Arial,Helvetica,sans-serif; color:#7c7c7c; font-size:8pt; background:#d1c8b3; border:1px solid #312c29; padding:2px; width:150px}
textarea.input{font-family:Tahoma,Arial,Helvetica,sans-serif; color:#7c7c7c; font-size:8pt; background:#d1c8b3; border:1px solid #312c29; padding:2px}
input.button-input{float:right; background:#312c29; color:#fff; border:1px solid #312c29; padding:3px 6px; cursor:pointer}

.more {float:right; color:#312C29;font-size:12px}
.more:hover {color:#816D61;}

