/* CSS Document */


/*all-alpha-png {behavior: url (iepngfix.htc); } */



@import "br.css";

html {
	height:100%;
}

body {
	background:url(../img/back.jpg) repeat center top #fff;
	font-family:"Tahoma";
	font-size:11px;
	color:#fff;
	padding:0;
}
* { outline:none; }
#developer {
	display:none;
}

a {
	color:#c00;
	text-decoration:none;
}
a:hover {
	color:#000;
}
#wrapper {
	padding-top:20px;
	width:980px;
	margin:0 auto;
}
#logo h1 a {
	display:block;
	float:left;
	width:328px;
	height:0px;
	padding-top:80px;
	overflow:hidden;
	background:url(../img/logo.png) no-repeat left top;
}
#logo {
	float:left;
}

#meniu { height: 80px;width:652px;display:block; float:left;z-index: 3; }
#meniu #navigare { margin: 0; padding: 0; }
#meniu #navigare li { display: inline;}
#meniu #navigare li a { float: left; height: 0px; padding-top: 80px; overflow: hidden; }
#meniu #navigare li a {
	background-image: url(../img/menu.png); 
	background-repeat: no-repeat;
}

/* BUTTONS */
#meniu #navigare li#link1 a { background-position: 0 0; width:132px; }
#meniu #navigare li#link2 a { background-position: -132px 0; width:106px; }
#meniu #navigare li#link3 a { background-position: -238px 0; width:120px; }
#meniu #navigare li#link4 a { background-position: -358px 0; width:131px; }
#meniu #navigare li#link5 a { background-position: -489px 0; width:61px; }
#meniu #navigare li#link6 a { background-position: -550px 0; width:101px; }


/* OVER STATES */
#meniu #navigare li#link1 a:hover { background-position: 0 -80px; }
#meniu #navigare li#link2 a:hover { background-position: -132px -80px; }
#meniu #navigare li#link3 a:hover { background-position: -238px -80px; }
#meniu #navigare li#link4 a:hover { background-position: -358px -80px; }
#meniu #navigare li#link5 a:hover { background-position: -489px -80px; }
#meniu #navigare li#link6 a:hover { background-position: -550px -80px; }

/* ON STATES */
#meniu #navigare li#link1 a.active { background-position: 0 -160px !important; }
#meniu.pag2 #navigare li#link2 a { background-position: -132px -160px !important; }
#meniu.pag3 #navigare li#link3 a { background-position: -238px -160px !important; }
#meniu.pag4 #navigare li#link4 a { background-position: -358px -160px !important; }
#meniu.pag5 #navigare li#link5 a { background-position: -489px -160px !important; }
#meniu.pag6 #navigare li#link6 a { background-position: -550px -160px !important; }

/* insert content nou acilea */

#sidebar {
	width:200px;
	padding-left:20px;
	float:right;
}
#continut {
	float:left;
	width:760px;
}
#sidebar label {
	display:block;
	width:200px;
	float:left;
	margin-bottom:5px;
}
#contactform label input,
#sidebar label input {
	background:url(../img/input200.png) no-repeat left top transparent !important;
	border:none;
	font-size:11px;
	padding:5px 7px;
	width:186px;
}

#sidebar label select {
	background:url(../img/input200.png) no-repeat left top;
	width:200px;
	border:none;
	font-size:11px;
	padding:4px 7px 4px 4px;
}
#header {
	padding-bottom:20px;
}
.box h2 {
	padding-top:20px;
}
.boxed {
	background:url(../img/boxed.png) no-repeat left top;
	padding:10px 10px 0 10px;
	color:#333;
}
.boxedend {
	background:url(../img/boxedend.png) no-repeat left bottom;
	height:0;
	margin:0 0 -5px -10px;
	padding-top:12px;
	width:200px;
	overflow:hidden;
	display:block;
}
.sIFR-flash {
	margin-bottom:-7px !important;
}
p {
	padding:3px 0;
}
h4 {
	font-size:14px;
	padding-bottom:5px;
	font-family:Arial;
	font-weight:bold;
	color:#333;
}
#producatori ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#producatori ul li{
  float: left;
  display: block;
}
#producatori ul li a{
  display: block;
  overflow: hidden;
  height: 382px;
  width: 92px;
}
#producatori #a1{
	width: 370px;
}
#producatori ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 85px;
}
.oferta a img {
	float:left;
	margin-right:15px;
	background-position:center !important;
	background-color:#fff !important;
}
.textoferta {
	float:left;
	display:block;
	width:462px;
}
.oferta {
	padding-top:20px;
}
.descriere, .caracteristici {
	width:216px;
	display:block;
	float:left;
}
.descriere {
	margin:10px 15px 10px 0px;
}
.caracteristici {
	margin:10px 0px 10px 15px;
}
strong, bold { font-weight:bold; }

