i/*-----------------------------------------------------------------------------*/
/* Copyright&copy; 2008 - www.BizNet.com.ro */
/*-----------------------------------------------------------------------------*/
/*@import url('sifr.css');*/
/*@import url('colorbox.css');*/

/*** Reset ***/
html					{ height: 101%; }
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, dl, dt, dd, img, hr { margin: 0; padding: 0; border: none; list-style: none; outline: none; }
body					{ font: 62.5% Arial, Helvetica, sans-serif;  }
:focus					{ outline: none; }

/*** Text elements ***/
h1, h2, h3, h4, h5, h6	{ font-family: "Times New Roman", Times, serif; font-weight: normal; }
h1						{ font-size: 1.75em; }
h1 em					{ font-style: normal; font-size: 0.7em; }
h1.title				{ font: 2em "Times New Roman", Times, serif; display: inline-block; }
h2.title				{ font-size: 1.6em; }
h2						{ font-size: 1.5em; }
h3						{ font-size: 1.5em; }
p						{ font-size: 1.2em; line-height: 1.5em; }
p.small					{ font-size: 1.1em; line-height: 1.7em; }
a						{ outline: none; text-decoration: none; color: #b40a02; }
.redlinks a				{ background: url(../img/red_dot.gif) repeat-x bottom; padding-bottom: 1px; }

/*** General clases ***/
.left					{ float: left; }
.right					{ float: right; }
.imgRight				{ float: right; margin: 0 0 20px 20px; }
.to-right				{ text-align: right; }
.to-center				{ text-align: center; }
.red					{ color: #b40a02; }
.light-gray				{ color: #eaedef; }
.dark-gray				{ color: #637580; }
.green					{ color: #03646a; }
.white					{ color: #fff; }
.clearfix				{ display: inline-block; clear: both; }
.clear					{ clear: both; }
.strong					{ font-weight: bold; }
.smaller				{ font-size: 0.9em; }
.italic					{ font-style: italic; }

/*** General Layout ***/
#layout					{ width: 980px; margin: 0 auto; }
#header					{ height: 427px; position: relative; background: url(../img/livrari_mancare_pipera.jpg) 0 24px no-repeat; border-top: 3px solid #ae0801; }
#search					{ height: 30px; background: #e4e4ea; padding: 6px 5px 0 10px; }
#content				{ overflow: auto; padding-top: 5px; }
#main					{ width: 730px; }
.smallCol				{ width: 230px; }
.bigColl				{ width: 480px; }
#footer					{ padding: 30px 0 60px; clear: both; }

/*** Header ***/
.toplinks				{}
.logo					{ position: absolute; top: 0; left: 0; }
.beforeBody				{ font-size: 1em; text-align: center; height: 20px; position: absolute; top: -30px; }

.top					{ width: 660px; padding: 16px 8px 5px 0; border-bottom: 1px solid #ccc; }
.topCos					{ width: 264px; height: 49px; background: url(../img/status_comanda.png) no-repeat; padding: 1px 4px 0 70px; text-align: left; margin-bottom: 20px; }
.topCos li				{ font-size: 1.2em; line-height: 21px; }
.topCos li.items		{}
.topCos li.status span	{ font-size: 0.9em; padding-left: 4px; }

.topMenu				{}
.topMenu li				{ display: inline; margin-right: 4px; }
.topMenu li	a			{ display: inline-block; height: 31px; line-height: 31px; color: #000; font-size: 1.3em; }
.topMenu li	a span		{ padding: 0 20px; }
.topMenu li	a.curent, .topMenu li a:hover { background: url(../img/right_btnMenu.gif) top right no-repeat; color: #fff; }
.topMenu li	a.curent span, .topMenu li a:hover span { background: url(../img/left_btnMenu.gif) top left no-repeat; display: block; }

.dayOffer				{ position: absolute; bottom: 26px; left: 13px; width: 530px; height: 206px; padding-right: 5px; }
#offer					{ position: absolute; bottom: 0; left: 0; }
#offer .shortDesc		{ line-height: 1.2em; margin-bottom: 10px; width: 300px; }
h3#special				{ font-size: 3em; width: 300px; margin-top: 6px; }

#items					{ width: 990px; overflow: auto; }
#items li				{ float: left; padding: 7px 6px; display: block; margin-right: 4px; color: #fff; background: url(../img/offer.gif) repeat-x; }
#items li div			{ overflow: hidden; height: 98px; width: 98px; position: relative; }
#items .a1				{ width: 290px; }
#items li img			{ z-index: 100; position: absolute;	}
#items li p				{ margin: 0; padding: 0; width: 180px; display: block; margin-left: 110px; color: #fff; }
#items li p.pret		{ position: absolute; bottom: 0px; right: 10px; font: 3em "Times New Roman", Times, serif; color: #fc6; }
#items li p.pret sup, #items li p.pret span	{ font-size: 0.5em; }


/*** Search ***/
#search h1				{ border-right: 1px solid #b0b0c5; width: 90px; height: 25px; margin-right: 20px; }
#search h2				{ color: #8787a2; margin-top: 3px; }

#srcForm				{ float: right; background: url(../img/src_form.gif) no-repeat; display: block; width: 280px; height: 26px; padding: 3px 0 0 0; }
#srcForm input.text		{ border: 0; background: transparent; color: #8787a2; margin: 1px 0 0 10px; width: 200px; }
#srcForm input.submit	{ margin-right: 2px; background: url(../img/src_btn_submit.gif) no-repeat; border: none; height: 21px; width: 34px; cursor: pointer; }

/*** Content ***/
.food					{ clear: both; }
.food li				{ width: 241px; height: 159px; position: relative; float: left; margin: 0 5px 5px 0; overflow: hidden; }
.food li.last			{ margin-right: 0; }
.food li a				{ position: absolute; z-index: 0; display: block; }
.food li h2.grill		{ position: absolute; left: 0; bottom: -1px; width: 241px; height: 44px; line-height: 44px; z-index: 1; text-align: center; background: url(../img/comenzi_mancare_online.png) bottom center no-repeat; color: #fff; font-style: italic; font-size: 2.2em; }

/*** Footer ***/
#fMenu					{ border-top: 1px solid #b40a02; border-bottom: 1px solid #b40a02; height: 20px; line-height: 20px; color: #999; padding: 7px 0; }
#fMenu a				{ color: #333; }
#fMenu a:hover			{ color: #b40a02; background: url(../img/red_dot.gif) repeat-x bottom; padding-bottom: 1px; }
#fMenu span				{ display: inline-block; border-right: 1px solid #ccc; padding-right: 20px; margin-right: 20px; }

#program				{ background: url(../img/livrare_mancare_pipera.gif) top right no-repeat; height: 86px; margin-bottom: 20px; padding-top: 13px; }
#program li				{ }
li.c1					{ width: 140px; }
li.c2					{ padding-left: 90px; width: 190px; }
li.c3					{ padding-left: 95px; width: 195px; }
li.c4					{ width: 174px; padding-right: 4px; }
#program h3				{ font-size: 2em;  }
#program p				{ line-height: 1.1em; margin-bottom: 4px; }

/*** Banners ***/
.banner					{ padding-bottom: 8px; }

/*** CS3 Rounded corners ***/
.rc5					{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* This will not validate... yet */ }
.rc3, .litems li		{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* This will not validate... yet */ }

/*** Listing items ***/
.litems, .gray-bg		{ background: #f2f2f2; padding: 5px; }
.litems .adauga			{ padding-top: 30px; }
.litems li				{ min-height: 130px; height: auto !important; height: 130px; margin-bottom: 5px;  }
.litems li div			{}
.litems div.bg			{ background: #fff; width: 390px; padding: 5px 3px;  }
.litems .desc			{ width: 215px; }
.litems h2				{ margin-bottom: 10px; font: 1.4em Arial, Helvetica, sans-serif; }
.litems p.small			{ line-height: 1.2em; width: 140px; color: #666; }
.litems .pret			{ font: 2.6em "Times New Roman", Times, serif; }			
.litems .pret sup, .litems .pret span { font-size: 0.5em; }

/*** Nota de plata ***/
#myCart					{ background: url(../img/my_cart_bg.jpg) no-repeat; padding: 6px; }
#myCart h3				{ line-height: 2em; font-size: 1.8em; }
#myCart ul				{ border: 1px solid #dcdce9; padding: 0 5px; background: #fff; margin-bottom: 10px; }
#myCart li				{ padding: 5px 0; background: url(../img/list_dot.gif) repeat-x bottom; margin-bottom: 5px; font-size: 1.1em; display: inline-block; }
#myCart li.last			{ background: none; margin-bottom: 0; }
#myCart li span.txt		{ width: 158px; display: inline-block; }
#myCart li .pret		{ font-size: 1.2em; }
#myCart li .pret img	{ margin-left: 8px; }
#myCart .pret			{ font: 2.4em "Times New Roman", Times, serif; }			
#myCart .pret sup, #myCart .pret span { font-size: 0.7em; }
#myCart a.btnFinal		{ color: #fff; width: 208px; height: 27px; padding: 23px 0 0 10px; display: block; background: url(../img/btn_final.png) no-repeat; font-size: 1.4em; cursor: pointer; }

/*** Category Menu ***/
.hold-menu				{ position: relative; }
.hold-menu p.title		{ background: url(../img/top_menu.png) no-repeat; height: 43px; width: 227px; color: #fff; position: absolute; top: 0; left: 0; z-index: 10; font-size: 2.4em; line-height: 43px; text-align: center; }
.catMenu				{ clear: both; background: url(../img/cat_menu_last.gif) left bottom no-repeat; padding: 30px 0 5px; overflow: auto; display: inline-block;  }
.catMenu li				{ width: 112px; height: 75px; position: relative; float: left; overflow: hidden; margin: 0 3px 3px 0; }
.catMenu li a			{ position: absolute; z-index: 0; display: block; }
.catMenu li p.grill		{ position: absolute; left: 0; bottom: -1px; width: 112px; height: 20px; line-height: 20px; z-index: 1; text-align: center; background: url(../img/pipera_comenzi_mancare.png) bottom center no-repeat; color: #fff; }

/*** Formular comanda ***/
.frmOrder				{ background: #f2f2f2 url(../img/faghito.gif) left bottom no-repeat; padding: 5px 5px 80px; }
.gray-bg .status		{ background: url(../img/status_mesaj.gif) center right no-repeat; height: 25px; line-height: 25px; margin-bottom: 10px; }
.gray-bg .status span	{ width: 310px; float: right; margin-right: 10px; }
.inProcess span			{ background: url(../img/ajax-loader.gif) center right no-repeat; }
.frmOrder fieldset, .white-bg { background: #fff; padding: 5px; margin-bottom: 5px; }
.white-bg p.title, .frmOrder p.title, .white-bg div.titleSplitBefore, .frmOrder div.titleSplitBefore, .white-bg div.titleSplitAfter, .frmOrder div.titleSplitAfter { border-bottom: 1px solid #d9d9d9; height: 20px; left: 20px; background: url(../img/down.gif) center right no-repeat; margin-bottom: 10px; }
.frmOrder h3			{ color: #000; font: 1.3em Arial, Helvetica, sans-serif; margin-bottom: 8px; }
.frmOrder li			{ padding: 5px 0; background: url(../img/list_dot.gif) repeat-x bottom; margin-bottom: 5px; font-size: 1.1em; display: inline-block; color: #666; }
.frmOrder li span.txt	{ width: 370px; display: inline-block; }
.frmOrder li .pret		{ font-size: 1.6em; }
.frmOrder li .pret img	{ margin-left: 20px; }
.frmOrder .pret sup, .frmOrder .pret em, .frmOrder .total sup, .frmOrder .total span { font-size: 0.7em; font-style: normal; }
.frmOrder .total 		{ font-size: 2em; }

.frmOrder div			{ font-size: 1.2em; }
.frmOrder .titleSplitBefore, .frmOrder .titleSplitAfter   { line-height:1.5em; }
.frmOrder div b			{ font-weight: normal; font-size: 0.9em; vertical-align: top; }
.frmOrder input.text	{ width: 220px; height: 20px; margin-bottom: 3px;}
.frmOrder input.code	{ width: 120px; height: 20px; margin-bottom: 3px;}
.frmOrder label			{ width: 140px; display: inline-block; text-align: right; margin-right: 10px; vertical-align: top;  }
.frmOrder label	 span	{ color: #b40a02; padding-top: 10px; font-size: 0.9em; display: block; text-align: right; }
.frmOrder textarea		{ width: 220px; height: 60px; overflow: auto; margin-bottom: 3px; }
.frmOrder .btnTrimite	{ background: url(../img/btn_trimite.gif) no-repeat; color: #fff; cursor: pointer; border: none; width: 142px; height: 29px; text-align: left; }

/*** Utile ***/
.utile					{ background: url(../img/utile.gif) top right no-repeat; border-left: 1px solid #e4e1cf; border-right: 1px solid #e4e1cf; border-bottom: 3px solid #bab075; padding: 6px; }
.utile ul				{ padding-top: 10px; }
.utile li a				{ display: block; background: url(../img/brown_star.gif) left center no-repeat; padding-left: 10px; font-size: 1.1em; color: #898252; }
.utile li a:hover		{ color: #b40a02; background: url(../img/red_star.gif) left center no-repeat; padding-left: 10px; }

/*** MyPanel ***/
.myPanel				{ background: url(../img/logout.jpg) center bottom no-repeat; padding: 5px 4px 2px; margin-bottom: 10px; }
.myPanel ul				{ background: #fff; padding: 5px 5px 0; margin-bottom: 5px; }
.myPanel li				{ background: url(../img/list_dot.gif) bottom repeat-x; padding-bottom: 1px; }
.myPanel li a			{ font-size: 1.1em; color: #333; }
.myPanel li a:hover		{ color: #b40a02; }
.myPanel li.last		{ background: none; }
.myPanel a.logout		{ display: inline-block; padding-right: 20px; font-size: 0.9em; margin-bottom: 4px; }
.myPanel h3				{ font-size: 1.8em; line-height: 2em; }

/*** Calin ***/
.pPager { margin-top:10px; margin-bottom:30px; text-align:left; font-size:12px; }
.pPager .link_pager { margin-right:5px; }
.pPager .link_pager_selected { margin-right:5px; }

.aPlisting { }

#cosAjax { margin:0px; padding:0px; }
.cartTxt { width:25px; text-align:center; border:1px solid #CCC; }

.error			{ margin-bottom:15px; border:1px solid #D4D4D4; -moz-border-radius: 5px; border-radius: 5px; background-color:#FCC; padding:5px; font-size:12px; }
.statusOK		{ margin-bottom:15px; border:1px solid #D4D4D4; -moz-border-radius: 5px; border-radius: 5px; padding:8px; padding-left:20px; cursor:pointer; font-size:12px; background:url(../img/icons/10.png) no-repeat left center; background-color:#F7F3AE; }
#tooltip 		{ position: absolute; background:#E8F8FF; padding:4px; border:1px solid #06C; font:normal 11px Arial; max-width: 125px; z-index: 10000; }
.serverError	{ background-color:#FEDAF5; color:#000; padding:10px; margin-left:10px; margin-right:10px; margin-bottom:15px; border:1px solid #D4D4D4; -moz-border-radius: 5px; border-radius: 5px; }
.cartLink		{ font-size:12px; font-weight:bold; }
.textTheX		{ font-size:12px; background: #f2f2f2; padding: 5px 5px 80px; margin-bottom:15px; }
.msgDiv			{ font-size:12px; padding:3px; margin-bottom:5px; }
.theXnoProds	{ font-size:12px; color:#C00; margin-top:10px; margin-bottom:10px; }
.thexEmptyCart { font-size:12px; color:#C00; margin-top:10px; margin-bottom:10px; }
.thexOrder		{}
.thexOrder .hdr { font-weight:bold; background-color:#CC0000; color:#FFF; height:25px; padding-left:3px; text-align:left;}
.rowA { background-color:#E5E5E5; cursor:pointer; padding-left:3px; }
.rowAHover { background-color:#fdc0c0; cursor:pointer;  padding-left:3px; }
.rowB { background-color:#EEEEED; cursor:pointer;  padding-left:3px; }
.rowBHover { background-color:#fdc0c0; cursor:pointer;  padding-left:3px; }
.thexOrder td { padding-left:3px;}

.titleSplitAfter { color:#CC0000; margin-bottom:10px; margin-top:20px; border-bottom:1px solid #CC0000; font-weight:bold; }
.titleSplitBefore { color:#CC0000; margin-bottom:10px; margin-top:20px; border-bottom:1px solid #CC0000; font-weight:bold; }
.sh { color:#FFFFFF; font-weight:bold; padding-left:3px; background-color:#CC0000; }
.nouGritd td {background-color:#F7F7F7; padding-left:3px; }
.nouGritd .sh{background-color:#CC0000; padding-left:3px; }

.cursvalutar div.bg			{ background: #fff; padding: 5px 3px;  }
.theXexchange {}
.theXexchange td {height:22px; text-align:left; vertical-align:middle;}
.theXexchange .iconbnr { vertical-align:middle;}
.theXexchange .valoare { font-size:12px;}


