/* 
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: .7em;
	margin:0px;
	padding:0px;
	background: url(../../newsmart/bg_top_nou.gif) repeat-x 0 #d4d5ce;
	background-position: top center;
}

a {
	color: #3182bc;
	text-decoration: none;
}

a:hover {
	color: #fe5b00;
}

table {
	font-size: 1em;
}

h1 {
	margin: 0px;
	font-size: 14px;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

/* 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;
}

/* 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: 980px;
	_width: 980px; /* hack valabil pentru Internet Explorer 6 */
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

li.nobull {
	list-style: none;
	margin: 0px;
}

#pagina2{
	border:1px solid #d4d5ce;
	width:100%;
	text-align: left;
	background: #d4d5ce;
}

#pagina3{
	width:100%;
	text-align: left;
	background: #ffffff;
}

/* aici incep elementele care compun headerul paginii */

#header {
	height: 100px;
	background: url(../../newsmart/bg_header.gif) no-repeat;
}

	#logo {
		float: left;
		width: 358px;
		height: 100px;
	}

	#searchloginbox {
		color: #000000;
		float: right;
		width: 170px;
		height: 80px;
		margin-top: 0px; 
		position: relative;
		background-repeat: no-repeat;
	}

	#searchloginbox a {
		color: #3182BC;
		text-decoration: none;
	}

	#searchloginbox a:hover {
		color: #FE5B00;
		text-decoration: none;
	}


	.cerberul {
		position:absolute;
		top:6px;
		left:17px;
	}

	div.butoncerber {
		position:absolute;
		top:29px;
		left:25px;
	}

	.inputlogin {
		width: 210px;
		height: 15px;
		border: 0px solid #205796;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}

	.loginbtn {
		width: 20px;
		height: 22px;
		border: 0px solid #000;
		background: url(../../noi/ok.png) 0px 2px;
		background-repeat: no-repeat;
	}

	.loginbtn2 {
		width: 90px;
		height: 30px;
		border: 0px solid #000;
		background: url(../../noi/continua.gif) 0px 6px;
		background-repeat: no-repeat;
	}

	p.cerparola {
		position:absolute;top:75px;left:17px;
	}

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

	#searchloginbox fieldset {
		border: 0px dotted #fff;
		_border: 0px solid #000;
		_width: 140px;
		padding: 3px;
	}

/* aici se termina elementele care compun headerul paginii */

/* aici incepe bara de navigare superioara */
#navigaresus {
	clear: both;
	width: 980px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0px;
	font-family: Arial, sans-serif;
	background: url(../../newsmart/bg_sus.jpg);
}

a.super {
	margin: 0px 2px 0 0;
	padding: 7px 10px 3px 10px;
	color: #fff;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
}

#navigaresus a.normal {
	margin: 0px 2px 0 0;
	padding: 7px 10px 3px 10px;
	color: #fe5b00;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
}

#navigaresus a.normal:hover {
	background: #fff url(../../newsmart/bg_navigaresus.gif) no-repeat;;
	background-position: center;
	border-top: 0px solid #1A83AC;
	color: #fff;
}

#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.super {
	background: #fff url(../../newsmart/super.jpg) no-repeat;;
	background-position: center;
}

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: 980px;
}

#tdstanga {
	width: 190px;
}

#stanga {
	width: 180px;
	background: #fff;
	padding-bottom:10px;
}

#stanga ul {
	margin-top:0px;
}

/* incepe meniul categoriilor, pe partea din dreapta
li.lh = Headline-urile (Produse, Branduri)
li.catprod = categoriile de produse
ul.subcatprod = listele de subcategorii
*/

#tabelcautare {
	color: #fe5b00;
 	margin: 10px;
	margin-left:10px;
	border: 0px solid #d2d2d2;
}
 
li.lh {
	font-size: 1.3em;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin-left: -10px;
	padding-left: 0px;
	list-style-type: none;
}

li.catprod {
	list-style-type: none;
	margin-left: -30px;
	margin-bottom: 1px;
	padding: 2px;
	color:#ffffff;
	background-image: url("../../top.jpg");
	background-repeat: no-repeat;
/*	background-color: #0099CC; */
}

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

li.catprod a:hover {
	text-decoration: underline;
}