input.btn {
	padding:0;
	border:none;
	margin-right:10px;
}
.btn {
	padding-top:23px !important;
	display:block;
	float:left;
	overflow:hidden;
	width:95px;
	height:0;
	cursor:pointer;
	cursor:hand;
}
.btn.wide {
	width:138px;
	margin:0 auto;
	float:none;
}
.box h3 {
	float:left;
	width:95px;
	padding-top:3px;
}
#login { background:url(../img/login.png) no-repeat left top; }
#cautaprodus { background:url(../img/cauta.png) no-repeat left top; }
#contul_nou input, #contnou { background:url(../img/contnou.png) no-repeat left top; }
.detalii { background:url(../img/detalii.png) no-repeat left top; }
.cumpara { background:url(../img/cumpara.png) no-repeat left top; }

#faves {
	display:block;
	float:left;
	background:url(../img/faves.png) no-repeat left center;
	text-align:right;
	font-size:48px;
	color:#fff;
	width:190px;
	padding-right:10px;
	margin-top:10px;
	margin-bottom:-15px;
	height:56px;
	line-height:56px;
	font-family:Arial;
}
#faves span {
	display:none;
}
#mailok {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/semi.png);
	position:fixed;
	left:0;
	top:0;
	z-index:99999;
	display:none;
	cursor:pointer;
	text-align:center;
}
#mailok p {
	font-size:18px;
	text-align:center;
	padding-top:28%;
	color:#fff;
}
#mailok span {
	font-size:10px;
}
#ofertespeciale {
	display:block;
	height:220px;
	overflow:hidden;
}
.visible {
	color:yellow;
}
#schimbatoare a {
	width:33px;
	height:0px;
	padding-top:40px;
	display:block;
	float:left;
	overflow:hidden;
	background-image:url(../img/schimba.png);
}
#arata1 { background-position:left top; }
#arata2 { background-position:-33px top; }
#arata3 { background-position:-66px top; }
#arata4 { background-position:-99px top; }
#arata5 { background-position:-132px top; }
#arata6 { background-position:-165px top; }
#arata7 { background-position:-198px top; }
#arata8 { background-position:-231px top; }

#arata1:hover { background-position:left -40px; }
#arata2:hover { background-position:-33px -40px; }
#arata3:hover { background-position:-66px -40px; }
#arata4:hover { background-position:-99px -40px; }
#arata5:hover { background-position:-132px -40px; }
#arata6:hover { background-position:-165px -40px; }
#arata7:hover { background-position:-198px -40px; }
#arata8:hover { background-position:-231px -40px; }

#arata1.visible { background-position:left -80px; }
#arata2.visible { background-position:-33px -80px; }
#arata3.visible { background-position:-66px -80px; }
#arata4.visible { background-position:-99px -80px; }
#arata5.visible { background-position:-132px -80px; }
#arata6.visible { background-position:-165px -80px; }
#arata7.visible { background-position:-198px -80px; }
#arata8.visible { background-position:-231px -80px; }

#footer {
	text-align:center;
	padding-top:20px;
	font-size:14px;
	font-family:Arial;
}
/*adaugate de programatoru */

#nologin{
	display:none;
	margin:12px 0 7px;
	float:left;
	width:188px;
	_margin-right:-3px;
}
#recparola{
	display:none;
}

/*sfarsit prostii adaugate de programatoru */

