/*-----------------------------------------------------------------------------*/
/* Copyright© 2008 - www.WEBinDESIGN.ro */
/*-----------------------------------------------------------------------------*/

/*** Reset ***/
/*html					{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }*/
html {
	/* Moz */
	min-height: 101%;
}
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, li, dl, dt, dd, img, hr { margin: 0; padding: 0; border: none; }
body					{ font-family: Georgia, "Times New Roman", Times, serif; }

/*** General Clases ***/
.left					{ float: left; }
.right					{ float: right; }
img.right				{ margin-left: 20px; }
.clear					{ clear: both; }
.clearfix				{ clear: both; line-height: 0.1em; }
.hide					{ display: none; }
.border					{ padding: 3px; background-color: #8a8a8a; margin-bottom: 1em; }
.top-border				{ background: url(../img/contact-border.gif) bottom repeat-x; }
.maron					{ color: #96654f; } /* Culoarea maron */
.gray					{ color: #7f675c; }
.small					{ font-size: 0.8em; }
.smaller				{ font-size: 0.75em; }
.tel, .mail, .faq		{ padding: 3px 0 3px 30px; margin-left: 20px; }
.tel					{ background: url(../img/tel.jpg) no-repeat; }
.mail					{ background: url(../img/mail.jpg) no-repeat; }
.faq					{ background: url(../img/faq.jpg) no-repeat; }
.noBackground			{ background: none; }
.yellow					{ background-color: #fcf8ed; padding: 5px 10px; border-top: 1px solid #fc0; }
.author				{ font-style: italic; text-align: right; margin: 0; padding:0; }

/*** Text Elements ***/
h1, h2, h3, h4, h5, h6	{ font-weight: 100; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #96654f; }
h1						{ font-size: 1.6em; }
h1, h2					{ background: url(../img/contact-border.gif) bottom repeat-x; }
h4						{}
a:link, a:visited, a:active { color:#d10039; text-decoration:none; padding-bottom: 2px; background: url(../img/link.gif) bottom repeat-x; }
a:hover					{ color:#eaa423; padding-bottom: 2px; background: url(../img/hover-link.gif) bottom repeat-x; }
A:focus, A:hover, A:active /* Firefox image outline fix */ { outline: none }
p						{ font-family: Arial, Helvetica, sans-serif; }

/*** Basic Structure ***/
#head-wrapper			{ background: #19100d url(../img/bk.png) 0px 0px repeat-x; overflow: auto;  }
#index #head-wrapper	{}
#header, #content, #footer { width: 960px; margin: 0 auto; }
#header					{}
#content				{ padding-top: 20px; background: url(../img/mobila-la-comanda.jpg) no-repeat; }
#sideBar				{ width: 250px; float:left; }
#main					{ width: 710px; float: right; }
#footer					{ clear: both; height: 100px; text-align: center; padding-top: 20px; font-size: 0.8em; color: #7f675c; }
a.w3c					{ padding-left: 20px; background: url(../img/w3c.gif) left center no-repeat; }

/*** Only Index Page***/
#header h1				{ font-size: 1.5em; }
#credit					{ font-size: 0.8em; margin: 10px 0 20px; color: #7f675c; }

/*** General pages ***/
#main img				{ padding: 5px; border: 1px solid #ccc; }
#main p.title			{ font-size: 18px; }
#main p					{ margin-bottom: 20px; font-size: 0.8em; }
#main a:hover img		{ background-color: #96654f; }
.terms					{ text-align: justify; }
#main p.extrainfo		{ margin: 0; color: #999; font-style: italic; }
.pager ul				{ list-style: none; }
.pager li				{ float: left; margin-right: 10px; }

/*** Pathway ***/
#path					{}

/*** Items Listings ***/
.produse				{}
.item					{ width: 315px; float: left; margin-bottom: 10px; margin-right: 20px; height: 120px; padding-top: 5px; }
#main p.smaller			{ margin-bottom: 5px;}
#main p.desc 			{ padding: 0 10px; margin-bottom: 4px; font-size: 0.8em; }
#main a.title			{ color: #c00; }
.item img				{ margin-right: 10px; float: left; }

/*** Details Item ***/
#preview				{ width: 420px; float: left; }
#preview a				{ background: none; }
.details				{ width: 290px; float: right; padding-left: 0px; }
.thumbs					{}
.thumbs img				{ margin: 10px 13px 10px 0; float: left; }
.pret					{ font-weight: bold; }
.pret span				{ color: #c00; font: 1.5em Georgia, "Times New Roman", Times, serif; }


/*** Contact details ***/
#contact				{ background: url(../img/contact-border.gif) repeat-x ; padding-top: 15px; text-align: center; }
#contact a				{ color: #000; }
#contact a:hover		{ color: #c00; }
#contact p.last			{ background: url(../img/contact-border.gif) bottom repeat-x ; }

div.form-container		{ margin: 10px 0 5px; padding: 5px; background: url(../img/contact-border.gif) bottom repeat-x ; font-family: Arial, Helvetica, sans-serif; }
p.legend				{ margin-bottom: 1em; }
p.legend em				{ color: #c00; font-style: normal; }
div.form-container form p				{ margin: 0; }
div.form-container form p.note			{ margin-left: 170px; font-size: 90%; font-weight: bold; color: #f00; }
div.form-container form fieldset		{ margin: 10px 0; padding: 10px; background: url(../img/contact-border.gif) top repeat-x ; }
div.form-container form legend			{ font-weight: bold; color: #96654f; background-color: #fff; margin: 0 10px; padding: 0 10px 0 5px; }
div.form-container form fieldset div	{ padding: 0.15em 0; }
div.form-container label				{ margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; font-size: 0.9em; }
div.form-container label.error, div.form-container span.error { color: #C00; }
div.form-container label em				{ position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error			{ border-color: #C00; background-color: #FEF; }
div.buttonrow .legend					{ padding-left: 170px; }
.btnTrimite								{ margin-left: 170px; }


/*** SlideShow ***/
pre						{ display: none; }
.pics					{ height: 323px; width: 944px; background: #634a3f url(../img/mobilier.jpg) bottom center no-repeat; overflow: hidden; }
.pics img				{ height: 323px; width: 944px;}
.index-gallery			{ padding: 8px 8px 44px; background: #634a3f url(../img/mobilier.jpg) bottom center no-repeat; clear: both; }
.gallery				{ padding: 8px; background-color: #634a3f; margin-bottom: 20px; }
.mobila					{ width: 470px; float: left; margin: 10px 10px 0 0; padding-bottom: 20px; }
.mobila .info			{ width: 340px; float: right; font-size: 0.8em; color: #7f675c; }
.mobila .info h1		{ font-size: 1.7em; color: #000; margin-bottom: 5px; background: url(../img/border.gif) bottom repeat-x; padding-bottom: 2px; }
.mobila img				{ padding: 3px; background: #634a3f; float: left; }

/*** Tabs Menu ***/
.tabs					{ float: right; }
.tabs ul				{ margin: 0; padding: 0; padding-right: 10px; list-style-type: none; }
.tabs li				{ display: inline; margin: 0; }
.tabs li a, .tabs li a:visited{ float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; color: #816d65; background: none; }
.tabs li a:hover		{ background: #000; color: #fff; }
.tabs li.selected a, .tabs li.selected a:visited{ background: #634a3f; color: #fff; }


/*** Temporar ***/


/*** Lists Menu ***/
#menuList				{ padding-right: 20px; text-align: right; }
#menuList li.title, #menuList li.title a { line-height: 1.35em; background: #634a3f none; color: #fff; display: block; margin-bottom: 1px; }
#menuList li.title a:hover { color: red; }
#menuList li.title		{}
#menuList li.title a	{ padding-right: 5px;}
#menuList li.active		{ color: red; }
#menuList li.active a	{ }
#menuList li			{ list-style: none; background-color: #fff; }
#menuList li a			{ color: #96654f; background: #fff; }
#menuList li a:hover	{ color: #c00; }
#menuList li .subList li { background: #fff url(../img/border.gif) bottom repeat-x; padding-bottom: 2px;}
#menuList li .subList li a { color: #96654f; background-color: #fff;}


.calitate li			{ padding-left: 20px; background: url(../img/calitate.gif) left center no-repeat; list-style: none; font-size: 0.9em; margin: 3px 0; }