/* 
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, sans-serif;
	text-decoration: none;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
	background: url(img/tema1/bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color:#fff;
}
a {
	color: #000066;
	text-decoration: none;
}
a:hover {
	color:#000;
}
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:none;
}
/* 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.

*/

#top_bar {
	background: url(img/tema1/top_bar.gif);
	background-repeat: no-repeat;	
	height:10px;		
}

#top_links{	
	height:24px;	
	width:980px;
	margin:0 auto;		
	text-align:right;
	background-repeat:no-repeat;
	background-position:right;
	background-color: transparent;
	font-family: "Tahoma";
	color:#fff;
	font-weight:normal;
}
#top_links ul {
	margin:0;
	padding-top: 7px;
	list-style: none;	
}

#top_links ul li{		
	display: inline;
	padding:0 0 0 18px;	
	margin:0;
}

#top_links ul li a {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}

#top_links ul li a:hover {
	margin:0;
	padding:0;
	color:#d7ddf6;
	text-decoration: underline;
}








#pagina {
	margin:5px auto;
	width: 980px;
	_width: 980px; /* hack valabil pentru Internet Explorer 6 */	
	text-align: left;
	background: #fff;	
	padding:0px;	
}
li.nobull {
	list-style: none;
	margin: 0px;
}
#pagina2{
	border:1px solid #0099CC;
	width:98%;
	text-align: left;
	background: White;
}
/* aici incep elementele care compun headerul paginii */
#header {
	height: 130px;
	background: url(img/tema1/bg_header.jpg) no-repeat;
	padding:0 3px;
	margin:0px;
}

#logo {
	float: left;
	width: 190px;
	height: 70px;
	margin:30px 0 0 20px;
}


#text_fm {
	float:left;
	width: 550px;
	height: 130px;
	font-weight:bold;
	margin-left:15px;	
}

#text_fm_left {
	padding-top:5px;
	float:left;
	width: 250px;
	height: 125px;
	font-weight:bold;	
	font: bold 11px Tahoma;	
}
#text_fm_right {
	padding-top:40px;
	float:left;
	width: 300px;
	height: 90px;	
	font: bold 11px Tahoma;	
}


#text_fm ul {
	margin:0;
	padding-top: 6px;
	list-style: none;	
}

#text_fm ul li{			
	padding:0;	
	margin:0;
}


.large_size {
	font: bold 14px Tahoma;	
	color:#03d75;
}





.sendbtn{
	background: url(img/tema1/btn.jpg) no-repeat left;
	height:20px;
	width:76px;
	border:none;
	font: bold 10px Tahoma;	
	color:#fff;	
	margin-top:0px;
	padding-top:0px;
	text-transform:uppercase;		
}




#searchloginbox {
	float: right;
	width: 150px;
	height: 95px;	
	position: relative;
	background-repeat: no-repeat;
	color:#0c3d75;
	margin-right:17px;
	margin-top:21px;
}


.loginParUnu {
	position:absolute;
	top:0px;
	left:0px;
}

.loginParDoi {
	margin:0px;
	padding:0px;
}



.restLogin {
	position:absolute;top:18px;left:10px;
}

	#searchloginbox a {
		color: #3267b7;
		text-decoration: underline;
		font-weight:bold;		
	}
	#searchloginbox a:hover {
		color: Black;
		text-decoration: none;
	}

	.cerberul {
		position:absolute;
		top:6px;
		left:17px;
	}
	
	.joslogin {
		position:absolute;
		top:60px;
		left:0px;
	}
	div.butoncerber {
		position:absolute;
		top:29px;
		left:25px;
	}
	
	.inputlogin {		
		border: 1px solid #8dabc3;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight:normal;
		padding-left:3px;
		background: url(img/tema1/bg_input.jpg) bottom repeat-x;
		margin-bottom:5px;
		float:left;		
	}
		
	.btn {
		width:20px;
		height:16px;		
		float:left;
		border-width:0px;
	}
	
	.cursor {
		margin-top:2px;	
		width:17px;
		height:16px;	
		float:left;
	}
	
	.form {
		margin:0px;
		padding:0px;
	}
	
	.form2 {		
		padding:2px 0;
	}

	.loginbtn {
		width: 20px;
		height: 16px;
		_height: 16px;
		border: none;
		background: url(img/tema1/ok.jpg);
		background-repeat: no-repeat;
		margin-top:5px;
		padding:0px;
		margin-left:-3px;
	}
	p.cerparola {
	position:absolute;top:75px;left:17px;
	}

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

	

	#searchloginbox fieldset {
		border:none;
		_width: 180px;
		padding: 3px;
	}
