*{padding:0;margin:0}
body, form, input, textarea {font: 12px Verdana, Arial, Helvetica, sans-serif;color: #000;}
img {border: none;vertical-align: top;}
ul, ol, li {list-style:none;}
a {color: #000;text-decoration:underline;}
a:hover {text-decoration:none;color: #F00;}
h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;font-size: 12px;}
input {border: 1px solid #EEE;}
.cleaner {line-height: 0px;height: 0px;clear: both;float:none!important;}
.hidden {display:none!important;}
body {background: #96A5CA;}
#container {background: url(images/head.jpg) no-repeat;width: 956px;margin: 0px auto;}
#logo {height: 112px;}
#logo a {display: block;width: 380px;padding: 0px 0px 0px 300px;height: 100px;text-indent: -9999px;}
#nav {height: 44px;background: url(images/bg-nav.jpg) no-repeat;width: 836px;padding: 0px 0px 0px 120px;}
#nav ul {display: block;}
#nav li {display: block;float: left;}
#nav a {display: block;float: left;height: 44px;width: 143px;text-indent: -9999px;}
.n1 a {background: url(images/home.jpg) no-repeat;}
.n2 a {background: url(images/portofoliu.jpg) no-repeat;}
.n3 a {background: url(images/domenii.jpg) no-repeat;}
.n4 a {background: url(images/prezentare.jpg) no-repeat;}
.n5 a {background: url(images/contact.jpg) no-repeat;}
.n1 a:hover {background: url(images/home-hover.jpg) no-repeat;}
.n2 a:hover {background: url(images/portofoliu-hover.jpg) no-repeat;}
.n3 a:hover {background: url(images/domenii-hover.jpg) no-repeat;}
.n4 a:hover {background: url(images/prezentare-hover.jpg) no-repeat;}
.n5 a:hover {background: url(images/contact-hover.jpg) no-repeat;}
#nav .n1 .active {background: url(images/home-hover.jpg) no-repeat;}
#nav .n2 .active  {background: url(images/portofoliu-hover.jpg) no-repeat;}
#nav .n3 .active  {background: url(images/domenii-hover.jpg) no-repeat;}
#nav .n4 .active  {background: url(images/prezentare-hover.jpg) no-repeat;}
#nav .n5 .active  {background: url(images/contact-hover.jpg) no-repeat;}
#context {float: left;background: url(images/bg-context.jpg) repeat-x;padding: 20px 120px 30px;width: 716px;}
#text p, #text2 p {font: 11px Tahoma, Arial;color: #333;padding: 20px 0px 0px;}
#text3 p {font: 13px Tahoma, Arial;color: #333;padding: 20px 0px 0px;}
#comp {float: left;width: 300px;height: 280px;}
#text3 a:hover {text-decoration: none;}
#comp h2 {font: normal 19px Verdana, Arial, Helvetica, sans-serif;color: #2c3385;padding: 20px 0px 8px;}
#comp p {font: 11px Tahoma, Arial;color: #333;padding: 2px 0px 0px;}
#lang {float: left;width: 400px;padding: 0px 0px 0px 15px;}
#lang h2, #activitate h2 {font: normal 19px Verdana, Arial, Helvetica, sans-serif;color: #2c3385;padding: 20px 0px 0px;}
#lang img {padding: 25px 0px 0px;}
#activitate {clear: both;}
#activitate ul {display: block;height: 55px;border-bottom: 2px dotted #2c3385;padding: 10px 0px 0px;}
#activitate li {display: block;float: left;padding: 2px 0px;}
#activitate a {font: bold 14px Tahoma, Arial;text-decoration: underline;color: #611D9E;background: url(images/bullet.gif) no-repeat left 9px;padding: 4px 5px 0px 13px;display: block;float: left;width: 160px;}
#activitate a:hover {text-decoration: none;}
.large a {width: 338px!important;}
#activitate span {display: block;padding: 5px 0px 0px 300px;}
.repeat {float: left;width: 235px;padding: 30px 0px 0px;}
.repeat h3 {font: normal 17px "trebuchet MS";color: #2c3385;}
.repeat p {font: 11px Tahoma, Arial;padding: 5px 0px 0px;width: 200px;}
.repeat a {display: block;border-bottom: 2px dotted ##2c3385;background: url(images/more.gif) no-repeat left bottom;text-indent: -9999px;}
#footer {clear: both;background: #96A5CA url(images/bg-footer.gif) repeat-x;}
#footer p {background: url(images/footer.gif) no-repeat;margin: 0px auto;height: 64px;width: 960px;}#text2 {float: left;width: 500px;}
#text2 a, #text3 a {color: #611d9e;text-decoration: underline;}
#text2 h2, #text3 h2 {font: normal 19px Verdana, Arial, Helvetica, sans-serif;color: #2c3385;padding: 20px 0px 8px;}
#text2 h3, #text3 h3 {font: bold 11px Tahoma, Arial;}
#text2 ul {display: block;}
#text2 li {display: block;font: 11px Tahoma, Arial;color: #333;background: url(images/bullet.gif) no-repeat left 11px;padding: 8px 0px 8px 16px;}
#but {float: right;width: 200px;padding: 0px 0px 0px 10px;}
#but p {font: bold 15px "trebuchet MS", Arial;color: #2C3385;padding: 15px 0px 0px;}
#but ul {display: block;}
#but li {display: block;clear: both;float: left;}
#but a {font: bold 11px Tahoma, Arial;color: #611D93;text-decoration: underline;padding: 6px 0px 14px 15px;display: block;border-top: 1px solid #b2bbd6;background: url(images/bullet.gif) no-repeat left 9px;clear: both;float: left;width: 170px;}
#but a:hover {text-decoration: none;}
#portofoliu {float: left;width: 500px;}
#portofoliu ul, #portofoliu li {display: block;}
#portofoliu a {font: bold 11px Tahoma, Arial;color: #333;text-transform: uppercase;display: block;background: url(images/support_2.gif) no-repeat;height: 23px;width: 477px;padding: 7px 0px 3px 20px;}
#portofoliu span {display: block;padding: 5px 0px 0px 100px;}
#portofoliu a:hover {text-transform: uppercase;background: url(images/support_1.gif) no-repeat;text-decoration: none;}
#color {background: #D3E2E7 url(images/bg.jpg) repeat-x top;}
#text3 {float: left;width: 600px;}