/*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: Arial, sans-serif;
	font-size: 0.7em;
	padding: 0px;
	margin: 1px;
	background: url(bg.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
}
a {
	color: #000066;
	text-decoration: none;
}
a:hover {
	color: Black;
}
table {
	font-size: 1em;
}
/* 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: 1px solid #D4D4D4;
}
/* 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 {
	_width: 1152px; /* hack valabil pentru Internet Explorer 6 */
	width: 1152px;
	margin: 1px auto;
	text-align: left;
	background: white;
	border: 1px solid white;
	/*border-right: 1px solid white;*/
	border-top: 0px;
	}
li.nobull {
	list-style: inside;
	margin: 0px;
}
#pagina2{
	border:1px solid #0099CC;
	width:98%;
	text-align: left;
	background: White;
}
/* aici incep elementele care compun headerul paginii */
#header {
	height: 150px;
	width:1152px;
	background: url(bg_head.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
	#logo {
		float: left;
		width: 393px;
		height: 105px;
		
	}
	#searchloginbox {
		float: right;
		width: 725px;
		height: 134px;
		margin-top: 3px; 
		color: White;
		position: relative;
		background-repeat: no-repeat;
		font-family:Verdana, Tahoma, Arial, sans-serif;
		font-size:11px;
	}
	div#banernou {width:468px;height:60px;background:#ddd;position:absolute;left:95px;top:0px;}

	#searchloginbox a {
		color:#8E0A06;
		font-weight: bold;
		text-decoration: none;
	}
	#searchloginbox a:hover {
		color: Black;
		text-decoration: underline;
	}
	#searchloginbox	a.cdcd {color: Blue; text-decoration:underline;}
	#searchloginbox	a.cdcd:hover {color: Red; text-decoration:none;}
	.loginParUnu {
		position:absolute;
		top:114px;
		left:115px;
}
	.loginParUnu a {padding-right:10px;}
	.restLogin {		
	position:absolute;top:18px;left:10px;
	}



	.cerberul {
		position:absolute;
		top:16px;
		left:17px;
	}
	.joslogin {
		position:absolute;
		top:0px;
		left:130px; 
	}
	div.butoncerber {
		position:absolute;
		top:29px;
		left:25px;
	}
	.inputlogin {
		width: 230px;
		height: 16px;
		/*border: 1px solid #000;*/
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	.loginbtn {
		width: 18px;
		height: 18px;
		_height: 18px;
		border: 0px solid #000;
		background: url(ok.gif);
		background-repeat: no-repeat;
	}
	p.cerparola {
	/*position:absolute;top:75px;left:17px;*/
	}

	#searchloginbox p {
	/*	margin-right: 25px;
		margin-left: 10px;*/
		margin-top: 0px;
		text-align: left;
	}
	#dupalogin div {
		position:absolute;
		color:black;
		top:90px;
		left:110px;
	}
	.formcautare {
		position: relative;
		left: 410px;
		top: 115px;
		font-size:1.2em;
		color: White;
		font-weight:bold;
		width:300px;
	}

	#searchloginbox fieldset {
		/*border: 1px dotted #939393;*/
		_border: 1px solid #000;
		width: 250px;
		padding: 3px;
	}
/* aici se termina elementele care compun headerul paginii */
	
/* aici incepe bara de navigare superioara */
	#navigaresus {
		clear: both;
		width: 1152px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		padding: 0px;
		font-family: Arial, sans-serif;
		margin-bottom: 10px;
		background: url(bg_nav_sus.jpg);
	}

	#navigaresus a {
	color: #FF6600;
	font-size: 1.3em;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	}
	#navigaresus a:hover {
		color: red;
	}
	#navigaresus ul {
		margin: 0px;	
		}
	#navigaresus ul li {
			list-style-type: none;
			display: inline;			
		}

	/* urmatoarele doua clase se aplica numai pe un meniu ca la TopVideoMall.ro (cu clapete)

	.litopmeniu {
		background: url(colt_dr.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}

	.litopmeniu:hover {
		background: url(colt_dr_up.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	*/
	li.litopmeniu span {
		padding-left: 15px;
		padding-right:15px;
	}

	li.litopmeniu span:hover {
		padding-left: 15px;
		padding-right:15px;
	}
