/*
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////   LAYOUT STYLES	////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
*/

html, body {
background: #ff9fce;
}

body {
font-family: "Tahoma", Arial, System;
background-image: url(../images/BCGRND.jpg);
background-repeat: repeat-x;
color: #ff5faf;
font-size: 62.5%; /*= 10px;*/
padding: 0;
margin: 0;
}

.container {
	width: 102em;
	height: auto;
	padding: 0;
	margin: 0 auto;
/*overflow: hidden;*/
}

.hd {
background: url(../images/heading-img.png) repeat-x left top transparent;
width: 100em;
*width: auto;
height: 2.5em;
overflow: hidden;
padding: 0;
margin: 0 auto;
*margin: 0 0.8em;
float: none;
clear: both;
}

.bd {
	background: #e8e8e8;
	width: 100em;
	height: auto;
	margin: 0 1em;
	*margin: 0 0.95em;
	overflow: hidden;
	border: 1px solid #ccc;
}

.ft {
background: url(../images/content-bg-img-btm.gif) no-repeat center bottom transparent;
width: 100em;
*width: 102em;
height: 2em;
padding: 0em;
overflow: hidden;
position: relative;
top:12px;

z-index: 1;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////   CONTENT STYLES	////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
*/

.clear {

font-size: 0.1em;
*font-size: 1em;
floar: none;
clear: both;
min-width: 100%;
*width: 100%;
padding: 0;
margin: 0;
}


.heading-container {
	background:url(../images/header-back.jpg) no-repeat;
width: 90em;
height: 15.0em;
padding: 0 5em;
overflow: hidden;

}

.logo {
	display:none;
width: 19em;
height: 14.5em;
padding: 0;
margin: 0 -19em 0 0;
float: left;
}

.logo a img {
border: none;
outline: none;
}

.navi-container {
width: auto;

padding: 1px 0px 1px 0px;
padding-left: 25em;
margin: 0;
overflow: hidden;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////   NAVIGATION STYLES	////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
*/

.navi {
height: 11.5em;
padding: 0;
margin: 0;
float: right;
clear: both;
overflow: hidden;
}

.navi ul {
padding: 0 0.5em;
margin: 0;
overflow: hidden;
}

.navi ul li {
list-style: none outside;

margin: 0;
display: list-item;
float: left;
height: 3em;
vertical-align:middle;
}
.navi ul li a img{
	position:relative;
	*top:-5px;
}
.navi ul li a {
color: #ff2c96;
font-size: 120%;
text-decoration: none;
letter-spacing: 0;
line-height: 2.08em;
*line-height: 1.04em;
word-spacing: -0.07em;
*padding-top: 0.5em;
margin: 0 0.5em;
white-space: nowrap;
outline: none;
border: none;
*display: inline-block;
}

.navi ul li a:hover {
background: url(../images/url-line.gif) repeat-x left bottom transparent;
color: #813856;
}

.navi ul li a.selected {
font-weight: bold;
background: url(../images/url-line.gif) repeat-x left bottom transparent;
color: #813856;
}



a.home {
background: url(../images/btn-home.gif) no-repeat left top transparent;
width: 2em;
height: 2em;
display: block;
margin-top: -2.2em;
*margin-top: -2.5em;
position: absolute;
*position: relative;
z-index: 100;
float: left;
}

a.home:hover {
background: url(../images/btn-home.gif) no-repeat scroll right top transparent;
width: 2em;
height: 2em;
display: block;
margin-top: -2.2em;
*margin-top: -2.5em;
position: absolute;
*position: relative;
z-index: 100;
float: left;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////   CONTENT STYLES	////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
*/

.main-image {
background: none;
padding: 0;
margin: 0 4.8em -0.35em 5.2em;
*margin: 0 4.8em 0.75em 5.2em;
_margin: 0 2.6em 0.75em 2.6em;
float: left;
clear: both;
overflow: hidden;
border: solid 2px #ff5faf;
}

.main-image span {
width: 26.6em;
height: 23.6em;
display: block;
*display: inline-block;
float: left;
}

.main-image span img {
width: 26.6em;
height: 23.6em;
border: none;
outline: none;
padding: 0;
margin: 0;
}

.sections {
background: none;
padding: 0;
margin: 0 3.6em 0 4.4em;
float: none;
clear: both;
overflow: hidden;
_display: inline-block;
}

.sections ul {
padding: 0;
margin: 0;
overflow: hidden;
}

.sections ul li {
list-style: none outside;
float: left;
display: list-item;
padding: 0 0 0 0.75em;
}

.sections ul li a,.sections ul li span  {
width: 29.1em;
height: 23.6em;
padding: 0;
margin: 0;
display: block;
border: solid 2px #b62862;
}

span.section-4 {
background: url(../images/home-main-img-1.jpg) no-repeat left top transparent;
/*border: solid 2px #E8E8E8 !important;*/
}

span.section-5 {
background: url(../images/home-main-img-2.jpg) no-repeat left top transparent;
/*border: solid 2px #E8E8E8 !important;*/
}

span.section-6 {
background: url(../images/home-main-img-3.jpg) no-repeat left top transparent;
/*border: solid 2px #E8E8E8 !important;*/
}








a.section-1 {
background: url(../images/section-1.jpg) no-repeat left top transparent;
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
}
a.section-1:hover {
background: url(../images/section-1.jpg) no-repeat left top transparent;
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
}

a.section-2 {
background: url(../images/section-2.jpg) no-repeat left top transparent;
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
}
a.section-2:hover {
background: url(../images/section-2.jpg) no-repeat left top transparent;
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
}

a.section-3 {
background: url(../images/section-3.jpg) no-repeat left top transparent;
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
}
a.section-3:hover {
background: url(../images/section-3.jpg) no-repeat left top transparent;
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
}

div.hr-1 {
	height: 20px;
	background: #e8e8e8;
	margin: 0 5em 0 5.2em;

*margin: 0 4.8em 0em 5.2em;
}
div.hr-1 hr {
  display: none;
}

div.hr-2 {
	display:none;
height: 8px;
*height: 10px;
background: #fff url(../images/hr-1.gif) repeat-x scroll center;
margin: 0 5em 0 5.2em;
*margin: 0 4.8em 0em 5.4em;
_margin: 0 4.8em 0em 5.4em;
}
div.hr-2 hr {
  display: none;
}

.content {
	padding-bottom: 2em;
	background: e8e8e8;
	background-color: #e8e8e8;
	background-repeat: repeat;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////   CONTENT STYLES / About us	////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
*/


.continut-rubrici {
	background: #e8e8e8;
	margin: 0 5em -0.35em 5.2em;
	_margin: 0 4.9em 0.75em 5.4em;
	clear: both;
	_display: inline-block;
	border: solid 1px #ff5faf;

/*border-left: solid 2px #ff5faf;*/


}

.pane {
padding: 0;
/*
padding-left: 26em;
_padding-left:25em;
*/
margin: 0;

overflow: hidden;
}

.sidebar {
width: 24em;
padding: 0;
margin: 0 -29.2em 0 0;
float: left;
}

.sidebar h1, .date_tehnice_title,.menu-title,.slogan {
color: #FFF;
font-size: 160%;
font-family: "Geneva", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: 0;
word-spacing: -0.1em;
background:url(../images/title-bg-img.gif) no-repeat right top #ff5faf;
padding: 0.4em 1em;
margin: 0.5em 0 0 0;
*margin: 0.5em 0 0 0;
display: inline-block;
/*border-bottom: solid 2px #FFF;*/
}
.slogan {
	background:url(../images/desc-bg-img.gif) top left #FF5FAF no-repeat;
	float:right;
	margin-top:0px;
	position:relative;
	right:50px;

	*top:0px;
	_top:0px;
	background-image: url(images/magda-slogan.gif);
}
.menu-title{
	*width:160px;
	float:left;
	margin-top:0px;
	position:relative;
	left:52px;
	_left:54px;
	*top:0px;
	_top:0px;
}
.sidebar .sidebar-container {
background: #B62862; 
display:block;
padding: 1px;
margin: 0;
}

.sidebar p {
color: #FFF;
font-size: 110%;
line-height: 1.5;
padding: 0 0 0.8em 0;
margin: 0;
}

.sidebar p strong {
color: #b62862;
font-weight: bold;
}

.sidebar p a {
color: #b62862;
background: url(../images/dot-line-2.gif) repeat-x center bottom transparent;
padding: 0.3em 0.1em;
text-decoration: none;
}

.sidebar p a:hover {
color: #FFF;
background: url(../images/dot-line-2.gif) repeat-x center bottom transparent;
padding: 0.3em 0.1em;
text-decoration: none;
}

.sidebar p em {
font-style: italic;
font-weight: normal;
}

.main-image-rubrici,.main-image-description {

	/*background: #ff5faf;*/
	overflow: hidden;
	margin-bottom: 0em;
	display: block;
	float: none;
	/*clear: both;*/
}
.main-image-rubrici{
	margin-bottom:10px;
}
.main-image-description {
	padding:10px 0px 0px 0px;
	margin-bottom:0.6em;
}
.description-left{
	float:left;
	width:190px;
	_width:180px;
}
.description-container h2{
	padding-left:20px;
	margin-bottom:10px;
	font-size:1.5em;
}
.description-container ul li{
	padding:3px 0px 3px 20px;
	width:100%;
	font-size:0.8em;
}
.description-text{
	float:left;
	padding:10px;
	font-size:1.2em;
	color:#808080;
}
.description-right{
	float:left;
	border-left:dotted 1px #FAE7F4;
	width:190px;
	_width:180px;
}
.description-right li{
	color:#808080;
}
.des-white{
	background-color:#FAE7F4;
}
.description-product-name{
	float:none;
	display:block;
	font-size:2.5em;
	margin:20px 0px 0px 3px;
	_margin-left:10px;
}
.description-container{
	float:right;
	border:solid 1px #FFC6FE;
	padding:5px;
	width:390px;
	display:block;
}

.categories-wrapper{
	float:right;
	/*clear:right;*/
	border:solid 1px #FFC6FE;
	border-right:none;
	padding:10px;
	width:404px;
	display:block;
	
	
}

.categories-container{
	float:left;
	text-align:center;
	background-color:#FAE7F4;
	margin:5px 10px 5px 10px;
}
.categories-wrapper{
	width:575px;
	margin-bottom:0px;
}
.categories-wrapper h1{
	display:block;
	width:550px;
	font-size:1.8em;
	clear:left;
	padding:10px 10px 3px 10px;
	margin-bottom:10px;
	border-bottom:solid 1px  #FFC6FE;
}
.categories-container a img{

	border:none;
}
.categories-container a{
	display:block;
	padding:5px;
	text-decoration:none;

}
.categories-container a:hover{

	background-color:#efdce9;
}
.categories-container a:visited{
	
}
.categories-container a h2{
	font-size:1.6em;

}
.categories-container a h3{
	font-size:1.4em;
	font-weight:normal;
}
.categories-container a h3 snap,.price{
	display:block;
	padding-left:5px;
}
.date_tehnice_title{
	background:url(../images/desc-bg-img.gif) no-repeat left top #ff5faf;
	border:none;
	float:right;
	/*clear:right;*/
	display:block;
	margin-top:0px;
}

.description-container ul{
	list-style-type:none;
	font-size:1.5em;
	color:#595959;
}
.main-image-rubrici img {
	width: 59.4em;
	*width: 59.2em;
	height: 26.4em;
	padding: 0 0em 0.2em 0;
	margin: 0;
}
.description-image,.dimensions-image,.atributes-image{
	background-color:#FAE7F4;
	border:1px solid #A0A0A4;
	float:left;
	/*height:200px;*/
	margin:0px 10px 5px 5px;
	width:190px;
	text-align:center;
}
.description-image{
	position:relative;
	height:200px;
	margin:0px 5px 5px 5px;
	*margin-top:1px;

}
.atributes-image{
	width:98%;
	margin-right:0px;

}

.color{
	float:right;
	display:inline-block;
	height:20px;
	width:20px;
	margin:2px;
}
.color:hover{
	border:solid 2px #A0A0A4;
	margin:0px;
}

.main-image-description div p,.desc-image-title{

	font-size:1.4em;
	background-color:#e0c8d9;
	color:#797979;
}
.main-image-description div a img,.description-image img{
	border:solid 2px #FFF;
	margin:3px;
}
.main-image-description div a img:hover,.description-image a img:hover{
	border:solid 2px #A0A0A4;
	margin:3px;
}
.info-pane {
*width: auto;
_width: auto;
background: #ff9fce;
padding:0;
padding-bottom: 3.5em;
margin: 0;
overflow: hidden;
border: solid 2px #b62862;
display: block;
_display: inline-block;
}

.info-pane h3 {
color: #FFF;
font-size: 160%;
font-family: "Geneva", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 0;
word-spacing: -0.1em;
padding: 0.5em 1em;
margin: 0;
}

.info-pane .inner-container {
color: #000;
background: #b62862;
overflow: hidden;
}

.info-pane .inner-container-2 {
*width: 94%;
color: #000;
background: #b62862;
overflow: hidden;
}

.info-pane .inner-container-3 {
*width: 100%;
color: #000;
background: #b62862;
overflow: hidden;
padding: 0.5em 0;
}

.inner-container p, .inner-container-2 p, .inner-container-3 p {
line-height: 1.5em;
padding: 0.5em 1.8em;
margin: 0;
font-size:11px;
}

.inner-container p span, .inner-container-2 p span {
width: 9em;
display: inline-block;
font-size: 120%;
font-weight: bold;
letter-spacing: 0;
word-spacing: -0.1em;
color: #000;
}

.inner-container-3 p span {
width: 9em;
display: inline-block;
font-size: 120%;
letter-spacing: 0;
word-spacing: -0.1em;
color: #000;
	
}


.inner-container p a, .inner-container-2 p a, .inner-container-3 p a {
text-decoration: none;
color: #ffadd6;
padding: 0.2em 0;
background: url(../images/dot-line-2.gif) repeat-x center bottom transparent;
}


a.back {
float:right;
text-decoration: none;
font-size:11px;
font-weight:bold;
color: #ffadd6;
padding: 0.2em 0;
margin-right:1px;
background: url(../images/dot-line-2.gif) repeat-x center bottom transparent;
margin:0px 0px 0px 0px;
}


.inner-container p a:hover, .inner-container-2 p a:hover, .inner-container-3 p a:hover {
text-decoration: none;
color: #000;
padding: 0.2em 0;
background: url(../images/dot-line-2.gif) repeat-x center bottom transparent;
}

.inner-container ul, .inner-container-2 ul, .inner-container-3 ul {
padding: 0;
margin: 0;
overflow: hidden;
}

.inner-container ul li, .inner-container-2 ul li, .inner-container-3 ul li {
background: none;
list-style: none outside;
padding: 0.8em;
*padding: 0.76em;
_padding: 0.76em;
margin: 0;
display: inline-block;
float: left;

}

.inner-container ul li a, .inner-container-2 ul li a, .inner-container-3 ul li a {
*width: 100%;
*height: 100%;
display: inline-block; 
padding: 0;
margin: 0;
outline: none;
border: none;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
float: left;
width: auto;
}

.inner-container ul li a:hover, .inner-container-2 ul li a:hover, .inner-container-3 ul li a:hover {
*width: 100%;
*height: 100%;
display: inline-block; 
padding: 0;
margin: 0;
outline: none;
border: none;
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
float: left;
width: auto;
}

.inner-container ul li a img, .inner-container-2 ul li a img {
height: 7em;
padding: 0;
margin: 0;
outline: none;
border: solid 2px #FFF;
float: left;
}

.produse-galerie {
white-space: nowrap;
padding: 0;
margin: 0;
}

.produse-galerie ul {
display: block;
white-space: nowrap;
padding: 0;
margin: 0;
}