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

html {overflow-x: hidden; overflow-y: auto} 
* body {cursor: default} 

/*======= clearfix =======*/
div:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;}
* html div {height: 1%;}
div {display: inline-block}
div {display: block}
/*======= clearfix =======*/


/*======= generale =======*/
a {color: #54830E; 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 0px 0px 30px; padding: 0px}
input,textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px}
textarea {overflow: auto}
fieldset {margin: 5px 0px 5px 0px; padding: 0px; border: none; background: none}

.stg {float: left; clear: none; width: auto}
.dr {float: right; clear: none; width: auto}
/*======= generale =======*/


#centrare {margin: 0px auto 0px auto; width: 870px; height: auto}


/*======= meniu termeni si conditii & contact ========*/
div#meniu-termeni-contact {float: right; clear: both; margin: 0px; width: 157px; height: 17px; background-image: url(../img/bg-meniu-termeni-contact.gif); background-repeat: no-repeat; padding: 4px 10px 4px 10px; text-align: center}
#meniu-termeni-contact a {font-size: 11px; color: #8EB5CC; font-weight: normal; margin: 0px 5px 0px 5px}
/*======= meniu termeni si conditii & contact ========*/



div#coloana-stg {float: left; clear: none; width: 195px}
	#coloana-stg #categorii {position: relative; margin: 155px 0px 0px 0px; text-align: right; width: 180px; padding: 3px 15px 0px 0px; z-index: 1}
	#coloana-stg #categorii a {display: block; margin: 5px 0px 5px 0px}
div#coloana-dr {float: right; clear: none; width: 650px}
	#coloana-dr #header {position: relative; margin-left: -93px; margin-right: -65px; z-index: 0}
	#coloana-dr #cos {position: relative; top: -55px; left: 47px; padding: 0px 0px 0px 0px; height: 25px; color: #96AD45}
	#coloana-dr #cos img {float: left; clear: none; margin: 5px 10px 0px 0px}
	#coloana-dr #cos p {float: left; clear: none; margin: 5px 0px; padding: 0px}

