/*preload classes*/ 

.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
a {
	color: #799A65;
	text-decoration: none;
}
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0 !important; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none !important; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: hidden;
margin:-46px 0 0 27px; 
width:500px !important;
position:relative; 
} 
.stripTransmitter ul {
margin:0;
padding: 0; 
position: relative;
list-style-type: none !important; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 11px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
width:20px !important;
height:20px !important; 
background:url(../design-interior/slider_btn.png) 0 0 no-repeat;
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background:url(../design-interior/slider_btn_hover.png) 0 0 no-repeat;
color: #ff0000; 
} 



#menu {
	padding:0;
	margin:0;
	list-style:none;
	height:40px;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
}
#menu li {float:left; margin-right:1px;}
#menu li a {
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	background:#333;
	color:#ccc;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	padding:0 30px 0 20px;
}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
	z-index:200;
	position:relative;
	color:#fff;
	background-color:#048450;
}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {
	color:#fff;
	background-color: #048450;
}
#menu li:hover > a.sub {
	color:#fff;
	background-color:#048450;
}

#menu li.current a {
	color:#fff;
	background-color: #048450;
}

#menu li a.sub {
	background-color: #048450;
	background-image: url(down-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu li.current a.sub {
	color:#fff;
	;
	background-color: #048450;
	background-image: url(down-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu :hover ul {left:0; top:40px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {
	margin:0;
}
#menu :hover ul li a {
	width:120px;
	padding:0;
	text-indent:10px;
	color:#FFF;
	height:30px;
	line-height:30px;
	background-color: #048450;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#menu :hover ul li a.fly {
	background-color: #048450;
	background-image: url(right-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu :hover ul :hover {
	background-color:#025332;
	color:#f6f6f6;
}
#menu :hover ul :hover a.fly {
	background-color:#048450;
	color:#fff;
}

#menu :hover ul li.currentsub a {
	color:#fff;
	background-color: #048450;
}
#menu :hover ul li.currentsub a.fly {
	color:#fff;
	background-color: #048450;
	background-image: url(right-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu :hover ul :hover ul li a {
	width:100px;
	padding:0;
	text-indent:10px;
	color:#ccc;
	background-color: #048450;
}
#menu :hover ul :hover ul :hover {
	background-color:#048450;
	color:#fff;
}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {
	color:#fff;
	background-color: #048450;
}


p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	}
h3 {
	color: #078450;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #D400AA;
	padding-bottom: 10px;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #9B200B;
	padding-bottom: -10px;
	padding-left: 65px;
}
.design_interior {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #13110D;
	font:12px/15px;
	height: 100%;
}
.interior {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	
}
.top {
	width: 620px;
	float: right;
	padding-top: 20px;
}
.logo {
	float: left;
	width: 250px;
	background-image: url(../design-interior/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 64px;
	text-indent: -4000px;
}
h1#logo {
	
	float:left;
	height:40px;
	width:250px;
}
h1#logo a {
display:block;
height:40px;
}
.principal {
	width: 980px;
	height: 64px;
	padding-bottom: 3px;
}
.jos {
	background-image: url(../design-interior/bg-bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 87px;
	width: 100%;
	float: left;
}
.color {
	background-color: #FFF;
	width: 100%;
	background-image: url(../design-interior/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	position: absolute;
}
.titlu {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #078450;
	padding-left: 20px;
}
.copy {
	font-size: 11px;
	color: #FFF;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	padding-top: 25px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../design-interior/msdesign.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.copy a {
	color: #AAA;
	text-decoration: none;
}
.copy a:hover {
	color: #EEE;
	text-decoration: none;
}




.imagini {
	float: left;
	height: 462px;
	width: 980px;
	text-align: left;
}
.imgg {
	padding-right: 5px;
	padding-top: 9px;
}

.bucatarii a {
	display:block;
	width: 223px;
	font: bold 13px sans-serif;
	color:#333;
	text-decoration: none;
	height: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	float: left;
	background-image: url(../img/bucatarie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bucatarii a:hover {
	background-position: left top;
	color: #049;
	background-image: url(../img/bucatarie_o.jpg);
	background-repeat: no-repeat;
}
.bucatarii a:active {
	background-position: left top;
	color:#fff;
	background-image: url(../img/bucatarie_o.jpg);
	background-repeat: repeat;
}

.dinning2 a {
	display:block;
	width: 223px;
	font: bold 13px sans-serif;
	color:#333;
	text-decoration: none;
	height: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	float: left;
	background-image: url(../img/dinning.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.dinning2 a:hover {
	background-position: left top;
	color: #049;
	background-image: url(../img/dinning_o.jpg);
	background-repeat: no-repeat;
}
.dinning2 a:active {
	background-position: left top;
	color:#fff;
	background-image: url(../img/dinning_o.jpg);
	background-repeat: no-repeat;
}

.living2 a {
	display:block;
	width: 223px;
	font: bold 13px sans-serif;
	color:#333;
	text-decoration: none;
	height: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	float: left;
	background-image: url(../img/living.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.living2 a:hover {
	background-position: left top;
	color: #049;
	background-image: url(../img/living_o.jpg);
	background-repeat: no-repeat;
}
.living2 a:active {
	background-position: left top;
	color:#fff;
	background-image: url(../img/living_o.jpg);
	background-repeat: no-repeat;
}

.dormitoare2 a {
	display:block;
	width: 223px;
	font: bold 13px sans-serif;
	color:#333;
	text-decoration: none;
	height: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	float: left;
	background-image: url(../img/dormitoare.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.dormitoare2 a:hover {
	background-position: left top;
	color: #049;
	background-image: url(../img/dormitoare_o.jpg);
	background-repeat: no-repeat;
}
.dormitoare2 a:active {
	background-position: left top;
	color:#fff;
	background-image: url(../img/dormitoare_o.jpg);
	background-repeat: no-repeat;
}
#flashFullscreen {
    width: 100%;
    height: 100%;
}

/* ======================================================================================= */
.stanga {
	float: left;
	width: 734px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}
.stanga_promotii {
	float: left;
	width: 950px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}
.stanga_parteneri {
	float: left;
	width: 734px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
	background-image: url(../design-interior/parteneri.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.dreapta_jos {
	background-repeat: no-repeat;
	background-position: center top;
	width: 231px;
	height: 35px;
	padding: 5px;
	float: left;
	margin-bottom: 50px;
}
.dreapta {
	float: left;
	width: 241px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 20px;
}
.dreapta_top {
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 7px;
	width: 241px;
	float: left;
}
.dreapta_continut {
	background-repeat: repeat-y;
	background-position: center top;
	width: 206px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	float: left;
}
img {
}
#servicii li {
	list-style-image: url(../design-interior/a4.gif);
	margin-bottom: 30px;
	font-size: 13px;
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.formular_contact {
	width: 300px;
	float: left;
}
#parteneri li {
	list-style-image: url(../design-interior/a3.gif);
	font-size: 13px;
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


.promotii  {
	display:block;
	width: 200px;
	text-decoration: none;
	height: 130px;
	background-image: url(../design-interior/promotii.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.promotii a {
	display:block;
	width: 200px;
	color:#EEE;
	text-decoration: none;
	height: 130px;
	background-image: url(../design-interior/promotii.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.promotii a:hover {
	background-position: left top;
	color: #049;
	background-image: url(../design-interior/promotii_over.jpg);
	background-repeat: no-repeat;
}
.promotii a:active {
	background-position: left top;
	color:#fff;
	background-image: url(../design-interior/promotii_over.jpg);
	background-repeat: repeat;
}


.showroom  {
	display:block;
	width: 200px;
	text-decoration: none;
	height: 130px;
	background-image: url(../design-interior/showroom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.showroom a {
	display:block;
	width: 200px;
	color:#EEE;
	text-decoration: none;
	height: 130px;
	background-image: url(../design-interior/showroom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.showroom a:hover {
	background-position: left top;
	color: #049;
	background-image: url(../design-interior/showroom_over.jpg);
	background-repeat: no-repeat;
}
.showroom a:active {
	background-position: left top;
	color:#fff;
	background-image: url(../design-interior/showroom_over.jpg);
	background-repeat: repeat;
}


.contact  {
	display:block;
	width: 200px;
	text-decoration: none;
	height: 130px;
	background-image: url(../design-interior/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.contact a {
	display:block;
	width: 200px;
	color:#EEE;
	text-decoration: none;
	height: 130px;
	background-image: url(../design-interior/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.contact a:hover {
	background-position: left top;
	color: #049;
	background-image: url(../design-interior/contact_over.jpg);
	background-repeat: no-repeat;
}
.contact a:active {
	background-position: left top;
	color:#fff;
	background-image: url(../design-interior/contact_over.jpg);
	background-repeat: repeat;
}
.continut_index {
	width: 500px;
	float: left;
}
.contnut_mobilier  {
	display:block;
	width: 220px;
	text-decoration: none;
	height: 240px;
	background-image: url(../design-interior/catalog-mobila.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
.continut_mobilier a {
	display:block;
	width: 220px;
	color:#EEE;
	text-decoration: none;
	height: 240px;
	background-image: url(../design-interior/catalog-mobila.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
}


.continut_mobilier a:hover {
	background-position: left top;
	color: #049;
	background-image: url(../design-interior/catalog-mobila_o.jpg);
	background-repeat: no-repeat;
}
.continut_mobilier a:active {
	background-position: left top;
	color:#fff;
	background-image: url(../design-interior/catalog-mobila_o.jpg);
	background-repeat: repeat;
}


/* --------------------------------------------------------- */
/* ----------------------- GALLERY ---------------------- */
/* --------------------------------------------------------- */



#gallery { width: 100%; margin: 0 0 12px 0; }
#gallery #galleryHeader { margin: 0 0 30px; text-align: center; background: transparent url(../promotii/galleryHeaderBgTile.png) repeat-x center top; }
#gallery #galleryHeader .button { display: block; width: 78px; height: 34px; background: transparent url(../promotii/button.png) no-repeat; line-height: 34px; font-size: 0.83em; text-transform: uppercase; text-align: center; cursor: pointer; position: relative; }
#gallery #galleryHeader .button .highlight { display: block; width: 78px; height: 34px; position: absolute; top: 0; left: 0; background: transparent url(../images/msdesign/buttonHighlight.png) no-repeat; }
#gallery #galleryHeader #prevButton { float: left; }
#gallery #galleryHeader #nextButton { float: right; }
#gallery #galleryHeader #galleryTitles { line-height: 34px; text-align: center; }
#gallery #galleryHeader .galleryTitle { margin: 0 18px; }
#gallery #slideContainer {
	width: 900px;
}
#gallery #slideContainer .slide { width: 900px; }
#gallery #slideContainer .slide .galleryImage {
	float: left;
	margin: 0 40px 25px 0;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
}
#gallery #slideContainer .slide .alt { float: left; margin: 0 0 25px 0; }
#gallery #slideContainer .slide .galleryImage .zoomButton {
	width: 95px;
	height: 95px;
	display: block;
	position: absolute;
	left: 0;
	top: 50px;
	background-color: transparent;
	background-image: url(../promotii/galleryButtonLeft.png);
	background-repeat: no-repeat;
}
#gallery #slideContainer .slide .galleryImage .descriptionButton { width: 98px; height: 95px; display: block; position: absolute; right: 0; top: 50px; background: transparent url(../promotii/galleryButtonRight.png) no-repeat; }

#description { background: #0a0a0a url(../promotii/backgroundTile.png) repeat 50% 0; width: 580px; margin: 0 auto; padding: 45px 45px 30px; }
#description img.alignleft { margin: 0 25px 25px 0; }
#description img.alignright { margin: 0 0 25px 25px; }

#gallery #galleryHeader #galleryTitles {
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#gallery #galleryHeader #galleryTitles a { text-decoration: none; color: #333333; }
#gallery #galleryHeader #galleryTitles a:hover { color: #525252; }
#gallery #galleryHeader #galleryTitles .current { color: #333333; font-size: 1.33em; }
#gallery #galleryHeader #galleryTitles .current a { text-decoration: none; color: #333333; }
#gallery #galleryHeader #galleryTitles .current a:hover { color: #525252; }
#gallery #galleryHeader #galleryTitles .middot { font-size: 1.4em; }
#gallery #galleryHeader .button { color: #b2b2b2; }
#gallery #galleryHeader .button .highlight { color: #e5e5e5; }
