/* 
CSS Magazinosaurus Rex
--------------------------------
(c) Kevin Software & Design srl

Acesta program este protejat de legislatia in vigoare. Magazinosaurus Rex
este marca inregistrata a Kevin Software & Design srl. Detalii pe www.ksd.ro.

ID-urile si clasele folosite in acest document au fost denumite cat mai sugestiv cu putinta.
De multe ori ele reprezinta un nume compus care exprima explicit elementul asupra caruia se 
aplica, de exemplu: 

li.nobullet = elementul lista fara bulet
.subcatprod = subcategorii de produse

etc.

Anumite elemente se definesc direct din codul paginilor

- celulele de tabel de pe pagina de index care contin superpromotiile > index.php liniile 90-105
- celulele de tabel care contin promotiile normale > index.php, subcategorii.php

 */

/* aici vin css-urile compuse */

.inline {
	display: inline;
}
/* aici incep css-urile particulare */

body {
	text-align: center;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 12px;
	background: white;
	margin:0px;
}
a {
	color: #CC6600;
	text-decoration: none;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
a:hover {
	color:#605e5c;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
table {
	font-size: 12px;
}
.linkGri{
	color:#585858;
}
/* Fieldseturile sunt acele chenaruri cu legenda in coltul din stanga sus.
Sunt folosite in functia de cautare, in lista subcategoriilor, in pagina de produs si in cos
 */
fieldset {
	border:0px;
}
fieldset fieldset {
	border: 1px solid #ddd;
}
/* Elementul "Legend" este titlul unui fieldset */
legend {
	font-weight: bold;
}
/* <div>-ul cu id pagina este cel care contine toate informatiile
Largimea lui defineste largimea layoutului.

*/
#pagina {
	max-width: 1005px;
	_width: 1000px; /* hack valabil pentru Internet Explorer 6 */
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: White;
	border: 0px solid #C68600;
}
li.nobull {
	list-style: none;
	margin: 0px;
}
#pagina2{
	border:2px solid #ccC;
	width:98%;
	text-align: left;
	margin: 0 auto;
	background: White;
}
/* aici incep elementele care compun headerul paginii */
#header {
	height: 210px;
	width: 984px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}
.divBanner{
	height: 210px;
	width: 984px;
}
.infoJos{
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border:#666666 0px solid;
	width:985px;
	height:60px;
	background-color:#fde3b8;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.infoJosMASC{
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	position:absolute;
	z-index:1;
	display:block;
	width:985px;
	height:60px;
}
.infoJosMASC .part1{
	padding:5px 5px 5px 15px;
	float:left;
	width:185px;
	height:50px;
	font-size:24px;
	line-height:22px;
	color:#9b5010;
	font-weight:bold;
}
.infoJosMASC .part2{
	padding:5px;
	float:left;
	width:560px;
	height:50px;
	color:#9b5010;
	font-weight:bold;
}
.infoJosMASC .part3{
	float:left;
	width:200px;
	height:50px;
	color:#572600;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
}
.infoJosMASC .part3 a{
	color:#572600;
	background-image:url(img/tema7/sageataSus.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding:0px 10px 0px 0px;
	display:block;
	width:190px;
	height:50px;
}
#divLogoLogin{
	height:70px;
	width:1005px;
}
	#logo {
		position:absolute;
		left: 5px;
		top: 0px;
		width: 536px;
		height: 56px;
		
	}
	#searchloginbox {
	background-repeat: no-repeat;
	}
	#searchloginbox a {
		color: #FF6600;
		font-weight: bold;
		text-decoration: underline;
	}
	#searchloginbox a:hover {
		color: Black;
		text-decoration: none;
	}
	.loginParUnu {
		position:absolute;
		top:3px;
		left:710px;
}
	.restLogin {
		position:absolute;
		top:18px;
		left:720px;
		}
		
	.inputloginsus {
	width: 170px;
	height: 15px;
	border: 1px solid #fbca8d;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: no-repeat;
}
	.inputloginjos {
	width: 159px;
	height: 15px;
	border: 1px solid #fbca8d;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: no-repeat;
}
	.loginbtn {
		width: 22px;
		height: 22px;
		position:absolute;
		border: 0px solid #EFE8D8;
		background: url(img/tema7/ok.gif);
		background-repeat:no-repeat;		
	}
	.joslogin {
		position:absolute;
		top:40px;
		left:710px;
	}
	p.cerparola {
	}

	#searchloginbox p {
		margin-right: 10px;
		margin-left: 10px;
		margin-top: 0px;
		text-align: left;
	}

	.formcautare {
	padding: 0px;
	margin: 0px;
	width: 250px;
	height:25px;
}

	.formcautare fieldset {
		border: 0px solid #000;
		_width: 150px;
		padding: 3px;
	}
	.formcautare legend {
		font-size: 13px;
	}
	.inputcautare{
		border:#888887 1px solid;
	}
	#dupalogin {
		position: absolute;
		left: 780px;
	}
	#dupalogin a {
		text-decoration: none;
	}
