/* 
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;
}
img {
	-moz-force-broken-image-icon:1;
}
/* aici incep css-urile particulare */
body {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: .7em;
	margin:0;padding:0;
}
a {
color:#082988;
text-decoration:none;
}
a:hover {
color:#FE7200;
}
a.subcategorie {
	font-size: 15px;
	font-weight: bold;
}
a.filtruaplicat:before {
	content: "[reset] ";
}
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;

}
/* Elementul "Legend" este titlul unui fieldset */
legend {
	font-weight: bold;
}
#cosul {
	position: absolute;
	top: -30px;
	left: 527px;
	width: 440px;
	background: #D8EBCB;
	color: black;
	border: 1px solid #83BF58;
	padding: 3px;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 100px;
}
#cosul hr {
	display:none;
}
#cosul br {
	display: none;
}
#cosul p:first-child:after {
	content: "  |  ";
}
#cosul p {
	margin:0px;
	display: inline;
}
#cosul a {
	text-decoration: underline;
color:Red;
margin:0 5px 0 5px;
}
#cosul a:hover {
	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 */
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: White;
}
li.nobull {
	list-style: none;
	margin: 0px;
}
#pagina2{
	border:2px solid #ccC;
	width:98%;
	text-align: left;
	margin: 0 auto;
	background: White;
}
.headcomparatie, .titlu_galerie {
	background: #99CC33;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;	
}
/* aici incep elementele care compun headerul paginii */
#header {
	width: 980px;
	clear: both;
	position: relative;
	height: 100px;
}
	#logo {
position:absolute;
left: 15px;
top: 0px;
		width: 200px;
		height: 80px;
		
	}
	#searchloginbox {
	background-repeat: no-repeat;
	}
	#searchloginbox a {
color:#5D7BBF;
font-weight:bold;
text-decoration:underline;
	}
	#searchloginbox a:hover {
		color: Black;
		text-decoration: none;
	}
	.loginParUnu {
		position:absolute;
		top:3px;
		left:240px;
}
	.restLogin {
		position:absolute;
		top:18px;
		left:250px;
		}
	.inputlogin {
background:White none repeat scroll 0 0;
border:1px solid #5D7BBF;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
height:16px;
width:100px;
	}
	.loginbtn {
		width: 24px;
		height: 18px;
		_height: 16px;
		border: 0px solid #000;
		background: url(ok.png);
		background-repeat: no-repeat;
	}
	.joslogin {
		position:absolute;
		top:60px;
		left:240px;
	}
	p.cerparola {
	}

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

	.formcautare {
	position: absolute;
	left: 0px;
	top: 110px;	
	padding: 10px;
	width: 150px;
	padding-bottom: 0px;
}

	.formcautare fieldset {
		border: 1px solid #000;
		_width: 140px;
		padding: 3px;
	}
	.formcautare legend {
		font-size: 1.3em;
	}
	#dupalogin {
		position: absolute;
		left: 240px;
	}
	#dupalogin a {
		text-decoration: none;
	}
/* aici se termina elementele care compun headerul paginii */
	
/* aici incepe bara de navigare superioara */
	#navigaresus {
position: absolute;
top: 0px;
	width: 530px;
	height: 25px;
	line-height: 25px;
		text-align: center;
		margin-left: 450px;
		background: url(bg_nav.png);

	}

	#navigaresus a {
		color: White;
		font-size: 1.1em; 
font-weight: bold;
font-variant: small-caps;
		text-decoration: none;
		padding: 1px;
	}
	#navigaresus a:hover {
		color: Black;
		background: White;
	}
	#navigaresus ul {
		margin: 0px;	
		padding: 0px;
		}
	#navigaresus ul li {
			list-style-type: none;
			text-align: left;
			display: inline;
		}
		#navigaresus span {
		padding-left: 5px;
		padding-right: 5px;
		}


/* incepem definirea tabelului de continut
maincontent = numele tabelului
tdstanga = evident, celula din stanga, care contine meniul categoriilor
 */
#maincontent {
	width:980px;
	background: White;
	border-top: 1px solid #ddd;
	margin-top: 0px;
}
	#tdstanga {
		width:190px;
		background: url(bg_stanga.gif);
		background-repeat: no-repeat;
	}
	#formfavorite ul {
		margin:10px;
		padding:0px;
	}
		.listafavorite {
		list-style-type:none;
	}
	#stanga {
	margin-top: 100px;
	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
 */


 #stanga ul {
 	margin: 10px;
	padding: 0px;
 }
 	#banerestanga {
		width: 90%;
		text-align:center;
	}

li.lh {
background:transparent url(bg_lh.png) repeat scroll 0 0;
color:#FFFFFF;
font-family:Arial,Verdana,sans-serif;
font-size:1.3em;
font-weight:700;
height:25px;
line-height:25px;
list-style-type:none;
padding-left:10px;
text-align:left;
}