/* se incheie bara de navigare superioara */		

/* incepem definirea tabelului de continut
maincontent = numele tabelului
tdstanga = evident, celula din stanga, care contine meniul categoriilor
 */
#maincontent {
	width: 1152px;
/* border:1px solid #000; */
}
	#tdstanga {
		width: 140px;
		text-align:left;
	}
	#stanga {
		width: 140px;
	}


/* incepe meniul categoriilor, pe partea din dreapta
li.lh = Headline-urile (Produse, Branduri)
li.catprod = categoriile de produse
ul.subcatprod = listele de subcategorii
 */
li.lh {
	width:137px;
	font-size: 1.3em;
	font-weight: bold;
	height: 30px;
	color: white;
	line-height: 30px;
	margin-left: -30px;
	padding-left: 5px;
	list-style-type: none;
	background: url(bullet.gif) no-repeat;
}

li.catprod {
	list-style-type: none;
	font-weight: bold;
	margin-left: -20px;
	margin-bottom: 1px;
	padding: 2px;
	background-color: #FFECD9;
	}
li.catprod a {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFDBB7;
}

li.catprod a:hover {
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

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

ul.subcatprod li {
	margin-bottom: 1px;
}

ul.subcatprod li a {
	color: #000033;
	text-decoration: none;
}

ul.subcatprod li a:hover {
	color: #FF6600;
}
/* se incheie meniul categoriilor */
	#stanga_jos { /* contine lista brandurilor / producatorii */
		width: 140px;
	}
/* se incheie coloana stanga */
	

/* incepe coloana din mijloc */
td#tdmijloc {
/*	width:auto;
*/
}
	div#mijloc {
	width: 828px;
		margin-left:10px;
	}

/* incep diverse elemente de pe coloana din mijloc */
.divsuperpromo {
	width: auto;
	_margin-top: 10px;
}
.linksubcategorii {
	font-size: 1.6em;
	text-decoration: underline;
}
.linksubcategorii:hover {
	text-decoration: none;
	color: Blue;
}
a.subcat {font-size:1.2em;}
h1.superpromo { /* H1 superpromo = ceea ce e scris intre superbaner si superpromotii */
	font-size: 17px;
	color: #CC0000; /*	background-image: url(img/bg_promo.jpg); */
	background-image: url(star_sp.gif);
	background-position: left center;
	background-repeat: no-repeat; 
	padding: 15px; 
	padding-left: 35px;  
	font-variant: small-caps;
	line-height: 18px;
/*	margin-top: 10px; */
	margin-bottom: 0px;
}
#superpromotii { /* tabelul superpromotiilor */
/*	border: 1px solid #efefef;
*/	width: 808px;
}

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

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

.promotii {
	margin: 0px;
	margin-bottom: 10px;
	width: 580px;
}
/* promotiile mici pe prima pagina */
.superoferta { /* elementul grafic care defineste superoferta (steluta, watermark etc.) */
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}
.promomic {
	padding: 3px;
	width: 33%;
	height: 190px;
	text-align: center;
	z-index: 0;
	background: url(bg_promo.gif);
	position: relative;
}
div.containerpromomic {
	position:relative; 
	height:100px;
}
.promomic h2 {
	color: Black;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}
.produs {
	text-align: center;
	border: 1px solid #E1E1E1;
	width: 25%;
}

.produs h2 {
	color: #6666CC;
	font-weight: normal;
	font-size: 1em;	
}

/* incepe coloana din dreapta */
#tddreapta {
	width: 140px;
}
#dreapta {
		width: 140px;
		text-align: center;
	}

/* incepe definirea formularului de newsletter
   ATENTIE LA _HACKURILE pentru IE 6!
 */		
