/*=========================================================================================================================*/ /* culori txt folosite */ /* body: #6B5676 /* txt total cos: #A78BA5 /* altele */ /* body are position: relative; z-index: 0, pentru a permite lui ff 2 sa afiseze elementele cu z-index negativ (default, ff 2 ascunde elementele cu z-index negativ in spatele lui body) /* unele elemente float au display: inline pentru a trece peste bug-ul ie6 de dublare a marginii corespondente cu float-ul /*=========================================================================================================================*/ body {position: relative; right: 0px; top: 0px; left: 0px; bottom: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6B5676; background-color: #EADEED; behavior:url("resurse/css/hover.htc"); z-index: 0} html {overflow-x: hidden; overflow-y: auto; cursor: default} /*=========================================================================================================================*/ /* clearfix */ /*=========================================================================================================================*/ div {display: block} div:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} *html div {height: 1%;} /*=========================================================================================================================*/ /* clearfix */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* taguri generale */ /*=========================================================================================================================*/ a {color: #9E2481; font-weight: bold; text-decoration: none; outline: none} a:hover {text-decoration: underline} a img {border: none; outline: none} form {margin: 0px; padding: 0px} input,select,textarea {font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px} textarea {overflow: auto} p {padding: 7px 0px 7px 0px; margin: 0px; clear: both} ul, ol {margin: 0px; padding: 0px} li {padding: 0px; margin: 5px 0px 0px 15px} /*=========================================================================================================================*/ /* taguri generale */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* bara cos + cautare */ /*=========================================================================================================================*/ #cos-si-cautare {margin: 0px; width: 100%; height: 40px; padding: 0px 0px 0px 0px; background-color: #C796C6; color: #FFFFFF} #cos-si-cautare div {width: 900px; margin: 0px auto 0px auto; padding: 0px} #cos-si-cautare div p#bun-venit {float: left; clear: none; width: 280px; padding: 11px 0px 0px 0px} #cos-si-cautare div div#cos-header {float: left; clear: none; width: 335px} #cos-si-cautare div div#cos-header img {float: left; clear: none; margin: 5px 10px 0px 0px} #cos-si-cautare div div#cos-header p {float: left; clear: none; padding: 11px 0px 0px 0px} #cos-si-cautare div div#cos-header p a {color: #FFFFFF; font-weight: normal} #cos-si-cautare div div#cos-header div {float: left; clear: none; width: 84px; height: 18px; padding: 3px 0px 0px 0px; text-align: center; background: no-repeat url(../img/bg-cos-pret-total.gif); margin: 9px 0px 0px 10px} #cos-si-cautare div div#cos-header div a {color: #A78BA5; font-weight: bold;} #cos-si-cautare div #cautare {float: right; clear: none; margin: 8px 3px 0px 0px; width: 169px;} #cos-si-cautare div #cautare input {float: left; clear: none; background-color: transparent; border: none; background-image: url(../img/cautare-input.gif); background-repeat: no-repeat; width: 119px; height: 21px; padding: 3px 5px 0px 5px; color: #9B539D} #cos-si-cautare div #cautare a {float: left; clear: none} /*=========================================================================================================================*/ /* bara cos + cautare */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* structura pagina */ /*=========================================================================================================================*/ /*======================== CASUTA CONTINUT SITE ========================*/ #casuta-continut-site {margin: 35px auto 20px auto; width: 900px; height: auto} #coloana-newsletter-meniu {float: left; clear: none; width: 250px; margin: 0px} #coloana-newsletter-meniu #sigla {margin: 0px 0px 33px 0px} #coloana-continut-pagini {float: left; clear: none; width: 620px; margin: 0px 0px 0px 30px} /*======================== HEADER ========================*/ #coloana-continut-pagini #header {width: 100%} #coloana-continut-pagini #header ol#meniu {position: relative; margin: 10px 0px 0px 0px; z-index: 1} #coloana-continut-pagini #header ol#meniu li {float: left; clear: none; margin: auto 25px 0px 0px; list-style: none; height: 28px} #coloana-continut-pagini #header ol#meniu li a {float: left; clear: none; padding: 7px 10px 6px 10px} #coloana-continut-pagini #header ol#meniu li:hover, #header ul#meniu li.curent {background-image: url(../img/meniu-bg-on-dr.gif); background-repeat: no-repeat; background-position: right top; background-color: #9B539D} #coloana-continut-pagini #header ol#meniu li:hover a, #header ul#meniu li:hover a:hover, #header ul#meniu li.curent a, #header ul#meniu li.curent a:hover {background-image: url(../img/meniu-bg-on-stg.gif); background-repeat: no-repeat; background-position: left top; color: #FFFFFF; text-decoration: none} #coloana-continut-pagini #header img {position: relative; top: -10px; z-index: -1; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: 151px} /*======================== HEADER ========================*/ /*======================== NEWSLETTER ========================*/ #newsletter {margin: 7px 0px 0px 0px} #newsletter label {float: left; clear: none} #newsletter input {float: left; clear: none; width: 150px; margin: 7px 0px 0px 0px; background-color: #F7F7F7; border: 1px solid #BC97C6; border-left: none; border-right: none; color: #C1C1C1} #newsletter a {float: left; clear: none; margin: 7px 0px 0px 0px} #actiuniNewsletter {position: relative; top: -10px; float: none; clear: both; padding: 0px 0px 0px 25px} #actiuniNewsletter a {font-weight: normal} #actiuniNewsletter a:hover {text-decoration: none} #actiuniNewsletter div {float: left; clear: none; margin: 0px 17px 0px 0px} #actiuniNewsletter input {display: none} #actiuniNewsletter div a img {margin: 3px 7px 0px 0px} /*======================== NEWSLETTER ========================*/ /*======================== MENIU CATEGORII ========================*/ ol#meniu-categorii {float: none; clear: both; margin: 10px 0px 0px 0px; padding: 0px; list-style: none} ol#meniu-categorii li {margin: 0px; display: block; clear: both; float: none} ol#meniu-categorii li a {display: block; width: 240px; padding: 10px 5px 10px 5px; border-bottom: 1px dashed #CCB0D4; font-weight: bold; color: #6B5676} ol#meniu-categorii li a:hover, ol#meniu-categorii li a.categorie-curenta {text-decoration: none; background-color: #DECBE2} ol#meniu-categorii li a span {position: relative; top: -14px; margin-bottom: -15px; float: right; clear: none; font-weight: normal; font-size: 10px; cursor: pointer} ol#meniu-categorii li ol {margin: 0px 0px 0px 15px; list-style: none} ol#meniu-categorii li ol li {margin: 0px} ol#meniu-categorii li ol li a {display: block; margin: 0px; padding: 5px 5px 5px 5px; width: 225px; font-weight: normal; border-bottom: 1px dashed #CCB0D4} ol#meniu-categorii li ol li a:hover, ol#meniu-categorii li ol li a.categorie-curenta {background-color: #E8DAEB} /*======================== MENIU CATEGORII ========================*/ #titlu {display: block; width: 100%; margin: 0px 0px 25px 0px} /*======================== CALE CATEGORIE CURENTA + TITLU PAGINA CURENTA ========================*/ #titlu #cale-categorie {list-style: none; text-transform: capitalize} #titlu #cale-categorie li {float: left; clear: none; display: inline; margin-left: 0px; margin-right: 5px; padding: 0px 10px 0px 0px; background-image: url(../img/bullet-lista.gif); background-repeat: no-repeat; background-position: right} #titlu #cale-categorie li a {font-weight: normal} h1 {float: left; clear: right; margin: 5px 0px 0px 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #9E2481; text-transform: capitalize} /*======================== CALE CATEGORIE CURENTA + TITLU PAGINA CURENTA ========================*/ /*======================== CASUTA PRODUS ========================*/ .casuta-produs {float: left; clear: none; padding: 0px 0px 25px 0px; margin: 0px; width: 167px; height: 217px; overflow: hidden} .casuta-produs h2 {font-size: 12px; font-weight: bold; margin: 7px 0px 7px 0px; padding: 0px; height: 17px; overflow: hidden} .casuta-produs h2 a {color: #6B5676} .casuta-produs p {margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; height: 30px; overflow: hidden} .casuta-produs p a {font-weight: normal; color: #6B5676} .casuta-produs a.cos img {float: left; clear: none} .casuta-produs span {float: left; clear: none; background-image: url(../img/bg-pret-produs.gif); background-repeat: no-repeat; width: 85px; height: 33px; padding: 9px 5px 5px 7px; color: #530238; font-weight: bold} .spatiere {float: left; clear: none; width: 55px; height: 10px; } /*======================== CASUTA PRODUS ========================*/ /*======================== PAGINARE ========================*/ #paginare {display: block; float: none; clear: both; margin: 0px; padding: 0px; text-align: right} #paginare a, #paginare a.activ, #paginare a:hover {display: inline-block; width: 7px; height: 15px; padding: 5px 9px 5px 9px; text-align: center; font-weight: bold; margin: 0px 2px 0px 2px} #paginare a.activ, #paginare a:hover {background-image: url(../img/bg-pagina-curenta.gif); background-repeat: no-repeat; text-decoration: none} /*======================== PAGINARE ========================*/ /*=========================================================================================================================*/ /* structura pagina */ /*=========================================================================================================================*/ #f-produs a img {float: left; clear: none} #f-produs p {margin: 0px 0px 10px 0px} #f-produs div.float-dr {width: 280px; display: inline; margin: 0px 5px 0px 0px} #f-produs div.float-dr #pret {float: left; clear: none; margin: 5px 0px 0px 0px; width: 75px; height: 20px; padding: 5px 5px 0px 5px; background-image: url(../img/bg-pret-produs-p.gif); background-repeat: no-repeat; font-weight: bold; color: #FFFFFF; text-align: center} #f-produs div.float-dr div.float-dr {width: 125px; margin: 0px 0px 0px 0px} #f-produs div.float-dr div.float-dr label {float: left; clear: none; font-weight: bold; margin: 8px 7px 0px 0px} #f-produs div.float-dr div.float-dr input#cantitateI {float: left; clear: none; width: 23px; height: 26px; padding: 9px 0px 0px 5px; background-image: url(../img/bg-cantitate-produs.gif); background-repeat: no-repeat; background-color: transparent; border: none; text-align: center} #imagini-produs {margin: 10px 0px 0px 0px} #imagini-produs a {float: left; clear: none; margin: 35px 0px 0px 0px} #f-contact, #f-cont {display: block; width: 100%} #f-contact div, #f-cont div {display: block; clear: both; float: none; width: 100%; margin: 10px 0px 10px 0px} #f-contact input,textarea, #f-cont input,textarea {float: left; clear: none; background-color: #E1D0E5; border: 1px solid #C58CBE; width: 195px} #f-contact textarea, #f-cont textarea {width: 497px; height: 50px} #f-contact label, #f-cont label {float: left; clear: none; margin: 0px 0px 0px 20px; background-image: url(../img/bg-label.gif); background-repeat: no-repeat; width: 65px; height: 18px;padding: 3px 5px 0px 5px; text-align: center; color: #FFFFFF; font-weight: bold} #f-contact a, #f-cont a {float: right; clear: both; margin: 0px 16px 10px 0px} #continutCos div.alternant-1 {margin: 3px 0px 3px 0px; width: 560px; height: auto; padding: 15px 25px 15px 25px; background-color: #E4D5E8; border: 1px solid #D2A9CE;} #continutCos div.alternant-2 {margin: 3px 0px 3px 0px; width: 560px; height: auto; padding: 15px 25px 15px 25px; background-color: #F0E8F2; border: 1px solid #D2A9CE;} #continutCos .titlu {float: left; clear: none; width: 250px} #comanda #continutCos .titlu {width: 300px} #continutCos .pret {float: left; clear: none; margin: 0px; width: 85px; height: 25px; padding: 5px 0px 0px 0px; text-align: center; background-image: url(../img/bg-pret-produs-p.gif); background-repeat: no-repeat; color: #FFFFFF; font-weight: bold} #continutCos .cantitate {float: left; clear: none; margin: 0px 0px 0px 45px; width: 100px} #continutCos .cantitate label {float: left; clear: none; font-weight: bold; margin: 8px 7px 0px 0px} #continutCos .cantitate input#cantitateI {float: left; clear: none; width: 20px; height: 22px; padding: 6px 5px 0px 5px; margin: 0px; background-image: url(../img/bg-cantitate-cos.gif); background-repeat: no-repeat; background-color: transparent; border: none; text-align: center} #continutCos .sterge {float: left; clear: none; margin: 0px 0px 0px 45px} #butoane-cos {margin: 25px 0px 25px 0px; width: 610px} #butoane-cos .float-stg {top: 0px; width: 150px;} #butoane-cos .float-dr {margin: 0px 0px 0px 0px; width: 375px; text-align: right} #comanda #butoane-cos .float-dr {width: 325px} #butoane-cos .float-dr .total {float: left; clear: none; margin: 0px 0px 0px 0px; padding: 0px; font-weight: bold; width: 135px} #butoane-cos .float-dr .total span {float: left; clear: none; margin: 7px 9px 0px 0px} #butoane-cos .float-dr .total div {float: left; clear: none; width: 85px; height: 25px; padding: 5px 0px 0px 0px; background-image: url(../img/bg-pret-produs-p.gif); background-repeat: no-repeat; text-align: center; color: #FFFFFF} #autentificare {margin: 25px 0px 0px 0px} #autentificare input {float: left; clear: none; width: 235px; margin: 4px 0px 0px 0px; background-color: #F7F7F7; border: 1px solid #BC97C6; color: #C1C1C1} #autentificare input#parolaAutentificare {width: 195px; border-right: none} #autentificare #buton-inregistrare {display: block; clear: both; margin: 7px 0px 0px 0px} #autentificare div a.buton {display: inline-block; float: left; clear: none; margin: 4px 0px 0px 0px; width: 42px} #autentificat {margin: 25px 0px 0px 0px} #autentificat ul {list-style: none; margin: 0px 0px 0px 0px} #autentificat ul li {background-image: url(../img/bullet-lista.gif); background-repeat: no-repeat; background-position: 0px 5px; padding: 0px 0px 0px 15px;} /*=========================================================================================================================*/ /* class-uri utile */ /*=========================================================================================================================*/ .ascuns {display: none} .float-stg {float: left; clear: none} .float-dr {float: right; clear: none} p.mesaj {display: block; float: none; padding: 25px; margin: 0px 5px 0px 0px; background-color: #DECBE2; border: 1px solid #B971AE} p.cerere-ajax {display: block; clear: both; float: none; padding: 0px; margin: 0px} /*=========================================================================================================================*/ /* class-uri utile */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* footer */ /*=========================================================================================================================*/ #footer {margin: 45px 0px 0px 0px; width: 100%; height: auto; padding: 25px 0px 25px 0px; background-color: #C796C6; color: #FFFFFF} #footer div {width: 890px; margin: 0px auto 0px auto;} #footer #meniu-footer {float: left; clear: none; width: 500px; margin: 0px; padding: 0px; list-style: none} #footer #meniu-footer li {float: left; clear: none; display: inline; margin: 0px 12px 5px 12px; padding: 0px} #footer #meniu-footer li.termeni {display: block; float: none; clear: both; margin: 0px 0px 0px 12px; font-style: italic; font-size: 11px} #footer #meniu-footer li a {color: #FFFFFF; font-weight: normal} #footer p {float: right; clear: none; padding: 0px} #footer p a {display: inline; padding: 0px; margin: 10px 0px 0px 0px; text-align: right} #footer #trafic {width: 890px; margin: 10px auto 0px auto; text-align: left; padding-left:12px;} #footer #bannerflash {width: 890px; margin: 10px auto 0px auto; text-align: left; padding-left:12px;} /*=========================================================================================================================*/ /* footer */ /*=========================================================================================================================*/