/* 
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, Verdana, Arial, sans-serif;
	font-size: .7em;
	padding: 0px;
	margin: 0px;
	background: #333 url(bg.gif) repeat-x;
}
a {
	color: #474747;
	text-decoration: underline;
}
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;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px; /* daca se vor gandi si cei de la Opera sa ofere suport in viitor */
	-ms-border-radius:5px; /* daca se vor gandi si cei de la Microsoft sa ofere suport in viitor */
}
/* Elementul "Legend" este titlul unui fieldset */
legend {
	font-weight: bold;
	color: Black;
}
/* <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: White;
	border: 4px solid White;
*/	border-top: 0px;
}
li.nobull {
	list-style: none;
	margin: 0px;
}
#pagina2{
	border:1px solid #0099CC;
	width:98%;
	text-align: left;
	background: White;
	margin: 0 auto;
}
.headcomparatie, .titlu_galerie {
	background: Black;
	color: white;	
}
.titlu_galerie .legsel {
	color: white;
}
/* aici incep elementele care compun headerul paginii */
#header {
	height: 120px;
	background: url(bg_header.gif);
}
	#logo {
		float: left;
		width: 200px;
		height: 80px;
		margin-left: 10px;
		
	}
	#searchloginbox {
		float: right;
		width: 610px;
		height: 110px;
		margin-top: 3px; 
		position: relative;
		background-repeat: no-repeat;
	}
		.loginParUnu {
		position:absolute;
		top:20px;
		left:0px;
		color: black;
}
	.restLogin {		
	position:absolute;top:41px;left:35px;
	}

	#searchloginbox a {
		color: #003366;
		text-decoration: underline;
		font-size:10px;	
	}
	#searchloginbox a:hover {
		color: #CFCFCF;
		text-decoration: none;
	}
	.cerberul {
		position:absolute;
		top:6px;
		left:17px;
	}
			.joslogin {
		position:absolute;
		top:65px;
		left:25px;
	}
	div.butoncerber {
		position:absolute;
		top:29px;
		left:25px;
	}
	.inputlogin {
		width: 100px;
		height: 16px;
		border: 1px solid #999;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	.inputsearch {width:183px;height:16px;border:1px solid #999;}
	.loginbtn {
		width: 18px;
		height: 18px;
		_height: 16px;
		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;
	}
	.formcautare {
		position: absolute;
		left: 370px;
		top: 20px;
	}
	#searchloginbox fieldset {
		border: 0px solid black;
		_border: 0px solid black;
		_width: 140px;
		padding: 3px;
	}
	#searchloginbox fieldset legend {
		display: none;
	}
	#dupalogin {
		position: absolute;
		margin-top:0px;
		background-position: bottom;
		padding: 10px;
		border-left:1px solid #333;
	}
	#dupalogin a {
		text-decoration: none;
	}
	span.mesajsalut {
		font-size: 1.2em;
	}
.pretvitrinasubcat {
	font-size:15px;
	font-weight: bold;
}
.pretvitrinasubcat sup {
	font-size: 12px;
}
/* aici se termina elementele care compun headerul paginii */
	
/* aici incepe bara de navigare superioara */
	#navigaresus {
		clear: both;
		width: 970px;
		height: 32px;
		line-height: 32px;
		text-align: left;
		padding: 0 0 0 10px;
		font-size: 1.1em;
		background: url(bg_nav.gif) repeat-x;
	}
	#navigaresus ul {
		margin: 0px;	
		padding:0px;
		}
	#navigaresus ul li {
			list-style-type: none;
			display: inline;			
		}
	li.litopmeniu span {
		padding-left: 5px;
		padding-right: 5px;
	}
	#navigaresus a {
		font-size: 14px; 
		color: Black;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	#navigaresus a:after {
		content: "/";
	}
	#navigaresus a:hover {
		color: #1C3870;
	}
/* 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;
	background: #fff;
}
	#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
 */

 /* jquery menu */
ul#navigation {
	border:1px solid #ddd;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	background: #F2F2F2;
}
/* se termina meniul jquery */
ul#navigation li {
	margin:1px;
	padding:2px 2px 2px 10px;
	list-style-type: none;
}
ul#navigation li a {
	display: block;
}
li.lh {
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	color: Black;
	line-height: 30px;
	list-style-type: none; 
}