/* aici se termina elementele care compun headerul paginii */
	
/* aici incepe bara de navigare superioara */
	#navigaresus {
	width: 1005px;
	font-size: 14px;
	height: 40px;
	text-align:left;
/*	margin-left: 250px; 
	border: 1px solid #000;
*/}
   .linkCautareAv{
   		color:#9b5010;
		font-size:12px;
		padding-left:50px;
	}

	#navigaresus ul li a {
	color:#9b5010;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-decoration: Trebuchet MS;
	padding: 3px;
}
	#navigaresus ul li a:hover {
		color:#9b5010;
	}
	#navigaresus ul {
		margin: 0px;	
		padding: 0px;
		}
	#navigaresus ul .litopmeniu{
			list-style-type: none;
			text-align: left;
			display: inline;
		}
	#navigaresus ul .litopmeniuBorder{
			list-style-type: none;
			text-align: left;
			display: inline;
			background-image:url(img/tema7/bgLeftMeniuSus.jpg);
			background-repeat:no-repeat;
			background-position:center;
			width:10px;
			height:19px;
		}
		#navigaresus span {
		padding-left: 15px;
		padding-right: 15px;
		}


/* incepem definirea tabelului de continut
maincontent = numele tabelului
tdstanga = evident, celula din stanga, care contine meniul categoriilor
 */
#maincontent {
	width:1005px;
	background: White;
	border-top: 0px solid #ddd;
	margin-top: 15px;
}
	#tdstanga {
		width:230px;
		background: url(img/tema7/bg_stanga.gif);
		background-repeat: no-repeat;
	}
	#stanga {
	width: 230px;
	}

/* incepe meniul categoriilor, pe partea din dreapta
li.lh = Headline-urile (Produse, Branduri)
li.catprod = categoriile de produse
ul.subcatprod = listele de subcategorii
 */
 #stanga ul {
 	margin: 10px;
	padding: 0px;
 }
li.lh {
	font-weight: bold;
	color:#c16312;
	background: url(img/tema7/bg_lh.gif);
	height: 30px;
	text-align: left;
	line-height: 30px;
	padding-left: 30px;
	list-style-type: none;
}

li.catprod {
	list-style-type: none;
	margin-bottom: 0px;
	padding: 2px;
	text-align: left;
	background-image:url(img/tema7/meniu-left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:30px;
}
li.catprod a {
	color: #050200;
	text-decoration: none;
	font-size: 12px;
	display: block;
	padding-left:30px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}

li.catprod a:hover {
	color: #050200;
	text-decoration: none;
	padding-left:30px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 12px;
}

ul.subcatprod {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 1px;
	padding: 2px;
	padding-left: 5px;
}

ul.subcatprod li {
	border-bottom:#999999 1px dotted;
}

ul.subcatprod li a {
	color: #000033;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}

ul.subcatprod li a:hover {
	color: #FF6600;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 12px;
}
/* se incheie meniul categoriilor */
	#stanga_jos { /* contine lista brandurilor / producatorii */
		width: 230px;
		font-size: 12px;

	}
	#stanga_jos ul {
		margin: 10px;
		padding: 0px;
	}
	#stanga_jos li {
		list-style-type: none;
		
		}	
	a.linkproducatori {
			font-size: 13px;
			display:block;	
			background-image:url(img/tema7/meniu-left.gif);
			background-position:left;
			background-repeat:no-repeat;
			height:30px;
			color:#4b4b4b;
			padding-left:30px;			
*/	}
/* se incheie coloana stanga */
	

/* incepe coloana din mijloc */
td#tdmijloc {
	width:565px;
}
	div#mijloc {
		margin-left:0px;
	}

