/*-----------------------------------------------------------------------------*/
/* Copyright© 2009 - www.BistroBalada.ro */
/* HTML-CSS-JavaScript coder: Robert Neacsu   */
/* Interface-Graphic design: Radu Velcea      */
/*-----------------------------------------------------------------------------*/

/*** Reset ***/
html, body				{ height: 100%; }
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: 82% "Times New Roman", Times, serif; background: #e7daa1 url(../img/bg_bistro.jpg) repeat-x; }

/*** Text elements ***/
h1, h2, h3, h4, h5, h6	{ font-weight: normal; }
h1						{ font-size: 2em; }
h1.title				{ font-size: 2.4em; margin-bottom: 10px; background: url(../img/floricica.gif) 0 10px no-repeat; padding-left: 30px; font-style: italic; }
h1.title span			{ background: url(../img/left_blue_title.gif) no-repeat; }
h1.title span.small		{ font-size: 0.6em; }
h2						{ font: normal 1.5em Tahoma; }
h3						{ font: normal 1.5em Tahoma; }
p						{ font-size: 1.2em; line-height: 1.3em; }
p.small					{ font-size: 1.1em; line-height: 1.7em; }
a						{ outline: none; color: #46270f; }
a:hover					{ color: #fff; }

/*** General clases ***/
.left					{ float: left; display: inline; }
.right					{ float: right; display: inline; }
.img-left				{ float: left; margin: 0 10px 10px 0; display: inline; }
.img-right				{ float: right; margin: 0 0 10px 10px; display: inline; }
.to-right				{ text-align: right; }
.to-center				{ text-align: center; }
.justify				{ text-align: justify; }
.red					{ color: #d11001; }
.light-gray				{ color: #eaedef; }
.dark-gray				{ color: #637580; }
.blue					{ color: #018dc0; }
.light-pink				{ color: #fecbfa; }
.clearfix				{ display: inline-block; clear: both; }
.clear					{ clear: both; }
.strong					{ font-weight: bold; }
.small					{ font-size: 90%; }
.gray-bborder			{ border-bottom: 1px solid #333; }
.white-border			{ border: 8px solid #fff; }
.img-border				{ border: 3px solid #233511; }
.img-whiteborder		{ border: 3px solid #fff; }

/*** General Layout ***/
#layout					{ padding-bottom: 20px; }
#layout, #footer		{ width: 900px; margin: 0 auto; }
#header					{ height: 441px; background: url(../img/restaurant.jpg) 0 137px no-repeat; }
#main					{ color: #5d3122; width: 650px; padding-top: 20px; }
#sidebar				{ width: 230px; padding-top: 20px; }
#wrap-footer			{ background: url(../img/footer.gif) repeat-x; }
#footer					{ height: 85px; text-align: center; padding-top: 10px; }

/*** Specific pages ***/
#album #main			{ width: 900px; }

/*** Header ***/
.top-links				{ text-align: right; padding-top: 6px; font-size: 1em; }

#meniu					{ width: 900px; height: 84px; padding-top: 26px; }
#meniu li				{ float: left; }
#meniu li a				{ color: #fff; display: block; height: 84px; background: url(../img/meniu.jpg) 0 -420px no-repeat; text-indent: -999em; }

li a.despre				{ width: 178px; }
li a.meniu				{ width: 164px; background-position: -178px 0 !important; }
li a.album				{ width: 171px; background-position: -342px 0 !important; }
li a.evenim				{ width: 203px; background-position: -513px 0 !important; }
li a.tur				{ width: 184px; background-position: -716px 0 !important; }

li a:hover.despre, li a.activ.despre	{ width: 178px; background-position: 0 0 !important; }
li a:hover.meniu, li a.activ.meniu		{ width: 164px; background-position: -178px -84px !important; }
li a:hover.album, li a.activ.album		{ width: 171px; background-position: -342px -168px !important; }
li a:hover.evenim, li a.activ.evenim	{ width: 203px; background-position: -513px -252px !important; }
li a:hover.tur, li a.activ.tur			{ width: 184px; background-position: -716px -336px !important; }

/*** Lists ***/
.list li				{ padding-left: 14px; background: url(../img/arrow.gif) 0 3px no-repeat; color: #213410; font-weight: bold; font-size: 1.1em; }

/*** Gallery ***/
.gallery li				{  zoom: 1; display: inline-block; *display: inline; padding: 3px; background: #fff; height: 91px; margin: 0 6px 12px; }
.gallery li:hover		{ background: #283c15; }

/*** Footer ***/
.copy					{ color: #e7daa1; padding-top: 10px; }
#footer .links			{ color: #fff; }
#footer .links a		{ color: #fff; font-size: 0.9em; text-decoration: none; }