#logomare {
	float:right;
}
#pagetitle {
	padding-bottom:20px;
}
#pagetitle h2 {
	width:300px;
	padding-top:30px;
}
#pagetitle h3 {
	width:300px;
}
.categorie {
	width:100px;
	margin-right:10px;
	margin-bottom:15px;
	float:left;
}
.categorie a img {
	margin-bottom:5px;
}
.produs h4 {
	color:#ddd;
}
.lastanga {
	float:right;
}
.produs { 
	width:265px;
	padding-right:5px;
	display:block;
	float:left;
	padding-bottom:20px;
}
.produs.par {
	padding-left:5px;
	padding-right:0;
}
.produs {
	filter: alpha(opacity=80); /* IE */
	opacity: 0.8; /* Safari, Opera */
	-moz-opacity:0.80; /* FireFox */
}
#numecat {
	width:200px;
	float:left;
	border-top:1px solid #fff;
}
#numecat li {
	display:inline;
}
#numecat li a {
	display:block;
	float:left;
	color:#fff;
	padding:8px 10px 8px 5px;
	width:183px;
	margin-right:0px;
	font-weight:bold;
	border:1px solid #fff;
	border-top:none;
}
#numecat li li a {
	padding:5px 10px 5px 13px;
	background:#888;
	width:175px;
}
#numecat li a:hover {
	background:#ddd;
	color:#333;
}
#numecat li a.active {
	width:183px;
	border-right:1px solid #333;
	margin-right:0px;
	background:#333;
	color:#fff;
}
#numecat li li a.active {
	width:175px;
	background:#555;
}
#listingcat {
	width:519px;
	float:left;
	padding:20px;
	background:#333;
	padding-top:15px;
	border:1px solid #fff;
	border-left:none;
	border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
}
#listingcat h4 {
	font-size:20px;
}

#prod1, #prod2, #prod3, #prod4, #prod5, #prod6, #prod7, #prod8, #prod9, #prod10, #prod11, #prod12, #prod13 {
	display:none;
}
#listingcat h4 {
	color:#fff;
}
#listingcat h5 a {
	color:#fff;
}
#listingcat h5 a:hover {
	color:#f00;
}
#trimite, #recupereaza { 
	background:url(../img/trimite.png) no-repeat scroll left top;	
	background:url(../img/trimite.gif) no-repeat scroll left top;	
	margin-bottom:15px;
	_height:23px;
}
#contactform div.submit {
	width:760px;
}
#recemail { margin-top:6px; }
.lastanga a img {
	background-position:center !important;
	background-color:#fff  !important;
	background-repeat:no-repeat !important;
}
.ladreapta {
	float:left;
	width:275px;
	padding-left:15px;
}
.colors span {
	display:block;
	float:left;
	width:30px;
	margin-right:7px;
	background:#999;
	border:1px solid #fff;
}
.colors li {
	margin-bottom:5px;
}
#zeblack span { background:black; }
#zeyellow span { background:yellow; }
#zered span { background:red; }

.colors a.active {
	color:#000;font-weight:bold;
}
#butoanele a {
	display:block;
	height:0px;
	padding-top:43px;
	overflow:hidden;
	margin:15px auto 0;
	width:200px;
}
#addtofaves { background:url(../img/addtofaves.png) no-repeat }
#removefaves { background:url(../img/removefaves.png) no-repeat }
#addtocart { background:url(../img/addtocart.png) no-repeat }

h6 {
	font-size:10px;
	color:#ddd;
	padding-bottom:10px;
}
.stire {
	border-bottom:1px solid #fff;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
}
.stire.nomargin {
	margin-bottom:0px;
	border-bottom:2px solid #fff;
}
#paginare {
	text-align:right;
	padding-right:20px;
	padding-top:7px;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
}
#paginare a {
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	padding:7px 10px;
	margin-left:10px;
	background:#555;
	color:#fff;
}
#paginare a:hover {
	background:#c00;
	color:#fff;
}
#paginare a.pagactiv:hover,
#paginare a.pagactiv {
	font-weight:bold;
	background:#fff;
	color:#000;
}
#listingprod {
	padding-left:15px;
	display:block;
	float:left;
	width:540px;
}
.leftprod {
	display:block;
	float:left;
	width:105px;
}
.rightprod {
	display:block;
	float:left;
	width:160px;
}
#cosu tr {
	border-bottom:1px solid #fff;
}
#cosu td, #cosu th {
	padding:5px;
	font-size:14px;
}
#cosu td input {
	width:60px;
	padding:3px;
	border:1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#cosu {
	width:760px;
	margin-bottom:20px;
}
#cosu th {
	font-weight:bold;
	background:#333;
	padding:7px 5px;
}
#cosu .row.oddrow {
	background:#888;
}
#cosu .row {
	background:#aaa;
}
#cosu a:hover {
	color:#aaa;
}
.buba {
	padding:5px;
	border:1px solid #dc143c;
	background:#fff0f5;
	color:#dc143c;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.buba p { font-weight:bold; }
.buba.notice {
	background:#fffacd;
	border:1px solid #cdad00;
	color:#cdad00;
}
#recparola {
	font-weight:bold;
	padding-top:5px;
}
#contactform label {
	display:block;
	float:left;
	width:380px;
	margin-bottom:7px;
}
#contactform {
	padding-top:30px;
}
#contactform label strong{
	display:block;
	float:left;
	width:40px;
	height:23px;
	line-height:23px;
	padding-left:5px;	
}
#contactform.plata label strong {
	width:60px;
}
#contactform label input {
	float:left;
}
#harta a img {
	padding:5px;
	background:#fff;
	margin-right:145px;
	margin-left:10px;
	border:1px solid #666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#harta {
	float:right;
}
#contactform textarea {
	margin-bottom:15px;
	padding:4px 5px;
	width:750px;
	height:114px;
	border:none;
	background:url(../img/textarea.gif) no-repeat;
	font-family:Arial;
	font-size:14px;
}
.submit {
	text-align:center;
}
.submit .btn { float:none; margin:0 auto; }

