/*-----------------------------------------------------------------------------*/
/* Copyright© 2008 - www.WenInDesign.ro */
/*-----------------------------------------------------------------------------*/
/*@import url(meniuri.css);*/

/*** Reset ***/
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, dl, dt, dd, img { margin: 0; padding: 0; border: none; }
body					{ font-family: Tahoma, Arial, Helvetica, sans-serif; background-color: #e5e696; }

/*** GENERAL CLASES - f2f2f2 ***/
.left					{ float: left; }
.right					{ float: right; }
.clear					{ clear: both; }
.hide					{ display: none; }
.left10px				{ padding-left: 10px; }
.black					{ color: #000; }
.bBorder				{ border-bottom: 1px solid #ccc; }
.bdBorder				{ border-bottom: 1px dashed #ccc; }
.mTop10					{ margin-top: 10px; }
.mBottom20				{ margin-bottom: 20px; }
.w3c					{ padding-left: 20px; background: url(../img/w3c.gif) no-repeat; }
.copy a.w3c				{ color: #000; border: none; }
.w396					{ width: 396px; }
img:hover				{ background-color: #2274f3; }
.first					{ background-color: #2274f3; text-align: center; }

/*** BASIC STRUCTURE ***/
#head-wrap				{ background: #e5e696 url(../img/mobila-top.gif) repeat-x; overflow: auto; position: relative; }
.mobila					{ position: absolute; top: 0px; left: -200px; }
#head, #menu, #content, #footer { width: 980px; margin: 0 auto; }
#head					{ height: 96px; background: url(../img/mobila-la-comanda.gif) no-repeat; }
#menu					{ height: 33px; }
#content-wrap			{ overflow: auto; background-color: #fff; }
#content				{ padding-top: 10px; }
#sidebar, .address		{ width: 305px; float: left;}
#main, .copy			{ width: 645px; float: right; }
#main					{ padding-bottom: 20px; } /* Adaugat 12-07-'08 */
#footer-wrap			{ background: url(../img/mobila-bottom.gif) repeat-x; }
#footer					{ height: 100px; padding: 20px 0; position: relative; }
a.sus					{ background: url(../img/sus.gif) no-repeat; position: absolute; top: 0; left: 332px; width: 78px; height: 24px; display: block; }
.copy					{ text-align: center; }
.copy a:hover			{ color: #000; border-bottom: 1px solid #000; }
.copy .links a			{ font-size: 0.7em; color: #000; }

/*** TEXT ELEMENTS ***/
h1, h2, h3, h4, h5, h6	{ font-weight: 100; }
h1						{ font-size: 1.2em; }
h2						{ font-size: 1em; line-height: 1.2em; margin: 5px 0 20px; color: #666; }
h3						{ font-size: 1em; margin: 0 0 20px; padding-bottom: 5px; }
h4						{ font-size: 1em; color: #666; }
p						{ font-size: 0.8em; }
a						{ outline: none; text-decoration: none; color: #000; }
a.link, .copy a			{ color: #c00; border-bottom: 1px dashed #c00; }
a:hover.link			{ border-bottom: 1px solid #c00; }

/*** BOXES ***/
.redBox, .grayBox, .blueBox, .bejBox, .blackBox, .leftCol, .rightCol { width: 305px; padding-top: 10px; }
.redBox p.last, .grayBox p.last, .blueBox p.last, .bejBox p.last, .blackBox p.last {}
.redBox					{ background: #85b723 url(../img/top-redBox.gif) no-repeat; color: #fff; }
.redBox p.last			{ background: url(../img/bot-redBox.gif) bottom no-repeat; }
.bejBox					{ background: #e5e696 url(../img/top-bejBox.gif) no-repeat; }
.bejBox p.last			{ background: url(../img/bot-bejBox.gif) bottom no-repeat; }
.blackBox				{ background: #7f7f7f url(../img/top-blackBox.gif) no-repeat; color: #fff; }
.blackBox p.last		{ background: url(../img/bot-blackBox.gif) bottom no-repeat; }
.blueBox				{ background: #d9dde9 url(../img/top-blueBox.gif) no-repeat; }
.blueBox p.last			{ background: url(../img/bot-blueBox.gif) bottom no-repeat; }
.grayBox				{ background: #e7e7de url(../img/top-grayBox.gif) no-repeat; }
.grayBox p.last			{ background: url(../img/bot-grayBox.gif) bottom no-repeat; }
.title					{ font-size: 1.3em; font-weight: 100; margin-left: 10px; }
.blueBox .title			{ background: url(../img/cum-cumpar.gif) right no-repeat; }
.grayBox .title			{ background: url(../img/garantie.gif) right no-repeat; }

.leftCol, .rightCol		{ margin-bottom: 30px; }
.leftCol				{}


/*** TABS ***/
.preload-a				{ background: url(../img/tab_1a.gif); }
.preload-b				{ background: url(../img/tab_1b.gif); }
.tabs					{ padding: 0 8px 0 0; margin:0; list-style:none; height:33px; background:transparent url(../img/tab_0c.gif) repeat-x left bottom; float: right; }
.tabs li				{ float:left; height:33px; margin-right:3px; }
.tabs li a				{ display:block; float:left; height:33px; line-height: 28px; color:#6f0019; text-decoration:none; font-family: Tahoma, "Trebuchet MS", sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../img/tab_0a.gif) no-repeat; }
.tabs li a b			{ float:left; display:block; padding: 0px 16px 5px 12px; background:url(../img/tab_0b.gif) no-repeat right top; font-weight: 100; }
.tabs li.activ a		{ color:#024153; background:url(../img/tab_2a.gif) no-repeat; }
.tabs li.activ a b		{ background:url(../img/tab_2b.gif) no-repeat right top; }
.tabs li a:hover		{ color:#000; background: url(../img/tab_1a.gif) no-repeat; }
.tabs li a:hover b		{ background:url(../img/tab_1b.gif) no-repeat right top; }
.tabs li.activ a:hover 	{ color:#000; background: url(../img/tab_2a.gif) no-repeat; cursor:default; }
.tabs li.activ a:hover b { background:url(../img/tab_2b.gif) no-repeat right top; }

/*** LIST ***/
#list-menu				{ list-style: none; margin-bottom: 20px; }
#list-menu li 			{ border-bottom: 1px solid #ccc; padding: 3px 0;padding-left: 10px; color: #c00; text-transform: capitalize; background: url(../img/li-hover.gif) right no-repeat; }
#list-menu li a			{ display: block; background: url(../img/li.gif) right no-repeat; }
#list-menu li a:hover	{ display: block; background: url(../img/li-hover.gif) right no-repeat; }


/*** Page Navigation ***/
ul.pagelist				{ clear: both; padding: 0 0 10px; margin: 10px 0 0; list-style-type: none; border-bottom: 1px dashed #ccc; font-size: 90%; }
ul.pagelist li			{ display: inline; }
ul.pagelist li a, ul.pagelist span.disabledlink { padding: 4px; }
ul.pagelist li.current a { font-weight: bold; text-decoration: none; cursor: default; color: #c00; }
ul.pagelist li.prev		{ margin-right: 10px; }
ul.pagelist li.next		{ margin-left: 10px; }
.disabledlink			{ color: #ddd; cursor: default; }
.pagenav				{ clear: both; }
.disabled_nav			{ visibility: hidden; }

/*** SEARCH ***/
#search					{ margin-bottom: 20px; }
#search fieldset		{ border: 1px solid #ccc; padding: 10px; }
#search input.txt		{ width: 180px; margin-right: 10px; background: url(../img/search.gif) left center no-repeat; padding: 3px 0 3px 24px; border: 1px solid #e5e696; }

/*** IMAGES - LATEST ***/
.latest					{ text-align: center; }
.latest img				{ padding: 3px; border: 1px solid #ccc; margin: 5px 0 20px; }

/*** IMAGES - LISTING ***/
.item					{ height: 100%; padding: 10px 0; border-bottom: 1px dashed #ccc; overflow: auto; } /*Modificat*/
.item img				{ padding: 3px; border: 1px solid #ccc; float: left; }
.item h1 a				{ color: #c00; margin-bottom: 10px; }
.subtitle				{ font-size: 90%; color: #ccc; margin-bottom: 10px; }
.desc					{ width: 450px; float: right; }
.search-desc			{ width: 520px; float: right; }
.price span				{ font-size: 1.4em; }
.short					{ margin-bottom: 20px; }
.info					{ color: #ccc; font-size: 80%; padding: 20px 0 10px; }

#details				{}
#details img, .imgBorder { padding: 3px; border: 1px solid #ccc; }
.thumb					{ width: 220px; float: right; text-align: right; }
.thumb img				{ margin: 4px; }
.zoom					{ margin-bottom: 20px; padding-left: 20px; width: 200px; background: url(../img/mareste.gif) left bottom no-repeat; }

/*** NEWSLETTER ***/
#newsletter				{ border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#newsletter fieldset	{ padding:  0 10px 10px; }
#newsletter div			{ margin: 5px 0; text-align: right; }
#newsletter .txt		{ margin-left: 10px; width: 200px; }
#newsletter	.btn		{ text-align: right; }

/*** GALLERY ***/
#gallery				{ border: 1px solid #ccc; padding: 5px; margin: 8px 0 20px; }

/*** PATHWAY ***/
#path					{ width: 645px; padding-top: 10px; background: #f3f3cc url(../img/path-top.gif) no-repeat; margin-top: 10px; color: #c00; }
#path a					{ color: #c00; }
#path a:hover			{ text-decoration: underline; }
#path a.curent			{ color: #000; }
#path p.last			{ background: url(../img/path-bottom.gif) no-repeat; height: 18px; }

/*** MONITOR ***/
.monitor a, .monitor a:hover { border: none; }

/*** FORMS ***/
div.coments	input		{ height: 100px; }
div.form-container		{ padding: 5px; background-color: #FFF; border: #ccc 1px solid; }
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%; color: #c00; }
div.form-container form fieldset		{ margin: 10px 0; padding: 10px; border: #ccc 1px solid; background-color: #eff2f5; }
div.form-container form legend			{ font-weight: bold; color: #666; }
div.form-container form fieldset div	{ padding: 0.25em 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.8em; }
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; }