/*========== casuta colturi rotunjite ==========*/
.casuta-colturi-rotunjite-verde-deschis {float: left; clear: none; margin: 3px 0px 0px 7px; background-color: #EFF3E0; background-image: url(../img/casuta-verde-deschis-dr.gif); background-position: right; background-repeat: no-repeat; height: 21px; font-weight: bold}
.casuta-colturi-rotunjite-verde-deschis div {float: left; clear: none; background-image: url(../img/casuta-verde-deschis-stg.gif); background-position: left; background-repeat: no-repeat; height: 18px; margin: 0px; padding: 3px 9px 0px 9px}
/*========== casuta colturi rotunjite ==========*/


/*========== cautare ==========*/
#cautare {margin: 25px 0px 0px 0px;}
#cautare input {float: left; clear: none; margin: 0px; width: 152px; height: 17px; padding: 2px 7px 2px 7px; background-image: url(../img/casuta-input-cautare.gif); background-repeat: no-repeat; background-attachment: inherit; border: none; background-color: transparent; color: #B08913}
#cautare .buton {position: relative; float: left; clear: none; margin: -3px 0px 0px -5px}
/*========== cautare ==========*/


/*========== flori dupa tip ==========*/
#flori-dupa-tip {margin: 25px 0px 0px 0px; padding: 0px 12px 0px 0px}
#flori-dupa-tip div.titlu {margin: 0px 0px 20px 0px; text-align: right}

#flori-dupa-tip p {padding: 3px 0px 5px 0px; border-bottom: 1px dashed #E7EDD2; text-align: right; font-size: 10px; color: #D0DCA7}
#flori-dupa-tip p:hover {background-color: #F2F5E7}
#flori-dupa-tip p a {float: left; clear: none; font-weight: normal; font-size: 12px}
/*========== flori dupa tip ==========*/


/*========== newsletter ==========*/
#newsletter {margin: 25px 0px 0px 0px;}
#newsletter input {float: left; clear: none; margin: 0px; width: 152px; height: 17px; padding: 2px 7px 2px 7px; background-image: url(../img/casuta-input-newsletter.gif); background-repeat: no-repeat; background-attachment: inherit; border: none; background-color: transparent; color: #8BA240}
#newsletter .buton {position: relative; float: left; clear: none; margin: -3px 0px 0px -5px}
/*========== newsletter ==========*/


/*========== autentificare ==========*/
#autentificare {margin: 25px 0px 0px 0px}
#autentificare div.titlu {margin: 0px 0px 20px 0px; text-align: right; padding: 0px 12px 0px 0px}
#autentificare fieldset {position: relative; margin: 3px 0px 3px 0px; width: 171px; height: 17px; padding: 2px 7px 2px 7px; background-image: url(../img/casuta-input-verde.gif); background-repeat: no-repeat; background-attachment: inherit; z-index: 1}
#autentificare fieldset input {width: 174px; height: 21px; padding: 0px 7px 0px 7px; border: none; background-color: transparent; color: #8BA240}

#autentificare .buton {position: relative; float: right; clear: none; margin: -19px 5px 0px 0px; z-index: 2}
#autentificare .buton-inregistrare {position: relative; float: left; clear: none; margin: -4px 5px 0px 0px; z-index: 0}
#autentificare p {margin: 0px; padding: 3px 0px 3px 0px}
/*========== autentificare ==========*/



#continut {margin: 0px 0px 0px 10px}


/*========== titlu pagina ==========*/
h1 {margin: 0px 0px 25px 0px; padding: 0px; font-size: 12px}
/*========== titlu pagina ==========*/


/*========== submeniu produse ==========*/
#submeniu {margin: -10px 0px 25px 0px; padding: 0px 0px 20px 0px; color: #768936; border-bottom: 1px dashed #DEE7C2}
#submeniu a {margin: 0px 25px 0px 0px; padding: 0px; font-weight: normal}

#submeniu div {float: left; clear: none; margin: 3px 7px 0px 0px; height: 21px}
#submeniu div a {float: left; clear: none; height: 18px; margin: 0px; padding: 3px 9px 0px 9px}

#submeniu div:hover , #submeniu .activ {float: left; clear: none; margin: 3px 7px 0px 0px; background-color: #FECD4E; background-image: url(../img/casuta-portocalie-dr.gif); background-position: right; background-repeat: no-repeat; height: 21px}
#submeniu div:hover a , #submeniu .activ a {float: left; clear: none; background-image: url(../img/casuta-portocalie-stg.gif); background-position: left; background-repeat: no-repeat; height: 18px; margin: 0px; padding: 3px 9px 0px 9px; color: #FFFFFF; text-decoration: none}
/*========== submeniu produse ==========*/



/*========== footer ==========*/
#footer {margin: 20px 0px 0px 0px; width: 100%; height: auto; padding: 60px 0px 30px 0px; background-image: url(../img/bg-footer.gif); background-repeat: repeat-x; background-color: #A3BB53;}
#footer div {margin: 0px auto 0px auto; color: #FFFFFF; width: 870px; height: auto}

#footer div p {float: left; clear: none;}
#footer div p span.categorii {display: block; margin: 0px 0px 5px 0px}
#footer div p span.sectiuni {display: block}
#footer div p span a {margin: 0px 15px 0px 0px; padding: 0px; color: #FFFFFF}
#footer div p span.sectiuni a {margin: 0px 10px 0px 0px; font-weight: normal}
#footer div div.copyright {float: right; clear: none; width: 320px; margin: 0px; padding: 0px; color: #FFFFFF; text-align: right;}
#footer div div.copyright p {float: none; clear: both; text-align: right}
#footer div div.copyright a {display: block; text-align: right}

#footer div div.wart {float: none; clear: both; display: block; text-align: right}
#footer div div.wart a {color:#FFF; font-weight:normal;}
/*========== footer ==========*/


p.mesaj {background-color: #EFF3E2; border: 1px solid #D2DEAB; padding: 25px; margin: 15px 0px 15px 0px}


/*========== rezultate interogari prin ajax ==========*/
#abonare-newsletter-rezultat p {padding: 10px 0px 0px 0px !important; margin: 0px !important; font-style: italic}
/*========== rezultate interogari prin ajax ==========*/


/*========== cont ==========*/
#cont {margin: 0px 0px 20px 0px}
#cont input {float: left; clear: none; width: 171px; height: 17px; padding: 2px 7px 2px 7px; background-image: url(../img/casuta-input-verde.gif); background-repeat: no-repeat; background-attachment: inherit; border: none; background-color: transparent; color: #8BA240; font-size: 11px}
#cont input#emailI,
#cont input#emailVerificareI {background: url(../img/casuta-input-verde-2.gif); width: 456px}
#cont textarea {float: left; clear: none; width: 456px; height: 37px; padding: 2px 7px 2px 7px; background-image: url(../img/casuta-textarea-verde.gif); background-repeat: no-repeat; background-attachment: inherit; border: none; background-color: transparent; color: #8BA240; overflow: auto; font-size: 11px}
#cont label {float: left; clear: none; width: 90px; text-align: right; margin: 3px 10px 0px 0px}

#cont div {padding: 0px 0px 10px 0px}
#cont a {display: block; margin: 15px 80px 0px 0px; text-align: right}
/*========== cont ==========*/



/*========== produse ============*/
#produse {padding: 0px 0px 0px 15px}
#produse div {float: left; clear: none; width: 137px; height: 220px; margin: 15px 24px 15px 0px}
#produse div.ultimul {float: left; clear: none; width: 137px; height: 220px; margin: 15px 0px 15px 0px}
#produse div img , #produse div.ultimul img {display: block; margin: 0px 0px 15px 5px}
#produse div a , #produse div.ultimul a {color: #F6787B}
#produse div p , #produse div.ultimul p {height: 15px; 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 p , #produse div.ultimul .rand-pret p {float: left; clear: none; margin: 3px 7px 0px 0px; padding: 0px}
#produse div .rand-pret div , #produse div.ultimul .rand-pret div {margin: 0px; float: left; clear: none; width: 70px; height: 18px; padding: 3px 0px 0px 0px; background-image: url(../img/bg-pret.gif); background-repeat: no-repeat; color: #FFFFFF; text-align: center}
#produse div .rand-pret img , #produse div.ultimul .rand-pret img {float: left; clear: none; margin: 2px 0px 0px 10px}
/*========== produse ============*/


/*========== paginare ============*/
#paginare {margin: 20px 0px 20px 0px; width: 100%; text-align: right}
#paginare a {display: inline-block; width: 7px; height: 15px; padding: 3px 9px 3px 9px; text-align: center; font-weight: bold}
#paginare a.activ {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}
/*========== paginare ============*/


/*========== continut cos ============*/
#continutCos div.alternant-1 {margin: 3px 0px 3px 0px; width: 580px; padding: 15px 25px 15px 25px; background-color: #EFF3E2; border: 1px solid #D2DEAB}
#continutCos div.alternant-2 {margin: 3px 0px 3px 0px; width: 580px; padding: 15px 25px 15px 25px; background-color: #ffffff; border: 1px solid #EDF1DC}
#continutCos .titlu-descriere {float: left; clear: none; width: 250px}
#continutCos .titlu-descriere a {display: block; font-weight: bold; margin: 3px 0px 0px 0px}
#continutCos .pret {float: left; clear: none; margin: 0px 45px 0px 40px; width: 70px; height: 18px; padding: 3px 0px 0px 0px; text-align: center; background-image: url(../img/bg-pret-cos.gif); background-repeat: no-repeat; color: #FFFFFF; font-weight: bold}

#continutCos .cantitate {float: left; clear: none; margin: 0px 35px 0px 0px; width: 100px}
#continutCos .cantitate input {margin: 0px 0px 0px 7px; width: 16px; height: 18px; padding: 2px 7px 2px 7px; background-color: transparent; border: none; background-image: url(../img/casuta-input-cantitate.gif); background-repeat: no-repeat; text-align: center}

#continutCos .sterge {float: left; clear: none; margin: 0px 0px 0px 0px}
#continutCos .butoane {margin: 25px 0px 25px 0px}
#continutCos .butoane .dr {margin: 5px 10px 0px 0px}
#continutCos .butoane .dr .total {display: inline; margin: 0px 72px 0px 0px}
#continutCos .butoane .dr .total p {float: left; clear: none; margin: 3px 5px 0px 0px; padding: 0px; font-weight: bold}
#continutCos .butoane .dr .total div {float: left; clear: none; width: 76px; height: 16px; padding: 3px 7px 2px 7px; background-image: url(../img/bg-cos-total.gif); background-repeat: no-repeat; color: #FFFFFF; font-weight: bold; text-align: center}
/*========== continut cos ============*/


#produs .imagine {float: left; clear: none; width: 300px}
#produs .dr {width: 315px}
#produs h2 {font-size: 12px; color: #F6787B; font-weight: bold; margin: 0px; padding: 0px}
#produs textarea {background-image: url(../img/casuta-textare-mesaj-produs.gif); background-repeat: no-repeat; background-color: transparent; border: none; width: 301px; height: 57px; padding: 2px 7px 2px 7px; }
#produs div {margin: 15px 0px 0px 0px}
#produs div div.pret {margin: 0px; float: left; clear: none; }
#produs div div.pret span {float: left; clear: none; margin: 3px 10px 0px 0px; font-weight: bold}
#produs div div.pret p {float: left; clear: none; width: 70px; height: 18px; 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: 0px 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: 16px; height: 18px; padding: 2px 7px 2px 7px; background-color: transparent; border: none; background-image: url(../img/casuta-input-cantitate-produs.gif); background-repeat: no-repeat; text-align: center}

#produs div div.adauga-in-cos {margin: 0px 0px 0px 3px; float: left; clear: none}
#imagine-mare {border: 3px solid #EFF3E2; margin: 50px 0px 0px 0px}

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


/*========== contact ==========*/
#contact {margin: 0px 0px 20px 0px}
#contact input {float: left; clear: none; width: 171px; height: 17px; padding: 2px 7px 2px 7px; background-image: url(../img/casuta-input-verde.gif); background-repeat: no-repeat; background-attachment: inherit; border: none; background-color: transparent; color: #8BA240; font-size: 11px}
#contact textarea {float: left; clear: none; width: 456px; height: 37px; padding: 2px 7px 2px 7px; background-image: url(../img/casuta-textarea-verde.gif); background-repeat: no-repeat; background-attachment: inherit; border: none; background-color: transparent; color: #8BA240; overflow: auto; font-size: 11px}
#contact label {float: left; clear: none; width: 90px; text-align: right; margin: 3px 10px 0px 0px}
#contact div {padding: 0px 0px 10px 0px}
#contact a {display: block; margin: 15px 80px 0px 0px; text-align: right}
p.date-contact {margin: 10px 0px 0px 55px}
p.date-contact br {margin: 10px 0px 10px 0px}
/*========== contact ==========*/