/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End CSS Reset*/

/* global styles */
html, body {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
body { 
    font: 62.5%/1.5em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
    color: #AAA;
    text-align: center; 
    margin: 0;
    padding: 0;
}

/* PNG transparency fix */
img, div { behavior: url(iepngfix.htc); }

.clear {
    clear: both !important;
    height: 0 !important;
    visibility: hidden !important;
    line-height: 0 !important;
    font-size: 1px !important;
}

.ascuns {
    display: none;
}
/* end global styles */

body.Ambele {
    background: #71ad3c url( './../img/site/bg_fade_site_neutru.jpg' ) repeat-x;
}
body.Baiat {
    background: #55D7F9 url( './../img/site/bg_fade_site_baiat.jpg' ) repeat-x 0 352px;
}
body.Fata {
    background: #FCBDF4 url( './../img/site/bg_fade_site_fata.jpg' ) repeat-x 0 352px;
}

#container {
    width: 	1330px;
    margin: 0 auto;
    position: relative;
}

body.Ambele .container_general {
    background: url( './../img/site/bg_schimb/general/sus_index_neutru.jpg' ) no-repeat;
}

body.Baiat .container_general {
    background: url( './../img/site/bg_schimb/general/sus_index_baiat.jpg' ) no-repeat;
}

body.Fata .container_general {
    background: url( './../img/site/bg_schimb/general/sus_index_fata.jpg' ) no-repeat;
}

body.Ambele .container_craciun {
    background: url( './../img/site/bg_schimb/craciun/sus_index_neutru.jpg' ) no-repeat;
}

body.Baiat .container_craciun {
    background: url( './../img/site/bg_schimb/craciun/sus_index_baiat.jpg' ) no-repeat;
}

body.Fata .container_craciun {
    background: url( './../img/site/bg_schimb/craciun/sus_index_fata.jpg' ) no-repeat;
}

body.Ambele .container_paste {
    background: url( './../img/site/bg_schimb/paste/sus_index_neutru.jpg' ) no-repeat;
}

body.Baiat .container_paste {
    background: url( './../img/site/bg_schimb/paste/sus_index_baiat.jpg' ) no-repeat;
}

body.Fata .container_paste {
    background: url( './../img/site/bg_schimb/paste/sus_index_fata.jpg' ) no-repeat;
}

a#sigla {
    display:block;
    height: 75px;
    margin:0 0 0 205px;
    width:395px;
    float: left;
    display: inline;
}
a#sigla span {
    text-indent: -9999px;
    display: block;
}

div#header {
    height: 265px;
}

div#banner_promo {
    float:left;
    height:203px;
    margin:30px 0 0 215px;
    width:540px;
    display: inline; 
    position: relative;
}

div.banner_tab {
    background-repeat: no-repeat;
    width: 540px;
    height: 203px;
    cursor:pointer;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    display: inline; 
}
div#banner_promo div.ascuns {
    display: none;
}
div.promo_place_holder {
    float: right;
    width: 220px;
    height: 63px;
}

div.banner_tab ul {
margin-left: 148px;
}

div.banner_tab li.titlu a {
color: #0096FE;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}
div.banner_tab li.titlu {
padding: 10px 0;
}

div.banner_tab li.descriere {
padding: 10px 0;
color: #fff;
font-size: 12px;
}

div.banner_tab li {
padding: 10px 0;
color: #8D0778;
font-size: 16px;
font-weight: bold;
}

div#log_meniu {
display:inline;
float:left;
height:203px;
margin:30px 0 0 38px;
width:330px;
}

div#log_meniu a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
font-weight: bold;
}

div#continut_cos {
color: #fff;
font-size: 12px;
text-transform: uppercase;
width:330px;
height: 42px;
font-weight: bold;
}
div#continut_cos a {
text-decoration: none;
}
div#continut_cos a img {
border: 0;
vertical-align: middle;
margin: -10px 3px 0 3px;
}
div#continut_cos span {
line-height: 40px;
vertical-align: middle;
}

#formular_logare {
position: relative;
width: 330px;
height: 48px;
}

#formular_logare div {
	float: left;
	margin-top: 5px;
