/* 
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: Tahoma, Arial, sans-serif;
	font-size: .7em;
	padding: 0px;
	margin: 0px;
	background:#1b1d40 url(bg-tile.gif) top left repeat-x;	/* new */
	color:#fff;
	/*	background: url(bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
*/
}

/* new START */

input, select, textarea	{
	border:1px solid #646fb4 !important;
	background-color:#1b1d40 !important;
	color:#fff !important;
}

.loginbtn	{
	border:0 !important;
	background-color:transparent !important;
	}

/* new END */


a {
	color: #f2b749;
	text-decoration: none;
}

a:hover {
	color: #f2c029;
}

img {
	vertical-align: middle;
}

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 #505ca8;
	background:#2c3673;
	*background:#2c3673 url(frameset-hack-mic.gif) top left repeat-x;
	color:#efefef !important;
}

/* Double New */

fieldset fieldset 	{
	*background:transparent;
	}

/* END Double new */

/* Elementul "Legend" este titlul unui fieldset */
legend {
	font-weight: bold;
	color:#efefef;
	border: 1px solid #505ca8;
	background:#2c3673;
	padding:0 5px;
}

/* <div>-ul cu id pagina este cel care contine toate informatiile
Largimea lui defineste largimea layoutului.

*/
#pagina {
	max-width: 980px;
	_width: 996px; /* hack valabil pentru Internet Explorer 6 */
	margin: 0 auto;
	text-align: left;
	background: #1b1d40;
	border: 8px solid #1b1d40;
	border-top: 0px;
}

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

/* Double New */

#pagina2 {
	border: 1px solid #0099CC;
	width: 98%;
	text-align: left;
	background: #2c3673;
}

#pagina2 .butoane	{
	background:#1b1d40;
	color:#fff;
	border:1px solid #fff;
	}

/* END Double new */



/* aici incep elementele care compun headerul paginii 
#header { 	height: 110px;
	background: url(bg_head.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

*/

#logo {
	margin: 5px 0;
}

#searchloginbox {
	position:absolute;
	display:block;
	width:784px;
	height:151px;
	margin-top:0;
	*margin-top:5px;	/* new */
	margin-left:190px;
	background: #2c3673 url(top-header.jpg) top left no-repeat;
	color: #fff;
}

#top-search {
	float: right
}

.restLogin {
	float: left;
	margin-top: 6px; *
	margin-top: 0
}

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

#searchloginbox a:hover {
	color: #aaa;
}

.inputlogin {
	width: 100px;
	height: 16px;
	border: 1px solid #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.loginbtn {
	width: 21px;
	height: 21px;
	border: 0;
	background: url(go-black.png);
	background-repeat: no-repeat;
}

#dupalogin	{
	position:absolute;
	top:10px;
	left:210px;
	line-height:20px;
	}

.mesajsalut	{
	display:block;
	}

/* aici se termina elementele care compun headerul paginii */
	/* aici incepe bara de navigare superioara */
#navigaresus { /*		clear: both;
		width: 980px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		padding: 0px;
		font-family: Arial, sans-serif;
		margin-bottom: 10px;
		background: url(bg_nav_sus.jpg);
*/
}

#navigaresus a {
	color: #fff;
	font-weight:900;
	text-decoration: none;
}

#navigaresus a:hover {
	color:#bbb;
}

.vizprod	{
	color:#dbe6ef;
	}

.vizprod:hover	{
	color:#afc5d7;
	text-decoration:underline;
	}


#navigaresus ul {
	padding-top: 3px;
	padding-right: 10px;
	margin: 0px;
}

span#holder {
	position:absolute;
	bottom:6px;
	right:0;
}

#navigaresus ul li {
	list-style-type: none;
	display: inline;
}

/* FORM Login */

#login-credts	{
	position:absolute;
	top:10px;
	left:300px;
	width:484px;
	}

#login-credts .inputlogin	{
	margin-right:10px;
	}

#login-credts h3	{
	margin:0;
	font-size:14px;
	}

.formcautare	{
	position:absolute;
	top:10px;
	left:600px;
	}

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

#cat-navigation	{
	margin-bottom:10px;
	*margin-top:9px;
	background:#1b1d40;
	color:#4b58a7;
	padding:2px 5px;
	}

#cat-navigation	a	{
	color:#4b58a7;
	}

#cat-navigation	a:hover	{
	color:#afc5d7
	}

h1.denumire-produs	{

	font: 900 14px Tahoma;
	color: #fff; /*	background-image: url(img/bg_promo.jpg); */
	background: url(h1-bar.png) top left no-repeat;
	line-height: 23px;
	height:35px;
	padding-left: 5px;
	/*	margin-top: 10px; */
	margin-bottom: 0px;

}

.specificatie	{
	background:#1b1d40;
	border-top:1px solid #505ca8;
	border-left:1px solid #505ca8;
	
	border-bottom:1px solid #070825;
	border-right:1px solid #070825;
	}

#disclaimer	{
	background:#2c3673 url(info.jpg) center left no-repeat;	/* new */
	padding:10px;
	padding-left:40px;
	display:block;
	overflow:hidden;
	margin:0;
	border:1px solid #505ca8;
}