li.catprod {
background:#FE7200 none repeat scroll 0 0;
font-family:Arial,Verdana,sans-serif;
height:15px;
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-top:1px;
padding:2px;
text-align:left;
width:156px;
}
li.catprod a {
color:#FFFFFF;
font-size:1.1em;
font-weight:700;
padding-left:2px;
text-decoration:none;}

li.catprod a:hover {
color:#5D7BBF;
display:block;
font-weight:700;
text-decoration:none;
}

ul.subcatprod {
font-family:Arial,Verdana,sans-serif;
font-weight:normal;
list-style-type:none;
margin-left:-8px;
margin-top:-7px;
width:156px;
}

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

ul.subcatprod li a {
color:black;
font-size:1.1em;
font-weight:normal;
margin-top:-7px;
text-decoration:none;
}

ul.subcatprod li a:hover {
background-color:#FE7200;
color:#FFFFFF;
}
ul.subsubcatprod {
	list-style-type: none;
}
/* se incheie meniul categoriilor */
	#stanga_jos { /* contine lista brandurilor / producatorii */
		width: 180px;
		padding: 0px;

	}
	#stanga_jos ul {
		margin: 10px;
		padding: 0px;
		border:1px solid #516C17;
	}

	#stanga_jos li {
		list-style-type: none;
		text-align: center;
	}	
	#stanga_jos li a {
		font-size: 1.2em;
		display: block;
		background: url(bg_prod.gif);
		background-position: 0px 0px;
		border-bottom: 1px dotted #888;
	}
	#stanga_jos li a:hover {
		background-position: 0px -20px;
	}
li.lh_dreapta {
background:transparent url(bg_produx.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-family:Arial,Verdana,sans-serif;
font-size:1.3em;
font-weight:700;
height:25px;
line-height:25px;
list-style-type:none;
margin-left:-35px;
padding-left:8px;
text-align:left;
width:130px;
}
/* se incheie coloana stanga */
	

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

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

h1.superpromo { /* H1 superpromo = ceea ce e scris intre superbaner si superpromotii */
/*	font-size: 17px;
	color: #fff; 
	padding: 3px; 
	font-variant: small-caps;
	background: url(bg_h1superpromotie.gif);
	border: 1px solid #555;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
*/
background:transparent url(bg_h1superpromotie.png) repeat scroll 0 0;
color:#FFFFFF;
font-size:17px;
font-variant:small-caps;
line-height:18px;
margin-bottom:0;
margin-top:10px;
padding:3px 3px 3px 20px;
}
#superpromotii { /* tabelul superpromotiilor */
	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;
}
h3.feeduri {
	border-bottom: 1px solid #222;
	color:#222;
}
div.feeduri {
	width: 205px;
	height:25px;
	float:left;
	font-size:13px;
	font-weight: bold;
	margin-left:5px;
	padding:0px;
}
.promomic {
	padding: 3px;
	width: 33%;
	height: 190px;
	text-align: center;
	z-index: 0;
	position: relative;
	background: url(bg_promotii.gif);
	background-repeat: no-repeat;
}
div.containerpromomic {
	position:relative; 
	height:100px;
}
.promomic h2 {
	color: Black;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}
.pretvitrina {
	position: absolute;
	left:150px;
	top:70px;
	font-size:20px;
}
.pretvitrina sup {
	font-size: 12px;
}
.produs {
	text-align: center;
	border: 1px solid #E1E1E1;
	width: 25%;
}
.produs a {
	color: #516C17;
}
.produs h2 {
	font-weight: bold;
	font-size: 1.1em;	
}
/* 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: #006633;
	font-weight: bold;
}
.listarevo a:hover {
	color: #FF1A1A;
}
.listarevo li span {
	font-weight: bold;
	color: #3366CC;
}
/* final revolutie */	

/* incepe coloana din dreapta */
#tddreapta {
	width: 125px;
}
#dreapta {
color:black;
font-size:1.1em;
font-weight:normal;
padding-left:10px;
padding-top:10px;
text-align:left;
text-decoration:none;
	}

/* 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: 125px;
	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 {
background:transparent url(bg_footer.png) repeat scroll 0 0;
clear:both;
height:30px;
text-align:center;
width:980px;
}
#footer a {
	color: Black;
}

.filtru { /* astea sunt filtrele; configurarea completa a filtrelor se face din produse.php  */
	float:left;
	color:White;
	cursor:pointer;
	position: relative;
	height: 20px;
	line-height: 20px;	
	background: #516C17;
	text-align: center;
	font-variant: small-caps;
	padding-left: 5px;
	font-weight: bold;
	margin-left: 1px;
}
.filtru a {
	color: Black;
}
.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 {
padding: 4px;
	background: #f5f5f5;
}

.afisarepret {
	color: #757575;
	font-size: 13px;
	font-weight: bold;
}
.legsel {
	font-size: 14px;
}
.mini {
	font-size:11px;
}
#kategorii {
	width: 620px;
	_width: 640px;
	padding: 10px;
}	

#kategorii table {
	text-align: center;
}

.promointern {
	width: 640px;
}

#filtreaplicate {
	padding: 10px;
}

a.killemall {
	color: Orange;
}

