body {margin: 0px; background-image: url(../img/bg.png); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9B6F2B; background-color: #2A0504; behavior:url("resurse/css/hover.htc");}

html {overflow-x: hidden; overflow-y: auto} 



/*======= clearfix =======*/

div {display: block}

div:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;}

* html div {height: 1%;}

/*======= clearfix =======*/



/*======= generale =======*/

a {color: #9C4F1B; font-weight: bold; text-decoration: none}

a:hover {text-decoration: underline}

a img {border: none}

form {margin: 0px; padding: 0px}

p {padding: 7px 0px 7px 0px; margin: 0px auto; clear: both}

ul {margin: 0px; padding: 0px}

li {padding: 0px;}

form {display: block; margin: 0px; padding: 0px}

input,textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9B6F2B}

textarea {overflow: auto}



h2 {margin: 5px 0px 5px 0px; padding: 0px; font-size: 15px; font-family: "Times New Roman", Times, serif;}

h3 {margin: 5px 0px 5px 0px; padding: 0px; font-size: 14px; font-family: "Times New Roman", Times, serif;}
h4 {margin: 5px 0px 5px 0px; padding: 0px; font-size: 13px; font-family: Arial}



.stg {float: left; clear: none}

.dr {float: right; clear: none}

/*======= generale =======*/



/*======= meniu newsletter & termeni si conditii ========*/

#meniu-newsletter-termeni {display: block; margin: 0px 0px 0px 850px; height: auto; padding: 0px 70px 0px 0px}

#meniu-newsletter-termeni div {float: left; clear: none; margin: 3px 7px 0px 0px; height: 20px}

#meniu-newsletter-termeni div a {float: left; clear: none; height: 17px; margin: 0px; padding: 3px 9px 0px 9px; color: #ECE9D8; font-weight: normal}



#meniu-newsletter-termeni div:hover {float: left; clear: none; margin: 3px 7px 0px 0px; background-color: #B88233; background-image: url(../img/casuta-maro-colt-dr.gif); background-position: right; background-repeat: no-repeat; height: 20px}

#meniu-newsletter-termeni div:hover a {float: left; clear: none; background-image: url(../img/casuta-maro-colt-stg.gif); background-position: left; background-repeat: no-repeat; height: 17px; margin: 0px; padding: 3px 9px 0px 9px; color: #FFFFFF; text-decoration: none}

/*======= meniu newsletter & termeni si conditii ========*/





#centrare {position: absolute; left: 50%; top: 20px; margin-left: -525px; width: 1050px; height: auto; z-index: 1}

#header {margin: 0px}

#continut {margin: 0px 0px 0px 72px; background-image: url(../img/bg-continut.jpg); background-repeat: repeat-y; width: 829px; height: auto; padding: 0px 40px 20px 40px}

#continut .stg {position: relative; top: -95px; float: left; clear: none; width: 200px; height: auto; background-image:url(../img/bg-linie-coloana-stg.png) ; background-repeat: no-repeat; background-position: right 85px}



/*========== cos header ==========*/

#continut .stg #cos-header {display: block; clear: both; color: #FFFFFF; font-weight: bold; margin: 0px 0px 60px 0px; height: 35px}

#continut .stg #cos-header a {color: #FFFFFF}

#continut .stg #cos-header img {float: left; clear: none; margin: 3px 10px 0px 0px}

#continut .stg #cos-header span {float: left; clear: none; margin: 5px 5px 0px 0px;}

#continut .stg #cos-header span#pretTotal {display: inline-block; margin: 3px 0px 0px 10px; padding: 3px; background-image: url(../img/bg-total-cos.gif); background-repeat: no-repeat; width: 68px; height: 18px; text-align: center; color: #B57924; vertical-align: middle}

#continut .stg #cos-header span#pretTotal a {color: #B57924}



/*========== cos header ==========*/



/*========== categorii produse ==========*/

#continut .stg ul#categorii-produse {list-style: none; font-size: 13px; font-weight: bold; font-family: "Times New Roman", Times, serif; text-transform: uppercase; color: #9B6F2B}

#continut .stg ul#categorii-produse a {color: #9B6F2B}

#continut .stg ul#categorii-produse li {margin: 7px 0px 7px 0px; padding: 0px}

#continut .stg ul#categorii-produse ul {list-style: none; margin: 0px 0px 0px 15px; font-size: 12px; text-transform: none; font-weight: normal; font-family: Arial; color: #9B6F2B}

#continut .stg ul#categorii-produse ul li {margin: 4px 0px 4px 0px}

#continut .stg ul#categorii-produse ul li a {font-weight: normal}

/*========== categorii produse ==========*/



#continut .dr {float: right; clear: none; padding: 0px 0px 0px 0px; width: 575px; height: auto}





#footer {margin: 0px 0px 0px 58px; width: 932px; height: auto; padding: 75px 0px 20px 0px; text-align: center; color: #E7D796; background-image: url(../img/bg-footer.gif); background-repeat: no-repeat}

#footer .categorii-produse a {margin: 0px 15px 0px 15px; color: #E7D796; text-transform: capitalize}