#newsletter {
	width: 115px;	
	margin-bottom: 10px;
	margin-left: -10px; 
	padding-left:20px;
	_margin-left: 0px;
	_padding-left:0px;
	text-align: center;	
}

#formnews {
	width: 140px;
	text-align: center;
}

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

div.submitmail {
	text-align: justify;
	font-size: 10px;
/*	border: 1px solid #000; */
}

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

	
#footer {
	width: 100%;
	text-align: center;
	clear: both;
	border-top: 1px solid #CACACA;
}


.filtru { /* astea sunt filtrele; configurarea completa a filtrelor se face din produse.php  */
	color:#FFFFE0;
	background: #006400;
	cursor:pointer;
/*	height: 20px;*/
	padding-left:4px;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	width:138px;
}

.filtru div {
	margin-left:-4px;
	width:142px;
	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.produs_mic img {
	border: 1px solid #DBDBDB;
}

.afisarepret {
	color: red;
	font-weight: bold;
	font-size: 15px
}
.legsel {
	font-size: 14px;
}

#kategorii {
	width: auto;
	_width: auto;
	padding: 10px;
}	

#kategorii table {
	text-align: center;
}

.promointern {
	width: auto;
}

#filtreaplicate {
	padding: 10px;
}

a.killemall {
	color: Orange;
}

a.killemall:hover {
	color: Red;
}

.denumire {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

.hedlain {
	background: #900000;
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: White;
}
.pretvechi {color:red;text-decoration:line-through;}
.ptrhaine {text-align:right; width:80%;padding:10px;}
.ptrhaine select {width:60px;}
.specialincos {font-size:8px;}
strong {
	color: #CC0066;
	font-size: 1.1em;
}

.strong_price{
	font-size: 2.0em;
}

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

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

.tablecell2 {
	width: 60px;
	text-align: center;
	display: table-cell;
}

.tablecell3 {
	width: 200px;
	display: table-cell;
	font-weight: bold;
}

.tablecell4 {
	width: 50px;
	display: table-cell;
}
/* se incheie cosul */

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

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

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

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

td.contactinfo {
	text-align: center;
}

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

#tdh1 {
	text-align: center;
}

td#tdh1 h1 {
	background: #FFE6D4;
	color: Black;
	margin: 0px;
	margin-top: 5px;
	padding: 2px;
	font-size: 15px;
	text-align: center;
}

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: #CC0000;
	font-size: 14px;
	text-decoration: underline;
}
.linkpromotii:hover {
	color: #FF9900;
}
h6 {margin:0px;font-size: 1.2em;font-weight:bold;} /* tag rezervat pentru specificatii-titlu */
.subkategorie {font-size: 1.3em;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_line_down_fly.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.pro_linedrop {
	height:27px;
	width:1152px;
	background: url(bg_nav_sus.gif) no-repeat;
	position:relative; 
	font-family: tahoma, verdana, sans-serif; 
	font-size:11px;
	z-index:500;
	margin-bottom:10px;
}
.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
}

.pro_linedrop .select a {
display:block; 
height:36px; 
float:left; 
padding:0px 0px 0px 0px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:White;
}

.pro_linedrop .select li.line a {
	color: White;
}

.pro_linedrop .select a b {
	display: block; /*font-weight: normal; */
	padding: 0px 0px 0px 5px;
}


.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
padding:0px 0px 0px 0px;
/*line-height:27px;
*/cursor:pointer; 
color:#fff;
}


.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
	color: #FFCC33;
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
	display: block;
	padding: 0px px 0px 0px;
	cursor: pointer;
}

.pro_linedrop .sub {
display:none;
font-weight:normal; /* aici ****************/
}

.pro_linedrop ul ul {display:none;}


/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}
/*hover sterge div-ul*/
.pro_linedrop .select .sub {
height:25px;
display:block; 
position:absolute;
float:left;
background:#135F04;
width:1150px;
top:28px; 
left:1px; 
text-align:center;
border:1px solid #886;
border-width:1px  0;
}

