/*



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: verdana;



	font-size: .7em;

	

	background-image:url(/img/teme/tema1/bg_body.jpg);

	background-repeat:repeat-x;

	background-color:#002E8C;



}



a {



	color: #000066;



	text-decoration: none;



}



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: 0px;



}



/* 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.







*/



#bg-top{

width:1024px;

height:49px;

background-image:url(/img/teme/tema1/bg-top.jpg);

margin:0 -32px;

}



#bg-bottom{

width:1024px;

height:64px;

background-image:url(/img/teme/tema1/bg-bottom.jpg);

margin:0 -32px;

}





#pagina {

    

	max-width: 960px;
	min-width:960px;



	margin: 0 auto;



	text-align: left;



	background-color:#FDFDFE;

	background-image:url(/img/teme/tema1/bg-inside.jpg);



}



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;



}



	#logo {

	background-color:FCFCFD;



		float: left;



		width: 260px;



		height: 80px;



	}



	#searchloginbox {



		float: right;



		width: 410px;



		height: 90px;



		margin-top: 3px; 



		position: relative;



		background-repeat: no-repeat;



	}



	#searchloginbox a {



		color: #111111;



		text-decoration: underline;



	}



	#searchloginbox a:hover {



		color: Black;



		text-decoration: none;



	}







	.cerberul {



		position:absolute;



		top:6px;



		left:17px;



	}



	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;



	}











	.formcautare {



		position: absolute;



		left: 260px;



		top: 10px;



	}







/* aici se termina elementele care compun headerul paginii */



	



/* aici incepe bara de navigare superioara */



#top-thingy{

background-image:url(/img/teme/tema1/bg_top.gif);

background-repeat:no-repeat;

background-position:top;

float:right;

margin-right:-5px;

margin-top:-5px;

width:690px;

height:57px;

padding-left:10px;

color:#FFFDFC;

font-weight:bold;

font-size:11px;

font-family:Tahoma;

}



#top-thingy input{

position:relative;

top:-3px;

text-align:center;

font-size:9px;

color:#333333;

background-color:#92A5B8;

border-top:none;

border-left:none;

border-right:none;

border-bottom:dotted 1px #FFF;

height:12px;

width:100px;

}



#top-thingy ul li {

            border-right:#B2BACD solid 1px;

			padding-right:5px;

			padding-left:5px;



			list-style-type: none;



			display: inline;	

					

		}

		

				

	#top-thingy a {



		color: #002C88;



		font-size: 11px; 



		font-weight: bold;



		font-variant: small-caps;



		text-decoration: none;



	}

#top-sec-menu{
padding-left:-100px;
position:relative; top:-5px;

}



#top-sec-menu img{

position:relative; top:4px;

}



	/* 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 {

	margin-top:-25px;

	width:980px;



}



	#tdstanga {



		width:140px;



	}



	



	#stanga {



	    margin-top:-2px;



		width: 150px;



		padding:0px;



	}



	



	html>body #stanga {width:150px;}	











/* 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 {

text-align:left;



	font-size: 1.3em;



	font-weight: bold;



	height: 20px;



	line-height: 20px;



	margin-left: -30px;



	padding-left: 20px;



	list-style-type: none;



	background: url(img/tema1/bullet.gif) no-repeat; 



}







li.catprod {

	text-align:left;

	list-style-type: none;



	margin-left: -20px;



	margin-bottom: 1px;



	padding: 2px;


/*	background-color: #E1F0FF; */



}



li.catprod a {



    font-size: 1.025em; 



	color: #000000;



	font-weight:bold;



	text-decoration: none;



}







li.catprod a:hover {



	color: #FF6600;



	text-decoration: underline;



}







ul.subcatprod {



	

    font-size: 1.025em; 



	list-style-type: none;



	margin-top: 0px;



	margin-left: -10px;



	margin-bottom: 0px;



	padding-left: 0px;
	text-transform:none;



}







ul.subcatprod li {

    border-left:#CCCCCC solid 1px;

   	background-image:url(/img/teme/tema1/x.jpg);

	background-repeat:no-repeat;

	padding-left:18px;

	line-height:15px;



}







ul.subcatprod li a {



	color: #000033;



	font-weight:normal;



	text-decoration: none;



}







ul.subcatprod li a:hover {



	color: #FF6600;



}



/* se incheie meniul categoriilor */



	#stanga_jos { /* contine lista brandurilor / producatorii */



	    margin-top:-2px;

		padding-left:35px;

		width: 150px;



	}

	

	#stanga_jos a{

	color: #000033;

	font-size: 1.025em; 

	}

	

	#stanga_jos ul{

    border-left:#CCCCCC solid 1px;

    font-size: 1.025em; 



	list-style-type: none;



	margin-left: -10px;



	margin-bottom: 1px;



	padding: 2px;



	padding-left: 0px;



	}

	

	#stanga_jos li{

	background-image:url(/img/teme/tema1/x.jpg);

	background-repeat:no-repeat;

	padding-left:18px;

	margin-bottom:3px;

	}

	html>body #stanga_jos {width:150px;}	



