/*** Reset ***/
/*html					{ overflow-y:scroll; } Only in CSS3 */
html					{ min-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; }
body					{ font-family: Georgia, Arial, Helvetica, sans-serif; background: #f5f3e7 url(../img/restaurant.jpg); }

/*** General CLASES ***/
a img					{ border: none; }
.marB30					{ margin-bottom: 30px; }
.tel, .mail				{ padding-left: 20px; }
.tel					{ background: url(../img/telefon.gif) left center no-repeat; }
.mail					{ background: url(../img/email.gif) left center no-repeat; }
.w3c					{ padding-left: 16px; background: url(../img/w3c.gif) no-repeat; }
.right					{ float: right; }
.image					{ padding: 5px; border: 1px solid #ff9900; }
.left					{ float: left; }
.clear					{ clear: both; }
.center					{ margin: 0 auto; }

/*** Text Elements ***/
h1, h2, h3, h4, h5, h6	{ font-weight: 100; font-family: Georgia, Arial, Helvetica, sans-serif; }
h2						{ font-size: 1.2em; color: #7a310a; }
h3						{ background: url(../img/la-taverna.jpg) no-repeat; color: #000; font-style: italic; padding: 0 0 3px 10px; }
h1						{ color: #5d240d; padding-bottom: 5px; background: url(../img/restaurant.gif) right bottom no-repeat; margin-bottom: 20px; }
p						{ font-size: 0.8em; line-height: 1.4em; color: #7a310a; }
a						{ text-decoration: none; color: #ddc2a3; outline: none; }

/*** Basic Layout Structure ***/
#head-wrap				{ background: url(../img/pizza.jpg) repeat-x; }
#head, #content, #footer { width: 950px; margin: 0 auto; }
#head					{ height: 144px; position: relative; background: url(../img/organizare-nunta-botez.jpg) top right no-repeat; z-index: 1; }
#content-wrap			{ background: #f5f3e7 url(../img/pizza-restaurant.jpg) repeat-x; overflow: auto; }
#content				{ padding-top: 30px; }
#sidebar				{ width: 371px; background: url(../img/pub.jpg) right 40px no-repeat; float: left; padding-right: 15px; }
#main					{ width: 534px; float: right; padding-bottom: 20px; }
#footer-wrap			{}
#footer					{ height: 100px; text-align: center; padding-top: 20px; font-size: 90%; }
#footer p				{ color: #ad9272; line-height: 1.6em; }
#footer a				{ border-bottom: 1px dotted #ad9272; }
#footer a:hover			{ color: #fff; border-bottom: 1px solid #fff; }
#footer a.linkBizNet	{ color: #f90; font-weight: bold; }
#footer a.linkIX		{ color: #c00; font-weight: bold; }

/*** Images ***/
.thumbs					{}
.thumbs img				{ padding: 5px; border: 1px solid #ff9900; margin: 0 10px 10px 0; }
.thumbs a img			{}
.thumbs a:hover img		{ background-color: #ff9900; }

/*** Address ***/
.address				{ width: 320px; margin: 0 auto; padding-top: 20px; }
.address strong			{ font-family: Arial, Helvetica, sans-serif; }

/*** Menu list ***/
#nav					{ position: absolute; right: 0; bottom: 8px; }
#nav, #nav ul			{ padding: 0; margin: 0; list-style: none; }
#nav a					{ display: block; color: #ad9272; margin: 0 10px; }
#nav a:hover			{ color: #fff; }
#nav li					{ float: left; }
#nav li ul				{ position: absolute; background-color: #351506; left: -999em; }
#nav li ul li			{ clear: both; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
.sub li					{ font-size: 0.8em; padding: 2px 0; display: block; border-bottom: 1px solid #5e2d04; width: 160px; }

ul.list					{ color: #7a310a; margin-bottom: 20px; }
ul.list li				{ background: url(../img/dot.gif) 0 12px repeat-x; overflow: auto; }
ul.list li b			{ float: left; width: auto; background-color: #f5f3e7; padding-right: 10px; font-weight: 100; font-size: 0.8em; }
ul.list li em			{ float: right; background-color: #f5f3e7; padding-left: 10px; }
ul.list li.info			{ font-size: 0.75em; margin-bottom: 10px; color: #666; background: none; }
ul.list li.title		{ background: none; margin-bottom: 5px; color: #c00; font-size: 0.8em; font-weight: bold; font-style: italic; padding-bottom: 3px; border-bottom: 1px solid #ccc; }

ul.toppings				{ list-style: none; float: left; width: 86px; font-size: 0.8em;}
.tip					{ background: url(../img/info-tip.jpg) 0 0 no-repeat; padding: 28px 10px 10px; }

/*** Forms ***/
.form fieldset			{ border: 1px solid #ccc; }
.form legend			{}
input.txt, textarea		{ float: left; margin-bottom: 10px; width: 220px; }
input.txt				{ margin-left: 10px; }
textarea				{ margin-left: 20px;}
.comment				{ height: 120px; }
.form em				{ float: left; }
.form .btnTrimite, .note { margin-left: 200px; }
.label					{ width: 180px; float: left; }
.ctrlHolder				{ padding-left: 10px; }
.formHint				{ margin: 0 10px 10px 200px; font-size: 70%; }
.note					{ font-size: 0.7em; font-weight: bold; color: #c00; clear: both; }

.calendar				{ color: red; margin: 0 auto; }
#main a					{ color: #7a310a;}

/*** Temporar ***/
#anunt					{ background-color: #cf7015; text-align: center; padding: 10px 0; position: relative; z-index: 100;}
#anunt p				{ color: #fff; }
#switch					{ position: absolute; top: 38px; right: 0; }
#head-image				{ clear: both; }
#main .comanda a		{ color: #f00; background: url(../img/redDot.gif) bottom repeat-x; padding-bottom: 1px; }
#main .comanda a:hover	{ color: #600; }