li.catprod {
	list-style-type: none;
	margin-left:0px;
	padding: 0px;
	background-image: url(bg_meniuri.png);
	background-repeat: no-repeat;
/*	background-color: #0099CC; */
}
li.catprod:hover {
	background-image: url(bg_meniuri2.png);
/*	background-color: #0099CC; */
}
li.catprod ul {
	margin:10px 0 0 0;padding:0px;
}
li.catprod a {
	color: Black;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

li.catprod a:hover {
	font-weight: bold;
	color: #fff;
}
li.catprod ul li a {
	font-size: 11px;
	font-weight: normal;
}
li.catprod ul li a:hover {
	color: #399DD2;
	font-weight: normal;
}
li.catprod ul li a:after {
	content: " ...";
}
/*
ul.subcatprod {
	list-style-type: none;
	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;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}

ul.subcatprod li a:hover {
	color: #990000;
}
ul.subsubcatprod {
	list-style-type:none;
	margin: 0px;
	padding-left:10px;
}
ul.subsubcatprod li {
	margin:0px;padding:0px;
}
ul.subsubsub {
	list-style-type:none;
	margin: 0px;
	padding-left:10px;
}
*/
/* se incheie meniul categoriilor */
	#stanga_jos { /* contine lista brandurilor / producatorii */
	margin:30px 0 30px 17px;
	}
	#stanga_jos b {
		font-size:12px;
	}
	#stanga_jos form {
		margin:7px 0 7px 0;
	}
	#stanga_jos form select {
		width: 150px;
	}
	.listafavorite {
		list-style-type:none;
	}
	#banerestanga {
		width: 90%;
		text-align:center;
	}
/* se incheie coloana stanga */
	

/* incepe coloana din mijloc */
td#tdmijloc {
	width:665px;
}
.b780 {
	min-height:10px;
}
	div#mijloc {
		margin-left:0px;
	}

/* 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-size: 17px;
	padding: 15px 0 15px 0; 
	font-weight: normal;
	font-variant: small-caps;
	line-height: 18px;
/*	margin-top: 10px; */
	margin-bottom: 0px;
}
h1.legsel {
	font-size: 20px;
	color:#0F0329;
	font-weight: normal;
}
#superpromotii { /* tabelul superpromotiilor */

}
.pretvitrina {
	position:absolute;
	top:220px;
	left:50px;
	font-size:16px;
	font-weight: bold;
}
.pretvitrina sup {
	font-size:13px;
}
caption { /* titlurile produselor promovate normal */
	margin: 2px;
}

caption h2 {
	font-size: 1.2em;
	font-variant: small-caps;
	margin: 0px;	
}
caption h2:before {content: "Promotii ";}
.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: 33%;
	height: 190px;
	border: 1px solid #fff;
	text-align: center;
	z-index: 0;
	background: url(bg_promo.gif) repeat-x;
	background-position: bottom;
	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;
	min-width: 33%;
	background: url("bg_contact.gif") repeat-x;
	background-position: bottom;
}

.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 {
	width: 180px;	
	margin: 10px 0 20px 15px;
	_margin-left: 0px;
	_padding-left:0px;
	text-align: left;	
}

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

#newsletter fieldset {
	width: 115px;
	padding: 5px;
	border: 0px;
	text-align: center;
	border-top: 1px solid #000;
}
#newsletter b {
	font-size: 13px;
}
div.submitmail {
	text-align: justify;
	font-size: 10px;
/*	border: 1px solid #000; */
}

.inputnews {
	height: 18px;
	width:150px;
	border: 1px solid #aaa;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:5px 0 5px 0;
}
/* se incheie newsletterul */

/* vitrina revolutie */
#superrevo {
}
#superrevo td {
	border: 1px solid #fff;
	border-collapse: collapse;
	background: url("bg_contact.gif") repeat-x;
	background-position: bottom;			
	padding-bottom: 15px;
}
.revoilustrata {
	width: 40px;
	height: 40px;
	float: left;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
}
.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: 1em;
	border-bottom: 1px solid #eee;
}
.listarevo li a {
	color:#444;
	font-weight: bold;
}
.listarevo a:hover {
	color: #FF1A1A;
}
.listarevo li span {
	font-weight: bold;
	color: #CC0000;
}
/* final revolutie */	
#footer {
	width: 980px;
	text-align: center;
	min-height:92px;
	clear: both;
	background: url(bg_footer.gif);
	padding-top: 50px;
	color: #999;
}
#footer a {
	color: #D1D1D1;
	text-decoration: none;
}
#footer a:hover {
	color: #6699CC;
}

.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;
	text-align: center;
	background:#75B4F3;
	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;
	border-bottom:1px solid #ddd;
}

td.produs_mic img {
	border: 1px solid #DBDBDB;
}

.afisarepret {
	color: Red;
	font-weight: bold;
}
.legsel {
	font-size: 14px;
}
.mini {
	font-size:10px;
	font-weight: normal;
display:none;
}
#kategorii {
	width: 620px;
	_width: 640px;
	padding: 10px;
	background: url("bg_contact.gif") repeat-x;
	background-position: bottom;
}	

#kategorii table {
	text-align: center;
}

.promointern {
	width: 640px;
}

#filtreaplicate {
	padding: 10px;
}

a.killemall {
	color: Orange;
}

a.killemall:hover {
	color: Red;
}
a.linkvitrina {
	color: #CC0000;
}
a.linkvitrina:hover {
	text-decoration: underline;
}
.denumire {
	text-decoration:underline;
	font-size: 17px;
	color:#3863CC;
}
.denumire:hover {
	color: Black;
}