ul.subcatprod {
	width: 169px;
	list-style: none;
	margin: 0;
	padding: 0;
	
}

ul.subcatprod li {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	margin: 0;
	padding: 2px 3px;
}

ul.subcatprod li a {
	color: #000;
	background: #2881bd;
	text-decoration: none;
}

ul.subcatprod li a:hover {
	color: #a00;
	background: #94c0de;
}

/* se incheie meniul categoriilor */

#stanga_jos { /* contine lista brandurilor / producatorii */
	color: #2071ab;
	width: 640px;
	padding-bottom:5px;
}

#stanga_jos ul {
	margin-top:0px;
	text-align: center;
}

#stanga_jos ul a {
	color: #2071ab;
}

#stanga_jos ul a:hover {
	color: #fe5b00;
}

/* se incheie coloana stanga */
/* incepe coloana din mijloc */

td#tdmijloc {
	width:665px;
}

div#mijloc {
	margin-left:10px;
}

/* incep diverse elemente de pe coloana din mijloc */

.divsuperpromo {
	width: 640px; 
	_margin-top: 10px;
}

h1.superpromo { /* H1 superpromo = ceea ce e scris intre superbaner si superpromotii */
	font-size: 17px;
/*	color: #2881bd; 	background-image: url(img/bg_promo.jpg); */
	color: #FE5B00;
	background-image: url(../../newsmart/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: 0px solid #88b9da;
	width: 640px;
}

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: 640px;
}

/* 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: 0px;
	background:url(../../newsmart/bg_promo.gif) no-repeat;
	width: 600px;
	height: 135px;
	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: 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: 125px;
}

#dreapta {
	width: 136px;
	text-align: center;
}

/* incepe definirea formularului de newsletter
   ATENTIE LA _HACKURILE pentru IE 6!
*/		

#newsletter {
	background: #fff;
	border-top:0px solid #fff;
	width: 136px;	
	_margin-left: 0px;
	_padding-left:0px;
	text-align: left;
	padding-bottom:5px;	
}

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

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

div.submitmail {
	text-align: justify;
	font-size: 11px;
	margin:5px;
	color: #4e4e50;
/*	border: 1px solid #000; */
}

.inputnews {
	height: 16px;
	border: 1px solid #205796;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left:5px;
}

/* se incheie newsletterul */

#minibannere {
	border: 0px solid #E0E0E4;
}

#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  */
	float:left;
	color:Black;
	cursor:pointer;
	position: relative;
	height: 20px;
	background: #DBDBDB;
	text-align: center;
	font-variant: small-caps;
	padding-left: 5px;
	font-weight: bold;
	margin-left: 1px;
}

.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.produs_mic img {
	border: 1px solid #DBDBDB;
}
*/

.afisarepret {
	color: #fe5b00;
	font-weight: bold;
}

.legsel {
	color: #000000;
	font-size: 14px;
}

.denumire_popup {
	color: #fff;
	font-size: 14px;
}

.categorie_popup {
	font-size: 15px;
}

#kategorii {
	color: #2782bd;
	width: 620px;
	_width: 640px;
	padding: 10px;
	font-size: 13px;
}	

#kategorii table {
	text-align: center;
}

.promointern {
	width: 640px;
}

#filtreaplicate {
	padding: 10px;
}

a.killemall {
	color: #FE5B00;
}

a.killemall:hover {
	color: Red;
}

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

.hedlain {
	background: #0099CC;
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: White;
}

#dupalogin {
	background-color: #ffffff;
	height: 78px;
	width: 170px;
	margin-top: -5px;
	padding-top: 2px;
	margin-left: -10px;
}

#hr_disclaimer {
	border: none;
	color: #6b6b6b;
	background-color: #6b6b6b;
	height: 1px;
}

#disclaimer {
	color: #6b6b6b;
}

strong {
	color: #fe5b00;
	font-size: 1.1em;
}

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

.fieldbox {
	margin: 0px;
	width: 641px;
	padding: 0px;
	background: #e3e3e3;	
}

.auth {
	margin: 0px;
	width: 320px;
	padding: 0px;
	background: #e3e3e3;
}