#footer .sectiuni-site {margin: 15px 0px 0px 0px}

#footer .sectiuni-site a {margin: 0px 15px 0px 15px; color: #E0C876}

#footer a#wart {display: block; margin: 10px 0px 0px 0px; text-align: center}




/*========== titlu pagina ==========*/

h1 {margin: 0px 0px 15px 0px; padding: 0px; font-size: 17px; font-weight: bold; font-family: "Times New Roman", Times, serif; text-transform: capitalize}

/*========== titlu pagina ==========*/





/*========== autentificare ==========*/

#autentificare {margin: 25px 0px 0px 0px}

#autentificare h3 {text-align: right; margin: 0px 28px 10px 0px; color: #BE9D58}

#autentificare input#emailAutentificare {border: none; background-color: transparent; background-image: url(../img/bg-input-utilizator.gif); margin: 0px; width: 150px; height: 17px; padding: 3px 10px 2px 10px;}

#autentificare input#parolaAutentificare {float: left; clear: none; border: none; background-color: transparent; background-image: url(../img/bg-input-parola-sau-newsletter.gif); margin: 3px 0px 0px 0px; width: 108px; height: 17px; padding: 3px 10px 2px 10px;}

#autentificare #buton-inregistrare {display: block; clear: both; margin: 7px 0px 0px 0px}

#autentificare div a.buton {display: inline-block; float: left; clear: none; margin: 3px 0px 0px 0px; width: 42px}



#autentificat {margin: 25px 0px 0px 0px}

#autentificat ul {list-style: none; margin: 0px 0px 0px 20px}

/*========== autentificare ==========*/



/*========== newsletter ==========*/

#newsletter {margin: 25px 0px 0px 0px}

#newsletter h3 {text-align: right; margin: 0px 28px 10px 0px; color: #BE9D58}

#newsletter input#emailNewsletter {float: left; clear: none; border: none; background-color: transparent; background-image: url(../img/bg-input-parola-sau-newsletter.gif); margin: 3px 0px 0px 0px; width: 108px; height: 17px; padding: 3px 10px 2px 10px;}

#newsletter div a.buton {display: inline-block; float: left; clear: none; margin: 3px 0px 0px 0px; width: 42px}



#abonare-newsletter-rezultat {font-style: italic}

#abonare-newsletter-rezultat p {margin: 0px; width: 180px; padding: 5px 0px 0px 0px}

/*========== autentificare ==========*/