/* incep diverse elemente de pe coloana din mijloc */
.divsuperpromo {
	width: 540px; 
	_margin-top: 10px;
}

h1.superpromo { /* H1 superpromo = ceea ce e scris intre superbaner si superpromotii */
	padding: 3px; 
	font-variant: small-caps;
	background: url(img/tema7/prod_zilei.gif); 
	background-repeat: no-repeat;
	/*line-height: 18px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	
}
#superpromotii {
	/* tabelul superpromotiilor */
	width: 525px;
	margin-left:20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

caption { /* titlurile produselor promovate normal */
	margin: 0px;
}

caption h2 {
	font-size: 12px;
	font-variant: small-caps;
	margin: 0px;	
	margin-bottom: -5px;
}

.promotii {
	margin: 0px;
	margin-bottom: 10px;
	width: 540px;
}
/* promotiile mici pe prima pagina */
.superoferta { /* elementul grafic care defineste superoferta (steluta, watermark etc.) */
	z-index: 1;
	position: absolute;
	top: 421px;
	left: 198px;
	background-image: url(img/tema7/layout-parchet_r2_c2.jpg);
}
.promomic {
	padding: 3px;
	width: 33%;
	height: 190px;
	text-align: center;
	z-index: 0;
	position: relative;
}
div.containerpromomic {
	position:relative; 
	height:100px;
}
.promomic h2 {
	color: Black;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.divBgStoc{
	background-image:url(img/tema7/bg_stoc_pret.jpg);
	height:40px;
	width:353px;
	color:#FFFFFF;
}
.divBgStoc .divleft{
	margin:10px 0px 0px 15px;
	width:100px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
}
.divBgStoc .divright{
	background-image:url(img/tema7/bgaddincos.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:10px 5px 0px 0px;
	width:120px;
	height:22px;
	float:right;
	color:#FFFFFF;
	font-size:14px;
}
.divBgStoc a{
	color:#FFFFFF;
}
.divBgStoc a:hover{
	color:#FFFFFF;
}
h2.vitrina1 {
	font-size: 13px;
	margin-bottom: 5px;
}
h2.vitrina1 a {
	color: Black;
}
.produs {
	text-align: center;
	border: 1px solid #fbd19c;
	width:255px;
}
.produs a {
	color: #E1E1E1;
}
.produs h2 {
	font-weight: bold;
	font-size: 13px;	
	color: #5A5A5A;
	padding:0px;
	margin:0px;
}
.produs .divimg{
	width:255px;
	height:150px;
	overflow:hidden;
}
.produs .divLogoProd{
	margin:0px 5px 0px 5px;
	text-align:left;
	width:245px;
	height:40px;
	overflow:hidden;
}
.produs .divLogoProd .L{
	float:left;
}
.produs .divTxtProd{
	margin:0px 5px 0px 5px;
	text-align:left;
	line-height:15px;
	width:245px;
	height:55px;
	overflow:hidden;
}
.produs .divPretProd{
	background-image:url(img/tema7/bgPretProdus.jpg);
	width:255px;
	height:36px;
	overflow:hidden;
}
.produs .divPretProd .PretLeft{
	margin:9px 0px 0px 3px;
	float:left;
	width:115px;
	height:16px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
}
.produs .divPretProd .PretRight{
	margin:9px 0px 0px 3px;
	float:left;
	width:125px;
	height:16px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	text-align:right;
}
.produs .divPretProd .PretRight a{
	text-align:left;
	background-image:url(img/tema7/bgaddincos.jpg);
	background-position:right;
	background-repeat:no-repeat;
	margin:0px 0px 0px 10px;
	display:block;
	width:120px;
	color:#FFFFFF;
}
/* incepe coloana din dreapta */
#tddreapta {
	width: 200px;
}
#dreapta {
		width: 200px;
		text-align: center;
	}

/* incepe definirea formularului de newsletter
   ATENTIE LA _HACKURILE pentru IE 6!
 */		
#newsletter {
	background-color:#fbd19c;
	width: 190px;
	height:180px;
	padding:5px;
	margin-bottom:20px;
	_margin-left: 0px;
	_padding-left:0px;
	text-align: center;	
}

#newsletter2 {
	background-image:url(img/tema7/bgNewsletter_n.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 190px;
	height:130px;
}

#formnews {
	margin:0px;
	padding:0px;
	width: 145px;
	text-align: center;
}