/* cosul de produse */
.tablecell1 {
	width: 110px;
	height: 110px;
	display: table-cell;
	font-weight: bold;
	border-bottom: 0px solid #999;
	background: #ffffff;
}

.tablecell2 {
	width: 220px;
	height: 110px;
	font-weight: bold;
	display: table-cell;
	background: #ffffff;
}

.tablecell3 {
	width: 70px;
	height: 110px;
	display: table-cell;
	font-weight: bold;
	background: #ffffff;
}

.tablecell4 {
	width: 107px;
	height: 110px;
	display: table-cell;
	background: #ffffff;
}

.tablecell5 {
	height: 110px;
	display: table-cell;
	background: #ffffff;
}

.tablecellx {
	width: 180px;
	height: 110px;
	display: table-cell;
	background: #ffffff;
}

/* 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;
}

#tabel_produs {
	font-size: 12px;
}

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

#tdh1 {
	text-align: center;
}

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

td#tdh0 h1 {
	color: Black;
	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 {
	text-align: left;
	display:block;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	padding:2px;
	background:#D07143;
}

.linkpromotii:hover {
	color: #f2f2f2;
}
.bcadou {
	color: #fe5b00;
}
.spancadou {
	background-color: #fff;
	color: #fe5b00;
	padding: 1px;
}
.spancadou a {
	color: #fe5b00;
}
.gri {color: #999;}
.containerpoza {width:100px;height:100px;border:1px solid  #ddd;}
.actualizare {color:#3182bc;}
.informativ {color:#fe5b00;}
.pop-up {color:#fff;font-weight:bold;font-size: 14px;}

.tip{
	font-size: 10px;
	width:100px;
	background-color: #2881bd;
	position:absolute;
	border:solid 1px black;
	color: #fff;
	padding:4px;
	margin-top:110px;
	margin-left:20px;
	text-align:justify;
}

#meniu-nou {
	width: 169px;/* set width of menu */	
	background: #fff;
	margin-left: 12px;
} 

#meniu-nou ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
}

/* style, color and size links and headings to suit */
#meniu-nou a {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	margin: 0;
	padding: 2px 3px;
}

#meniu-nou a {
	color: #000;
	background: #2881bd;
	text-decoration: none;
}

#meniu-nou a:hover {
	color: #a00;
	background: #94c0de;
}
a.linc:link {
	color: #000000;
	text-decoration: none;
}

a.linc:hover {
	color: #000000;
}

#imagine {
	margin-left: 12px;
	display: block;
	color: #fff;
	background-image: url("../../top.jpg");
	background-repeat: no-repeat;
	text-transform: uppercase;
	padding: 2px 3px;
	padding-bottom: 6px;
}

a.log:link {
	color: #ffffff;
	text-decoration: none;
}

a.log:hover {
	color: #ffb37c;
}

a.nou:link {
	color: #3182bc;
	text-decoration: none;
	font-size: 15px;
}

a.nou:hover {
	color: #fe5b00;
	font-size: 15px;
}

/* vitrina revolutie */
#superrevo {
	width: 640px;	
}
.revoilustrata {
	width: 40px;
	height: 40px;
	float: left;
	border: 1px solid #ccc;
}
.divUlrevo {
	width: 265px;
	float: right;	
}
h3.revo {
	font-size: 1.1em;
	border-bottom: 1px solid #000;
	border-color: #FE5B00;
	color: #FE5B00;
	margin-top: 0px;
}
.listarevo {
	padding-left: 0px;
	margin-left: 4px;
	margin-top: 0px;
}
.listarevo li {
	margin-left: 0px;
	list-style: none;
	font-size: 9px;
}
.listarevo li a {
	color: #4e4e50;
	font-size: 1.2em;
	font-weight: normal;
	list-style: none;
}
.listarevo a:hover {
	color: #b0b0b7;
}
.listarevo li span {
	font-weight: bold;
	color: black;
	background: #CCCC66;
	list-style: none;
}
/* final revolutie */	

h3 {
	color: #2881bd;
}

a.anpc {
	font-weight: bold;
	color: #4e4e50;
}

a.anpc:hover {
	font-weight: bold;
	color: #FE5B00;
}

#logo-pasti {
	padding-left: -100px;
	height: 98px;
	width: 400px;
}