* {margin:0; padding:0; background-repeat: no-repeat;}
body, html {margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;}
body {background-image: url(../img/common/header-bg.jpg); background-repeat: repeat-x; background-position: top left; }

body div { text-align:left;}
ul li {list-style-type:none;}
a {color:#D41700; text-decoration: none;}
a:hover {color:#000; text-decoration: underline;}

div#container {margin:0 auto; position:relative; z-index:1; width:850px; display:block; overflow:hidden;}

div#header {display:block; overflow:hidden; }
div#header p#logo {width:219px; height:68px; position:absolute; top:46px; left:30px; display:block; overflow:hidden;}
div#header p#logo img {border:0;}

div#header ul#topNavigation {width:388px; height:41px; position:absolute; left:420px; top:49px; z-index:4; }
div#header ul#topNavigation li {display:inline; margin:0; padding:0; float:left; margin-right:17px;}
div#header ul#topNavigation li span {display:none;}

div#header ul#topNavigation .despreNoi, .despreNoi:hover, .despreNoi_active { background: url(../img/menu/topnavigation.gif) no-repeat; width: 58px; height: 20px !important; display: block; margin:0; padding:0;}
div#header ul#topNavigation .despreNoi {background-position: 0 0; }
div#header ul#topNavigation .despreNoi:hover, .despreNoi_active { background-position: 0 -20px;}

div#header ul#topNavigation .echipamente, .echipamente:hover, .echipamente_active { background: url(../img/menu/topnavigation.gif) no-repeat; width: 73px; height: 20px !important; display: block; margin:0; padding:0;}
div#header ul#topNavigation .echipamente {background-position: -58px 0; }
div#header ul#topNavigation .echipamente:hover, .echipamente_active { background-position: -58px -20px;}

div#header ul#topNavigation .servicii, .servicii:hover, .servicii_active { background: url(../img/menu/topnavigation.gif) no-repeat; width: 39px; height: 20px !important; display: block; margin:0; padding:0;}
div#header ul#topNavigation .servicii {background-position: -131px 0; }
div#header ul#topNavigation .servicii:hover, .servicii_active { background-position: -131px -20px;}

div#header ul#topNavigation .portofoliu, .portofoliu:hover, .portofoliu_active { background: url(../img/menu/topnavigation.gif) no-repeat; width: 53px; height: 20px !important; display: block; margin:0; padding:0;}
div#header ul#topNavigation .portofoliu {background-position: -170px 0; }
div#header ul#topNavigation .portofoliu:hover, .portofoliu_active { background-position: -170px -20px;}

div#header ul#topNavigation .contact, .contact:hover, .contact_active { background: url(../img/menu/topnavigation.gif) no-repeat; width: 44px; height: 20px !important; display: block; margin:0; padding:0;}
div#header ul#topNavigation .contact {background-position: -223px 0; }
div#header ul#topNavigation .contact:hover, .contact_active { background-position: -223px -20px;}

div#header div#visual {position:absolute; right:0; top:20px; z-index:3;}
div#header div#title {position:absolute; left:30px; top:223px; z-index:2;}



div#content {width:779px; margin-left:30px; margin-top:320px;}
div#primary {width:400px; float:left;}

div.article {}
div.article div.head {width:320px; font-weight:normal; font-size:12px; color:#000; margin-bottom:15px;}
div.article div.body {font-size:11px; color:#444; line-height:18px;}
div.article div.body h1 {display:block; overflow:hidden; clear:both;}
div.article div.body p {margin-top:13px; display:block; overflow:hidden; clear:both;}
div.article div.body p.subtitle {margin-top:0; display:block; overflow:hidden; clear:both;}
div.article div.body p.subtitle.highlighted {color:#000; font-size:12px;margin-top:0; display:block; overflow:hidden; clear:both;}
div.article div.body table {border:1px solid #ddd;}
div.article div.body table td {border:1px solid #eee; line-height:13px; padding:5px 3px;}
div.article div.body p img {border:1px solid #ddd; float:left; margin-right:7px;}
div.article div.body h1 {font-size:21px; letter-spacing:-1px; margin-top:15px; color:#D41700;padding-bottom:3px;}
div.article div.body h2 {font-size:17px; margin-top:15px; color:#333; }
div.article div.body h3 {font-size:14px; margin-top:15px;margin-bottom:-10px; color:#333;}
div.article div.body p.quote {color:#000; margin:0; line-height:19px;}
div.article div.body p.signature {color:#999; margin-top:3px; margin-bottom:20px;}
div.article div.body ul {margin-top:10px;}
div.article div.body ul li {list-style-type:square; list-style-position:inside; color:#666; margin-bottom:1px;}
div.article div.body ul.noBullet {margin-top:10px;}
div.article div.body ul.noBullet li {list-style-type:none; list-style-position:outside; color:#666; margin-bottom:3px;}

div.article div.body ul.premii li {padding-left:17px; background-position:0 4px; list-style-type:none; list-style-position: outside; }
div.article div.body ul li.bronz {background-image: url(../img/bullets/bronz.gif); }
div.article div.body ul li.argint {background-image: url(../img/bullets/argint.gif); }

div.article div.body ul.photoGallery {margin-bottom:20px; display:block; overflow:hidden;}
div.article div.body ul.photoGallery li {list-style-type:none; list-style-position:outside; float:left; margin-right:5px; margin-bottom:5px;}
div.article div.body ul.photoGallery li.last {margin-right:0;}
div.article div.body ul.photoGallery li img {border:0; display:block; }
div.article div.body ul.photoGallery li a {border:3px solid #ccc; display:block; }
div.article div.body ul.photoGallery li a:hover {border:3px solid #fff; display:block; }

body.pagContact div.body p.highlighted {font-size:12px; margin-top:10px; margin-bottom:0; color:#333;}
body.pagContact div.body p.subtitle {line-height:13px;}


div#secondary {width:175px; float:left; margin-left:75px; margin-top:50px;}
div#secondary ul.secondaryNavigation {font-size:11px; padding-left:15px;}
div#secondary ul.secondaryNavigation li { list-style-type:square; list-style-position: outside; color:#999; margin-bottom:3px; //margin-bottom:-3px;}
div#secondary ul.secondaryNavigation li ul { margin-left:13px; padding:0; margin-bottom:10px; //margin-top:-5px;}
div#secondary ul.secondaryNavigation li ul li { padding:0; margin:0; //margin-bottom:-7px; font-weight:normal; color:#ccc; }
div#secondary ul.secondaryNavigation li ul li span.active { color:#999;}
div#secondary ul.secondaryNavigation li ul li a { font-weight:normal; color:#000;}
div#secondary ul.secondaryNavigation li ul li a:hover { color:#D41700;}
div#secondary ul.secondaryNavigation li h2 { font-size:11px;margin:0; }
div#secondary ul.secondaryNavigation li a { color:#D41700; text-decoration:none;margin:0; }
div#secondary ul.secondaryNavigation li a:hover { color:#000; }
div#secondary ul.secondaryNavigation li span.active { color:#333; font-weight:bold; }


label {clear:both; display:block; font-size:11px; font-weight:bold; color:#333; margin-top:15px;}
input {border:1px solid #ddd; font-size:11px; font-weight:normal; padding:3px 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; background-color:#fff; width:50%;}
select {border:1px solid #ddd; font-size:11px; font-weight:normal; padding:3px 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; background-color:#fff; width:52%;}
select option {margin-bottom:2px; font-size:11px; padding-left:3px;}
textarea {border:1px solid #ddd; font-size:11px; font-weight:normal; padding:3px 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; background-color:#fff; width:75%;}
input.submit {width:44px; height:17px; margin-top:15px; clear:both; display:block; overflow:hidden; border:0; padding:0;}
span.error {color:#D41700; }

a.doc {background-image: url(../img/bullets/word.gif); height:30px; display:block; padding-top:5px; padding-left:43px; font-weight:bold;  }
a.doc:hover {background-image: url(../img/bullets/word-hover.gif); text-decoration:none;}

div#footer {width:789px; margin:0 auto; display:block; overflow:hidden; margin-top:35px; padding-left:0; margin-bottom:30px;}
div#footer p.copyright {border-top:1px solid #ccc; font-size:11px; color:#ababab; width:280px; padding-top:1px; }
div#footer p.copyright a {font-weight:bold; color:#ababab; text-decoration:none;}
div#footer p.copyright a:hover {color:#000;}
div#footer ul.footerLinks {font-size:11px; margin-top:3px;}
div#footer ul.footerLinks li {float:left; margin-right:10px; }
div#footer ul.footerLinks li a {color:#ababab;}
div#footer ul.footerLinks li a:hover {color:#000; text-decoration:none;}