/* se incheie coloana stanga */



	







/* incepe coloana din mijloc */



td#tdmijloc {



	width:590px;





}



	div#mijloc {
 		margin-top:0px;
		margin-bottom:15px;
		min-width:570px;
	}







/* incep diverse elemente de pe coloana din mijloc */



.divsuperpromo { 



	margin-top: 10px;
	padding:0px;
	margin:auto;
	margin-top:10px;

}







h1.superpromo { /* H1 superpromo = ceea ce e scris intre superbaner si superpromotii */



	font-size: 17px;



	color: #001D5B; /*	background-image: url(img/bg_promo.jpg); */



	padding-left:0px;



	font-variant: small-caps;



	line-height: 18px;



    margin-top: 10px;



	margin-bottom: 0px;



}



#superpromotii { /* tabelul superpromotiilor */



width:570px;
padding-right:-2px; 
overflow:hidden;


}







caption { /* titlurile produselor promovate normal */



	margin: 0px;



}







.miniinfo { /* caseta ce contine info produs */





}







/* contine lista produsele... punem un border frumos */



.container_produse { border-width:1px; border-style:solid; border-color:#11699B; }







caption h2 {



	font-size: 1.2em;



	font-variant: small-caps;



	margin: 0px;	



	margin-bottom: -5px;



}







.promotii {



	margin: 0px;



	margin-bottom: 10px;



	width: 590px;



}



/* promotiile mici pe prima pagina */



.superoferta { /* elementul grafic care defineste superoferta (steluta, watermark etc.) */



	z-index: 1;



	position: absolute;



	top: 0px;



	left: 0px;



}



.promomic {

	margin-left:4px;
    margin-right:0px;
	
	margin-top:3px;
	margin-bottom:3px;
	
    padding-top:3px;

	padding-left:3px;

	padding-right:3px;

   

	background:url(/img/teme/tema1/bg_promo.gif) no-repeat;



	width: 180px;



	height: 227px;



	text-align: center;

	float:left;



/*	z-index: 0; */



/*	position: relative; */



}



.promomic h2{

	max-width:174px;

	color: #000000;

    text-align:left;

	text-decoration: none;



	font-weight: bold;

	font-family:Tahoma;



	font-size: 12px;

	padding-left:10px;

	padding-right:10px;



}

.promomic a{

color:#000000;

}



.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: 200px;



}



#dreapta {


		margin-right:14px;
		width: 190px;

		text-align: center;





	}

#dreapta, x:-moz-any-link { margin-right:24px; margin-left:6px; padding-left:6px; }






/* incepe definirea formularului de newsletter



   ATENTIE LA _HACKURILE pentru IE 6!



 */		



 



 #newsletter_edited{

 font-size:11px;

 width:160px;

 height:148px;

 background-image:url(/img/teme/tema1/bg_nwsl.gif);

 background-repeat:no-repeat;

 padding:10px;
 margin-left:10px;

 }



 



 body #newsletter_edited {width:160px; height:148px;}	



 



#newsletter {



    border:#3399CC 2px solid;



	width: 160px;



	text-align: center;	



}











div.submitmail {



	text-align: left;



	font-size: 10px;

    margin-bottom:5px;

/*	border: 1px solid #000; */



}







.inputnews {

    color:#999999;

	height: 16px;

	background-color:#FCFEFC;

	border-top:none;

	border-left:none;

	border-right:none;

	border-bottom:#000000 dotted 1px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;



	font-size: 10px;

    margin-left:-15px;

	width:120px;



}



/* se incheie newsletterul */







	



#footer {

	float:left;

    padding-left:20px;

	width: 100%;



	text-align: center;



	clear: both;

	background-color:#002E8C;

	

	color:#FFFFFF;

	

}



#footer a{

color:#FFFFFF;

}



.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: #0096FF;



	text-align: absolute center;



	font-variant: small-caps;



	padding-left: 5px;



	font-weight: bold;



	margin-left: 1px;




}


#filtru_remix{
width:576px;
height:65px;
overflow:hidden;
background-image:url(/img/teme/tema1/filtre_bg.jpg);
background-repeat:no-repeat;
padding: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 #B9D5FF; */



}







.afisarepret {

	float:left;

	padding-left:5px;

	font-family:Tahoma;

	font-weight: normal;

	font-size:10px;

	text-align:left;



}



