html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

body { background-color: #E5E5E5; font-family: Arial, Verdana, sans-serif; font-size: 14px; }
strong { font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clearfix { clear: both; }

.center { text-align: center; }

.button { background-color: #E5E5E5; border: 1px solid #999999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #666666; display: inline-block; *display: inline; font-weight: bold; height: 25px; line-height: 25px; padding: 0 10px; text-decoration: none; zoom: 1; }
input[type="button"] { background-color: #E5E5E5; border: 1px solid #999999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #666666; font-weight: bold; padding: 5px 10px; text-decoration: none; }
input[type="text"] { color: #999999; }
.button.red { background: url(/img/red-bg.png) 0 0 repeat-x; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFFFFF; }

#wrapper { width: 100%; }

#header-wrapper { background-color: #8c8d8f; height: 64px; width: 100%; }
#header-content { height: 64px; margin: 0 auto; position: relative; width: 960px; z-index: 1; }
#header-timelang { color: #FFFFFF; font-size: 10px; line-height: 12px; position: absolute; right: 10px; text-align: right; top: 5px; }
#header-timelang a { color: #FFFFFF; font-size: 11px; text-decoration: none; }
#primary-logo { border: 1px solid #8c8d8f; height: 90px; position: absolute; width: 175px; z-index: 1; }
#secondary-logo { left: 185px; position: absolute; top: 28px; width: 70px; }

#nav { font-size: 12px; position: absolute; right: 0; top: 42px; }
#nav li { color: #FFFFFF; display: inline-block; *display: inline; zoom: 1; }
#nav a { color: #FFFFFF; margin: 0 5px; padding: 1px 5px; text-decoration: none; }
#nav .active a,
#nav a:hover { background-color: #FFFFFF; color: #666666; }

#left-nav { background-color: #F5F5F5; border: 1px solid #8c8d8f; left: -5px; position: absolute; top: 147px; width: 153px; }
#left-nav h3 { background: url(/img/red-bg.png) 0 0 no-repeat; color: #FFFFFF; font-size: 13px; height: 30px; margin: 3px auto 5px; line-height: 30px; text-align:left; width: 137px; padding-left:10px; }
#left-nav ul { color: #CC0000; list-style: disc; margin: 0 0 13px 25px; }
#left-nav ul li { margin: 4px 0; }
#left-nav .active { background-color: #a3a4a5; margin-right: 5px; padding: 2px; }
#left-nav p { margin: 7px 0 7px 12px; }
#left-nav a { color: #666666; text-decoration: none; }
#left-nav .active a { color: #FFFFFF; }

#right-nav { background-color: #F5F5F5; border: 1px solid #8c8d8f; padding: 10px 0; }
#right-nav ul { color: #CC0000; list-style: disc; margin-left: 25px; padding-right: 5px; }
#right-nav ul li { margin: 4px 0; padding: 5px 3px; }
#right-nav ul .active { background-color: #a3a4a5; }
#right-nav a { color: #666666; text-decoration: none; }
#right-nav ul .active a { color: #FFFFFF; }

#breadcrumbs { margin: 0 0 10px 148px; }
#breadcrumbs a { color: #666666; text-decoration: none; }

#content-wrapper { background: url(/img/content-bg.png) 0 0 repeat-y; color: #666666; font-size: 12px; margin: 0 auto; padding: 125px 30px 30px; position: relative; width: 960px; }
#content-wrapper.home { padding-top: 55px; }
#banner { left: 50%; margin-left: -491px; position: absolute; top: 10px; }
#content { margin-left: 148px; padding-bottom: 50px; position: relative; }
.home #content { margin: 0; }
#content-wrapper h1 { background-color: #8c8d8f; color: #FFFFFF; font-size: 14px; margin-bottom: 25px; padding: 8px; }
#content-wrapper h1:before { content: counter(h1, disc) " " }
#content-wrapper h2 { font-family: Verdana; font-size: 18px; margin-bottom: 10px; text-align: center; }
#content-wrapper h2 span { color: #333333; }
#content p { margin-bottom: 20px; }

.list { margin-bottom: 40px; }
.list li { padding: 4px; }
.list.inline li { display: inline-block; *display: inline; margin-bottom: 30px; padding: 15px; zoom: 1; }
.list .odd { background-color: #f1f1f1; }
.list a { color: #8c8d8e; text-decoration: none; }
.list .date { color: #5c5c5c; }
.list .title { font-weight: bold; }
.list .category { float: right; }

.produs { background: url(/img/produs-bg.png) center 45px no-repeat; position: relative; vertical-align: top; width: 235px; }
.produs img { margin-left: 20px; }
.produs .utilizare { background-color: #F5F5F5; border: 1px solid #8c8d8f; font-size: 10px; left: 182px; padding: 5px; position: absolute; top: 100px; }
.produs .utilizare li { display: block; margin: 0; padding: 0; }
.produs .utilizare li:before { color: #CC0000; content: counter(h1, disc) " " }
.produs .detalii-wrapper { margin-bottom: 20px; position: relative; }
.produs .detalii-wrapper a { font-weight: bold; text-decoration: underline; }
.produs .detalii { background: url(/img/produs-detalii-bottom-bg.png) left bottom no-repeat; border-top: 5px solid #8c8d8e; bottom: 15px; left: -80px; padding: 1px 6px 20px; position: absolute; width: 219px; }
.produs .detalii h2 { background-color: #8c8d8e; color: #FFFFFF; font-size: 16px; padding: 3px 0; width: 219px; }
.produs .detalii p { line-height: 13px; margin-left: 10px; }

.produs-small { background: url(/img/produs-bg-small.png) center 80% no-repeat; margin-left: 24px; width: 111px; }
.produs-small.leader { margin: 0; }
.produs-small h4 { font-family: Verdana; font-size: 12px; margin-bottom: 30px; text-align: center; }
.produs-small h4 span { color: #000000; }

#produse-nav { background-color: #e7e7e7; border: 1px solid #cfcfcf; padding: 5px 2px; position: absolute; }
#produse-nav li { position: relative; }
#produse-nav .detalii { background: url(/img/produs-detalii-left-bg.png) 0 0 no-repeat; height: 131px; left: 45px; padding: 6px 6px 6px 20px; position: absolute; top: -32px; width: 239px; }
#produse-nav .detalii h2 { background-color: #8c8d8e; color: #FFFFFF; font-size: 16px; padding: 3px 0; width: 238px; }
#produse-nav .detalii p { line-height: 13px; margin-left: 10px; }

#certificates { text-align: center; }
#certificates img { border: 1px solid #999999; margin: 0 5px; }

.gallery { background-color: #f1f1f1; padding: 9px; position: relative; }
.gallery-thumbnails { margin-top: 9px; }
.gallery-thumbnails li { border: 1px solid #999999; display: inline-block; *display: inline; margin-top: 2px; padding: 1px 1px 0 1px; zoom: 1; }
.gallery-bottom li { border: 1px solid #999999; display: inline-block; *display: inline; margin: 0 0 4px 4px; padding: 1px 1px 0 1px; zoom: 1; }
.gallery-bottom li.leader { margin-left: 0; }

#contact label { float: left; line-height: 20px; width: 60px; }
#contact textarea { height: 90px; width: 250px; }
#contact input[type="submit"] { background-color: #cccccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #666666; color: #666666; font-weight: bold; height: 25px; line-height: 25px; margin-left: 60px; }

#footer { background: url(/img/footer-sep.png) 0 0 repeat-y; overflow: hidden; padding-bottom: 30px; }
#footer-left { float: left; margin-right: 11px; width: 434px; }
#footer-center { float: left; margin-right: 11px; width: 294px; }
#footer-right { float: right; width: 210px; }
#footer .article { margin-bottom: 25px; overflow: hidden; }
#footer .article .left { border: 1px solid #999999; margin-right: 10px; padding: 1px 1px 0 1px; width: 82px; }
#footer .article .right { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; width: 337px; }
#footer .article h2 { color: #000000; font-size: 12px; font-weight: bold; margin: 0; text-align: left; }
#footer .article .meta { margin: 2px 0 5px; }
#footer .article .author { color: #000000; }
#footer-right p { margin-bottom: 10px; }
#copyright { background: url(/img/footer-bg.png) 0 0 no-repeat; font-size: 11px; height: 29px; margin: 0 auto; overflow: hidden; padding: 30px 15px 0; width: 990px; }
#copyright a { color: #000000; text-decoration: none; }

.Anim-Box				{ background:url(../img/js_anim_bg.jpg) no-repeat top center; position:relative; display:block; margin-bottom: 20px; width:958px; height:459px; }
#js_anim				{ left:45px; margin:0; position:absolute; top:115px; width:800px; }
#js_anim img				{ position:relative; display:block; float:left; cursor:pointer; vertical-align:baseline; }
#js_anim div.Item		{ display:block;  position:relative; width:auto; float:left; margin:20px; /* background:#ff0; */ background:url(../img/item_bg.png) no-repeat center center; }
.CurrentItem			{ top:-100px; height:271px; width:199px; z-index:5!important; margin:5px; }
.ToolTip-Box			{ text-decoration:none!important; display:none; width:216px; z-index:15; height:225px; position:absolute; background:url(../img/tooltip_bg.png) no-repeat top left; bottom:-150px; }
.ToolTip-Box *			{ text-decoration:none!important; }
.ToolTip-Box a			{ position:relative; display:block; height:208px; }
.Caption				{ background:#fff; border:solid 1px #025696; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; khtml-border-radius:3px; color:#000; cursor: pointer; padding:1px 5px; display:inline; font:normal 12px verdana; position:absolute; bottom:-8px; left:0; white-space:nowrap; text-align:center; min-width:67px; margin:0; z-index:12; }
.CurrentItem .Caption	{ display:none; }
.Anim-Box .Get-Offer		{ background: url(../img/solicita-oferta.png) 0 0 no-repeat; display: block; height: 82px; left: 690px; position: absolute; text-indent: -99999px; top: 190px; width: 152px; }
.Anim-Box .Title			{ background-color: #666666; color: #ffffff; font-size: 18px; position: absolute; right: 15px; text-transform: uppercase; top: 300px; }
.Anim-Box .Subtitle		{ color: #ffffff; font-size: 16px; position: absolute; right: 15px; text-transform: uppercase; top: 320px; }
.Anim-Box .Desc			{ color: #ffffff; position: absolute; right: 15px; top: 350px; width: 350px; }