/* 	background: transparent url(./../img/site/bg_login_input.png) left bottom no-repeat; */
/* 	width: 105px; */
/* 	height: 31px; */
	width: 110px;
/* 	height: 31px; */
}
#formular_logare input {
	border: 0;
 	background: transparent url(./../img/site/bg_login_input.png) left bottom no-repeat;
	width: 99px;
	height: 27px;
	margin: 5px;
	padding-top: 4px;
	padding-left: 5px;
/* 	color: #fff; */
/* 	background-color: transparent; */
  	color: white;
}

#formular_logare #btn_login {
	width: 104px;
	height: 42px;
	position: absolute;
	right: -5px;
	top: -2px;
}

#formular_logare span {
	font-size: 14px;
	line-height: 48px;
	vertical-align: middle;
	color: #ddd;
	text-transform: uppercase;
}

#formular_logare span.usermane {
	font-weight: bold;
}

div#linkuri_utile {
	width: 330px;
	height: 42px;
}

div#linkuri_utile a {
	float: left;
	width: 165px;
	text-align: center;
	height: 42px;
	font-size: 16px;
	line-height: 42px;
}

ul#meniu li {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	width: 165px;
	float: left;
}

div#stanga {
float: left;
display: inline;
width: 239px;
margin: 0 0 0 163px;
}

div#meniu_cautare {
	width: 239px;
	height: 245px;
}

div.meniu_cautare_general {
	background: url(./../img/site/bg_schimb/general/meniu_sus.png) no-repeat;
}

div.meniu_cautare_craciun {
	background: url(./../img/site/bg_schimb/craciun/meniu_sus.png) no-repeat;
}

div.meniu_cautare_paste {
	background: url(./../img/site/bg_schimb/paste/meniu_sus.png) no-repeat;
}

div#meniu_cautare label {
float: left;
color: #220726;
font-weight: bold;
font-size: 14px;
margin: 5px 0 0 45px;
}
div#meniu_cautare input, div#meniu_cautare select {
border:0;
float:left;
margin:5px 0 5px 50px;
width:145px;
}

div#meniu_cautare select {
width: 146px;
}

div#meniu_cautare input#btn_cauta {
width: 172px;
height: 40px;
margin-left: 37px;
}

div#meniu_categorii {
background: url(./../img/site/meniu_repeta_mijloc.png) repeat-y;
width: 239px;
text-align: left;
}

ul#meniuCategorii {
margin-left: 38px;
width: 172px;
}

ul#meniuCategorii a {
color: #AAA;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 16px;
padding-left: 28px;
background: url(./../img/site/bullet.jpg) no-repeat 15px 50%;
}

ul#meniuCategorii li.selectat {
background: url(./../img/site/bg_categorie_meniu_selectata.jpg) no-repeat 0 50%;
}
ul#meniuCategorii li.selectat a {
background-image: none;
color: #000;
}

div#top_produse {
	width: 239px;
	height: 363px;
	text-align: left;
}

div.top_produse_general {
	background: url(./../img/site/bg_schimb/general/meniu_jos_ciorap.png) no-repeat;
}

div.top_produse_craciun {
	background: url(./../img/site/bg_schimb/craciun/meniu_jos_ciorap.png) no-repeat;
}

div.top_produse_paste {
	background: url(./../img/site/bg_schimb/paste/meniu_jos_ciorap.png) no-repeat;
}

ol#lista_top_produse {
padding: 140px 0 0 55px;
list-style-type: decimal;
list-style-position: inside;
font-size: 12px;
font-weight: bold;
color: #fff;
width: 150px;
}
ol#lista_top_produse a {
color: #fff;
text-decoration: none;
}
ol#lista_top_produse a:hover {
text-decoration:underline;
}

div#continut {
	background: url(./../img/site/bg_produse_mijloc.png) repeat-y;
	float: left;
	display: inline;
	width: 747px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	text-align: left;
	font-size: 14px;
	color: #555;
}

div#text_content {
padding: 0 15px;
}

div#text_content h2 {
font-size: 18px;
padding: 20px 0;
}
div#text_content p, div#text_content dl {
padding: 5px 0;
}

