@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; text-align:left}
.clear {clear:both; height:0px;}

body {background:#faf8f5 url(images/body-bg.jpg) repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#e5e5e5;}

input {float:left; height:20px; width:186px; margin-bottom:10px; padding:2px 0 0 4px; border:1px solid #666666; background:black url(images/input-bg.gif); color:white;}
input.buton {background-color:transparent; background: url(images/buton.gif); border:0; width:120px; height:24px; padding:0 0 2px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; color:white; margin:0 0 20px 0px;}
input.buton:hover {cursor:pointer;}


/* MENIU + LOGO */

#top-border {background-color:black; height:4px; border-bottom:1px solid #4d4d4d;}
#logo-menu-bg {height:65px; background:#2f2f2a url(images/logo-menu-bg.gif); text-align:center; border-bottom: 2px solid white;}
#logo-menu {width:900px; margin-left:auto; margin-right:auto;}
#logo {float:left; width:250px; height:65px;}
#logo img {margin:23px 0 0 20px;}
#logo a img {border:0;}

#menu {float:right; width:650px; height:65px;}
#menu ul {display:block; float:right; list-style:none;}
#menu ul li {display:block; float:left;}
#menu ul li a {display:block; height:65px; background-position:left; background-repeat:no-repeat; text-decoration:none;}
#menu ul li a b {display:none;}
#menu ul li a.home {width:79px; background-image:url(images/menu-but-home.gif);}
#menu ul li a.proiecte {width:102px; background-image:url(images/menu-but-proiecte.gif);}
#menu ul li a.servicii {width:91px; background-image:url(images/menu-but-servicii.gif);}
#menu ul li a.blog {width:66px; background-image:url(images/menu-but-blog.gif);}
#menu ul li a.contact {width:86px; background-image:url(images/menu-but-contact.gif);}
#menu ul li a:hover {background-position:center;}
#menu ul li a:active {background-position:right;}
#menu ul li a.active {background-position:right;}




#main-body {width:900px; margin-left:auto; margin-right:auto; margin-bottom:30px;}


#coldreapta {width:620px; float:right;}
#coldreapta h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#333333; font-weight:normal; padding:5px 0 0 0;}
#coldreapta h2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; font-weight:normal; margin-top: 5px;}
#coldreapta p {font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#coldreapta div.clrfoto, #coldreapta div.clrwcorners {clear:both; height:2px; background: url(images/corners-bigcol-bottom.gif) bottom no-repeat;}
#coldreapta div.clrwcorners {height:10px;}

#colstanga {font-family:Arial, Helvetica, sans-serif; width:250px; float:left; margin-top: 28px; background:#2f2f2a url(images/logo-menu-bg.gif) left;}
#colstanga div.csc-top {background: url(images/corners-side-top.gif) top no-repeat;}
#colstanga div.csc-bottom {background: url(images/corners-side-bottom.gif) bottom no-repeat; height:auto !important; height:450px; min-height:450px;}
#colstanga h1 {padding:17px 0 10px 20px; font-size:20px; font-weight:normal; color:white;}



/* NAVIGATIE PROIECTE */

#navigatie {list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-bottom: 25px;}
#navigatie li {}
#navigatie li a {display:block; font-size:13px; text-decoration:none; color:white; padding:5px 0 5px 20px;}
#navigatie li a img {border:none; margin-right: 2px;}
#navigatie li a:hover {background-color:black;}

#navigatie li ul {list-style:none; margin:3px 0 8px 0;}
#navigatie li ul li {}
#navigatie li ul li a {display:block; font-size:13px; text-decoration:none; color:white; padding:5px 0 5px 40px; background: url(images/nav-li-arrow.gif) center left no-repeat;}
#navigatie li ul li a:hover {background-color:black;}
#navigatie li ul li.active a {background-color:black; font-weight:bold;}

#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9, #n10, #n11, #n12, #n13, #n14, #n15, #n16, #n17, #n18, #n19, #n20 {display:none;}





/* PROIECT*/

#proiect {width:620px; margin-top: 28px; background:#2f2f2a url(images/logo-menu-bg.gif) left;}
#proiect div.cdc-top {background: url(images/corners-bigcol-top.gif) top no-repeat;}
#titlu-proiect {width:600px; font-family:Arial, Helvetica, sans-serif; margin-left:20px; padding-top:11px;}
#titlu-proiect h1 {display:block; float:left; margin-bottom: 12px; font-size:20px; font-weight:normal; color:white;}
#titlu-proiect em {display:block; float:left; font-size:13px; color:#999999; padding:9px 0 0 7px; font-style:normal;}

#poza-proiect {clear:both; width:580px; margin: 0 19px 0 19px; text-align:center; border:1px solid #666666;}
#poza {height:auto !important; height:348px; min-height:348px; background-color:black;}

#poza-numerotare {margin: 11px 0 7px 19px;}
#poza-numerotare ul {list-style:none; display:block;}
#poza-numerotare ul li {display:block; float:left; margin-bottom:10px;}
#poza-numerotare ul li a {display:block; width:60px; height:36px; background-color:black; border:1px solid #666666; text-decoration:none; margin-right:10px;}
#poza-numerotare ul li a img {border: none;}
#poza-numerotare ul li a:hover, #poza-numerotare ul li a.active {color:white; background-color:black; border-color:#999999;}

#menu-admin {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#4d4d4d; padding:0 0 10px 20px;}
#menu-admin a {font-size:13px; color:#999999;}
#menu-admin a:hover {color:white;}

#detalii {width:580px; padding:13px 20px 15px 20px; background:url(images/white-pattern-bg.gif); font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1a1a1a;}
#detalii h1 {font-size:20px; font-weight:normal; line-height:30px;}
#detalii p {line-height:19px; margin-top: 5px; font-size:13px;}
#detalii a {color: #1a1a1a;}
#detalii a:hover {color: #4d4d4d;}



/* HOME, SERVICII, BLOG, CONTACT in general */

#home, #servicii, #blog , #contact {width:620px; margin-top: 28px; background:#2f2f2a url(images/logo-menu-bg.gif) left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#e5e5e5;}
#home h1, #servicii h1, #blog h1, #contact h1 {float:none; padding:17px 20px 12px 20px; font-size:20px; font-weight:normal; color:white;}
#home h2, #servicii h2, #blog h2, #contact h2 {float:none; padding:0px 20px 12px 20px; font-size:13px; font-weight:bold; color:white;}
#home p, #servicii p, #blog p, #contact p {padding:0 20px 12px 20px; line-height:19px;}
#home p.first, #servicii p.first, #blog p.first, #contact p.first {padding-top:20px;}
#home div.cdc-top, #servicii div.cdc-top, #blog div.cdc-top, #contact div.cdc-top {background: url(images/corners-bigcol-top.gif) top no-repeat;}
#home a, #servicii a, #blog a, #contact a {color:#e5e5e5;}
#home a:hover, #servicii a:hover, #blog a:hover, #contact a:hover {color:#bfbfbf;}


/* HOME */
#home ul {padding: 0 20px 12px 40px; line-height:19px;}
#home img {border:1px solid #666666;}
#domenii {background:url(images/white-pattern-bg.gif); padding-bottom: 5px;}
#domenii h1 {color:#1a1a1a;}
#domenii ul {color:#1a1a1a;}
#domenii a {color: #1a1a1a;}
#domenii a:hover {color: #4d4d4d;}

#ultimul-proiect {display:block; width:280px; float:left; margin:7px 0 15px 20px;}
#penultimul-proiect {display:block; width:280px; float:right; margin:7px 20px 15px 0;}
#ultimul-proiect img, #penultimul-proiect img {margin-bottom:5px;}
#ultimul-proiect a, #penultimul-proiect a {white-space:nowrap;}


/* SERVICII */

#servicii ul {padding: 0 20px 12px 40px; line-height:19px;}
#etape {background:url(images/white-pattern-bg.gif); padding-bottom: 5px;}
#etape h1 {color:#1a1a1a;}
#etape p {color:#1a1a1a;}
#etape ul {color:#1a1a1a;}
#etape a {color: #1a1a1a;}
#etape a:hover {color: #4d4d4d;}


/* BLOG */
#sidebar {margin:0;}
#searchform {margin:0 20px 0 20px;}
#sidebar ul {list-style:none; margin:0; padding:0;}
#sidebar ul li a {display:block; font-size:13px; text-decoration:none; color:white; padding:5px 0 5px 40px; background: url(images/nav-li-arrow.gif) center left no-repeat;}
#sidebar ul li a:hover {background-color:black;}
#sidebar input {width:206px;}
#sidebar input.buton {width:120px;}
#sidebar h1 {padding:17px 0 10px 20px;}
#sidebar p {padding: 0 20px 0 20px;}

#blog h3 {margin:0 20px 15px 20px;}
#blog p.autor {padding-bottom:6px;}
#blog small {display:block; padding: 0 0 15px 20px; margin-top: -10px;}
#blog .post img {border:1px solid #666666;}
#blog textarea {display:block; float:left; width:580px; padding:2px 0 0 4px; margin:0 20px 20px 20px; border:1px solid #666666; background-color:black; color:white;}
#blog input.buton {width:120px; margin-left:20px;}
#blog label {height:22px; padding-left:10px; clear:right;}
#blog ol li {margin: 10px 0 10px 0;}
#blog p.pclear {clear:both;}
#blog .alignright {float: right; width:280px; margin: 20px 20px 0 0; text-align:right;}
#blog .alignleft {float: left; width:280px; margin:20px 0 0 20px;}

/* CONTACT */

#formular {width:270px; padding:13px 0 0 20px;}
#formular input {float:left; height:20px; width:186px; margin-bottom:10px; padding:2px 0 0 4px; border:1px solid #666666; background:black url(images/input-bg.gif); color:white;}
#formular textarea {display:block; float:left; height:80px; width:186px; padding:2px 0 0 4px; margin-bottom:20px; border:1px solid #666666; background-color:black; color:white;}
#formular label {display:block; float:left; height:22px; width:60px; margin-bottom:0px; padding-right:10px; text-align:right;}
#formular input.buton {background-color:transparent; background: url(images/buton.gif); border:0; width:120px; height:24px; padding:0 0 2px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; color:white; margin:0 0 20px 70px;}
#formular input.buton:hover {cursor:pointer;}

#harta {float:right; width:280px; padding:13px 30px 0 0;}
#harta img {border: 1px solid #666666; margin-bottom: 20px;}

#contact-info {background:url(images/white-pattern-bg.gif); color:#1a1a1a; padding-bottom: 5px;}
#contact-info div.col1, div.col2 {width:260px; float:left;}
#contact-info div.col1 {margin-right: 30px;}
#contact-info h1 {color:#1a1a1a;}
#contact-info p {color:#1a1a1a;}
#contact-info a {color: #1a1a1a;}
#contact-info a:hover {color: #4d4d4d;}



/* FOOTER */

#footer {width:620px; margin:25px 0 25px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4d4d4d;}

#footer-left {width:320px; float:left; padding-left: 2px;}
#footer-left p {line-height:20px; text-align:left; font-size:13px;}
#footer-left p.flinks {font-size:17px; color:#bfbfbf;}
#footer-left a {font-size:13px; color:#4d4d4d; text-decoration:none; border-bottom:1px dotted #cccccc;}
#footer-left a:hover {color:black; border-color:black;}

#footer-right {width:290px; float:right; padding-right: 2px;}
#footer-right p {line-height:20px; text-align:right; font-size:13px;}
#footer-right p.webson {color:#999999;}
#footer-right p.webson a {color:#4d4d4d; text-decoration:none;border-bottom:1px dotted #cccccc;}
#footer-right p.webson a:hover {color:black; border-color:black;}