/* SUPER STYLES */
* {margin:0;padding:0}

body {font-family: Verdana, Trebuchet MS, Arial; margin: 0;background: #FFF url("../img/bg.gif") repeat-x;font:83%/1.5; text-align:center;}


/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 
a:link {color:#FFF} 
a:visited {color:#FFF} 
a:hover,a:active {color:#283C6E;} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: Verdana, Trebuchet MS, Arial, sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
p{font-size:67%;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;margin: .8em 0 .3em;color:#000;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 156%;}
h3 {font-size: 116%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none; width:500px;margin-left: -26px;}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: none; color:#FFF; font-size:83%;}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}

hr.separator {height:9px; margin-bottom:2px;}
hr.blue {color:#3C8CE6; background-color:#3C8CE6;}
hr.darkblue {color:#283C6E; background-color:#283C6E;}

.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

span.openquotes {font-size: 166%; line-height:24px;}
span.closequotes {font-size: 166%; line-height:24px; }

span.wgb {color:#96c355;font-weight:bolder;letter-spacing:0px;font-size:12px;}
span.mbs {color:#d27332;font-weight:bolder;letter-spacing:0px;font-size:12px;}

#wrap {width: 100%; padding: 0;background:#283C6E;text-align:left;}
#wrap-content {width: 760px; margin:0 auto;padding: 0;background:#283C6E;text-align:left;}


/*
#header img {}
#header ul {padding: 0;margin: 0;list-style: none; margin-left:682px;font-size:67%;}
#header li {position:relative;background: transparent; float: left; width: auto; line-height:0.1em;display:block;margin: 0;border:none;border-right:1px solid #636363; padding:8px 5px 8px 5px;}
#header li.class {border:none;}
#header a, #header a:link, #header a:visited, #header a:hover, #header a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
#header a:hover {color:#000}
*/

/* top STYLES */ 
/*
#header{width:860px; clear:both; margin-left: auto; margin-right:auto; margin-top: 50px; margin-bottom:0; border:1px solid red;} 
*/

#header{width:650px; margin:50px auto; clear:both;} 
#logo {float:left;margin:0;margin-bottom:26px;margin-left:25px;}
#header-menu {float:left; margin-left:225px; margin-top:62px;width:200px;clear:right;}

/** MENU **/
ul#menu { list-style: none; padding: 0px; margin: 0px;}
ul#menu li, ul#menu a { display: block;  height: 26px; float: left; background-position: top;}
ul#menu span {display: none;}

#menu-about-us {width: 90px;}
#menu-about-us a {width: 90px; background-image: url('../img/about.gif');}
#menu-about-us a:hover {background-position: bottom;}

#menu-contact {width: 60x;}
#menu-contact a {width: 60px; background-image: url('../img/contact.gif'); }
#menu-contact a:hover {background-position: bottom;}

/* Brands Section */
#brands-section {background: #283c6e;padding-top:32px; padding-bottom:0px;margin:0 auto; width:760px;}
#brands {width: 594px; height:202px; background-image: url('../img/bg_brands.jpg');margin:0px 100px 0px 80px;}
.brand{margin-left:32px; margin-right:32px; margin-top:16px; float:left;}

/* News Section */

#news-section {background: #283c6e;padding-top:32px; padding-bottom:32px;margin:0 auto;width:760px;}
#news-section h2 {margin-left:78px;}
div#news-separator {background: url('../img/news_separator.gif'); height:6px; width:592px;margin-left:78px; margin-top: -6px;padding:0;}
div#news-separator hr {display: none;}
#noutati {margin-left:78px;margin-top:1em;}

.noutate {width:300px;margin-left:2px; float:left;}
.data_box {width:38px; height:48px; background: url('../img/data_box_bg.gif'); float:left;}
span.day {display:block;color: #FFF; font-size:66%;font-weight:bold;margin-left:5px; margin-top:10px; margin-bottom:6px;letter-spacing:-2px;}
span.year {color: #FFF; font-size:66%;font-weight:bold;letter-spacing:-2px;margin-left:5px;}
.news_box {width:180px; margin-left:10px; float:left;}
.news_box h3 {margin:0; color: #FFF; font-size:116%;letter-spacing:normal;font-weight:normal;margin-bottom:1.2em;}
.news_box p {color:#FFF; font-size:76%;}

/* About Section */

#about-section {background: #283c6e;padding-top:32px; padding-bottom:32px;padding-left:78px;margin:0 auto;width:760px;}
#about-separator {background: url('../img/about_separator.gif'); height:6px; width:587px; margin-top: -6px;margin-bottom:30px;}
div#about-separator {background: url('../img/about_separator.gif'); height:6px; width:587px; margin-top: -6px;margin-bottom:30px;padding:0;}
div#about-separator hr {display: none;}
#about-section p {color:#FFF; font-size:76%;width:500px;line-height:1.5em;}
#about-section em {color:#FFF; font-size:76%;font-style:italic;line-height:.5em;padding-left:150px;}
#about-section li {margin-bottom:20px;}

/* Contact Section */
#contact-section {background-color: #3C8CE6;padding-top:32px; padding-bottom:32px;padding-left:78px;margin:0 auto;width:660px;}
div#contact-separator {background: url('../img/contact_separator.gif'); height:5px; width:594px; margin-top: -6px;margin-bottom:30px;padding:0;}
div#contact-separator hr {display: none;}
#contact-section p {color:#FFF; font-size:76%;width:500px;}

#contact-txt {width: 220px;float: left;color:#283c6e;}
#contact-txt p {width: 220px;}
#contact-txt address {font-style: normal;margin-top: 10px;font-size: 0.9em;}
#contact-txt em {font-style: normal;color: #FFF;}
#contact-txt address strong {font-size: 1em;font-weight: bold;color: #FFF;}

#contact-form {width: 210px;padding-right: 30px;float: right; margin-right:40px;}
#contact-form fieldset {margin: 0px;padding: 0px;}
#contact-form legend {display: none;}
#contact-form label {display: block;margin: 2px; color:#FFF;}
#contact-form #nume {width: 210px;border: none;background-color: #E8E8E8;}
#contact-form #nume:focus {background-color: white;}
#contact-form #email {width: 210px;border: none;background-color: #E8E8E8;}
#contact-form #email:focus {background-color: white;}
#contact-form #mesaj {width: 210px;border: none;background-color: #E8E8E8;}
#contact-form #mesaj:focus {background-color: white;}
#contact-form #submit {float: right;margin-top: 5px;}

  
/* FOOTER */  
#footer{background-image: url('../img/footer_bg.gif');padding-top:32px; padding-bottom:96px;clear:both; color:#FFF; text-align:center;font-size:66%;}
#footer img{margin-left:20px;margin-top:26px;margin-bottom:26px;}
#footer ul {padding: 0;margin: 0;list-style: none; margin-left:10px;font-size:67%;margin-bottom:26px;}
#footer li {position:relative;background: transparent; float: left; width: auto; line-height:0.1em;display:block;margin: 0;border:none;border-right:1px solid #636363; padding:8px 5px 8px 5px;}
#footer li.class {border:none;}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {text-decoration:none;cursor:pointer;color:#000;display: inline;padding: 4px 10px 2px}
#footer a:hover {color:#636363}