div#text_content ul {
list-style-type: circle;
padding: 5px 0 5px 15px;
}
div#text_content dt {
padding: 10px 0;
font-style: italic;
}
div#text_content address {
font-style: none;
}

div#text_content a {
color: #71AD3C;
text-decoration: none;
font-weight: bold;
}

div#text_content form label {
float: left;
width: 150px;
margin-right: 20px;
}
div#text_content form input, div#text_content form textarea, div#text_content form select {
float: left;
width: 250px;
border: 1px solid #aaa;
}
div#text_content form div.input, div#text_content form div.submit, div#text_content form div.select {
clear: both;
padding: 5px;
margin: 5px 0;
float: left;
}
div#text_content form div.submit input {
margin-left: 170px;
}

div#text_content form div.error {
    background-color: #FEF3CC;
}

.error-message {
    color: #f00;
}

ul#optiuni_user {
    background-color: #F79A14;
    float: left;
    width: 738px;
}

ul#optiuni_user li {
    float: left;
    padding: 3px 10px;
    list-style-type: none;
}

ul#optiuni_user li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

ul#optiuni_user li a.selectat {
    color: black;
}

a#link_fetite {
    display:block;
    float:right;
    height:46px;
    margin:10px 0 0 0;
    width:179px;
}

a#link_baietei {
    display:block;
    float:right;
    height:46px;
    margin:10px 10px 0 0;
    width:179px;
}

a#link_fetite span, a#link_baietei span {
    display: block;
    text-indent: -9999px;
}

div#continut_header {
    background: url(./../img/site/banda_produse_sus.png) no-repeat;
    width: 747px;
    height: 56px;
    float: left;
    display: inline;
}

div.produse {
    width: 364px;
    height: 250px;
    background: url( './../img/site/bg_produs.jpg' ) no-repeat;
    float: left;
    position: relative;
    text-align: left;
}

div.produse div.logo_produs {
    float: left;
    padding: 15px;
    margin-right: 15px;
    height: 175px;
}

li.nume_produs a {
    color: #75176D;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

li.nume_produs {
    padding: 15px;
}

li.descriere_produs {
    color: #2D5C66;
    font-size: 14px;
}
li.pret_produs {
    font-size: 15px;
    font-weight: bold;
    color: #D92475;
}

a.link_comanda_produs {
    height:23px;
    left:165px;
    position:absolute;
    top:218px;
    width:192px;
}
a.link_comanda_produs span {
display: block;
text-indent: -9999px;
}

div#page_navi {
	padding: 15px;
	float: left;
	clear: both;
	width: 720px;
}

div#page_navi a {
	color: #71AD3C;
	text-decoration: none;
	font-weight: bold;
}


div#produs {
	background: url(./../img/site/bg_pag_produs_sus.jpg) no-repeat 10px 10px;
	width: 747px;
	height: 350px;
	text-align: left;
}

div#detalii_produs {
	min-height: 235px;
	height: auto !important;
	height: 235px;
}

div#detalii_produs ul {
width: 500px;
float: left;
width: 360px;
}

div#detalii_produs div#info_aditionale {
float: left;
margin-left: 30px;
padding-top: 30px;
}

div#detalii_produs div#info_aditionale a {
color: #71AD3C;
text-decoration: none;
font-weight: bold;
}

div#logo_produs {
	float: left;
	padding: 20px;
	margin-right: 15px;
}

ul#galerie_foto li {
	float: left;
	padding: 10px;
}
#produs_titlu {
	color: #75176D;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 0;
}
#produs_descriere {
	color: #2D5C66;
	font-size: 14px;
}

#produs_pret {
	font-size: 16px;
	font-weight: bold;
	color: #D92475;
}

div#alegere_cantitate {
	background: url(./../img/site/bg_selector_comanda.jpg) no-repeat;
	width: 556px;
	height: 105px;
	float: right;
	display: inline;
	margin: 0 22px 0 0;
	position: relative;
}

#StocMarimeId, #StocCuloareId, #StocCantitate, #pretTotal {
	position: absolute;
	top: 33px;
	height: 20px;
	border: 1px solid #220726;
}
#StocMarimeId {
	left: 100px;
	width: 60px;
}
#StocCuloareId {
	left: 190px;
	width: 132px;
}
#StocCantitate {
	left: 352px;
	width: 50px;
}
#pretTotal {
border:0 none;
color:#FFFFFF;
display:block;
font-size:16px;
font-weight:bold;
left:445px;
width:100px;
}

a#link_comanda {
	position: absolute;
	background: url(./../img/site/bt_comanda.jpg) no-repeat;
	left: 436px;
	top: 64px;
	width: 120px;
	height: 41px;
	display: block;
}
a#link_comanda:hover {
	background-position: -120px 0px;
}
a#link_comanda span {
	display: block;
	text-indent: -9999px;
}

h1#titlu_cos_cumparaturi {
	padding: 20px 0;
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	vertical-align: middle;
	color: #8D0778;
}

table.tabel_produse, div#text_content table {
	width: 650px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}
table.tabel_produse th, table.tabel_produse tr.total_produse td,  div#text_content tabel th  {
	font-size: 14px;
	background-color: #ddd;
	color: #000;
	padding: 5px;
}
table.tabel_produse td, div#text_content table td {
	color: #000;
	padding: 5px;
}
.submit_div {
	padding: 10px;
}
div#footer {
background: url('./../img/site/bg_produse_jos.png') no-repeat;
float: right;
margin-right: 181px;
width: 747px;
height: 59px;
display: inline;
}
div#footer a {
display:block;
float:right;
height:45px;
margin:6px 10px 0 0;
width:100px;
}
div#footer a span {
display: block;
text-indent: -9999px;
}

/* divul de alert */

/*div.divAlert {
    position: absolute;
    margin-left: 43%;
    width: 389px;
    height: 255px;
    background-image: url( './../img/site/produs/bk_caseta_mesaj.jpg' );
    background-repeat: no-repeat;
}

div.divAlert input {
    color: black;
    width: 152px;
    height: 25px;
	margin-left: 120px;
    background: transparent url( './../img/site/produs/bt_mare.gif' ) no-repeat;
    background-position: right;
}

div.divAlert p {
    display: block;
    margin-top: 40px;
    margin-bottom: 30px;
}*/

/* eof divul de alert */

/* produse recomandate */

div#produse_recomandate h2 {
background: transparent url('./../img/site/produse_recomandate.jpg') no-repeat;
height: 39px;
margin: 10px 5px;
}

div#produse_recomandate h2 span {
text-indent: -9999px;
display: block;
}

div#produse_recomandate ul {
width: 727px;
height: 244px;
background: transparent url('./../img/site/bg_produse_recomandate.jpg') no-repeat;
margin: 0 5px;
}

div#produse_recomandate li {
float:left;
margin: 11px;
}

div#produse_recomandate li a {
width: 155px;
height: 235px;
text-align: center;
display: block;
background: transparent url( './../img/site/vezi_detalii.jpg' ) no-repeat;
padding-top: 5px;
}



/* eof produse recomandate */


div#sitemap {
padding: 5px;
}

div#sitemap a, ul#harta_site a {
color: #71AD3C;
text-decoration: none;
font-weight: bold;
}

div#text_content table#tabel_masuri {
width: 400px;
float: left;
margin-left: 10px;
}

#imagine_masuri {
margin: 5px 15px;
}

div#text_content p#legenda_masuri {
float: left;
font-size: 10px;
}

ul#harta_site {
padding: 25px;
font-size: 16px;
}

.cake-debug{
	color: red;
}

/* erori */

select.form-error {
/*     color: red; */
}

/* eof erori */

/* form login */

form.login input, form.login textarea, form.login select, form.login label {
    float: left;
    width: 250px;
    border: 1px solid #aaa;
}

form.login label {
    border: none;
}

form.login div.input, form.login div.submit, form.login div.select {
    clear: both;
    padding: 5px;
    margin: 5px 0;
    float: left;
}

form.login div.submit input {
    margin-left: 170px;
}

form.login div.error {
    background-color: #FEF3CC;
}

.error-message {
    color: #f00;
}

/* eof form login */