/* ------ STYLURI GENERALE ------ */
html {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #757575; line-height: 14px;}

div, dl, dt, dd, form, fieldset, img, h1, h2, h3, h4, h5, h6  {margin: 0px; padding: 0px; font-weight: normal;}
fieldset {border: none;}
img {border: none; vertical-align: bottom;}

div.cleaner {clear: both; height: 0px; overflow: hidden;}
div.container {margin: 0px auto; padding: 0px; clear: both; width: 940px; position: relative;}

h2.titlu {margin: 0px 0px 10px 0px; padding: 5px 0px 5px 31px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: -1px; color: #363636; background: url(../images/icons/sageata_titlu_02.gif) no-repeat 0px 0px;}
h2.titluInterior {margin: 40px 0px 28px 0px; padding: 0px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 30px; letter-spacing: -1px; color: #363636;}

p.standard {margin: 10px 0px; padding: 0px;}
img.pozaArticol {margin: 4px 10px 0px 0px; padding: 1px; border: 1px solid #e6e6e6; float: left;}

a {color: #1389b3; text-decoration: underline;}
a:hover {color: #075a79; text-decoration: underline;}

a.butonMare {margin: 18px 0px; padding: 4px 8px 7px 8px; display: block; width: 172px; overflow: hidden; border: 1px solid #ffffff; color: #03b5f6; cursor: pointer; text-decoration: none; line-height: 12px; background: url(../images/butoane/buton_mare.png) no-repeat 0px 0px;}
a.butonMare strong {margin: 1px 0px 0px 0px; display: block; clear: both; color: #ffffff;}
a.butonMare:hover {color: #8ce0ff; text-decoration: none;}

a.veziDetalii {padding: 0px 0px 3px 24px; background: url(../images/icons/sageata_vezi.png) no-repeat 0px 0px;}

a.butonGri01 {margin: 0px; padding: 2px 12px 3px 12px; border: 1px solid #d3d3d3; color: #818181; text-decoration: none; background-image: url(../images/butoane/bg_buton_gri.gif); background-repeat: repeat-x; background-position: 0px 0px;}
a.butonGri01:hover {color: #4a4a4a; text-decoration: none;}

span.albastru01 {color: #00acea;}
span.albastru02 {color: #00a2dd;}
span.albastru03 {color: #0180ad;}



/* ------ HEADER ------ */
div#header {position: relative; clear: both; background: url(../images/backgrounds/bg_headline.png) repeat-x 0px 0px;}
div#header div.container {background: url(../images/backgrounds/lumina.png) no-repeat -30px 0px;}
div#header div.elementeHP {margin: 0px; padding: 0px; width: 960px; position: relative; clear: both;}
div#header div.elementeInterior {margin: 0px; padding: 0px 0px 0px 480px; width: 480px; position: relative; clear: both;}

div#header h1 {width: 250px; height: 159px; overflow: hidden; float: left; position: relative; text-indent: -20000px; background: url(../images/bs_motors_logo.png) no-repeat 0px 31px;}
div#header h1 a {margin-top: 31px; width: 250px; height: 46px; overflow: hidden; display: block;}
div#header h2 {color: #ffffff; background-image: url(../images/icons/sageata_titlu_01.gif);}

div#header p.meniuTop {margin: 0px; padding: 54px 0px 0px 0px; text-align: right;}
div#header p.meniuTop img {margin: -13px 0px 0px 10px; padding: 0px; float: right; vertical-align: top;}
div#header p.meniuTop a {margin: 0px 15px 0px 0px; font-weight: bold; color: #ffffff; text-decoration: none;}
div#header p.meniuTop a.activ {color: #00b0f0;}
div#header p.meniuTop a:hover {color: #00b0f0; text-decoration: none;}

div.despreTop {margin: 16px 20px 0px 0px; padding: 0px 160px 0px 0px; width: 300px; height: 177px; overflow: hidden; clear: left; float: left; color: #aec5ce; background: url(../images/backgrounds/personaje_despre.png) no-repeat 316px bottom;}
div.despreTop p {height: 56px; overflow: hidden;}
div.despreTop a.butonMare {border-color: #2f748d;}

div.suzukiSite {margin: 0px; padding: 16px 35px 0px 15px; width: 190px; height: 183px; overflow: hidden; float: left; color: #aec4cd; background: url(../images/backgrounds/suzuki_auto.png) no-repeat 0px 0px;}
div.suzukiSite p {height: 56px; overflow: hidden;}
div.suzukiSite h2.titlu {margin: 0px; padding-left: 0px; background-image: none; background-position: -100px -100px;}
div.suzukiSite a.butonMare {border: none; background: none;}



/* ------ STANGA HP ------ */
div#stangaHP {margin: 0px 20px 0px 0px; padding: 0px 0px 46px 0px; width: 460px; overflow: hidden; float: left;}
div#stangaHP h2.titlu {margin-top: 21px;}

ul.enumerare {margin: 11px 0px 0px 0px; padding: 0px; list-style-type: none; position: relative;}
ul.enumerare li {margin: 0px; padding: 0px 0px 0px 19px; background: url(../images/icons/sageata_locatie.gif) no-repeat 0px 3px;}

dl.locatii {margin: 4px 20px 15px 0px; padding: 0px; width: 137px; overflow: hidden; float: left;}
dl.locatii dt {margin: 0px; padding: 0px 0px 3px 16px; color: #585858; font-weight: bold; line-height: 15px; background: url(../images/icons/sageata_locatie.gif) no-repeat 0px 3px;}



/* ------ STANGA INTERIOR ------ */
div#stangaInterior {margin: -198px 20px 0px 0px; padding: 15px 15px 46px 15px; width: 430px; position: relative; overflow: hidden; float: left; background-color: #FFFFFF; background-image: url(../images/backgrounds/bg_stanga_top.gif); background-repeat: repeat-x; background-position: 0px 0px;}
div#stangaInterior p.standard {margin: 14px 0px; padding: 0px;}
div#stangaInterior ul.enumerare {margin: 14px 0px;}



/* ------ DREAPTA HP ------ */
div#dreaptaHP {margin: 0px 0px 0px 0px; padding: 0px 0px 46px 0px; width: 460px; overflow: hidden; float: left;}

dl.cutieSite {margin: 26px 20px 0px 0px; padding: 0px 0px 2px 15px; width: 205px; overflow: hidden; float: left;}
dl.cutieSite img {margin: 0px 10px 0px 0px; padding: 1px; border: 1px solid #ececec; float: left;}
dl.cutieSite dt {font-size: 18px; color: #363636;}
dl.cutieSite dd {margin: 18px 0px 10px 0px; padding-bottom: 3px;}

p.siteInterior {margin: 0px 0px 20px 0px; padding: 12px 0px 0px 0px; border-top: 1px solid #eeeeee;}
p.siteInterior a.veziDetalii {line-height: 24px;}
p.siteInterior strong {color: #444444;}

div.locatiiInterior {margin: 0px 0px 20px 0px; padding: 14px 0px 0px 0px; border-top: 1px solid #eeeeee;}
div.locatiiInterior div {margin: 18px 0px 0px 0px; padding: 1px; border: 1px solid #eeeeee;}
div.locatiiInterior div object {vertical-align: bottom;}
div.locatiiInterior strong {margin: 0px 0px 10px 0px; display: block; color: #444444;}



/* ------ FOOTER ------ */
div#footer {margin: 0px; padding: 0px 0px 55px 0px; position: relative; clear: both; background: url(../images/backgrounds/bg_footer.gif) repeat-x 0px 0px;}

div#footer div.retea {margin: 41px 20px 0px 0px; padding: 0px; width: 730px; overflow: hidden; float: left;}
div#footer div.retea h3 {margin: 0px; padding: 0px; width: 150px; height: 32px; overflow: hidden; float: left; text-indent: -20000px; background-image: url(../images/bs_motors_jos.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#footer div.retea div {margin: 1px 0px 0px 11px; position: relative; float: left; color: #838383; font-size: 11px; line-height: 16px;}
div#footer div.retea div span {padding: 0px 3px;}
div#footer div.retea div a {color: #838383; text-decoration: none;}
div#footer div.retea div a:hover {color: #1389b3; text-decoration: underline;}
div#footer div.retea p {margin: 0px; padding: 19px 0px 0px 0px; clear: both;}
div#footer div.retea p span {padding: 0px 6px}
div#footer div.retea p a {color: #757575; text-decoration: none;}
div#footer div.retea p a:hover {color: #1389b3; text-decoration: underline;}

div#footer div.newsletter {margin: 18px 0px 0px 0px; padding: 0px 0px 0px 15px; width: 265px; float: left; position: relative; overflow: hidden;}
div#footer div.newsletter h3 {margin: 27px 0px 5px 0px; padding: 0px; height: 10px; overflow: hidden; text-indent: -20000px; background-image: url(../images/abonare_newsletter.gif); background-repeat: no-repeat; background-position: 0px 0px;}



/* ------ ELEMENTE FORMULARE ------ */
input.campNewsletter {margin: 9px 4px 0px 0px; padding: 1px 2px; width: 130px; vertical-align: top; border: 1px solid #dfdfdf; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
input.butonNewsletter {margin: 9px 0px 0px 0px; padding: 0px; border: none; vertical-align: top; position: relative;}

input.formular01 {margin: 0px; padding: 1px 2px; width: 180px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;}
textarea.formular01 {margin: 0px; padding: 1px 2px; width: 270px; height: 80px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;}
select.formular01 {margin: 0px; padding: 0px; width: 186px; height: 16px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #777777;}
input.formular01Box {vertical-align: -3px;}
input.formular01Radio {vertical-align: -3px;}



/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 10px 0px; padding: 0px; clear: both; width: 100%; background-color: #FFFFFF; border: 1px solid #f6f6f6;}
table.tabelSpecificatii th {padding: 4px 5px; text-align: left; color: #555555; border: 1px solid #f6f6f6}
table.tabelSpecificatii td {padding: 3px 6px; background-color: #f6f6f6;}