#adresa h3 {
	width:300px;
}
#adresa p {
	font-size:14px;
	font-family:"Trebuchet MS";
}

#les_producatori {
	display:none;
	position:absolute;
	margin:70px 0 0 331px;
	background:url(../img/lesprod.png) no-repeat;
	width:300px;
	height:178px;
	padding:22px 10px 10px 10px;
}
#les_producatori a {
	filter: alpha(opacity=60); /* IE */
	opacity: 0.6; /* Safari, Opera */
	-moz-opacity:0.60; /* FireFox */
}
#les_producatori a:hover {
	filter: alpha(opacity=100); /* IE */
	opacity: 1.0; /* Safari, Opera */
	-moz-opacity:1.00; /* FireFox */
}
#logout a {
	padding:3px 0;
	display:block;
}
.promotie {
	background:#333;
	border:1px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	margin-right:13px;
	margin-left:16px;
	margin-bottom:20px;
	width:101px;
	display:block;
	float:left;
}
.promotie .detaliipromo {
	position:absolute;
	background:url(../img/semi.png);
	padding:5px;
	width:90px;
	margin-top:45px;
	display:none;
}
.promotie.sesame .detaliipromo {
	display:block !important;
}
.promotie a:hover {
	color:#fff;
}
.promotie h6 {
	padding-bottom:0px
}
.detaliipromo h5 {
	font-size:14px;
}
.detaliipromo h5 span {
	font-size:11px;
	color:#ccc;
	text-decoration:line-through;
}
#promotiile {
	border-bottom:2px solid #fff;
}
#dev span { display:none; }


#listare th{
	background:#cc0000 none repeat scroll 0 0;
border-bottom:2px solid #999999;
}
#listare th, #listare td {
border-bottom:2px solid #cc0000;
/*font-size:20px;*/
height:20px;
line-height:20px;
padding-left:20px;
padding-right:20px;
cursor:pointer;
cursor:hand;
}
.tr_selected{
	/*background-color:#cc0000;*/
	background-color:#333333;
}

#listingprod #paginare {
	width:520px;
	float:left;
	border-top:1px solid #fff;
} 
.stire .thumbu a img{
	float:left;
	margin-right:15px;
}
.stire .thumbu a:hover img{
}
.stire h3 { width:500px; }

#gallery {
	padding-bottom:20px;
}
#culorile span {
	display:block;
	margin-bottom:7px;
	cursor:pointer;
	cursor:hand;
}
#culorile span strong { display:block;width:20px;float:left;border:1px solid #000;margin-right:7px; }


.produs_recomandat { float:left;padding:10px 10px 15px 0px; width:243px; }
.produs_recomandat .detalii { margin:10px 0 0 0 }
.produs_recomandat .photo { margin-left:10px; float:right;}

#listare { width:250px; }
#listare td, #listare th { text-align:center; }
#listare th { font-weight:bold; }
#listare td { padding:2px 0; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; }

.culoare span { cursor:pointer; cursor:hand; }

.rightprod h2 { padding-bottom:5px; }
.rightprod h2 a { font-size:15px; }
.rightprod h5 { font-size:13px; }


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac *//