/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
 
 
 #balarie
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:892px;
 		height:auto;
 		
 		margin:20px 0px 0px 25px;
 		padding:0px;
 		
 		z-index:0;
 	}
 	
* html   #balarie
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:892px;
 		height:auto;
 		
 		margin:20px 0px 0px 12px;
 		padding:0px;
 		
 		z-index:0;
 		overflow:hidden;
 		
 	}	
 

 #balarie .header
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:892px;
 		height:43px;
 		
 		margin:0px;
 		
    		background: #fff url(../images/balarie_header.jpg) no-repeat 0 0; 		
 	}
 	
 #balarie .content
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:892px;
 		height:auto;
 		
 		margin:0px;
 		
    		background: #fff url(../images/balarie_content.jpg) repeat-y top left; 		
 	} 	
 	
 #balarie .footer
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:892px;
 		height:6px;
 		
 		margin:0px;
 		
    		background: #fff url(../images/balarie_footer.jpg) no-repeat 0 0; 		
 	} 	
 	
 
 
  #balarie_new
  	{
  		position:relative;
  		float:left;
  		display:block;
  		
  		width:892px;
  		height:auto;
  		
  		margin:20px 0px 0px 25px;
  		padding:0px;
  	}
  
 
 * html   #balarie_new
  	{
  		position:relative;
  		float:left;
  		display:block;
  		
  		width:892px;
  		height:auto;
  		
  		margin:20px 0px 0px 12px;
  		padding:0px;
  		overflow:hidden;
  		
  		z-index:0;
 	}
 
 
  #balarie_new .header
  	{
  		position:relative;
  		float:left;
  		display:block;
  		
  		width:892px;
  		height:43px;
  		
  		margin:0px;
  		
     		background: #fff url(../images/balarie_header_new.jpg) no-repeat 0 0; 		
  	}
  	
  #balarie_new .content
  	{
  		position:relative;
  		float:left;
  		display:block;
  		
  		width:892px;
  		height:auto;
  		
  		margin:0px;
  		
     		background: #fff url(../images/balarie_content.jpg) repeat-y top left; 		
  	} 	
  	
  #balarie_new .footer
  	{
  		position:relative;
  		float:left;
  		display:block;
  		
  		width:892px;
  		height:6px;
  		
  		margin:0px;
  		
     		background: #fff url(../images/balarie_footer.jpg) no-repeat 0 0; 		
 	} 	
 	
 	
 	
 	
 
.space_fp
{
	margin:15px 0px 0px 0px;
}
 
.view_all_front 
{
	float:right;
	margin:0px 40px 0px 0px;

}

.view_all_front a
{
	float:right;
	color:#000;
	font-size:12px;
}

.oferte_speciale_titlu
{
	float:left;
	color:#000;
	font-size:14px;	
	font-weight:bold;
	margin:10px 0px 0px 10px;
}
 
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 170px;
    height: 170px;
    margin:0px 0px 0px 5px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}








.jcarousel-skin-tango .jcarousel-container {
    background: #fff;
    
    margin:0px 0px 0px 0px;
    padding:0px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 780px;
    height: 180px;
    padding: 20px 40px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  780px;
    height: 180px;
    
    margin:0px;
    padding:0px;
}



.jcarousel-skin-tango .jcarousel-item {
    width: 170px;
    height: 170px;
    margin:0px 3px 0px 3px;
    padding:2px 5px;
    
    border:1px solid #ccc;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



.jcarousel-skin-tango li
{
	text-align:center;
}



.eso_clickk
{
	float:right;
	margin:9px 35px 0px 0px;

}

.eso_clickkk
{
	float:right;
	margin:9px 35px 0px 0px;

}







 #cloudd
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:892px;
 		height:auto;
 		
 		margin:15px 0px 0px 25px;
 		padding:0px;
 		
 		z-index:0;
 	}
 
 * html  #cloudd
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:894px;
 		height:auto;
 		
 		margin:15px 0px 0px 12px;
 		padding:0px;
 		overflow:hidden;
 		
 		z-index:0;
 	}

 #cloudd .header
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:892px;
 		height:30px;
 		
 		margin:0px;
 		padding:0px;
 		
  	}
  	
 #cloudd .content
 	{
 		position:relative;
 		float:left;
 		display:block;
 		
 		width:892px;
 		height:auto;
 		
 		margin:0px;
 		padding:0px;
 		
  	}