a.killemall:hover {
	color: Red;
}
.pretvechi {color:red;text-decoration:line-through;}
.ptrhaine {text-align:right; width:80%;padding:10px;}
.ptrhaine select {width:60px;}
.specialincos {font-size:11px;}
#adrese label {
	border-bottom:1px solid #ddd;
	display: block;
	height:25px;
	line-height: 25px;
}
.denumire {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}

.hedlain {
background-image:url(crin.png);
background-position:right top;
background-repeat:no-repeat;
border:1px solid #5D7BBF;
color:#5D7BBF;
display:block;
font-size:15px;
font-weight:bold;
}

strong {
	color: Black;
	font-size: 1.3em;
}

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(img/tema1/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(img/tema1/bg_intermed.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

td.contactinfo {
	text-align: center;
	min-width:270px;
	background: #F2F2F2;
	border: 2px solid #ddd;
}
td.contactinfo a {
	text-decoration: underline;
}

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

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

td#tdh1 h1 {
	color:#516C17;
	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: #669933;
	font-size: 14px;
	text-decoration: underline;
}
.linkpromotii:hover {
	background-color: #669900;
	color: White;
	padding: 1px;
	text-decoration: none;
}
#breadcrumb {
	padding: 3px;
	background-color: #f5F5F5;
}
legend {
	color: Black;
}
.linksubcategorii {
	font-size: 1.3em;
}
a.totiprod {
	margin-left: 10px;
}

.spec1 {
	background: #F5F5F5;
}
h6 {
margin:0px;
font-size: 1.2em;
text-transform: uppercase;
font-weight:bold;
border-bottom:1px dotted Black;
}

/* Recomandari */
#tabelRecomandari {
	
}
.recomandare {
	width: 340px;
	margin: 5px;
	float: left;
	border: 1px solid #ddd;
	padding: 10px;
}
.pozaReco {
	float: left;
	width: 140px;
	text-align: center;
	height: 140px;
	border: 1px solid #000;
}
.texteReco {
	width: 170px;
	margin: 10px;
	float: right;
}
.texteReco a {
	font-weight:bold;
	font-size: 11px;	
}
.texteReco a:hover {
	color: Orange;
}
span.pretinreco {
	font-size: 14px;
}
code { /* rezervat pentru indicatii de genul "NU EXISTA PRODUSE IN CATEGORIE" */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#disclaimer {
	margin:20px;
	color: #888;
	text-align: justify;
}
.butonbuy {
	background:url("bg_buy.png");
	width: 120px;
	height: 25px;
	text-align: right;
	margin:15px 0 15px 85px;
	_margin:15px 0 15px 15px;
	line-height: 25px;
}
.butonbuy:hover {
	background: #D3D3D3;
	background:url("bg_buy.png");
	background-position: 0px -25px;	
}

.butonbuy a {
	color: #84B522;
	color:transparent;
	_width:100%;_height:100%;
	font-size: 1px;
	display:block;		
}
.butonbuy a:hover {color: White;color:transparent}
a.nava {
	padding: 1px 6px 1px 6px;
	background:#66891D;
	color: white;
}
a.nava:hover {
	background: #bbb;
}
p.printing {margin:2px 10px 2px 0;font-size: 10px;text-align: right;}
p.printing a {color: #666; text-decoration:none;}
p.printing a:hover {color: Red;}
/* jquery slideshow */

	DIV#slideshow   {   float:left;    background: #ffffff;     width: 640px;    height: 250px; margin-top:10px; }   
	#slideshow #SlidePlayer   {   margin: 0px auto;   position: relative;   }   
	#slideshow .Slides   {    padding-right: 0px;    padding-left: 0px;    padding-bottom: 0px;   margin: 0px;   overflow: hidden;   padding-top: 0px;   list-style-type: none;   height: 220px;   }   
	#slideshow .Slides LI   {float: left;   width: 640px;   height: 220px;   }   
	#slideshow .Slides IMG   {   border-top-width: 0px;   display: block;   border-left-width: 0px;    border-bottom-width: 0px;   width: 640px;    height: 220px;    border-right-width: 0px;   }   
	#slideshow .SlideTriggers   {   padding-right: 0px;   padding-left: 0px;   z-index: 10;    padding-bottom: 0px;   margin: 0px;   padding-top: 0px;    list-style-type: none;   position: absolute;   top: 206px;   height: 20px;   }   
	#slideshow .SlideTriggers LI   { display: inline;   font-size: 11px; font-weight:bold;   background: Red;    float: left;   margin: 3px 6px;    overflow: hidden;    width: 16px;    cursor: pointer;    color: white;   line-height: 16px;     font-family: Arial;    height: 16px;  text-align: center;   }   
	#slideshow .SlideTriggers LI.Current   { border-top-width: 0px;   font-weight: bold;    border-left-width: 0px;   font-size: 14px;    background:#999;    border-bottom-width: 0px;   margin: 0px 6px;    width: 21px;    color: #fff;   line-height: 21px;   height: 21px;   border-right-width: 0px;   }   

/* final slideshow */