/* aici se termina elementele care compun headerul paginii */
	
	
	
.box_prod{ 	
	margin-bottom:5px;
	margin-top:5px;
	width:580px;
	height:155px;
	
	
}

.box_detalii{
	font: normal 11px Tahoma;	
	color:#000;
	background: url(img/tema1/bgbox.jpg) repeat-x top;	
	background-color:#ffffff;
	padding:8px 10px 2px 10px;
	margin-left:5px;
	width:399px;
	height:142px;
	float:left;
	border:1px solid #8dabc3;	
}

.box_img {
	border:2px solid #8dabc3;
	width:150px;
	float:left;
	height:150px;

}



.titlu_prod {
	font: bold 14px Tahoma;	
	color:#000066;
	margin:0px;
	padding:0px;	
}

.price_box {
	text-align:right;
	height:18px;
	vertical-align:bottom;
	
}

.box_detalii_high {
	height:115px;
}

.price_box_price {
	font: bold 14px Tahoma;
	color:red;	
	text-align:right;	
	width:100px;
	margin:0px;
	padding:0 10px 0 0;	
}	


.banner {
	background-color:#000;
	width:186px;
	margin-bottom:5px;
}
.mobila_la_comanda {	
	background: url(img/tema1/footer_banner.jpg) no-repeat left bottom;
	background-color:#000;
	margin-top:0px;	
	margin-right:0px;
	color:#fff;
	padding:6px;
	font: normal 10px Tahoma;
}

.debitari {	
	background: url(img/tema1/footer_banner2.jpg) no-repeat bottom;
	background-color:#df2228;
	margin-top:0px;	
	margin-right:0px;
	color:#fff;
	padding:6px;
	font: normal 10px Tahoma;
}
-------------------------------------------




-------------------------------------------
	
.float_left {
	float:left;
}
.float_right {
	float:right;
}



.clear {
	clear:both;
}
/* aici incepe bara de navigare superioara */
#navigaresus {
	clear: both;
	width: 980px;
	height: 28px;
	border:none;	
	font: bold 12px Tahoma;	
	background: url(img/tema1/mb.jpg);
	font-weight: bold;
	color:#fff;
}

#navigaresus ul {
	margin: 0;	padding: 0;	list-style: none;	
}
	
#navigaresus ul li {
	float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background:url(./img/tema1/desp.jpg) no-repeat right; color:#FFFFFF; padding:0; margin:0;
}
	
#navigaresus ul li a {
	line-height:28px;
	color: #fff; text-decoration: none;	padding: 0 23px; text-transform:uppercase;
}

#navigaresus ul li a:hover, #navigation #selected a {
	color: #bad6fa;	height:28px;
}


#navigaresus_l {
	float:left;
	width:694px;
	height:28px;
}

#navigaresus_r {
	float:left;
	width:130px;
	height:22px;
	padding-left:18px;
	margin:0;
	padding-top:6px;

}

#navigaresus_r2 {
	float:left;	width:122px; padding-top:9px; padding-left:10px; height:19px;
}

#navigaresus_r2 a { 
	font: bold 11px Tahoma;
	color:#FFFFFF;
	margin:0;
	padding:0px;	
}



#navigaresus_r a{
	font: bold 11px Tahoma;
	color:#FFF;	
	padding-left:5px;	
	float:left;
	margin:0;
}


#navigaresus_r a:hover, #navigation #selected a{	
	text-decoration:underline;	
}


/* se incheie bara de navigare superioara */		


#bg {height:19px; background : url(img/tema1/bg.gif) repeat-x top; margin:1px 3px; width:974px; clear:both;}