.cumpar-pret	{
	text-align:center;
	font:900 14px Arial;
	line-height:22px;
	}

.garantie-stoc	{
	text-align:center;
	font-weight:900;
	padding:5px;
	}

.odd	{
	border:1px solid #505ca8;
	border-top:none;
	background:#eef3ff;
	color:#000;
	}

.odd a     {
    color:#000;
    }

.odd a:hover     {
    color:#2c3673;
    }


.even	{
	border:1px solid #505ca8;
	border-top:none;
	background:#d3e1ff;
	color:#505ca8;
	}

.cumpar	{
	text-align:center;
	padding-top:10px;
	padding-bottom:7px;
	border-top:1px solid #505ca8;
	}

.telephoane	{
	font:900 14px Georgia;
	color:#888;
	}

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

/* new START */

.litopmeniu a {
	text-decoration: none;
	font-weight: bold;
	color:#f2b749 !important;
}

.litopmeniu a:hover {
	color:#f9df51 !important;
	}

/* new END */

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

/* 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 {
	font-size: 1.1em;
	font-weight: 900;
	height: 21px;
	color:#f2b749;
	/*color: #fff;*/
	line-height: 21px;
	list-style-type: none;
	background: #2c3673 url(lh-background.png);
	padding: 0 10px;
}

h3.panel {
	font-size: 1.1em;
	font-weight: 900;
	color: #fff;
	list-style-type: none;
	margin-top:0;
}

/* Double New */

#tdstanga ul.parent, #formfavorite ul {
	background: #2c3673;
	border-bottom: 1px solid #2c3673;
	margin: 0;
	padding: 0;
	margin: 10px 0;
}

#formfavorite ul {margin-right:10px;}


li.catprod, .listafavorite {
	list-style-type: none;
	font-size: 11px;
	margin: 3px 0;
	margin-left: 10px;
	/*
	margin-left: -10px;
	margin-bottom: 1px;
	padding: 2px;
	background-color: #0099CC; */
}

.catprod h1{
	font: 100 12px Arial;
	margin:0;
}

li.catprod a, .listafavorite a {
	color: #dbe6ef;
	font: 100 12px Arial;
	display:block;
	text-decoration: none;
	margin-right:2px;
	padding-left:2px;
}

li.catprod a:hover, .listafavorite a:hover {
	color:#fff;
	background:#455093;
}

.listafavorite	{
	overflow:hidden;
	*height:100%;
	}

.listafavorite a	{
	float:left;
	width:130px;
	}

.listafavorite b	{

	}

.listafavorite b a	{
	display:inline;
	float:none;
	width:auto;
	}

/* END double New */

ul.subcatprod {
	list-style-type: none;
	margin:0;
	padding:0;
	margin-left:15px;
	*margin-left:5px;
	}

.subcatprod h2{
	font-size: .7em;
	margin:0;
}
	
ul.subcatprod li {
	margin-bottom: 1px;
}

ul.subcatprod li a {
	color: #fff;
	text-decoration: none;
	font:100 11px Arial
}

ul.subcatprod li a:hover {
	color: #fff;
	background:#455093;
	font:100 11px Arial
}

/* se incheie meniul categoriilor */
#stanga_jos { /* contine lista brandurilor / producatorii */
	width: 180px;
}

.listafavorite {
	list-style-type: none;
}

#banerestanga {
	width: 90%;
	text-align: center;
}

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

.linksubcategorii {
	font-size: 1.3em;
	text-decoration: underline;
}

.linksubcategorii:hover {
	text-decoration: none;
	color: Blue;
}

h1.superpromo {
	/* H1 superpromo = ceea ce e scris intre superbaner si superpromotii */
	font: 900 14px Tahoma;
	color: #fff; /*	background-image: url(img/bg_promo.jpg); */
	background: url(h1-bar.png) top left no-repeat;
	line-height: 23px;
	height:35px;
	padding-left: 5px;
	/*	margin-top: 10px; */
	margin-bottom: 0px;
}

#superpromotii { /* tabelul superpromotiilor */
	/*	border: 1px solid #efefef;
*/
	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: 3px;
	width: 214px;
	height: 260px;
	overflow:hidden;
	text-align: left;
	z-index: 0;
	background: url(promomic3.png) no-repeat;
	position: relative;
}

.descriereprod-home {
	margin-top:5px;
	padding:0 5px;
	text-align:justify;
	color:#dbe6ef;
}

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

.produs-home	{
	display:block;
	text-align:left;
	width:160px;
	height:40px;
	padding:0 5px;
	line-height:20px;
	overflow:hidden;
	font:900 12px Tahoma;
	color:#3588c1;
	margin-bottom:10px;
	}

.produs-home:hover	{
	color:#edd525
	}

.pret-home	{
	float:right;
	margin-top:25px;
	margin-right:15px;
	color:#fff;
	}

.poza-home	{
	width:100px;
	height:100px;
	text-align:center;
	vertical-align:middle;
	line-height:100px;
	overflow:hidden;
	background:transparent; /* new */
	padding:0 5px;
	display:table-cell;
	}

