body  { color: #FFFFFF; font-size: 13px; font-family: Verdana, Arial, Georgia, Serif; background-color: #000000; background-image: url('../images/background.jpg'); background-repeat: no-repeat; background-position: top center }

/* ----- PAGINARE 
----------------------------------*/
#container { width: 875px; padding-left: 24px; margin-left: auto; margin-right: auto }
#logo { position: relative; margin-left: 0px; margin-top: 10px; margin-bottom: 25px; padding: 0; width: 237px; height: 112px }
#body { position: relative; background-image: url('../images/under-menu.jpg'); background-repeat: repeat-x; background-color: #2c2a2b; width: 874px; height: auto }
#pct { position: relative; padding-top: 25px; width: 48% }
div.sub-title { position: relative; margin: 30px 0px 25px 10px; width: 100%; float: left; padding: 0; overflow: hidden; height: 38px }
h1 { border-left: 25px solid; border-bottom: 2px solid; padding: 0px 0px 0px 10px; margin: 0px 0 20px 10px; font-size: 34px }
h2 { float: left; border-left: 20px solid; padding: 0 0 0 10px; margin: 0; width: 70%; font-size: 28px; }
h1#acas { border-color: #b848c8 }
h2.acasa { color: #ed94e8; border-color: #b848c8 }
h1#servici { border-color: #476fc7 }
h2.servicii { color: #476fc7; border-color: #476fc7 }
h1#portof { border-color: #84ca46 }
h2.portof { color: #84ca46; border-color: #84ca46; width: 35% }
h1#sitema { border-color: #bf283f }
h2.sitemap{ color: #ed94e8; border-color: #b848c8 }
h1#contac { border-color: #efd648 }
h2.contact { color: #ed94e8; border-color: #b848c8 }
h1#greys { border-color: #878787 }
h2.grey { color: #878787; border-color: #878787 }
#texts {	padding: 10px; width: 855px; padding-bottom: 40px; text-align: justify }
#content-left { float: left; width: 48%; padding-right: 17px; 	margin-top: 10px; border-right: 1px solid #3d3d3d }
#content-right { float: right; width: 48%; padding-left: 15px; margin-top: 10px }
#clear {	clear: both; margin: 0px }
.clear {	clear: both; margin: 0px }
#copyright { position: relative; margin-top: 10px; color: #5e5e5e }

/* ----- MENIU 
----------------------------------*/
ul.menu { position: relative; height: 43px; width: 875px; padding: 0; margin: 0 }
ul.menu li { float: left; display: block; height: 43px }
ul.menu li a { display: block; height: 43px; overflow: hidden; width: 111px; outline: none }
ul.menu li#acasa a { width: 110px; background-image: url('../images/menu/acasa.jpg') }
ul.menu li#servicii a { background-image: url('../images/menu/servicii.jpg') }
ul.menu li#portofoliu a { background-image: url('../images/menu/portofoliu.jpg') }
ul.menu li#empty { width: 358px; background-image: url('../images/menu/empty.jpg') }
ul.menu li#contact a { background-image: url('../images/menu/contact.jpg') }
ul.menu li#sitemap a { width: 74px; background-image: url('../images/menu/sitemap.jpg') }
ul.menu li a:hover, ul.menu li a#current { background-position: -111px 0px }
ul.menu li#acasa a:hover, ul.menu li#acasa a#current { background-position: -110px 0px }
ul.menu li#sitemap a:hover, ul.menu li#sitemap a#current { background-position: -74px 0px }

/* ----- FOOTER 
----------------------------------*/
div#footer-shadow { position: relative; width: 874px; height: 120px; background-image: url('../images/footer.jpg'); background-position: 0px -5px; background-repeat: repeat-x; background-color: #1f1e1e }
#footer { margin: 0; padding: 0; width: 874px; height: 120px; background-image: url('../images/footer/down_part.jpg'); background-position: bottom left; background-repeat: no-repeat }
#footer li { display: block; margin-top: 20px; float: left; height: 89px }
#footer li a {	display: block; height: 89px; outline: none }
#footer li#c1 a { background-image: url('../images/footer/download.jpg'); width: 192px; margin-left: 10px }
#footer li#c2 a { background-image: url('../images/footer/cotatie.jpg'); width: 235px; margin-left: 20px }
#footer li#c3 a { background-image: url('../images/footer/unelte.jpg'); width: 198px; margin-left: 25px }
#footer li#c4 a { background-image: url('../images/footer/articole.jpg'); width: 161px; margin-left: 20px }
#footer li#c1 a:hover, #footer li#c1 a#current  { background-position: -192px 0px }
#footer li#c2 a:hover, #footer li#c2 a#current  { background-position: -235px 0px }
#footer li#c3 a:hover, #footer li#c3 a#current { background-position: -198px 0px }
#footer li#c4 a:hover, #footer li#c4 a#current { background-position: -161px 0px }

/* ----- INDEX 
----------------------------------*/
ul.servicii { position: relative; display: block; margin: 10px 0 10px 35px; padding: 0 }
ul.servicii li { margin-bottom: 5px }
p.client { font-weight: bold; color: #999 }
#slideshow { position: relative; height: 265px; width: 386px; margin-top: 14px; margin-bottom: 10px }
#slideshow img { width: 386px; height: 265px }

/* ----- CONTACT 
----------------------------------*/
img.contact-left { float: left }
ul#social { margin: 0; padding: 0; list-style-type: none }
ul#social li {	display: block;	float: left }
a.mail {	color: #FFF }
a.mail:hover { text-decoration: underline }
ul.contact-list  { margin: 0 0 0 30px; padding: 0; font-size: 13px }
ul.contact-list li { margin-bottom: 10px; list-style-type: none }
ul.contact-list  li ul li{ font-size: 14px; display: block; font-weight: bold }
ul.mail li { padding-left: 20px; margin-top: 10px; background-image: url('../images/contact/mail.jpg'); background-repeat: no-repeat }
ul.telefon li { padding-left: 20px; margin-top: 10px; background-image: url('../images/contact/telefon.jpg'); background-repeat: no-repeat }
a#twitter { display: block; width: 301px; height: 353px; background-image: url('../images/contact/twitter.jpg') }
a#twitter:hover { background-position: 301px 0px }

/* ----- DOWNLOAD 
----------------------------------*/
ul.download { padding: 0; margin: 0; list-style-type: none }
ul.download li { display: block; margin-top: 30px;	height: 85px }
ul.download li  p.title { font-size: 14px; font-weight: bold; margin-left: 155px; padding: 0; margin-top: -85px; text-indent: 0 }
ul.download li  p.desc { font-size: 12px; font-weight: normal; margin-left: 155px; padding: 0; color: #999; text-indent: 0 }
a.marg { display: block; width: 138px; height: 84px; background-color: #666; padding: 3px; margin-top: 10px }
a.marg:hover { background-color: #999 }

/* ----- PORTOFOLIU 
----------------------------------*/
img.marg { background-color: #666; padding: 3px; margin-top: 10px; border: 1px solid #333 }
ul.pro { width: 100% }
ul.pro li { display: block; float: left; margin-left: 10px }
ul.pro li a.marg { display: block; width: 173px; height: 114px; background-color: #666; padding: 3px; margin-top: 10px; outline: none }
ul.pro li a.marg:hover { background-color: #86c745 }

/* ----- COTATIE DE PRET 
----------------------------------*/
form { margin-left: 50px }
fieldset { border: 0; margin: 0 0 10px 0; padding: 1em; width: 470px }
legend { padding: 5px 3px 0 0 }
label, input { display: block; font-size: 12px }
label { margin: 6px 0 5px 0px; width: 435px; font-size: 13px; cursor: pointer; padding-top: 10px }
.pair label { padding-top: 2px }
.text { margin: -25px 0 5px 240px; padding: 0.2em; border: 1px solid #666; background-color: #111;  width: 90% }
input.radio { float: left; margin: 0.1em 1em 0 0 }
textarea { overflow: auto }
.pair { clear: both; margin: 0.5em 0 0 3em }
.pair input { margin: 0.25em 0.5em 0 0.3em }
fieldset#buttons { position: relative; margin: 10px 0 0 370px }
.submit { float: left; margin: 0.5em 1em; cursor: pointer }
.info { margin: 0 0 1em 0; padding: 0.2em 0.5em }
#ui-formular-error li { font-size: 12px }
#ui-formular-error { outline: none; color: #000; font-weight:bold;  margin-left: -50px }
#ui-formular-success li { font-size: 12px }
#ui-formular-success { outline: none; color: #000; font-weight:bold;  margin-left: -50px }
#ui-formular-error a.error { color: #000; font-weight: bold }
#ui-formular-error a.error:hover { color: #555; text-decoration: underline }

/* ----- SITEMAP 
----------------------------------*/
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; margin-left: 50px; margin-top: 10px }
.treeview ul { margin-top: 4px }
.treeview .hitarea { background: -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer }
a.first { margin-left: 20px }
* html .hitarea { display: inline; float: none }
.treeview li { margin: 0; padding: 3px 0pt 3px 20px }
.treeview li.plus { padding: 3px 0pt 3px 16px }
.treeview li.plus a { padding-left: 4px }
.treeview a.selected { background-color: #eee }
#treecontrol { margin: 1em 0; display: none }
.treeview .hover {cursor: pointer }
.treeview li { background: 0 0 no-repeat }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('../images/sitemap/treeview-default.gif'); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0 }
.treeview-red li { background-image: url('../images/sitemap/treeview-red-line.gif') }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('../images/sitemap/treeview-red.gif'); } 

/* ----- UNELTE WEB
----------------------------------*/
form.unelte input { width: 300px;  padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #444; background-color: #333; color: #d3d3d3; float: left; outline: none; margin: 0 }	
form.unelte label { margin: 0; padding: 2px 7px 0 0; float: left }
div#FormOutput { border: 1px solid #444; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; background-color: #333; padding: 10px; width: 97%; display: block; float: left; margin-top: 10px }
div#results { border: 1px solid #444; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; background-color: #333; padding: 10px; width: 97%; display: block; float: left; margin-top: 10px }
div#result { border: 1px solid #444; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; background-color: #333; padding: 10px; width: 97%; display: block; float: left; margin-top: 10px }
form.unelte input.button { width: 80px; height: 21px; float: left; padding: 1px 0 5px 0; margin-left: 10px }
form.unelte input.button:hover { background-color: #555; color: #fff }
form.unelte label.unelte-label { width: 170px }

/* ----- BLOG 
----------------------------------*/
div#posts { position: relative;  display: block; margin: 0; padding: 0; width: 73% }
div.post { border-bottom: 1px solid #888; padding-bottom: 20px }
div#sidebar { position: absolute; display: block;  width: 20%; float: right; top: 90px; left: 670px; height: 400px }
div.details { color: #999 }
h4.title { color: #878787; border-left: 20px solid; padding: 0 0 0 10px; border-color: #878787; font-size: 28px }
ul.sidebar-li { margin: -20px 0 0 0 }

/* ----- GENERAL 
----------------------------------*/
a { color: #d3d3d3; text-decoration: none; outline: none }
a:hover { color: #666666; text-decoration: underline }
p { text-indent: 15px; margin: 0 0 10px 0; padding: 0 }
.special { margin: 0; padding: 0 0 0 0 }
img { border: 0px }