/* 
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: Georgia, "Times New Roman", Times, serif;
	font-size: .7em;
	padding: 0px;
	margin: 0px;
background:url(img/tema1/2011/bg_general.gif); */
	color:#253356;
	
}
a {
	color: #2B2B2B;
	text-decoration: none;
}
a:hover {
	color:#D54100;
}
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: 5px solid #B6F2FB;
}
/* 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: 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;
}
/* aici incep elementele care compun headerul paginii */
#header {
	height: 110px;
	/*background: url(img/tema1/bg_head.gif);*/
	background-position: top right;
	background-repeat: no-repeat;
}
	#logo {
		float: left;
		width: 200px;
		height: 80px;
		margin-top:10px;
		margin-left:34px;
		
	}
	#searchloginbox {
		float: right;
		width: 410px;
		height: 90px;
		margin-top: 10px; 
		position: relative;
		background-repeat: no-repeat;
	}
		.loginParUnu {
		position:absolute;
		top:0px;
		left:0px;
}
	.restLogin {
		
	position:absolute;top:14px;left:10px;
	}

	#searchloginbox a {
		color: #ffffff;
		font-weight: normal;
		text-decoration:none;
		background:#D54100;
		padding:2px;
		margin-top:13px;
		border:1px dotted #FFFFFF;
	}
	#searchloginbox a:hover {
		color: #ffffff;
		background:#FF8956;
		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 {
		width: 100px;
		height: 16px;
		border: 1px solid #000;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}

	.loginbtn {
		width: 18px;
		height: 18px;
		_height: 16px;
		border: 0px solid #000;
		background: url(img/tema1/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: 260px;
		top: 10px;
	}

	#searchloginbox fieldset {
		border: 0px dotted #939393;
		_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: 25px;
		line-height: 25px;
		text-align: center;
		padding: 0px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color:#FFFFFF;
		margin-bottom: 10px;
		background: url(img/tema1/bg_nav_sus.jpg);
	}

	#navigaresus a {
		color: White;
		font-size: 1.1em; 
		font-weight:bold;
		font-variant: small-caps;
		text-decoration: none;
	}
	#navigaresus a:hover {
		color:#86E9F8;
	}
	#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(img/tema1/colt_dr.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}

	.litopmeniu:hover {
		background: url(img/tema1/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;
	}
/* 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.3em;
	font-weight: bold;
	height: 30px;
	color: White;
	line-height: 30px;
	margin-left: -20px;
	padding-left: 20px;
	list-style-type: none;
	background:#FF8956 ; 
}

li.catprod {
	list-style-type: none;
	margin-left: -30px;
	margin-bottom: 0px;
	padding: 5px;
   background: url(img/tema1/bg_categorie.jpg) no-repeat left top;
  
}
li.catprod a {
	color: #383838;
	font-weight: normal;
	text-decoration: none;
	padding:2px;
	font-size:1.1em;
	padding-left:21px;
	
}

li.catprod a:hover {
	color: #D54100;
	font-weight: normal;
	text-decoration: none;
}

ul.subcatprod {
	list-style-type: none;
	margin-top: 0px;
	margin-left: -30px;
	margin-bottom: 1px;
	padding: 3px;
	padding-left:6px;
	background: url(img/tema1/bg_subcategorie.jpg) no-repeat left top;
	border-bottom:1px solid #F5F5F5; 
	
}

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

ul.subcatprod li a {
	color: #2B2B2B;
	text-decoration: none;
	font-weight:normal;
	font-size:1em;
	padding-left:21px;
}

ul.subcatprod li a:hover {
	color: #0A92A7;
	font-weight:normal;
}
/* se incheie meniul categoriilor */
	#stanga_jos { /* contine lista brandurilor / producatorii */
		width: 180px;
	}
/* 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-size: 17px;
	color: #0A92A7; /*	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: 40px;  
	font-variant: small-caps;
	line-height: 18px;
/*	margin-top: 10px; */
	margin-bottom: 0px;
}
#superpromotii { /* tabelul superpromotiilor */
/*	border: 1px solid #efefef;
*/	width: 640px;
}