.poza-home img	{
	vertical-align:middle;
	}

/* 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 {
	width: 115px;
	margin-bottom: 10px;
	margin-left: -10px;
	padding-left: 20px;
	_margin-left: 0px;
	_padding-left: 0px;
	text-align: center;
}

#formNews {
	background:#2c3673 url(newsletter-header.png) top left no-repeat;
	width: 115px;
	color:#fff;
	padding:3px 5px;
	text-align: left;
}

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

#newsletter .newslet {
	font-size: 1.1em;
	font-weight: 900;
	height: 21px;
	color:#f2b749;
	/*color: #fff;*/
	line-height: 20px;
	list-style-type: none;
	/*background: #2c3673;*/
	padding: 0 8px;
}

div.submitmail {
	text-align: justify;
	font-size: 10px;
	color:#fff;
	/*	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 */ /* vitrina revolutie */
#superrevo {
	width: 640px;
}

.revoilustrata {
	width: 40px;
	height: 40px;
	float: left;
	border: 1px solid #ccc;
}

.divUlrevo {
	width: 240px;
	float: right;
}

h3.revo {
	font-size: 1.4em;
	border-bottom: 1px solid #000;
}

.listarevo {
	padding-left: 0px;
	margin-left: 23px;
}

.listarevo li {
	margin-left: 0px;
	font-size: 1.2em;
	border-bottom: 1px solid #eee;
}

.listarevo li a {
	color: #000066;
	font-weight: bold;
}

.listarevo a:hover {
	color: #FF1A1A;
}

.listarevo li span {
	font-weight: bold;
	color: #3366CC;
}

/* final revolutie */
#footer {
	width: 100%;
	text-align: center;
	clear: both;
	height:25px;
	padding:10px 0;
	color:#dbe6ef;
	background:url(footer-bar.png) top left no-repeat;
}

#footer a	{
	color:#dbe6ef !important;
	}

.filtru {
	/* astea sunt filtrele; configurarea completa a filtrelor se face din produse.php  */
	float: left;
	color: Black;
	cursor: pointer;
	position: relative;
	height: 20px;
	line-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;
}

/* new START */

.filtru a	{
	color:#1b1d40;
	}

.filtru a:hover	{
	color:#2c3673;
	}

/* new END */

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

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

td.produs_mic img {
	border: 0;
}

.afisarepret {
	color: Red;
	font-weight: bold;
}

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

.legsel h1{
	font-size: 14px;
	color:#efefef;
	margin-left:10px;
}

/* new start */

.legsel input	{
	border:0 !important;
	background:#2c3673 !important;
	}

/* new end */

#kategorii {
	width: 620px;
	_width: 640px;
	padding: 10px;
}

/* Double New */
fieldset table	{ *margin-top:15px;}
#katergorii img	{ *margin:5px;}
/* END Double New */

#kategorii table {
	text-align: center;
}

.promointern {
	width: 640px;
}

#filtreaplicate {
	padding: 10px;
}

a.killemall {
	color: Orange;
}

a.killemall:hover {
	color: Red;
}

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

.denumire:hover {
	color:#f2c029;
	text-decoration:underline;
	}
.hedlain {
	background: #0099CC;
	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: #3ca4db;
	font-size: 1.1em;
}

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

.fieldbox {
	padding: 10px;
	*background:url(frameset-hack.gif) top left repeat-x; /* new */
}

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

.tablecell1 img	{
	border:0 !important;
	}

.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: left;
	padding:5px 0;
	padding-left:10px;
	*width:165px;	/* new */
}

.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: #2c3673;
	font-style: oblique;
}

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

.linkpromotii {
	color: #dbe6ef;
	font-size: 12px;
}

.linkpromotii:hover {
	color: #afc5d7;
	text-decoration: underline;
}

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

/* Recomandari */
#tabelRecomandari {
	
}

#recomandare {
	width: 280px;
	margin: 5px;
	float: left;
	border: 1px solid #ddd;
	padding: 10px;
}

.pozaReco {
	float: left;
	width: 40px;
	text-align: center;
	height: 40px;
	border: 1px solid #000;
}

.texteReco {
	width: 210px;
	margin: 10px;
	float: right;
}

.texteReco a {
	font-weight: normal;
	color: #5697D8;
	font-size: 1.5em;
}

.texteReco a:hover {
	color: Orange;
}

code {
	/* rezervat pentru indicatii de genul "NU EXISTA PRODUSE IN CATEGORIE" */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.totiprod {
	margin-left: 15px;
}

#disclaimer {
	margin: 20px;
	color: #888;
	text-align: justify;
}

.miniinfo h2{
	margin:0;
}

#info_categorie	{
	background:#2c3673 url(info.jpg) center left no-repeat;	/* new */
	padding:10px;
	padding-left:40px;
	display:block;
	overflow:hidden;
	margin:0;
	border:1px solid #505ca8;
	margin: 10px;
	color: #ddd;
	text-align: justify;
}

#info_categorie h3{
	font-size:13px;
	margin:0;
}

.bannere_dreapta img{
	width: 125px;
	float:right;
}