.hedlain {
/*	background: #0099CC;
*/	font-size: 14px;
	font-weight: bold;
	display: block;
	color: Black;
	border: 0px solid #ddd;
/*	border-bottom: 0px solid #ddd;
*/}
.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: #000;
	font-size: 14px;
}

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: 22px;
	height: 22px;
	background: url(stanga.gif) no-repeat;
	background-position: bottom;
	border: 0px;
}

.toright {
	width: 22px;
	height: 22px;
	background: url(dreapta.gif) no-repeat;
	background-position: bottom;
	border: 0px;
}
a.nava {
padding:2px 5px 2px 5px;
color: Black;
border: 1px solid #999;
text-decoration: none;	
font-weight: bold;
font-size:12px;
}
a.nava:hover {
	color: white;
	background: #2F5D8A;
}

#rezultate a {
	font-size: 14px;
}
td.interm {
	width: 2px;
	height: 160px;
}

td.contactinfo {
	text-align: center;
	width:270px;
	background: url(bg_contactinfo.gif) repeat-x;
	background-position: right top;
	border: 1px solid #ddd;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomright:10px;	
	-moz-border-radius-bottomleft:10px;	
}
.u {
	text-decoration: underline;
}
.bigcontactinfo {
	font-size: 14px;
	font-weight: bold;
	color: #CC3300;
}

#tdh1 {
	text-align: left;
}

td#tdh1 h1 {
	color:#0F0329;
	margin: 5px 0 0 0;
	font-size: 17px;
	font-weight: normal;
}
td#tdh1 strong {
	color: #CC3300;
	font-size: 18px;
}
td#tdh1 b {
	font-weight: normal;
}
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;
	padding: 4px;
	background: url('bg_h6.gif') repeat-x;
	background-position: bottom;
}

/* Recomandari */
#tabelRecomandari {
	
}
.recomandare {
	width: 336px;
	min-height: 150px;
	margin: 5px 5px 15px 0px;
	float: left;
	border: 1px solid #ddd;
	padding: 5px;
	background: url("bg_contact.gif") repeat-x;
	background-position: bottom;
}
.pozaReco {
	float: left;
	width: 140px;
	text-align: center;
	height: 140px;
	border: 1px dotted #000;
}
.texteReco {
	width: 170px;
	margin: 10px;
	float: right;
}
.texteReco a {
	font-weight: normal;
	color: #C60000;
	font-size: 12px;
	font-weight: bold;
}
.texteReco a:hover {
	color: Red;
}
.butonbuy {
	width:164px;
	height: 33px;
	background: url("bg_buy.png");
	line-height:33px;
	text-align: left;
	margin:15px 0px 10px 60px;
}
.butonbuy:hover {
	background: url("bg_buy.png");
	background-position: 0px -33px;
}
.butonbuy a {
	display: block;
	font-size: 1px;
	color: #0B4285;
	text-decoration: none;
	font-weight: bold;
	margin-left: 2px;
}
.butonbuy a:hover {
	color: #99CCFF;
}
code { /* rezervat pentru indicatii de genul "NU EXISTA PRODUSE IN CATEGORIE" */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* extra */
.totiprod {
	color: #003366;
	font-size: 11px;
}
.specificatie {
	color: #333;
	padding-left: 10px;
	background: White !important ;
	border-bottom: 1px dotted #333;
	font-size: 1.1em;
	font-weight: normal !important;
} 
#disclaimer {
	margin:20px;
	color: #888;
	text-align: justify;
}
.subcategorie {
	font-size:17px;
}
.subcategorie:hover {
	color: #C60000;
}
.miniinfo {
	padding: 7px;
	background: url("bg_contact.gif") repeat-x;
	background-position: bottom;
}
td[nowrap] {
	border-bottom:1px solid #ddd;
}
#breadcrumb a {
	text-decoration: none;
	color: #2F5D8A;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
a.mm {
	text-decoration:none;
	color: Black;
}


/* jquery slideshow */
.svw {
	width: 50px;
	height: 20px;
	background: #fff;
}
.svw ul {
	position: relative;
	left: -999em;
}
.stripViewer {
	position: relative;
	overflow: hidden;
	border: 5px solid #000;
	margin: 0 0 1px 0;
} 
.stripViewer ul {
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}
.stripViewer ul li {
	float:left; 
}
.stripTransmitter {
	overflow: auto;
	width: 1%;
}
.stripTransmitter ul {	
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}
.stripTransmitter ul li{
	width: 20px;
	float:left;
	margin: 0 1px 1px 0;
}
.stripTransmitter a{
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #000;
	color: #fff;
	text-decoration: none;
	display: block;
}
.stripTransmitter a:hover, a.current{
	background: #fff;
	color: #000;
}
#tooltip {
	background: #fff;
	color: #000;
	opacity: 0.85;
	border: 5px solid #dedede;
	}
#tooltip h3 {
	font: normal 10px Verdana;
	margin: 0;
	padding: 6px 2px;
	border: 0;
} 
/* final slideshow */

.history {
	background: url(bg_header.gif);
	width: 100%;
}
.history td a:hover {
	color: #FF6633;
}

.pozaVitrina {width:140px;height:140px;margin:0 auto;line-height:140px;}