body{
background-color: #000000;
margin:0px;
padding:0px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
}
		 
.chenar{
margin-left: auto;
margin-right: auto;
width: 1024px;
}

a, a.active{
text-decoration:none;
color:#CFB53B;
}
a:hover {
color:white;
}
 h4 {
color:#CFB53B;
font-size:28px;
text-indent:60px;
margin:0px;
padding:0px;
}
#bold{
font-weight:bold;
}
.italic{
font-weight:900;
color:#333333;
}
p {
line-height : 20px;
text-indent: 20px;
}
/* -------------------header ------------*/	 
#header{
background-image:url('../images/header.jpg');
width: 1024px;
height: 211px;	
}
			 
#header_produse{
background-image:url('../images/header_produse.jpg');
width: 1024px;
height: 211px;	
}
/* -------------------------------*/	 
#left_bg{
background-image:url('../images/left_bg.jpg');
width: 56px;
height: 813px;
float:left;	 
}

#leftp{
background-image:url('../images/leftp.jpg');
width: 56px;
height: 813px;
float:left;	 
}

#right_bg{
background-image:url('../images/right_bg.jpg');
width: 69px;
height: 813px;
float: right;
}

#rightp{
background-image:url('../images/rightp.jpg');
width: 69px;
height: 813px;
float: right;
}
/* ------------------- menu ------------*/	 
#menu_bg{
background-image:url('../images/menu_bg.jpg');
width: 899px;
height: 108px;
float: left;
text-align:center;
}
			 
#menuproduse_bg{
background-image: url('../images/menuproduse_bg.jpg');
width: 899px;
height: 108px;
float: left;	
text-align:center;
}
/* -------------------------------*/	

/* ------------------- CONTENT------------*/	  
#content{
width: 899px;
height: 655px;
float: left;
color: rgba(0,0,0,0);
}

#contentproduse{
background: url('../images/produseb.jpg') no-repeat;
width: 899px;
height:970px;
float: left;
color: rgba(0,0,0,0);
}
#contentproduse ul li img {
cursor: pointer;
}

#contentproduse ul li{
width: auto;
height: auto;
list-style: none;
float: left;
padding: 35px;
overflow: hidden;
}

#contentproduse a img{
border: none;

}
/* --------------------------- comanda.php -----*/
#contentcomanda{
background-image: url('../images/formular.jpg');
width: 899px;
height: 655px;
float: left;
}

#col1 {
float:left;
color:#151515;
font-weight:bold;
padding-left:50px;
padding-top:100px;
}

#col2 {
float:left;
color:#151515;
font-weight:bold;
padding-left:10px;
padding-top:100px;
}

#centru{
float:left;
color:#151515;
font-weight:bold;
padding-top:100px;
margin-left: auto; 
margin-right: auto; 
width: 100%;
}

input, textarea{
color:#CFB53B;
background-color:#2d2b2b;
font-size:12px;
text-decoration:none;
font-weight:300;
font-family:verdana, arial, helvetica, sans-serif;
border-style:none;
line-height:12px;
margin:5px;
}

#text-comanda {
color:#151515;
font-size: 12px;
float:left;
width:480px;
padding-left:px;
padding-top: 30px;
}
#text-comanda ol {
list-style-type:square;
}
#text-comanda ol li {
padding:10px;
}

#text-comanda h4 {
color:#CFB53B;
font-size:14px;
text-indent: 0px;
}
/* ----------------------detalii_comanda.php---------------------*/


#contentdetalii{
background-image: url('../images/detalii.jpg');
width: 899px;
height: 655px;
float: left;
color:#151515;
font-size: 15px;
font-weight:normal;
}

#text-detalii1 {
float:left;
width:400px;
padding-left:40px;
padding-top:120px;
}

#text-detalii2 {
float:left;
width:400px;
padding-left:20px;
padding-top:35px;

}


/* ----------------------livrare.php---------------------*/


#contentlivrare{
background-image: url('../images/livrare.jpg');
width: 899px;
height: 655px;
float: left;
color:#151515;
font-size: 15px;
font-weight:normal;
}

#text-livrare1{
float:left;
width:400px;
padding-left:40px;
padding-top:100px;
}

#text-livrare2 {
float:left;
width:400px;
padding-left:20px;
padding-top:35px;
}

/* ----------------------intretinere.php---------------------*/


#contentintretinere{
background-image: url('../images/intretinere.jpg');
width: 899px;
height: 655px;
float: left;
color:#151515;
font-size: 15px;
font-weight:normal;
}

#text-intretinere1{
float:left;
width:400px;
padding-left:40px;
padding-top:50px;
}

#text-intretinere2 {
float:left;
width:400px;
padding-left:20px;
padding-top:35px;
}

#text-intretinere1 ul li {
padding:2px;
}
#text-intretinere2 ul li {
padding:2px;
}

#text-intretinere2 ol li {
padding:10px;
padding-left:60px;
text-decoration:none;
}
#text-intretinere2 ol {
list-style-type:none;
}

/* ----------------------intrebari.php---------------------*/


#contentintrebari{
background-image: url('../images/intrebari.jpg');
width: 899px;
height: 655px;
float: left;
color:#333333;
font-size: 15px;
font-weight:bold;
}

#text-intrebari1{
float:left;
width:400px;
padding-left:40px;
padding-top:100px;
}

#text-intrebari2{
float:left;
width:400px;
padding-left:20px;
padding-top:25px;
}

#contentintrebari ol {
list-style:none;
color: #151515;
font-weight:normal;
line-height : 20px;
}
/* ----------------------garantie.php---------------------*/


#contentgarantie{
background-image: url('../images/garantie.jpg');
width: 899px;
height: 655px;
float: left;
color:#151515;
font-size: 15px;
font-weight:normal;
}

#text-garantie1{
float:left;
width:400px;
padding-left:40px;
padding-top:120px;
}

#text-garantie2{
float:left;
width:400px;
padding-left:20px;
padding-top:40px;
}

/* ----------------------contact.php---------------------*/


#contentcontact{
background-image: url('../images/contact.jpg');
width: 899px;
height: 655px;
float: left;
}

#text-contact{
color:#151515;
font-size: 13px;
font-weight:bold;
float:left;
width:320px;
padding-left:110px;
padding-top:100px;
}

/* ----------------------acasa.php---------------------*/


#contentacasa{
background-image: url('../images/acasa.jpg');
width: 899px;
height: 655px;
float: left;
}

#text-acasa{
color:#151515;
font-size: 15px;
font-weight:normal;
float:left;
width:450px;
padding-left:60px;
padding-top:50px;
}

#text-acasa2{
color:#151515;
font-size: 15px;
font-weight:normal;
float:left;
width:350px;
padding-left:30px;
padding-top:50px;
}
/* ----------------------schimbare.php---------------------*/

#contentschimbare{
background-image: url('../images/schimbare.jpg');
width: 899px;
height: 655px;
float: left;
color:#151515;
font-size: 15px;
font-weight:normal;
}

#text-schimbare1{
float:left;
width:350px;
padding-left:60px;
padding-top:130px;
}

#text-schimbare2{
float:left;
width:400px;
padding-left:60px;
padding-top:220px;
}

/* --------------------FOOTER----------------------*/
#footer_menu{
background-color: #000000;
font: 11px Verdana;
width: 899px;
float: left;
text-align:center;
color:#707070;
}
			 
#footer_menu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#footer_menu li {
color:#707070;
list-style-type: none;
display: inline;
margin: 0 5px 0 5px; 
}

#footer_menu li a {
color: #707070;
text-decoration: none;
}				
			   
#footer_menu li a.active, #footer_menu a:hover {
color: #CFB53B;
}

#player{
background-color: #000000;
width: auto;
float: left;
}
/* ----------------------------------------------*/

/* ---------------------produs.php-------------------------*/
#page{
clear:both;
padding-right:100px;
text-align:right;
color:rgb(207, 181, 59);
}
#page a,a.active{
color: #8D7243;
text-decoration: none;
}

#page a:hover{
color:rgb(207, 181, 59);
}

#imagine{
	width:auto;
	padding-left:50px;
	float:left;
	color:rgb(207, 181, 59);
	font-weight:bold;
}

#descriere {
	background-image: url('../images/descriere.jpg');
	background-repeat: no-repeat;
	width:300px;
	height:242px;
	color:white;
	padding-left:50px;
	font-size:12px;
	float:left;
	margin-left:100px;	
	margin-top:42px;
}

#descriere ol {
	list-style: none;
	padding: 3px;
	margin-left:15px;
}

#descriere ol li ol li {
	color: #ffffff;
	font-weight: normal;
}


.boldcolor {
	font-weight: bold;
	color:rgb(207, 181, 59);
}

#reducere {
	font-weight: bold;
	color:red;
}

/* -----------------------Galerie Produs-----------------------*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: rgba(0,0,0,0);
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 350px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* ---------------------hover logo-------------------------*/
a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.3; 
opacity: 0.3;
border:0px;
padding:2px;;
}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
border:0px;
}

#parteneri{
float:left;
width:899px;
color:#CFB53B;
text-align:center;
}
/* ---------------------scroller logo-------------------------*/
/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:0px; height:0px;}

#outerContainer { width:899px; height:100px; position:relative; float:left; }
#imageScroller { width:899px; height:100px; position:relative; background:#000000 url(images/imageScrollerBG.png) no-repeat; }
#viewer { width:899px; height:100px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:899px; height:47px; background:url(images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#title { color:#CFB53B; font-size:11px; font-family:verdana; width:100%; text-align:center; margin-top:0px; }
a.wrapper img {
filter:alpha(opacity=50); 
-moz-opacity: 0.3; 
opacity: 0.3;
border: 0px;
padding: 15px 3px 0px 3px;
}
a.wrapper:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
border: 0px;
}