#newsletter fieldset {
	width: 145px;
	padding: 5px;
	border: 0px;
	text-align: center;
	border-top: 0px solid #000;
}

.submitmail {
	text-align: justify;
	font-size: 10px;
	padding-top:75px;
	width:120px;
/*	border: 1px solid #000; */
}

.inputnews {
	height: 16px;
	width:160px;
	border: 1px solid #fbca8d;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* se incheie newsletterul */

	
#footer {
	width: 980px;
	text-align: center;
	clear: both;
	height:30px;
	background: url(img/tema7/bg_footer.gif);
	border-top: 1px dotted #ddd;
}
#footer a {
	color:#585858;
}

.footer2 {
	margin:0px auto 0px auto 0px;
	text-align: center;
	height:30px;
	background: url(img/tema7/bg_footer.gif);
}
.footer2 a {
	color:#585858;
}

.filtru { /* astea sunt filtrele; configurarea completa a filtrelor se face din produse.php  */
	float:left;
	background-image:url(img/tema7/bgFiltruMare.jpg);
	display:block;
	color:#393737;
	cursor:pointer;
	position: relative;
	height: 17px;
	width:119px;
	text-align: center;
	font-weight: bold;
	margin-left: 1px;
}
.filtru a {
	color:#585858;
}
.filtru div {
	text-align: left;
	font-variant: normal;
	font-weight: normal;
}

.sortarepret {
	font-size: 10px;
	width: 60px;
	height: 16px;
}

td.produs_mic {
	width: 150px;
	text-align: center;
}

td.detalii_produs_mic {
	background-color:#fdf0db;
	width:300px;
}

.linktitlu{
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#CC6600;
}

.titluproducator{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#393737;
}
.titlupromotie{
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#ff7205;
}
.txt_pret_promotii{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#353535;
}
.nr_pret_promotii{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#ca4903;
}
.miniinfo{
	margin:10px 5px 5px 10px;
}
td.produs_mic img {
	padding: 4px;
}

.afisarepret {
	color: #C68600;
	font-size: 19px;
	font-weight: bold;
}
.legsel {
	font-size: 20px;
	color:#572600;
}

#kategorii {
	width: 520px;
	padding: 10px;
}	

#kategorii table {
	text-align: center;
}

.promointern {
	width: 520px;
}

#filtreaplicate {
	padding: 10px;
}

a.killemall {
	color: Orange;
}

a.killemall:hover {
	color: Red;
}
.pretvechi {color:red;}
.ptrhaine {text-align:right; width:80%;padding:10px;}
.ptrhaine select {width:60px;}
.specialincos {font-size:.8px;}
.denumire {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

.hedlain {
	background-image: url('img/tema7/crin.gif');
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #F8FBF4;
	border: 1px solid #C68600;
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #C68600;
}

strong {
	color: #dd6805;
	font-size: 12px;
}

table.legione img {
	border: 1px solid #CFCFCF;
}

.fieldbox {
}
/* cosul de produse */
.tablecell1 {
	width: 180px;
	display: table-cell;
	font-weight: bold;
	border-bottom: 1px dotted #999;
}

.tablecell2 {
	width: 80px;
	text-align: center;
	display: table-cell;
	border-bottom: 1px dotted #999;
}

.tablecell3 {
	width: 140px;
	display: table-cell;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	border-left:#999 1px solid;
}

.tablecell4 {
	width: 50px;
	display: table-cell;
	border-bottom: 1px dotted #999;
}
/* se incheie cosul */

.butoane {
	border:2px solid #dfdfdf; 
	background: url(img/tema1/zz.gif); 
	color: Red;
}

.toleft {
	width: 14px;
	height: 14px;
	background: url(img/tema7/stanga.gif);
	border: 0px;
}

.toright {
	width: 14px;
	height: 14px;
	background: url(img/tema7/dreapta.gif);
	border: 0px;
}

#rezultate a {
	font-size: 14px;
}
td.interm {
	width: 2px;
	height: 160px;
	background-image: url(img/tema1/bg_intermed.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

td.contactinfo {
	text-align: center;
}
td.contactinfo a {
	text-decoration: underline;
}

.bigcontactinfo {
	font-size: 14px;
	font-weight: bold;
	color: #dd6805;
}

#tdh1 {
	text-align: left;
	padding-left: 15px;
	border-left: 2px solid #C68600;
}

td#tdh1 h1 {
	color:#C68600;
	margin: 0px;
	margin-top: 5px;
	padding: 2px;
	font-size: 15px;
	text-align: left;
}

