/* ------ STYLURI GENERALE ------ */
html {margin: 0px; padding: 0px; background-color: #eef3f6; background-image: url(../images/backgrounds/bg_foaie.gif); background-repeat: repeat-x; background-position: 0px 0px;}
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60; line-height: 18px;}

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;}
p.veziToateMare {margin: 16px 0px 18px 0px; padding: 0px 0px 0px 25px; background: url(../images/backgrounds/sageata_02.gif) no-repeat 0px 2px;}

a {color: #768998; text-decoration: underline;}
a:hover {color: #6092b9; text-decoration: underline;}

a.butonCategorie {margin: 18px 0px; padding: 2px 30px 0px 21px; width: 86px; height: 26px; overflow: hidden; display: block; font-size: 11px; color: #666666; text-decoration: none; background: url(../images/butons/detalii_categorii.gif) no-repeat 0px 0px;}
a.butonCategorie:hover {color: #6092b9; text-decoration: underline;}
a.butonCategorie01 {margin: 18px 0px 0px 0px; padding: 2px 30px 0px 21px; width: 86px; height: 26px; overflow: hidden; display: block; font-size: 11px; color: #666666; text-decoration: none; background: url(../images/butons/detalii_categorii_01.gif) no-repeat 0px 0px;}
a.butonCategorie01:hover {color: #6092b9; text-decoration: underline;}

.sysMessage {margin: 32px 0px 0px 0px; padding: 0px; width: 100%; background-color: #FFFFFF;}
.sysMessage ul {padding: 5px; text-align: left; color: #2f2c1d; font-weight:bold; border: 1px solid #f3f2ee;list-style:none; margin:0px;}
.sysMessage li {padding: 3px 6px; background-color: #FFEFEF; font-weight:normal;}



/* ------ HEADER ------ */
div#header {margin: 0px auto; width: 990px; overflow: hidden; clear: both; position: relative;}
div#header h1 {margin: 16px 20px 0px 20px; width: 160px; height: 160px; float: left; text-indent: -20000px; background: url(../images/bcc_brasov_logo.gif) no-repeat 0px 0px;}
div#header h1 a {margin: 0px; width: 160px; height: 160px; display: block;}

div.utileSus {margin-top: 49px; text-align: right; color: #8e8e8e; font-size: 11px;}
div.utileSus span {margin-right: 20px; vertical-align: 0px;}
div.utileSus span img {margin: 8px 0px 0px 4px; vertical-align: top;}
div.utileSus a {margin-right: 11px; text-decoration: none;}
div.utileSus a:hover {text-decoration: underline;}

p.meniuSus {margin: 21px 0px 0px 0px; padding: 1px 0px 9px 0px; width: 775px; height: 37px; overflow: hidden; float: right; clear: right; font-size: 11px; line-height: 12px; text-transform: uppercase; background: url(../images/backgrounds/bg_meniu_sus.gif) no-repeat 0px 0px;}
p.meniuSus a {padding: 9px 30px 9px 29px; text-decoration: none; line-height: 31px; color: #645d5d; background: url(../images/backgrounds/linie_meniu_sus.gif) no-repeat right top;}
p.meniuSus a:last-child {background-image: none;}
p.meniuSus a:hover {color: #645d5d; text-decoration: underline;}

p.caleSite {margin: 7px 0px 0px 0px; padding: 0px 0px 3px 30px; float: right; clear: right; width: 745px; font-size: 11px; line-height: 19px; color: #797979; background: url(../images/icons/acasa.gif) no-repeat 0px 0px;}
p.caleSite span {padding: 0px 5px; color: #3682bb;}
p.caleSite a {color: #3682bb; text-decoration: none;}
p.caleSite a:hover {color: #6092b9; text-decoration: underline;}

p.limbaSus {margin: 0px; padding: 0px; position: absolute; top: 12px; right: 0px; font-size: 11px; color: #9f9f9f;}
p.limbaSus img {margin: 0px 0px 0px 4px; border: 1px solid #d8d8d8;}
p.limbaSus a {color: #9f9f9f; text-decoration: none;}
p.limbaSus a:hover {color: #9f9f9f; text-decoration: underline;}





/* ------ CONTINUT ------ */
div#continut {margin: 0px auto; padding: 0px; width: 990px; overflow: hidden; position: relative; clear: both;}





/* ------ STANGA ------ */
div#stanga {margin-right: 20px; padding: 41px 0px 0px 0px; width: 200px; overflow: hidden; float: left;}

dl.meniuStanga {padding: 0px 0px 2px 0px; font-family: Arial, Helvetica, sans-serif; background-color: #e9eff2; background-image: url(../images/backgrounds/linie_meniu_dreapta.gif); background-repeat: repeat-x; background-position: left bottom;}
dl.meniuStanga dt {padding: 2px 0px 0px 0px; background-image: url(../images/backgrounds/linie_meniu_dreapta.gif); background-repeat: repeat-x; background-position: 0px 0px;}
dl.meniuStanga dd {padding: 2px 0px 0px 0px; font-size: 11px; background-color: #f4f7f9; background-image: url(../images/backgrounds/linie_submeniu_dreapta.gif); background-repeat: repeat-x; background-position: 0px 0px;}
dl.meniuStanga a {padding: 7px 30px 8px 8px; display: block; color: #545758; text-decoration: none;}
dl.meniuStanga a:hover {color: #2b2e2f; text-decoration: none; background-color: #d3dbdf;}
dl.meniuStanga a.activ {color: #2b2e2f; text-decoration: none; background-color: #d3dbdf; background-image: url(../images/icons/pagina_activa_meniu.gif); background-repeat: no-repeat; background-position: 174px center;}

div.newsletterStanga {margin: 35px 0px 0px 0px; clear: both; font-size: 11px; line-height: 16px; color: #6b6c6c;}
div.newsletterStanga h3 {margin: 0px 0px 5px 0px; padding: 3px 0px 14px 65px; font-size: 18px; color: #353535; background: url(../images/icons/plic_newsletter.gif) no-repeat 0px 0px;}
div.newsletterStanga h3 em {margin: 0px 0px 3px 1px; padding: 0px; display: block; font-size: 11px; color: #585858; font-style: normal; text-transform: uppercase; font-weight: bold;}

p.steaguriStanga {margin: 27px 0px 0px 0px; padding: 22px 0px 0px 0px; clear: both; font-size: 11px; color: #919495; text-align: center; background: url(../images/backgrounds/linie_separare.gif) repeat-x 0px 0px;}
p.steaguriStanga img {margin-top: 23px;}





/* ------ CENTRU ------ */
div#centru {margin: 0px; width: 550px; float: left;}
div#centru h2 {margin: 48px 0px 26px 0px; position: relative; font-size: 24px; font-weight: bold; color: #282828; text-indent: -1px; letter-spacing: -1px;}


/* ------ stiri HP ------ */
div.stiriHP {clear: both;}
div.stiriPrincipale {margin-right: -20px; padding: 0px; width: 570px; overflow: hidden; clear: both; }
div.stiriPrincipale div.cleaner {width: 550px; height: 2px; background: url(../images/backgrounds/linie_separare.gif) repeat-x 0px 0px;}

div.cutieStiriHP {margin: 0px 20px 21px 0px; width: 265px; float: left;}
div.cutieStiriHP h3 {margin: 0px 0px 13px 0px; padding-top: 8px; font-size: 18px; color: #2f2c1d; line-height: 20px;}
div.cutieStiriHP h3 a {color: #2f2c1d; text-decoration: none;}
div.cutieStiriHP h3 a:hover {color: #4e5962; text-decoration: underline;}
div.cutieStiriHP h6 {margin: -13px 0px 13px 0px; font-size: 10px; color: #848179;}
div.cutieStiriHP h6 span {padding: 0px 3px;}
div.cutieStiriHP p.detalii {margin: 9px 0px 0px 0px; padding: 0px 0px 0px 18px; font-size: 11px; line-height: 19px; background: url(../images/backgrounds/sageata_01.gif) no-repeat 0px 4px;}
div.cutieStiriHP img.genericSubcategorii {margin: 2px 0px 4px 0px; padding: 1px; width: 261px; height: 112px; border: 1px solid #aeaeae; background-color: #FFFFFF;}
div.cutieStiriHP p.descriere {margin: 14px 0px 0px 0px; padding: 0px;}

div.stiriScurte {margin: 17px 0px 0px 0px; padding: 0px 0px 22px 0px; background: url(../images/backgrounds/linie_separare.gif) repeat-x left bottom;}
div.stiriScurte a {margin: 0px; padding: 0px; display: block; clear: both; text-decoration: none; line-height: 16px;}
div.stiriScurte a label {margin-right: 12px; width: 49px; display: block; float: left; color: #919191; text-decoration: none; background: url(../images/backgrounds/linie_scurte.gif) no-repeat right 3px;}
div.stiriScurte a:hover {text-decoration: underline;}
div.stiriScurte a:hover label {color: #919191; text-decoration: none;}


/* ------ listing categorii ------ */
div.listingCategorii {margin-right: -20px; padding: 0px; width: 570px; overflow: hidden; clear: both;}

div.categorieListing {margin: 0px 20px 21px 0px; width: 265px; float: left;}
div.categorieListing h3 {margin: 0px 0px 13px 0px; padding-top: 8px; font-size: 18px; color: #2f2c1d; line-height: 20px;}
div.categorieListing h3 a {color: #2f2c1d; text-decoration: none;}
div.categorieListing h3 a:hover {color: #4e5962; text-decoration: underline;}
div.categorieListing h6 {margin: -13px 0px 13px 0px; font-size: 10px; color: #848179;}
div.categorieListing h6 span {padding: 0px 3px;}
div.categorieListing img.genericSubcategorii {margin: 2px 0px 4px 0px; padding: 1px; width: 261px; height: 112px; border: 1px solid #aeaeae; background-color: #FFFFFF;}
div.categorieListing p.descriere {margin: 14px 0px 0px 0px; padding: 0px;}


/* ------ aditionale ------ */
p.aditionale {margin: 20px 0px 30px 0px; padding: 0px;}
p.aditionale strong {padding-right: 5px; font-size: 11px; color: #444444;}
p.aditionale a {margin: 0px 0px 0px 0px; padding: 5px 0px 6px 8px; color: #6c6b6b; text-decoration: none; line-height: 30px; background: url(../images/butons/buton_01_stanga.gif) no-repeat 0px 0px;}
p.aditionale a span {margin: 0px; padding: 5px 13px 6px 5px; background: url(../images/butons/buton_01_dreapta.gif) no-repeat right 0px;}
p.aditionale a.activ {background-position: 0px -50px; color: #f6f6f6; text-decoration: none;}
p.aditionale a.activ span {background-position: right -50px;}
p.aditionale a:hover {background-position: 0px -25px; color: #474747; text-decoration: none;}
p.aditionale a:hover span {background-position: right -25px;}

p.aditionale01 {margin: 0px; padding: 0px;}
p.aditionale01 a {margin: 0px 0px 0px 0px; padding: 5px 0px 6px 8px; color: #f6f6f6; text-decoration: none; line-height: 30px; background: url(../images/butons/buton_01_stanga.gif) no-repeat 0px -50px;}
p.aditionale01 a span {margin: 0px; padding: 5px 13px 6px 5px; background: url(../images/butons/buton_01_dreapta.gif) no-repeat right -50px;}
p.aditionale01 a:hover {background-position: 0px 0px; color: #6c6b6b; text-decoration: none;}
p.aditionale01 a:hover span {background-position: right 0px;}


/* ------ listing articole ------ */
div.listingArticole {margin: 36px 0px 0px 0px; clear: both;}
div.articolListing {margin: 24px 0px; padding-bottom: 28px; clear: both; background: url(../images/backgrounds/linie_separare.gif) repeat-x left bottom;}
div.articolListing img.pozaArticol {margin: 2px 14px 14px 0px; padding: 1px; width: 120px; border: 1px solid #d9dddf; background-color: #ffffff; float: left;}
div.articolListing h3 {margin: 0px 0px 13px 0px; font-size: 18px; color: #2f2c1d; line-height: 20px; text-indent: -1px;}
div.articolListing h3 a {color: #2f2c1d; text-decoration: none;}
div.articolListing h3 a:hover {color: #4e5962; text-decoration: underline;}
div.articolListing h6 {margin: -11px 0px 14px 0px; font-size: 11px; color: #848179;}
div.articolListing h6 span {padding: 0px 3px;}


/* ------ filtre articole ------ */
div.filtreArticole {margin: 0px 0px 30px 0px; padding: 13px 0px 17px 0px; clear: both; font-size: 11px; background: url(../images/backgrounds/linie_separare.gif) repeat-x 0px 0px;}


/* ------ detaliu articol ------ */
div.detaliuArticol {}
div#centru div.detaliuArticol h2 {margin-top: 44px; line-height: 24px;}
div.detaliuArticol h3 {margin: 28px 0px 18px 0px; font-size: 18px; color: #262626;}
div.detaliuArticol h6 {margin: -18px 0px 26px 0px; font-size: 14px; color: #848179;}
div.detaliuArticol h6 span {padding: 0px 6px;}
div.detaliuArticol img.pozaArticol {margin: 0px 14px 14px 0px; padding: 1px; border: 1px solid #aeaeae; background-color: #ffffff; float: left;}

div.detaliuArticol table {margin: 32px 0px 16px 0px; padding: 0px; width: 100%; background-color: #FFFFFF;}
div.detaliuArticol table th {padding: 12px 5px 13px 5px; text-align: left; color: #2f2c1d; font-size: 18px; font-weight: normal; border: 1px solid #f3f2ee;}
div.detaliuArticol table td {padding: 3px 6px; background-color: #e9eef1;}

div.detaliuArticol ul {margin: 18px 0px; padding: 0px; list-style-type: none;}
div.detaliuArticol ul li {margin: 0px; padding: 0px 0px 0px 38px; background: url(../images/backgrounds/sageata_01.gif) no-repeat 18px 3px;}

div.fileDownload {margin: 28px 0px; padding: 21px 19px 10px 19px; border: 1px solid #ffffff; background-color: #e4eaed;}
div.fileDownload h3 {margin: 3px 0px 0px 0px; font-size: 20px;}
div.detaliuArticol div.fileDownload li {padding: 0px 0px 1px 0px; background-image: url(../images/backgrounds/linie_separare_sectiuni.gif); background-repeat: repeat-x; background-position: left bottom;}
div.detaliuArticol div.fileDownload li a {padding: 4px 5px 5px 5px; display: block; color: #686868; text-decoration: none;}
div.detaliuArticol div.fileDownload li a:hover {color: #565656; background-color: #f6f6f6;}

dl.fisiereDownload {margin: 28px 0px; clear: both;}
dl.fisiereDownload dt {margin: 0px 0px 12px 0px; font-size: 18px; color: #262626;}
dl.fisiereDownload dd {margin: 0px 0px 0px 11px; padding: 2px 0px 2px 24px; background: url(../images/backgrounds/sageata_02.gif) no-repeat 0px 5px;}





/* ------ SLIDER ------ */
div#slider {padding-bottom: 26px; width: 548px; position: relative; border: 1px solid #ffffff; background-color: #e9ecee;}
div#slider h2 {margin: -10px 0px 18px 18px; padding: 0px; position: relative;}
div#slider h2 em {position: absolute; top: 1px; left: 1px; color: #ffffff; font-style: normal; z-index: 1;}
div#slider h2 span {position: relative; z-index: 2;}

div.scroll {margin: 19px auto; width: 514px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
div.scrollContainer div.panel {width: 260px;}

div.cutieCategorie {padding: 9px 15px 0px 15px; width: 218px; position: relative; border: 1px solid #dadada; background-color: #FFFFFF; background-image: url(../images/backgrounds/cutie_categ_jos.gif); background-repeat: no-repeat; background-position: left bottom;}
div.cutieCategorie div.fundalCutieSus {width: 248px; height: 33px; overflow: hidden; position: absolute; top: 0px; left: 0px; background: url(../images/backgrounds/cutie_categ_sus.gif) no-repeat 0px 0px;}
div.reflexieCutie {margin-top: 1px; clear: both; width: 250px; height: 30px; overflow: hidden; background: url(../images/backgrounds/cutie_categ_reflexie.gif) no-repeat 0px 0px;}

div.cutieCategorie a.linkSus {position: relative; font-size: 11px; color: #3682bb;}
div.cutieCategorie a.linkSus:hover {color: #83aecf; text-decoration: underline;}
div.cutieCategorie table.titlu {margin: 0px; padding: 0px; height: 64px;}
div.cutieCategorie table.titlu td {padding: 0px 0px 10px 0px;}
div.cutieCategorie h3 {margin: 0px; position: relative; font-size: 24px; line-height: 21px; color: #282828; letter-spacing: -1px;}
div.cutieCategorie img.pozaCategorie {padding: 1px; width: 214px; height: 91px; position: relative; border: 1px solid #aeaeae;}

div.cutieCategorie ul {margin: 14px 0px 0px 0px; padding: 0px; width: 218px; list-style-type: none;}
div.cutieCategorie ul li {margin: 0px; padding: 0px 0px 1px 0px; background: url(../images/backgrounds/linie_dungata.gif) repeat-x left bottom;}
div.cutieCategorie ul li a {padding: 1px 0px 4px 29px; width: 189px; display: block; color: #797979; text-decoration: none; background-image: url(../images/backgrounds/sageata_02.gif); background-repeat: no-repeat; background-position: 4px 4px;}
div.cutieCategorie ul li a:hover {color: #6a6868; text-decoration: none; background-color: #e9e9e9;}


ul.navigation {margin: 0px -10px 0px 19px; padding: 0px; list-style-type: none;}
ul.navigation li {margin: 0px 12px 0px 0px; padding: 2px 0px 0px 0px; width: 162px; overflow: hidden; float: left; background: url(../images/backgrounds/linie_separare_sectiuni.gif) repeat-x left top;}
ul.navigation a {padding: 4px 5px 5px 5px; display: block; color: #686868; text-decoration: none;}
ul.navigation a:hover {background-color: #d9dada;}
ul.navigation a.selected {color: #565656; background-color: #f6f6f6;}
ul.navigation a:focus {outline: none;}

.scrollButtons {position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left {left: -20px;}
.scrollButtons.right {right: -20px;}
.hide {display: none;}





/* ------ DREAPTA ------ */
div#dreapta {padding-top: 20px; margin-left: 20px; width: 200px; overflow: hidden; float: left;}

div#dreapta h3 {margin: 0px; padding: 11px 0px 15px 0px; font-size: 18px; color: #353535; text-indent: -1px; background: url(../images/backgrounds/linie_separare.gif) repeat-x left bottom;}
div#dreapta h3 em {margin: 0px; padding: 0px; display: block; font-size: 11px; text-indent: 0px; font-style: normal;}
div#dreapta h3 a {padding: 12px 0px 12px 52px; display: block; color: #353535; text-decoration: none; background-repeat: no-repeat; background-position: 0px 0px;}
div#dreapta h3 a.informatii {background-image: url(../images/icons/dreapta_info.gif);}
div#dreapta h3 a.donatii {background-image: url(../images/icons/dreapta_donatie.gif);}
div#dreapta h3 a:hover {color: #4e5962;}
div#dreapta h3 a:hover em {text-decoration: underline;}

div.parteneriDreapta {margin-top: 18px; clear: both; font-size: 11px; color: #919495; text-align: center;}
div.parteneriDreapta p {margin: 20px 0px 0px 0px; padding: 0px; width: 198px; overflow: hidden; border: 1px solid #d9dddf;}






/* ------ FOOTER ------ */
div#footer {margin: 60px auto 0px auto; padding: 27px 0px; width: 990px; overflow: hidden; position: relative; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #8f8e8e; background: url(../images/backgrounds/linie_separare.gif) repeat-x 0px 0px;}
div#footer div.trafic {margin: 28px 0px 0px 0px; padding: 33px 0px 6px 0px; clear: both; text-align: center; background: url(../images/backgrounds/linie_separare.gif) repeat-x 0px 0px;}
div#footer img.softhost {margin: 3px 0px 0px 0px; padding: 0px; float: right;}

p.linkuriJos {margin: 0px 0px 0px 0px; padding: 0px; width: 715px; color: #404040;}
p.linkuriJos a {color: #404040; text-decoration: none;}
p.linkuriJos a:hover {color: #6092b9; text-decoration: underline;}
p.linkuriJos span {padding: 0px 6px;}

p.extraInfo {margin: 10px 0px 0px 0px; padding: 0px; width: 715px;}
p.extraInfo a {color: #8f8e8e;}
p.extraInfo a:hover {color: #6092b9;}





/* ------ ELEMENTE FORMULAR ------ */
input.campCautare {margin: 0px; padding: 6px 5px 6px 8px; width: 140px; border: none; background: url(../images/backgrounds/input_cautare.gif) no-repeat 0px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
input.butonCautare {margin: 0px; padding: 0px; vertical-align: top;}

input.campNewsletter {margin: 16px 0px 0px 0px; padding: 6px 5px 6px 8px; width: 120px; border: none; background: url(../images/backgrounds/input_newsletter.gif) no-repeat 0px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
input.butonNewsletter {margin: 16px 0px 0px 0px; padding: 0px; vertical-align: top;}

select.filtreArticole {margin: 0px 18px 0px 3px; padding: 1px; width: 90px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #888888;}

input.formular01 {margin: 0px; padding: 2px 2px; width: 230px; border: 1px solid #ced7dd; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
textarea.formular01 {margin: 0px; padding: 2px 2px; width: 380px; height: 80px; border: 1px solid #ced7dd; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; height: 22px; border: 1px solid #ced7dd; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;  color: #6b6a60;}
input.formular01Box {vertical-align: -2px;}
input.formular01Radio {vertical-align: -3px;}





/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 32px 0px 16px 0px; padding: 0px; width: 100%; background-color: #FFFFFF;}
table.tabelSpecificatii th {padding: 12px 5px 13px 5px; text-align: left; color: #2f2c1d; font-size: 18px; font-weight: normal; border: 1px solid #f3f2ee;}
table.tabelSpecificatii td {padding: 3px 6px; background-color: #e9eef1;}

/* ------ galeria foto ------ */
div.galeriaFoto {margin: 14px 0px 10px 0px; width: 100%; overflow: hidden; clear: both; position: relative;}
div.cutieGalerie {margin: 4px 10px 4px 0px; width: 170px; overflow: hidden; float: left; border: 1px solid #e9e9e9; background-color: #FFFFFF;}
div.cutieGalerie div.sus {padding: 4px 4px 7px 4px; border-bottom: 1px solid #ffffff;}
div.cutieGalerie h3 {margin: 0px 0px 12px -1px; font-size: 18px; color: #090f13; line-height: 22px;}
div.cutieGalerie h5 {margin: -13px 0px 12px 0px; font-size: 11px; font-weight: bold;}
div.cutieGalerie img.pozaGalerie {width: 155px; padding: 1px; border: 1px solid #e6e6e6; background-color: #ffffff;}