p.mesaj {background-color: #F3E7B4; border: 1px solid #9B6F2B; width: 500px; padding: 25px; margin: 15px 0px 15px 0px}





/*========== cont / contact ==========*/

#cont, #contact {margin: 25px 0px 20px 5px}

#cont input,#contact input {float: left; clear: none; width: 150px; height: 17px; padding: 3px 10px 2px 10px; background-image: url(../img/bg-input.gif); background-repeat: no-repeat; background-attachment: fixed; border: none; background-color: transparent; font-size: 11px}

#cont input#numeI[id],#cont input#prenumeI[id],#cont input#emailI[id],#cont input#emailVerificareI[id],#cont textarea#adresaI[id],#cont input#telefonI[id],#cont input#localitateI[id],#cont input#parolaI[id],#contact input#numeI[id],#contact input#prenumeI[id],#contact input#emailI[id],#contact input#telefonI[id],#contact textarea#mesajI[id] {background-attachment: scroll}



#cont textarea, #contact textarea {float: left; clear: none; width: 430px; height: 38px; padding: 2px 0px 2px 10px; background-image: url(../img/bg-textarea.gif); background-repeat: no-repeat; background-attachment: fixed; border: none; background-color: transparent; overflow: auto; font-size: 11px}







#cont label, #contact label {float: left; clear: none; width: 70px; height: 17px; padding: 3px 5px 2px 5px; text-align: right; margin: 0px 10px 0px 10px; background-image: url(../img/bg-label.gif); background-repeat: no-repeat; color: #ffffff}



#cont div, #contact div {padding: 0px 0px 10px 0px; min-height: 22px;}

#cont a, #contact a {display: block; margin: 15px 40px 0px 0px; text-align: right}

/*========== cont / contact ==========*/





/*========== produse ============*/

#produse {padding: 0px 0px 0px 15px}

#produse div {float: left; clear: none; padding: 0px; width: 129px; height: 210px; margin: 15px 70px 15px 0px}

#produse div.ultimul {float: left; clear: none; width: 129px; height: 210px; margin: 15px 0px 15px 0px}

#produse div img , #produse div.ultimul img {display: block; margin: 10px 0px 10px 0px}



#produse div p , #produse div.ultimul p {height: 30px; overflow: hidden; padding: 0px; margin: 5px 0px 10px 0px}

#produse div .rand-pret , #produse div.ultimul .rand-pret {margin: 0px; height: auto; font-weight: bold}

#produse div .rand-pret a img, #produse div.ultimul .rand-pret a img {float: left; clear: none; margin: 0px 0px 0px 0px}

#produse div .rand-pret div , #produse div.ultimul .rand-pret div {float: left; clear: none; margin: 0px 0px 0px 2px; float: left; clear: none; width: 95px; height: 17px; padding: 3px 0px 0px 0px; background-image: url(../img/bg-pret.gif); background-repeat: no-repeat; color: #FFFFFF; text-align: center}

/*========== produse ============*/





/*========== paginare ============*/

#paginare {margin: 20px 0px 20px 0px; width: 550px; text-align: right}

#paginare a {display: inline-block; width: 7px; height: 15px; padding: 3px 9px 3px 9px; text-align: center; font-weight: bold; margin: 0px 2px 0px 2px}

#paginare a.activ, #paginare a:hover {display: inline-block; width: 7px; height: 15px; padding: 3px 9px 3px 9px; background-image: url(../img/bg-paginare-activ.gif); background-repeat: no-repeat; text-align: center; font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0px 2px 0px 2px}

/*========== paginare ============*/





/*========== continut cos ============*/

#continutCos div.alternant-1 {margin: 3px 0px 3px 0px; width: 500px; height: auto; padding: 15px 25px 15px 25px; background-color: #F3E7B4; border: 1px solid #9B6F2B;}

#continutCos div.alternant-2 {margin: 3px 0px 3px 0px; width: 500px; height: auto; padding: 15px 25px 15px 25px; background-color: #D6AE3C; border: 1px solid #9B6F2B;}



#continutCos div.alternant-2 {color: #FFFFFF}

#continutCos div.alternant-2 a {color: #FFFFFF}



#continutCos .titlu {float: left; clear: none; width: 180px}

#continutCos .titlu a {display: block; font-weight: bold; margin: 3px 0px 0px 0px}

#continutCos .pret {float: left; clear: none; margin: 0px 35px 0px 35px; width: 95px; height: 17px; padding: 3px 0px 0px 0px; text-align: center; background-image: url(../img/bg-pret.gif); background-repeat: no-repeat; color: #FFFFFF; font-weight: bold}



#continutCos .cantitate {float: left; clear: none; margin: 0px 35px 0px 0px; width: 90px}

#continutCos .cantitate input {margin: 0px 0px 0px 7px; width: 11px; height: 16px; padding: 2px 7px 2px 7px; background-color: transparent; border: none; background-image: url(../img/bg-casuta-input-cantitate.gif); background-repeat: no-repeat; text-align: center; font-size: 11px}



#continutCos .sterge {float: left; clear: none; margin: 0px 0px 0px 0px}



#continutCos .butoane {margin: 25px 0px 25px 0px; width: 550px}

#continutCos .butoane .stg {top: 0px; width: 150px;}

#continutCos .butoane .dr {margin: 0px 0px 0px 0px; width: 350px; text-align: right}



#continutCos .butoane .dr .total {float: left; clear: none; margin: 3px 0px 0px 0px; padding: 0px; font-weight: bold; width: 135px}

#continutCos .butoane .dr .total span {float: left; clear: none; margin: 2px 9px 0px 0px}

#continutCos .butoane .dr .total div {float: left; clear: none; width: 95px; height: 18px; padding: 2px 0px 0px 0px; background-image: url(../img/bg-pret.gif); background-repeat: no-repeat; text-align: center; color: #FFFFFF}

/*========== continut cos ============*/





#produs .imagine {float: left; clear: none; width: 300px}

#produs .dr {width: 255px}



#produs div {margin: 15px 0px 0px 0px}

#produs div div.pret {float: left; clear: none; width: 95px; height: 17px; padding: 3px 0px 0px 0px; text-align: center; background-image: url(../img/bg-pret.gif); background-repeat: no-repeat; color: #FFFFFF; font-weight: bold}

#produs div div.cantitate {float: left; clear: none; margin: 15px 0px 0px 10px}

#produs div div.cantitate label {float: left; clear: none; margin: 3px 10px 0px 0px; font-weight: bold}

#produs div div.cantitate input {float: left; clear: none; width: 11px; height: 16px; padding: 2px 7px 2px 7px; background-color: transparent; border: none; background-image: url(../img/bg-casuta-input-cantitate-produs.gif); background-repeat: no-repeat; text-align: center}



#produs div div.adauga-in-cos {margin: 15px 0px 0px 7px; float: left; clear: none}





#dateComanda {margin: 25px 0px 0px 0px}

#dateComanda a {display: block; float: right; clear: both; margin: 15px 0px 0px 0px}


#cc {margin: 25px 0px 0px 0px}
#cc img {margin: 0px 0px 0px 45px}
#cc h3 {text-align: right; margin: 25px 28px 10px 0px; color: #BE9D58}



#lista-imagini {margin: 20px 0px 0px 0px}
#lista-imagini a img {margin: 7px}


#noutati {margin: 25px 0px 0px 0px; height: auto}
#noutati h3 {text-align: right; margin: 0px 28px 10px 0px; color: #BE9D58}
#noutati p {text-align: right; margin: 5px 28px 5px 0px; padding: 0px}
#noutati h4 {text-align: right; margin: 0px 28px 10px 0px}