a.intarire {
	color: Red;
}

a.intarire:hover {
	color: White;
	background: #CC0033;
}

em {
	background: #FFF3E8;
	font-style: oblique;
}

.textindex {
	font-size: 12px;
	margin-top: 20px;
}

.linkpromotii {
	color: #999999;
	font-size: 14px;
	text-decoration: underline;
}
.linkpromotii:hover {
	background-color: #999999;
	color: White;
	padding: 1px;
	text-decoration: none;
}
#breadcrumb {
	padding: 3px;
	font-size: 14px;
	color:#CC6600;
}
#breadcrumb a{
	color:#CC6600;
}
.titluProdush1{
	color:#572600;
	margin:0px;
	padding:0px;
	font-size:16px;
}
legend {
	color: Black;
}
.linksubcategorii {
	font-size: 13px;
}
a.totiprod {
	margin-left: 10px;
	font-size: 12px;
}

.spec1 {
	background: #F5F5F5;
}
.divrightDetaliiProd{
	width:250px;
	text-align:left;
	margin:0 auto;
	text-decoration:none;
}
.divrightDetaliiProd h2{
	padding:0px;
	margin:0px;
	font-size: 14px;
	color:#4b4b4b;
}
.divrightDetaliiProd b{
	padding:0px;
	margin:0px;
	font-size: 12px;
	color:#4b4b4b;
}
.divrightDetaliiProd .link{
	padding:0px;
	margin:0px;
	font-size: 12px;
	color:#4b4b4b;
	text-decoration:underline;
}
.tdborder{
	border-bottom:#999999 1px dotted;
}
.divBgD{
	margin:0px 0px 10px 0px;
	background-image:url(img/tema7/divBgD.jpg);
	width:369px;
	height:17px;
}
.divBgDLeft{
	margin:0px 0px 0px 10px;
	float:left;
	width:150px;
	height:17px;
	color:#572600;
	font-weight:bold;
}
.divBgDRight{
	float:right;
	width:190px;
	height:17px;
	color:#4b4b4b;
	font-weight:bold;
}

.divBgSpecificatii{
	margin:0px 0px 10px 0px;
	background-image:url(img/tema7/bgspecificatii.jpg);
	width:246px;
	height:17px;
}
.divBgSpecificatiiLeft{
	margin:0px 0px 0px 5px;
	float:left;
	width:115px;
	height:17px;
	color:#572600;
	font-weight:bold;
}
.divBgSpecificatiiRight{
	float:right;
	width:120px;
	height:17px;
	color:#4b4b4b;
	font-weight:bold;
}

.divBgSpecificatiiRight a{
	color:#4b4b4b;
	font-weight:bold;
}

.divBgBtnCumpara{
	background-image:url(img/tema7/bgcumparaaddincos.jpg);
	width:316px;
	height:29px;
}
.divBgBtnCumpara .divCumpara{
	float:left;
	height:20px;
	margin:3px 0px 0px 15px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}
.divBgBtnCumpara .divCumpara a{
	color:#FFFFFF;
	font-size: 16px;
	text-decoration:none;
	font-weight:bold;
}
.divBgBtnCumpara .divaddCos{
	float:right;
	height:20px;
	margin:5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}
.divBgBtnCumpara .divaddCos a{
	color:#FFFFFF;
	font-size: 14px;
	text-decoration:none;
	background-image:url(img/tema7/bgcosdetaliiprod.jpg);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:20px;
	width:160px;
}

.divListProdus{
	float:left;
	margin:0px 10px 10px 10px;
	width:260px;
	height:313px;
	border:#9d571f 1px solid;
}

.font18{
	font-size:18px;
	padding:0px 0px 5px 0px;
	border-bottom:#a0a09f 1px solid;
	font-weight:bold;
}
.font18_2{
	font-size:18px;
	padding:0px 0px 5px 0px;
	font-weight:bold;
}
.fontMaro{
	color:#572600;
}
.fontGri{
	color:#616161;
}
.inputComRapida{
	border:#ff6600 1px solid;
}

h6 {margin:0px;font-size: 12px;font-weight:bold;}