h2.vitrina1 {
	text-decoration: none; 
	font-weight: bold;
	color:#990000;
	
}

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: 207px;
	text-align: center;
	z-index: 0;
	background: url(img/tema1/bg_promo.jpg) no-repeat;
	position: relative;
}
div.containerpromomic {
	position:relative; 
	height:100px;
}
.promomic h2 {
	color:#000066;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}
.produs {
	text-align: center;
	border: 1px solid #E1E1E1;
	width: 25%;
}

.produs h2 {
	color: #383838;
	font-weight:bold;
	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: -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 {
	width: 980px;;
	text-align: center;
	clear: both;
	background:url(img/tema1/bg_footer.gif) no-repeat;
	height:30px;
	padding-top:3px;
}

#footer a {
	color:#FFFFFF;
	font-weight:normal;
	border-right:1px solid #ffffff;
	padding-right:7px;
	padding-left:5px;
	
	}


	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;

}



.filtru1 { /* astea sunt filtrele actuale; configurarea completa a filtrelor se face din produse.php  */

	float:left;

	color:Black;

	cursor:pointer;

	position: relative;

	width:620px;

	line-height: 20px;

	background: #FFFFFF;

	text-align: left;

	font-variant: small-caps;

	padding-left: 5px;

	font-weight: bold;

	margin-left: 1px;

}



.filtru1 div {

	text-align: left;
	font-variant: normal;
	font-weight: normal;

}


.filtru1_titlu{

	float:left;
	color:#990000;
	cursor:pointer;
	position: relative;
	width:200px;
	line-height: 10px;
	background: #FFFFFF;
	text-align: left;
	font-variant: small-caps;
	padding-left: 5px;
	font-size: 12px;
	margin-left: 1px;	

}



.filtru1_titlu div {

	text-align: left;
	font-variant: normal;
	font-weight: normal;

}



.filtru1_lista{

	width:380px;
	color:Black;
	float:left;
	text-align: left;

}



.filtru1_elem{

	border: 1px solid #E0E0E0;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	
}


.filtru1_elem a{

	background-color: #FFFFFF;
	text-decoration: none;

}


.filtru1_elem a:hover{

	background-color:#990000;
	color: #FFFFFF;

}



.filtru1_elem_activ{

	border: 1px solid #E0E0E0;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}



.filtru1_elem_activ a{

	background-color:#990000;
	text-decoration: none;
	color:#FFFFFF;

}



.elim_filtru{

	background-color:#2C81AC;
	color: #FFFFFF;
	font-weight: bold;
	width:20px;
	float:left;
	margin-top:2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;

}

.elim_filtru a{

	background-color:#2C81AC;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}



.elim_toate_filtrele{

	background-color:#2C81AC;
	color: #FFFFFF;
	font-weight: bold;
	float:right;
	margin-top:2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}



.elim_toate_filtrele a{

	background-color:#2C81AC;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;

}



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

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

td.produs_mic img {
	border: 0px solid #A7AAD9;
}

.afisarepret {
	color:#D54100;
	font-weight: bold;
	font-size:14px;
}
.legsel {
	font-size: 14px;
	color:#253356;
}

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

.denumire {
	color:#2E636B;
	font-style:normal;
}

.hedlain {
	background: #53B5C6;
	font-size: 12px;
	padding:2px;
	font-weight: bold;
	display: block;
	color: White;
}
.pretvechi {color:#D54100;text-decoration:line-through;}
.ptrhaine {text-align:right; width:80%;padding:10px;}
.ptrhaine select {width:60px;}
.specialincos {font-size:8px;}
strong {
	color: #D54100;
	font-size: 1.2em;
}

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(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:#FF6523;
	color:#ffffff;
	margin: 0px;
	margin-top: 5px;
	padding: 6px;
	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;}



/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 75px;
margin-top: 5px;
margin-bottom:3px;
margin-right:-92px;
font: bold 13px Georgia;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
color:#FFFFFF;

}

.shadetabs li{
display: inline;
margin: 0;
padding-bottom:22px;

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 7px;
margin-right: 3px;
color: #ffffff;
background:#BB3900;
/*background: white url(shade.gif) top left repeat-x;*/
}

.shadetabs li a:visited{
color: #ffffff;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #3190C0;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
color: #ffffff;
background:#5D5D5D;

}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}