.afisarepret strong{

color:red;

font-size:11px;

}





.legsel {



	font-size: 14px;

	color: #001D5B; 



}





#conditii strong{

color:#000000;

}



#kategorii {



	width: 599px;



	padding: 0px;



}	







#kategorii table {



	text-align: center;



}







.promointern {



	width: 590px;



}







#filtreaplicate {



	padding: 10px;



}







a.killemall {



	color: Orange;



}







a.killemall:hover {



	color: Red;



}







.denumire {



	text-decoration: none;



	font-weight: bold;



	font-size: 13px;



}



#esti_aici{



margin-bottom:5px;

color:8A9FB0;

font-size:10px;

padding-left:4px;



}







.hedlain {





	font-size: 12px;



	display: block;



	color: #999999;



}







strong {



	color: #FF0103;



	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: 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: left;



}







td#tdh1 h1 {





	color: Black;



	margin: 0px;



	margin-top: 5px;



	padding: 2px;



	font-size: 15px;



	text-align: left;



}



.specificatie{

border-bottom:#666666 dotted 1px;

}





.ftxt{

color:#666666; font-size:10px;

}





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;



}







/*The corners divs styles*/



.corners634{



background-image:url('/img/teme/tema1/corners634.jpg'); 



margin-bottom:0px; 



background-repeat:no-repeat; 



width:100%; height:22px; 



font-size:14px; 



line-height:24px; 



padding-left:4px; 



color:#FFFFFF; 



text-align:left; 



overflow:hidden;



}







.corners_bottom634{



background-image:url('/img/teme/tema1/corners_bottom634.jpg'); margin-top:0px; background-repeat:no-repeat; width:100%; height:18px;



}







.corners133{ 





letter-spacing:-1px;

font-weight:bolder;

margin-bottom:0px; 



background-repeat:no-repeat; 



width:100%; height:22px; 



font-size:16px; 



text-align:left; 



color:#0194FB;



}







.corners_bottom133{





margin-top:0px; 



background-repeat:no-repeat; 



width:100%; 



height:18px;



}





.corners184{

letter-spacing:-1px;

font-weight:bolder;

margin-bottom:0px; 



background-repeat:no-repeat; 



width:100px; height:22px; 



font-size:16px; 



padding-left:10px; 



color:#0194FB;



}









.corners_bottom184{





margin-top:0px; 



background-repeat:no-repeat; 



width:100px; 



height:18px;



}



.sxs{

  color:#999999;

	height: 16px;

	background-color:#FCFEFC;

	border-top:none;

	border-left:none;

	border-right:none;

	border-bottom:#000000 dotted 1px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	width:150px;

}

#filtru_remix{
padding-left:5px;
}

#filtru_sus{
height:23px; line-height:20px; text-align:center; color:#002F8D; font-weight:bold;  margin:auto;
}

#filtru_jos a{
font-weight:bold;
}

#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: normal;
	color: #FFF;
	background-color: transparent;
	font-weight: bold;
	padding-top: 2px;
	padding-left:0px;
	margin: 0;
}


#nav a {
	display: block;
	text-decoration: none;
	margin-right: 10px;
	color:#FFF;
}

#nav li {
	float: left;
	padding: 0;
	height: auto;
	background-image:url("/img/sageata_thingy.jpg");
	background-position:right;
	background-repeat:no-repeat;
	margin-right:15px;
	padding-right:3px;
}


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 120px;;
	font-weight: bold;
	background-color:#B1C0CD;
	margin:auto;
	background-image:url(/img/x.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#nav li li {
	padding: 0;
	width: 120px;
}
#nav li ul a {
	padding: 5px 10px;
	width: 120px;
	* html width: 120px;
		color:#000;
		font-weight:normal;
}

#nav li ul ul {
	margin-left: 80px;
	margin-top: -20px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


#nav li li:hover, #nav li li.sfhover {
	 background-color: #FFFFFF;
	 position: static;
	 background-image:none;
}


#nav li ul.under a {
	color: #000;
	background-image: none;
}
#nav li ul.under a:hover {
	background: #f00;
	color: #fff;
}


#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color: #fff;
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
	color: #fff;
	background-color: #f00;
}

#nav li ul li{
background-image:none;
}

#nav li:hover{
background:none;

}

/* -------------------------- */

/* -------------------------- */


#disclaimer{
background-color:#DFDFDF; margin-top:10px; padding:4px;
}

#regform{width:300px; float:left; text-align:right; font-weight:bold; overflow:hidden; margin-top:10px;}

#regform input{
border-bottom:#000000 1px dotted;
border-top:none;
border-left:none;
border-right:none; 
}

#informatii_personale{
float:right; margin-top:100px;
}