/* ------ STYLURI GENERALE ------ */
html {background-color: #cccccc;}
body {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 18px;}
div#content {margin: 0px auto; padding: 0px; width: 996px; overflow: hidden; clear: both; border: 2px solid #b4b4b4; border-top: none; background-color: #e7e7e7;}
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.container {margin: 0px auto; padding: 0px; width: 960px; position: relative; overflow: hidden;}
.cleaner {clear: both; height: 0px; display: block; overflow: hidden;}
a {color: #3c73a5; text-decoration: underline; outline: none;}
a:hover {color: #609ed8; text-decoration: underline;}
a.linkHP {color: #cc0000; text-decoration: none;}
a.linkHP:hover {color: #ff0000; text-decoration: underline;}
a.butonGri {padding: 6px 0px 7px 37px; font-size: 11px; font-weight: bold; color: #444444; text-decoration: none; text-shadow: 1px 1px 0px #fff; background-image: url(../images/butoane/buton_gri_stanga.png); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonGri span {padding: 6px 19px 7px 0px; background-image: url(../images/butoane/buton_gri_dreapta.png); background-repeat: no-repeat; background-position: right 0px;}
a.butonGri:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #043862; background-position: 0px -50px;}
a.butonGri:hover span {background-position: right -50px;}
a.butonInapoi {padding: 6px 0px 7px 37px; font-size: 11px; font-weight: bold; color: #444444; text-decoration: none; text-shadow: 1px 1px 0px #fff; background-image: url(../images/butoane/inapoi_stanga.png); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonInapoi span {padding: 6px 19px 7px 0px; background-image: url(../images/butoane/inapoi_dreapta.png); background-repeat: no-repeat; background-position: right 0px;}
a.butonInapoi:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #043862; background-position: 0px -50px;}
a.butonInapoi:hover span {background-position: right -50px;}
a.butonDemo {padding: 27px 0px 20px 14px; width: 185px; overflow: hidden; display: block; color: #fff; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 0px #386085; background-image: url(../images/butoane/demo.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonDemo:hover {text-shadow: 1px 1px 0px #872704; background-position: 0px -90px;}
/* ------ HEADER ------ */
div#header {margin: 0px auto; width: 960px; overflow: hidden; clear: both; position: relative; background: url(../images/backgrounds/bg_top.gif) no-repeat 0px 0px;}
div#header h1 {margin: 32px 0px 0px 0px; width: 145px; height: 21px; position: relative; text-indent: -20000px; background: url(../images/logo-charisma-nou.gif) no-repeat 0px 0px;}
div#header h1 a {width: 147px; height: 21px; display: block;}
div.cautareSus {padding: 35px 0px 19px 0px; float: right;}
div.meniuSecundar {padding: 38px 6px 0px 0px; float: right; font-size: 11px; color: #444444; text-shadow: 1px 1px 0px #f6f6f6;}
div.meniuSecundar img {margin: 0px; border: 1px solid #d9d9d9; vertical-align: -3px;}
div.meniuSecundar span {padding: 0px 9px;}
div.meniuSecundar a {color: #444444; text-decoration: none;}
div.meniuSecundar a:hover {color: #4e89c0; text-decoration: underline;}
div.meniuSus {margin: 0px; padding: 14px 0px 0px 0px; width: 960px; height: 33px; overflow: hidden; clear: both; background: url(../images/meniu_sus/bg_meniu_sus.gif) no-repeat 0px 0px;}
div.meniuSus a {margin-right: -3px; padding: 15px 0px 15px 0px; font-size: 14px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0px #252624; background-image: url(../images/meniu_sus/stari_meniu.gif); background-repeat: no-repeat; background-position: right 0px;}
div.meniuSus a:last-child {background-position: right 100px;}
div.meniuSus a.contUtilizator {margin: -14px 0px 0px 0px; padding: 9px 0px 15px 0px; display: block; float: right; font-size: 11px; line-height: 13px; background: url(../images/meniu_sus/bg_cont_st.gif) no-repeat 0px 0px;}
div.meniuSus a.activ {background-position: right -132px;}
div.meniuSus a em {padding: 15px 0px 15px 0px; font-style: normal; background-image: url(../images/meniu_sus/bg_primul.gif); background-repeat: no-repeat; background-position: 0px 100px;}
div.meniuSus a span {padding: 15px 71px 15px 13px;}
div.meniuSus a.activ span {background: url(../images/meniu_sus/sageata_activ.gif) no-repeat center top;}
div.meniuSus a.activ em {background-position: 0px -66px;}
div.meniuSus a.contUtilizator span {margin: -9px 0px 0px 0px; padding: 10px 0px 20px 0px; display: block; background: url(../images/meniu_sus/bg_cont_dr.gif) no-repeat right 0px;}
div.meniuSus a.contUtilizator strong {display: block; position: relative;}
div.meniuSus a.contUtilizator:hover {background-position: 0px 0px;}
div.meniuSus a.contUtilizator:hover strong {color: #96cbfc;}
/*
div.meniuSus a:hover {background-position: right -66px;}
div.meniuSus a:hover em {background-position: 0px 0px;}
*/
div.meniuSus a:hover em {background-position: 0px -66px;}
div.meniuSus a:hover {background-position: right -132px;}
/* ------ HEADLINE ------ */
div#headline {margin: 0px auto; padding: 0px 0px 6px 0px; clear: both; width: 960px; overflow: hidden; background: url(../images/backgrounds/bara_mica_hp.gif) no-repeat left bottom;}
div#headline div.bannerRoll {width: 637px; height: 250px; overflow: hidden; position: relative;}
div#headline div.bannerRoll a.rollInapoi {width: 30px; height: 28px; overflow: hidden; display: block; position: absolute; top: 208px; left: 23px; text-indent: -20000px; text-decoration: none; background: url(../images/butoane/slide_prev.png) no-repeat 0px 0px;}
div#headline div.bannerRoll a.rollInainte {width: 30px; height: 28px; overflow: hidden; display: block; position: absolute; top: 208px; left: 54px; text-indent: -20000px; text-decoration: none; background: url(../images/butoane/slide_next.png) no-repeat 0px 0px;}
div#headline div.treiBucati {margin: 0px 0px -3px 0px; width: 320px; overflow: hidden; float: right;}
div#headline div.treiBucati a {margin: 0px 0px 3px 0px; width: 320px; height: 81px; overflow: hidden; display: block; text-indent: -20000px; text-decoration: none; background-repeat: no-repeat; background-position: 0px 0px;}
/*
div#headline div.treiBucati a.experimentTB {background: url(../images/slide_dreapta/experimentati.png);}
div#headline div.treiBucati a.calendarTB {background: url(../images/slide_dreapta/calendar.png);}
div#headline div.treiBucati a.cursuriTB {background: url(../images/slide_dreapta/cursuri.png);}
div#headline div.treiBucati a:hover { background-position: 0px -91px;}
*/
/* ------ CONTINUT ------ */
div#continut {margin: 9px auto; width: 960px; position: relative; clear: both;}
/* ------ home page ------ */
div.pozCutii {width: 990px; overflow: hidden;}
div.cutieHP {margin: 0px 9px 0px 0px; padding: 18px 14px 0px 14px; width: 286px; overflow: hidden; float: left; background: url(../images/backgrounds/cutie_hp.gif) no-repeat 0px 0px;}
div.cutieHP h2 {margin: 0px; padding: 6px 0px 6px 49px; font-size: 22px; color: #242424; text-shadow: 1px 1px 0px #fff; line-height: 24px; background-repeat: no-repeat; background-position: 0px 0px;}
div.cutieHP h2.deCe {background-image: url(../images/icons/titlu_01.gif);}
div.cutieHP h2.film {background-image: url(../images/icons/titlu_02.gif);}
div.cutieHP h2.stiri {background-image: url(../images/icons/titlu_03.gif);}
div.cutieHP dl {margin: 0px 0px 20px 0px; padding: 0px; clear: both;}
div.cutieHP dl dt {padding: 15px 0px 7px 0px; font-size: 16px; font-weight: bold; color: #242424; text-shadow: 1px 1px 0px #fff; background: url(../images/backgrounds/linie_adancime.gif) repeat-x 0px 0px;}
div.cutieHP dl dt.mic {font-size: 12px;}
div.cutieHP dl dt:first-child {background: none;}
div.cutieHP dl dt a {color: #242424; text-decoration: none;}
div.cutieHP dl dt a:hover {color: #306698; text-decoration: none;}
div.cutieHP dl dd {margin: 0px 0px 15px 0px;}
p.textHP {margin: 15px 0px 22px 0px; padding: 0px;}
/* ------ STANGA ------ */
div#stanga {margin: 0px 10px 10px 0px; width: 721px; overflow: hidden; float: left;}
div.bannerRollInterior {margin: 0px 0px 10px 0px; width: 721px; height: 150px; overflow: hidden;}
div.bannerRollContact {margin: 0px 0px 10px 0px; overflow: hidden; text-align:center;}
div.bannerRollContact img {border:2px solid #ffffff;}
div.containerStanga { padding:0px 0px 0px 0px; background: url(../images/backgrounds/bg_interior_jos_1.gif) no-repeat left bottom; background-color: #F7F7F7;} /*#EFEFEF*/
div#stanga h2.titluPagina {margin: 0px 14px 20px 14px; padding: 3px 0px 3px 48px; font-size: 22px; color: #242424; text-shadow: 1px 1px 0px #fff; line-height: 30px; background: url(../images/icons/titlu_00.gif) no-repeat 0px 0px;}
div#stanga h3.titluPagina {margin: -24px 14px 10px 14px; padding: 3px 0px 3px 48px; font-size: 16px; font-weight:bold; color: #46739D; text-shadow: 1px 1px 0px #fff; line-height: 30px;}
div#stanga h3.galerie {margin: 10px 14px 10px 14px; padding: 3px 0px 3px 48px; font-size: 20px; color: #41423D; text-shadow: 1px 1px 0px #fff; line-height: 30px; background: url(../images/icons/titlu_galerie.gif) no-repeat 0px 0px;}
div#stanga h3.secondary {margin:10px 0px 10px 0px; padding-left:20px; font-size:20px; font-weight:bold; background: url(../images/icons/_sageata_01.gif) no-repeat 0px 2px;}
/* ------ cale site ------ */
div.caleSite {margin: 0px 0px 16px 0px; padding: 0px 14px 0px 14px; background: url(../images/backgrounds/bg_interior_sus_1.gif) no-repeat 0px 0px;}
div.caleSite p {margin: 0px; padding: 19px 0px 10px 23px; clear: both; line-height: 11px; font-size: 11px; color: #7f7f7f; background: url(../images/icons/acasa.gif) no-repeat 0px 18px;}
div.caleSite label {margin: -1px 0px 0px 0px; padding: 0px; display: block; float: right;}
div.caleSite a {color: #7f7f7f; text-decoration: none;}
div.caleSite a:hover {color: #609ed8; text-decoration: underline;}
div.caleSite img {margin: 0px; vertical-align: -2px;}
div.caleSite span {padding: 0px 8px;}
/* ------ doua cutii ------ */
div.douaCutii {margin: 24px 0px 0px 0px; overflow: hidden; clear: both;}
div.cutieMicaProdus {margin: 0px 2px 0px 14px; width: 338px; overflow: hidden; position: relative; float: left; background-color: #f7f7f7;}
div.fundalCutieMica {padding: 21px 16px 19px 97px; width: 225px; background: url(../images/backgrounds/cutie_mica_produs_sus_1.gif) no-repeat 0px 0px;}
div.cutieMicaProdus h3 {margin: 0px 0px 15px 0px; font-size: 18px; font-weight: bold; color: #242424; text-shadow: 1px 1px 0px #fff;}
div.cutieMicaProdus p.butonDetalii {margin: 12px 0px 0px 0px; padding: 7px 0px;}
div.cutieMicaProdus ul {margin: 0px; padding: 0px; list-style: none;}
div.cutieMicaProdus ul li {padding: 0px 0px 0px 23px; position: relative; background: url(../images/icons/sageata_01.gif) no-repeat 0px 3px;}
div.cutieMicaProdus div.cutia01 {width: 66px; height: 78px; overflow: hidden; text-indent: -20000px; position: absolute; top: 18px; left: 16px; background: url(../images/icons/de_ce.gif) no-repeat 0px 0px;}
div.cutieMicaProdus div.cutia02 {width: 66px; height: 78px; overflow: hidden; text-indent: -20000px; position: absolute; top: 18px; left: 16px; background: url(../images/icons/beneficii.gif) no-repeat 0px 0px;}
div.douaGalerii {margin: 24px 0px 0px 0px; overflow: hidden; clear: both;}
div.cutieMicaGalerie {margin: 0px 2px 0px 14px; width: 338px; overflow: hidden; position: relative; float: left; background: url(../images/backgrounds/cutie_mica_produs_jos.gif) no-repeat left bottom;}
div.fundalCutieMicaGalerie {padding: 21px 16px 19px 7px; background: url(../images/backgrounds/cutie_mica_produs_sus.gif) no-repeat 0px 0px;}
div.cutieMicaGalerie h3 {margin: 0px 0px 15px 0px; font-size: 18px; font-weight: bold; color: #242424; text-shadow: 1px 1px 0px #fff;}
div.cutieMicaGalerie p.butonDetalii {margin: 12px 0px 0px 0px; padding: 7px 0px;}
/* ------ core elements ------ */
div.coreElements {margin: 26px 0px; padding: 0px 30px 0px 30px; overflow: hidden; clear: both;}
div.coreElements h3 {margin: 0px; padding: 8px 0px 15px 40px; font-size: 18px; font-weight: bold; color: #242424; text-shadow: 1px 1px 0px #fff; background: url(../images/icons/1.gif) no-repeat 0px 0px;}
div.corePicture {padding: 30px 0px 10px 0px; text-align: center;}
/* ------ secondary elements ------ */
div.elementeSecundare {margin: 0px 0px 0px 14px; width :690px; overflow: hidden; clear: both; } /*background: url(../images/backgrounds/cutie_produs_jos.gif) no-repeat left bottom;*/
div.fundalSecundare {padding: 16px 16px 19px 16px;} /* background: url(../images/backgrounds/cutie_produs_sus.gif) no-repeat 0px 0px;*/
div.elementeSecundare h3 {margin: 0px; padding: 8px 0px 15px 40px; font-size: 18px; font-weight: bold; color: #242424; text-shadow: 1px 1px 0px #fff; background: url(../images/icons/2.gif) no-repeat 0px 0px;}
div.butoaneSecundareLeft {float:left;width:178px; height:170px; margin:0px 12px 0px 0px; overflow-y:auto; position:relative;}
div.butoaneSecundareLeftTop {margin:0px 12px 20px 0px;}
div.butoaneSecundareRight {border:1px solid #D5D5D5; padding:30px; margin-top:-3px; margin-left:2px;}
div.butoaneSecundareRight h4 {margin: 0px 0px 10px 0px; font-size: 14px; font-weight: bold; color: #46739D;}
div.butoaneSecundare {margin: 12px -2px 0px 0px; padding: 0px; clear: both; overflow: hidden;}
div.butoaneSecundare div.butoaneSecundareLeft a.triggerComponents{margin: 0px 9px 9px 0px; padding: 4px 2px 4px 23px; display: block; width: 130px; overflow: hidden; font-size: 11px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0px #5e5e5e; background-image: url(../images/butoane/module.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div.butoaneSecundare div.butoaneSecundareLeft a.triggerComponents:hover { background-position: 0px -35px;}
div.butoaneSecundare div.butoaneSecundareLeft a.activ { background-position: 0px -35px;}
div.butoaneSecundare div.butoaneSecundareLeftTop a.triggerComponents{float:left; margin: 0px 0px -2px 0px; padding: 6px 2px 6px 23px; display: block; width: 137px; overflow: hidden; font-size: 11px; color: #242424; text-decoration: none; text-shadow: 1px 1px 0px #fff; background-image: url(../images/butoane/module.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div.butoaneSecundare div.butoaneSecundareLeftTop a.triggerComponents:hover {color: #fff; text-shadow: 1px 1px 0px #4a78a2; background-position: 0px -41px;}
div.butoaneSecundare div.butoaneSecundareLeftTop a.activ {color: #fff; text-shadow: 1px 1px 0px #4a78a2; background-position: 0px -41px;}
/* ------ listing articole ------ */
div.listingArticole {margin: 0px 30px; clear: both; overflow: hidden; border-top:1px solid #D7D7D7;}
div.filtreArticole {margin: 0px 30px; clear: both; overflow: hidden;}
div.listingArticoleDetaliu {margin: 0px 30px; padding-bottom: 6px; clear: both; overflow: hidden; border-bottom: 1px solid #d7d7d7;}
div.articoleListing {margin: 10px 0px 10px 0px; padding: 20px 0px 10px 0px; overflow: hidden; clear: both; border-top: 1px solid #d7d7d7;}
div.articoleListing:first-child {border-top: none;}
div.articoleListing h3 {margin: 2px 0px 15px 0px; font-size: 16px; font-weight: bold; color: #242424;}
div.articoleListing h3.mic {margin: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #242424;}
div.articoleListing h3 a {color: #242424; text-decoration: none;}
div.articoleListing h3 a:hover {color: #3c73a5; text-decoration: underline;}
div.articoleListing h4 {margin: -10px 0px 15px 0px; font-size: 14px; font-weight: bold; color: #46739D;}
a.mergiSus {margin: 0px; padding: 0px 0px 0px 14px; display: block; font-size: 11px; float: right; background: url(../images/icons/sageata_sus.gif) no-repeat 0px 7px;}
a.veziDetalii {padding: 0px 0px 0px 14px; background: url(../images/icons/sageata_detalii.gif) no-repeat 0px 5px;}
table.pozaListing {margin: 0px 18px 0px 0px; width: 170px; height: 170px; overflow: hidden; float: left;}
table.pozaListing td {border: 1px solid #e4e4e4; text-align: center;}
p.veziDetaliiListing {margin: 12px 0px; padding: 0px;}
table.pozaDetaliu {margin: 15px 18px 5px 0px; width: 170px; height: 170px; overflow: hidden; float: left;}
table.pozaDetaliu td {border: 1px solid #e4e4e4; text-align: center;}
table.pozaListingMica {margin: 0px 18px 0px 0px; width: 75px; height: 75px; overflow: hidden; float: left;}
table.pozaListingMica td {border: 1px solid #e4e4e4; text-align: center;}
table.pozaListingMedie {margin: 0px 18px 0px 0px; width: 120px; height: 120px; overflow: hidden; float: left;}
table.pozaListingMedie td {border: 1px solid #e4e4e4; text-align: center;}
table.pozaTip1 {margin: 0px 18px 0px 0px; width: 170px; height: 170px; overflow: hidden; float: left;}
table.pozaTip1 td {border: 1px solid #e4e4e4; text-align: center;}
table.pozaTip2 {margin: 0px 18px 0px 0px; width: 140px; height: 140px; overflow: hidden; float: left;}
table.pozaTip2 td {border: 1px solid #e4e4e4; text-align: center;}
table.pozaTip3 {margin: 0px 18px 0px 0px; width: 120px; height: 120px; overflow: hidden; float: left;}
table.pozaTip3 td {border: 1px solid #e4e4e4; text-align: center;}
table.pozaTip4 {margin: 0px 18px 0px 0px; width: 90px; height: 90px; overflow: hidden; float: left;}
table.pozaTip4 td {border: 1px solid #e4e4e4; text-align: center;}
table.pozaTipClienti1 {margin: 0px 18px 0px 0px; width: 110px; height: 110px; overflow: hidden; float: left;}
table.pozaTipClienti1 td {border: 0px solid #e4e4e4; text-align: center;}
table.pozaTipClienti2 {margin: 0px 18px 0px 0px; width: 140px; height: 140px; overflow: hidden; float: left;}
table.pozaTipClienti2 td {border: 0px solid #e4e4e4; text-align: center;}
div.filtreListing {margin: 24px 0px 6px 0px; clear: both; overflow: hidden; border-top: 1px solid #ddd;}
div.bucataFiltre {padding: 22px 14px; font-size: 14px; border-bottom: 1px solid #ddd; background-color: #f3f3f3;}
div.rezultateFiltre {padding:12px 14px 14px 14px;border-bottom: 1px solid #ddd;}
div.rezultateFiltre strong {font-size: 20px; color: #3f6e99; letter-spacing: -1px; font-weight: normal;}
em.quote p{margin:0px; display:inline;}
span.blue {color:#4D8AC4;}
.lightblack {color:#242424;}
/* ------ DETALIU ARTICOL ------ */
div.detaliuArticol {margin: 20px 30px; clear: both; overflow: hidden;}
img.pozaDetaliu {margin: 0px 20px 0px 0px; border: 1px solid #dfdfdf; float: left;}
p.butonInapoi {margin: 24px 0px; padding: 8px 0px; overflow: hidden;}
div.detaliuArticol ul {margin: 18px 0px; padding: 0px; list-style: none; overflow: hidden;}
div.detaliuArticol ul li {margin: 0px; padding: 0px 0px 0px 16px; position: relative; background: url(../images/icons/Bullet.jpg) no-repeat 0px 4px;}
div.detaliuArticol ul li.sageata {margin: 0px; padding: 0px 0px 0px 23px; position: relative; background: url(../images/icons/_sageata_01.gif) no-repeat 0px 3px;}
div.detaliuArticol ul.secundar {margin: 10px 0px; padding: 0px; list-style: none; overflow: hidden;}
div.detaliuArticol ul.secundar li {margin: 0px; padding: 0px 0px 0px 13px; position: relative; background: url(../images/icons/sageata_detalii.gif) no-repeat 0px 7px;}
dl.fisiereDownload {margin: 28px 0px; overflow: hidden;}
dl.fisiereDownload dt {margin: 0px 0px 12px 0px; font-size: 20px; color: #272727;}
dl.fisiereDownload dd {margin: 0px; padding: 0px 0px 0px 23px; background: url(../images/icons/download.gif) no-repeat 0px 1px;}
table.special {margin: 32px 0px 10px 0px; padding: 0px; width: 100%; background-color: #FFFFFF; border: 1px solid #ddd;}
table.special th {padding: 12px 5px 13px 5px; text-align: left; color: #2f2c1d; font-size: 18px; font-weight: normal;}
table.special td {padding: 5px 8px; background-color: #f3f3f3;}
/* ------ DREAPTA ------ */
div#dreapta {margin: 0px; width: 229px; overflow: hidden; float: left;}
/* ------ meniu dreapta ------ */
div.meniuDreapta {margin: 0px 0px 10px 0px; background: url(../images/backgrounds/bg_meniu_dreapta_jos.gif) no-repeat left bottom;}
div.meniuDreapta dl {padding: 16px; width: 197px; background: url(../images/backgrounds/bg_meniu_dreapta_sus.gif) no-repeat 0px 0px;}
div.meniuDreapta dl dt {padding: 2px 0px 0px 0px; background: url(../images/backgrounds/linie_meniu_dreapta.gif) repeat-x 0px 0px;}
div.meniuDreapta dl dt:first-child {background-image: none;}
div.meniuDreapta dl dt a {padding: 3px 0px 4px 24px; display: block; color: #4f4e4e; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0px #fff; background-image: url(../images/icons/meniu_stanga.gif); background-repeat: no-repeat; background-position: 4px 6px;}
div.meniuDreapta dl dt a:hover {background-position: 4px -84px; background-color: #ebebeb;}
div.meniuDreapta dl dt a.activ {background-position: 4px -84px; background-color: #ebebeb;}
div.meniuDreapta dl dd a {padding: 0px 0px 2px 46px; display: block; color: #5d5d5d; text-decoration: none; background-image: url(../images/icons/sageata_submeniu.gif); background-repeat: no-repeat; background-position: 29px 5px;}
div.meniuDreapta dl dd a:hover {background-position: 29px -25px; background-color: #ebebeb;}
div.meniuDreapta dl dd a.activ {background-position: 29px -25px; background-color: #ebebeb;}
/* ------ cutie demo ------ */
div.cutieDemo {margin: 0px 0px 10px 0px; padding: 21px 15px 8px 15px; width: 199px; font-size: 11px; line-height: 16px; background: url(../images/backgrounds/bg_cutii_dreapta.gif) no-repeat 0px 0px;}
div.cutieDemo h3 {margin: 0px 0px 12px 0px; font-size: 18px; color: #242424; line-height: 22px; text-shadow: 1px 1px 0px #fff; letter-spacing: -1px;}
div.cutieDemo h3 em {color: #4d8ac4; font-style: normal;}
p.butonDemo {margin: -8px 0px 0px 0px; padding: 0px;}
/* ------ cutie referinte ------ */
div.cutieReferinte {margin: 0px 0px 10px 0px; padding: 15px 15px 4px 15px; width: 199px; font-size: 11px; line-height: 16px; background: url(../images/backgrounds/bg_cutii_dreapta.gif) no-repeat 0px 0px;}
div.cutieReferinte h3 {margin: 0px; padding: 5px 0px 3px 40px; font-size: 18px; color: #242424; line-height: 22px; text-shadow: 1px 1px 0px #fff; background: url(../images/icons/titlu_04.gif) no-repeat 0px 0px;}
dl.referinte dt {padding: 15px 0px 9px 0px; font-size: 12px; line-height: 18px; background: url(../images/backgrounds/linie_adancime_dreapta.gif) repeat-x 0px 0px;}
dl.referinte dt:first-child {background: none;}
dl.referinte dd {margin-bottom: 14px; line-height: 14px; text-shadow: 1px 1px 0px #fff;}
dl.referinte dd strong {color: #363636;}
/* ------ cutie newsletter ------ */
div.cutieNewsletter {margin: 0px 0px 10px 0px; padding: 15px 15px 0px 15px; width: 199px; font-size: 11px; line-height: 16px; background: url(../images/backgrounds/bg_cutii_dreapta.gif) no-repeat 0px 0px;}
div.cutieNewsletter h3 {margin: 0px 0px 12px 0px; padding: 5px 0px 3px 40px; font-size: 18px; color: #242424; line-height: 22px; text-shadow: 1px 1px 0px #fff; background: url(../images/icons/titlu_05.gif) no-repeat 0px 0px;}
/* ------ FOOTER ------ */
div#footer {margin: 0px auto 0px auto; padding: 19px 20px 20px 20px; width: 940px; overflow: hidden; clear: both; font-size: 11px; color: #404040; line-height: 20px;}
div#footer a {color: #404040; text-decoration: none;}/* font-weight: bold;*/
div#footer a:hover {color: #306698; text-decoration: underline;}
div#footer span {padding: 0px 7px; color: #7e7e7e;}
div.reteaSoc {margin: 0px; float: right; width:170px;}
div.reteaSoc a {margin: 0px 0px 0px 6px; width: 16px; height: 16px; overflow: hidden; display: block; float: right; text-indent: -20000px; background-repeat: no-repeat; background-position: 0px 0px;}
div.reteaSoc a.retea01 {background: url(../images/icons/retea_01.gif);}
div.reteaSoc a.retea02 {background: url(../images/icons/retea_02.gif);}
div.reteaSoc a.retea03 {background: url(../images/icons/retea_03.gif);}
div.reteaSoc a.retea04 {background: url(../images/icons/retea_04.gif);}
div.reteaSoc a.retea05 {background: url(../images/icons/retea_05.gif);}
div.reteaSoc a:hover {background-position: 0px -30px;}
/* ------ ELEMENTE FORMULAR ------ */
input.campCautare {margin: 0px; padding: 6px 8px 8px 8px; width: 191px; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; background: url(../images/backgrounds/bg_input.gif) no-repeat 0px 0px;}
input.butonCautare {margin: 0px 0px 0px 5px; padding: 0px; vertical-align: top;}
input.campNewsletter {margin: 0px; padding: 6px 8px 8px 8px; width: 98px; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background: url(../images/backgrounds/bg_input_newsletter.gif) no-repeat 0px 0px;}
input.butonNewsletter {margin: 0px 0px 0px 5px; padding: 0px; vertical-align: top;}
select.filtreListing {margin: 0px 4px 0px 10px; padding: 0px 0px 0px 3px; height: 21px; width: 180px; border: 1px solid #cac8c8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #757373;}
input.formular01 {margin: 0px; padding: 1px 2px; width: 250px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
textarea.formular01 {margin: 0px; padding: 2px 2px; width: 480px; height: 120px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
select.formular01 {margin: 0px; padding: 1px; width: 256px; height: 21px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
input.formular01Box {margin-right: 5px; vertical-align: -2px;}
input.formular02Box {margin-right: 5px; vertical-align: -3px;}
input.formular01Radio {margin-right: 5px; vertical-align: -3px;}
/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 0px; padding: 0px; width: 100%;}
table.tabelSpecificatii th {padding: 10px 7px 11px 0px; text-align: left; color: #2f2c1d; font-size: 12px;}
table.tabelSpecificatii td {padding: 3px 6px; border-bottom: 1px solid #ccc;}
div#sysMessage { border: 1px #C23E0C solid; -moz-border-radius: 10px; background-color: #FFFFFF; padding: 10px; margin: 0px 0px 20px 0px; text-align: left; }
div#sysMessage ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; }
div#sysMessage ul li { padding: 0px 0px 0px 17px; margin: 0px 0px 0px 10px; background-image: url('../images/icons/meniu_stanga_on.gif'); background-repeat: no-repeat; background-position: 0px 3px; }
div.galerieImagini {margin:0px 0px 0px 20px;}
div.galerieImagini div.galerie {margin:10px 40px 10px 13px; border:1px solid #CCCCCC; padding:10px 0px 10px 10px; -moz-border-radius: 10px; float:left; width:280px;}
table.pozaGalerie {margin: 10px 0px 0px 0px; width: 105px; height: 80px; overflow: hidden; float: left;}
table.pozaGalerie td {border: 1px solid #e4e4e4; text-align: center;}
div.clients {margin:10px 30px;}
/* ------ paginare ------ */
p.paginare {margin: 32px 0px 0px 0px; padding: 0px; color: #696969;}
p.paginare a.pagina {margin: 0px 0px 0px 2px; padding: 1px 5px 2px 6px; color: #F7F7F7; font-size: 14px; text-decoration: none; background-color: #5389BC;}
p.paginare a.paginaActiva {margin: 0px 0px 0px 2px; padding: 1px 5px 2px 6px; font-size: 14px; color: #ffffff; text-decoration: none; background-color: #242424;}
p.paginare a.pagina:hover {color: #ffffff; background-color: #BD3A0A;}
p.paginare span {padding: 0px 6px; color: #999999;}
span.linie {margin: 8px 0px 6px 0px; height: 2px; overflow: hidden; display: block; clear: both; border-bottom: 1px dotted #b0b0b0;}
/* info area */
div.filmHP img {margin-left:100px;margin-top:30px;}
div.filmHP div.info {
height:40px;
background:#000 url(images/h80.png) repeat-x;
opacity:0.7;
color:#fff;
margin-top:-20px;
text-align:left;
padding:5px 15px;
font-family:"bitstream vera sans","trebuchet ms";
font-size:12px;
border-top:1px solid #ccc;
margin-top:40px;
}
/* duration data inside info area */
div.filmHP div.info span {
color:#99FF99;
display:block;
font-weight:bold;
}
div.submenu {position:absolute; z-index: 90; background-color:#5D5F59; padding:4px; border:1px solid #C5C5C5;}
div.submenu h4{font-size:12px; color:#ffffff; background-color:#333333; padding:4px 4px 4px 8px; margin-bottom:5px; font-weight:bold;}
ul.menu {margin: 0px; padding: 0px; list-style: none; display: block; z-index: 90;width:200px; clear:both;}
ul.menu li {padding:3px 0px 3px 24px;margin:0px;list-style-type: none; white-space:nowrap; background-image: url(../images/icons/meniu_header.gif); background-repeat: no-repeat; background-position: 4px 6px;}
ul.menu li:hover {background-color:#B4B4B4;}
ul.menu li.activ {background-color:#B4B4B4;}
ul.menu li.first {border-top:0px;}
ul.menu li a {color:#ffffff; text-decoration:none; display:block; font-size:11px;}
ul.menu li a.small {color:#ffffff; text-decoration:none; display:block; font-size:11px;}