.pro_linedrop .select :hover .rt li {float:right;}
/*hover sterge textul*/
/* numai ie6 */
.pro_linedrop .select .sub li a {
	display: block;
	height: 25px;
	line-height: 22px;
	float: left;
	padding: 0 16px; /* aici 8 in loc de 16 ***********/
	margin: 0;
	white-space: nowrap;
	color: White;
	font-weight: bold;
	font-size: 11px; /* aici ******************/
}
.pro_linedrop .select .sub li> a 
{
	display: block;
	height: 25px;
	line-height: 22px;
	float: left;
	padding: 0 16px; /* aici 8 in loc de 16 ***********/
	margin: 0;
	white-space: nowrap;
	color: White;
	font-size: 11px; /* aici ******************/
}

.pro_linedrop .select :hover .sub li.subline a {
	color: white; /* white in loc de black *********/
}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover {
		color:White; /* aici *********/
		line-height:20px; 
		position:relative;
	}

.pro_linedrop .select :hover .sub li:hover > a {color:White;}

.pro_linedrop .select :hover .sub :hover ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	display:block; 
	width:112px; 
	position:absolute; 
	left:-1px; 
	top:22px; 
	border-bottom:1px solid #886; 
	background:#fff;
/*	_border:0px solid #fff;
*/}

/* pentru ie6 */
.pro_linedrop .select .sub li a:hover {
	_margin-left:8px;
	_margin-right:8px;
}

.pro_linedrop .select :hover .sub :hover ul ul {position:absolute; left:-9999px;}
.pro_linedrop .select :hover .sub :hover ul li {
	border:1px solid #886; 
	border-width:0 1px;
	border-right-width:0px;
	_background: #efefef;
	}

.pro_linedrop .select :hover .sub :hover ul li a {
	width:80px; 
	text-align:left; 
	height:20px; 
	line-height:18px; 
	font-weight:normal;
	background:#fff;
	color:Black;
/*	_margin-left:16px;
*/
	}
.pro_linedrop .select :hover .sub :hover ul li a:hover {
	line-height:16px;
	_margin-left: 9px;
	background-color: #efefef;	
	}
.pro_linedrop .select :hover .sub :hover ul li:hover > a {line-height:16px;}

.pro_linedrop .select :hover .sub :hover ul :hover ul {
	left:112px; 
	top:0; 
	border:1px solid #886; 
	border-width:0 1px 1px 0; 
/*	_border: 0px solid #fff;
*/	background:#fff;
}

.pro_linedrop .select :hover .rt :hover ul :hover ul {
	left:-113px; 
	top:0; 
	border:1px solid #886; 
	border-width:0 0 1px 1px;
/*	_border: 0px solid #fff;
*/	}

.pro_linedrop .select :hover .sub :hover ul :hover ul li {
	border-left:1px solid #886; 
	background:#fff;
/*	_border: 0px solid #fff;
*/	}

.pro_linedrop .select :hover .sub :hover ul :hover ul li.a1 {
	border-left:1px solid #fff;
	_border: 0px solid #fff;
	}
.pro_linedrop .select :hover .sub :hover ul :hover ul li.a2 {
	border-top:1px solid #886; 
	height:19px;
	_border: 0px solid #fff;
	}

.pro_linedrop .select :hover .rt :hover ul :hover ul li {
	border-right:1px solid #886; 
	border-left:0;
	_border: 0px solid #fff;
}
.pro_linedrop .select :hover .rt :hover ul :hover ul li.a1 {
	border-right:1px solid #fff; 
	border-left:0;
	_border: 0px solid #fff;
}

.pozaReco{
	width: 200px;
	text-align: center;
}
.recomandare{
	padding:2px;
	position: relative;
	float:left;
	border: solid 1px #d4d4d4;
	border-left-color: #fff;
	border-right-color: #fff;
	width: 196px;
	height: 190px;
	text-align: center;
}
.recomandare:hover {
	border-color: #660033;
}

/* taburile */
ul.tabs {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;	
	background: #900000; /* background taburi inactive */ 
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li.active a {color:#900000;}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}