/* incepem definirea tabelului de continut
maincontent = numele tabelului
tdstanga = evident, celula din stanga, care contine meniul categoriilor
 */

#maincontent {
	width:980px;
}

#colstanga {
	width:185px;
	float:left;
	margin-left:3px;
}

#stanga {
	width: 180px;
}


.box{ 
	background-color: #f7f7f7; 
	border : 1px solid #f0e9eb; 
	padding:5px;  
	margin-bottom:5px;
	clear:both;	
}



#colmid {
	width:592px;
	float:left;
	
	margin-left:5px;
	margin-bottom:5px;	
}

#colmid p{
	margin:5px 0 ;
	padding:2px 0px;
	font-size:10px;
	font: normal 11px Tahoma;
	text-align:justify;
}


#coldreapta {
	width: 185px;
	float:left;
	margin-left:5px;	
}


#coldreapta p{
	margin:5px 0 ;
	padding:0 15px;
	font-size:10px;
	font: normal 11px Tahoma;
}


#coldreapta ul {
	margin:0px;
	padding:0px;
}

#coldreapta ul li {
	font: bold 11px Tahoma;
	list-style-type: none;		
	padding: 2px 15px;
	
	background:none;

}

h2 {
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	color: White;
	line-height: 26px;
	margin:0 0 0 0px;
	padding-left: 18px;	
	background: url(img/tema1/h1img.jpg) repeat-x;
	text-transform:uppercase;			
}

#news_box {
	background: url(img/tema1/bgbox.jpg) repeat-x; 
	margin:0;
	padding:0;
}



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

.lh {
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	color: White;
	line-height: 26px;
	margin-left: -35px;
	padding-left: 25px;
	list-style-type: none;	
	background: url(img/tema1/bg_btn.jpg) no-repeat; 	
}

#colstanga ul {
	margin:0px;
	padding:0px;
}

#colstanga ul li {
	list-style-type: none;		
	margin-bottom: 1px;
	padding: 2px 2px;
	background:url(img/tema1/menu_separator.jpg) no-repeat left bottom;	
	line-height:22px;	
/*	background-color: #0099CC; */
}



#colstanga ul li a{	
	background-color:inherit; 	
	color: #000066;
	font-weight: bold;
	text-decoration: none;
	padding-left:15px;	
	width:165px;
	
}

#colstanga ul li a:hover {
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}

#colstanga .last {
	background-image:none;	
	margin-bottom:-5px;
}






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;
	text-decoration: none;
}

ul.subcatprod li a:hover {
	color: #FF6600;
}







/* 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;
	color: #CC0000; /*	background-image: url(img/bg_promo.jpg); */
	background-image: url(img/tema1/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: 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: 33%;
	height: 190px;
	text-align: center;
	z-index: 0;
	background: url(img/tema1/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: 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: 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 {
	width:960px;
	height:28px;
	background-color:#8dabc3;	
	padding:10px;
	color:#fff;
		
}

#footer_bar {
	background:url(img/tema1/footer_bg.jpg) repeat-x left;	
	width:980px;
	height:35px;
	margin-bottom:2px;
	clear:both;
}

#footer_left {
	float:left;
	width:965px;
}
#footer_right {
	float:400px;
	float:right;
	margin:0px;
	padding:0px;
}

#footer a {
	color: #fff;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
}
#footer a:hover {	
	text-decoration:underline;
}

#footer .blue {
	color:#000066;
}






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

.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;
}
.legsel {
	font-size: 14px;
}

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

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

.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: #CC0066;
	font-size: 1.1em;
}

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: 250px;
	display: table-cell;
	font-weight: 200;
}

.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(img/tema1/stanga.gif);
	border: 0px;
}

.toright {
	width: 14px;
	height: 14px;
	background: url(img/tema1/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;
}

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

.comanda {
	width: 210px;
	min-height:30px;
	display: table-cell;
	font-weight: 100;
	height: 30px;
}
.comanda2 {
	width: 210px;
	min-height:18px;
	display: table-cell;
	font-weight: 100;
	height: 18px;
}