/*--[ layout ]---------------------------------------------------------------*/

body { 
	padding: 0; 
	margin: 0; 
	background: #1B292E url("../imagini/oras_background.jpg") repeat-x; 
	color: #141E22; 
	text-align: center; 
	font-size: 62.5%; 
	font-family: Verdana, Arial, Sans-Serif;
	height: 100%; 
}

#rama {
	margin: 0 auto; 
	width: 770px; 
	text-align: left;
	position: relative;
}

#header {
	margin: 0;
	height: 124px;
	background: #55818A url("../imagini/header_background.jpg") no-repeat;
}

#header a {
	width: 360px;
	height: 70px;
	float: left;
	background: #55818A url("../imagini/logo.jpg");
	margin-top: 31px;
	text-decoration: none;
	margin-left: 10px;
}

#header a:visited {
	text-decoration: none !important;
}


#header a span {
	visibility: hidden;
}

#content { 
	padding: 0 0 10px; 
	width: 580px; 
	background: #ffffff; 
	float: left;
	margin-top: 38px;
}

#dreapta { 
	width: 185px; 
	float: right; 
	color: #ffffff;
	margin-top: 38px;
}

#footer {
	width: 580px;
	clear: both;
}

/*--[ Header ]---------------------------------------------------------------*/
#dataCurenta {
	margin: 0;
	padding: 50px 20px 0 0;
	width: 180px;
	text-shadow: #1C272B 0px 1px 2px;
	text-align: right;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #FFF;
	float: right;
	}
#dataCurenta strong {
	display: block;
	}

/*--[ navigare ]---------------------------------------------------------------*/
div#navigare {
	background: #24363A url("../imagini/navigare_background.jpg");
	background-repeat: repeat-x;
	height: 32px;
	display: block;
	position: absolute;
	top: 123px;
	left: 0;
	width: 770px;
}

div#navigare ul {
	margin: 0;
	padding: 0;
	list-style: none outside;
}

div#navigare ul li {
	margin: 1px 0 0 0;
	float: left;
	height: 32px;
	line-height: 32px;
	width: 110px;
	text-align: center;
	border-right: 1px solid #1b272b;
}

div#navigare ul li.selectat {
	margin: 0;
	border-right: 1px solid #65949C;
	background: #55818A;
	height: 32px;
	line-height: 32px;
}

div#navigare ul li a {
	width: 110px;
	text-align: center;
	height: 30px;
	font-size: 1.1em;
	color: #ffffff;
	display: block;
	text-decoration: none;
}

div#navigare ul li a:hover {
	background: #354C54 url("../imagini/meniu_hover.jpg");
	background-repeat: repeat-x;
	text-decoration: underline;
}

div#navigare ul li.selectat a:hover{
	background: #55818A;
}

/*--[ navigare secundara ]---------------------------------------------------------------*/

#navSec {
	padding: 0 15px 0 0;
	color: #55818A;
	line-height: 30px;
	float: right;
	}
#navSec a {
	margin: 0 5px;
	}
#navSec a:link, #navSec a:visited {
	color: #FFF;
	text-decoration: none;
	}
#navSec a:hover {
	color: #DAE4E6;
	text-decoration: underline;
	}
#navSec a:active {
	color: #FF9;
	}

/*--[ content ]---------------------------------------------------------------*/
div#ads {
	display: block;
	padding-bottom: 5px;
	background-color: #1B292E;
}

h1.titlu {
	height: 38px;
	width: 580px;
	background: #8bb448 url("../imagini/h1_background.jpg") no-repeat;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 38px;
	margin: 0;
	padding: 0;
	text-indent: .5em;
}

div#continut {
	clear: both;
	padding: 20px 15px 20px 20px;
}

div#continut a:link { color: #000;}
div#continut a:hover, div#continut a:visited:hover { color: #3B535B;}
div#continut a:visited { color: #000; text-decoration: none;}
div#continut a:active { color: #8BB448;}

#restList { 
	margin: 0; 
	padding: 0 0 100px; 
	width: 350px; 
	float: left;
}

#restList a:visited {
	text-decoration: underline !important;
}

#restList dt { 
	font-size: 1.5em; 
	line-height: 1.8em;
}

#restList dt img { 
	margin: 0 0 0 5px;
}

.dirNew span {
	float: right;
}

.dirAddress, .dirPhone, .dirOffer, .dirMeniu {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #555555;
}

.dirMeniu a {
	color: #555555 !important;
}

.dirAddress { background: url("../imagini/iconAddress.gif") no-repeat 0px 3px;}
.dirPhone   { background: url("../imagini/iconPhone.gif") no-repeat 0px 3px;}
.dirOffer   { background: url("../imagini/iconOffer.gif") no-repeat center left;}
.dirMeniu   { background: url("../imagini/iconMeniu.gif") no-repeat 0 6px;}

#restList .clear { margin: 15px 0 15px 0; border-bottom: 1px solid #E3E3E3;}

#dirSpecific, #dirSpecialitate { margin: 0; width: 160px; float: right; margin-top: 5px;}


#dirSpecific a:visited {
	text-decoration: none;;
}

#dirSpecific dt, #dirSpecialitate dt { margin: 0 0 5px; font-size: 1.3em; font-weight: bold;}
	
#dirSpecific dd, #dirSpecialitate dd {
	margin: 0 0 0 12px;
	padding: 0 0 0 15px;
	font-size: 1.2em;
	line-height: 1.6em;
	background: url("../imagini/iconBullet1.gif") no-repeat 0 7px;
	}

#dirSpecific dd.clear, #dirSpecialitate dd.clear { margin: 0 0 15px;}

/* Detalii restaurant */
div#galerie_foto {
	width: 551px;
	margin: 0 auto;
	display: block;
}

div#galerie_foto img {
	border: 4px solid #DDE0AF;
	margin-right: 6px;
	border-bottom-width: 10px;
}

div#galerie_foto img.gal {
	margin-bottom: 10px;
}

div#galerie_foto a:hover img {
	border-color: #CACDA0;
}

div#filtre {
	float: left;
	width: 580px;
	background: #E7EABF url('../imagini/filtre_background.gif') left top repeat-x;
	padding: 5px 0;
	text-indent: .7em;
}

div#filtre p {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

div#locatie {
	background-color: #8BB448;
	height: 30px;
}

div#locatie p {
	color: #336600;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	font-style: italic;
}

#restCols { padding: 0 20px 20px; margin-top: 20px;}

#restaurantDescriere { margin: 0 0 20px; width: 350px; float: left;}
#restaurantInfo { margin: 0 0 10px; width: 160px; float: right;}

#restaurantInfo ul { margin: 0; padding: 0; list-style: none;}
#restaurantInfo li { padding: 0 0 0 17px; font-size: 1.1em; line-height: 1.7em;}
#restaurantInfo .telefon   { 
background: url("../imagini/iconPhone.gif") no-repeat 2px 5px ;
padding-left: 15px;
font-weight:normal;

}
#restaurantInfo .bucatarie { background: url("../imagini/iconCuisine.gif") no-repeat center left;}
#restaurantInfo .livrare { background: url("../imagini/iconDeliv.gif") no-repeat center left;}

#restaurantDescriere p, #restaurantInfo p { margin: 0 0 15px; font-size: 1.3em; line-height: 1.5em;}

#restaurantOre, #restaurantMeniu {
	display: block;
	margin-top: 5px;
	padding-top: 3px;
	border-top: 1px solid #cccccc;
}

#restaurantOre span,  #restaurantMeniu span{ 
	margin: 15px 0 5px; 
	padding: 5px 0 0; 
	font-size: 1.1em;
	font-weight: bold;
}

#restaurantOre p { 
	font-size: 1.1em;
	line-height: 1.5em;
	}

/* Icoane */
div#restaurantIcoane { 
	margin: 0 0 20px; 
	padding: 0 17px 0 0; 
	height: 30px; 
	clear: both; 
	background: #8BB448 url("../imagini/baraIcoane.gif");
}

#restaurantIcoane ul { margin: 0; padding: 0; list-style: none; float: right;}
#restaurantIcoane li { margin: 0; height: 30px; line-height: 25px; float: left;}
.iconPachet  { width: 34px; background: #8BB448 url("../imagini/icon_pachet.jpg") no-repeat;}
.iconLivrare { width: 34px; background: #8BB448 url("../imagini/icon_livrare.jpg") no-repeat;}
.iconCatering { width: 34px; background: #8BB448 url("../imagini/icon_catering.jpg") no-repeat;}
.iconEvenimente { width: 34px; background: #8BB448 url("../imagini/icon_evenimente.jpg") no-repeat;}

#restaurantIcoane li:hover span {
	position: absolute;
	margin: 40px 0 0;
	background-color: #ffffcc;
	padding: 2px 10px 2px 10px;
	border: 1px solid #c0c0c0;
	font-size: 12px;
	color: #000;
	text-align: left;
	display: block;
	}

/* Listare Meniu */
div#meniu {
	padding: 25px 0 20px; 
	background: #CCCC98 url("../imagini/meniu_umbra.jpg") no-repeat top left; 
	clear: both;
	}

div#meniu h2 {
	text-align: center;
	font-style: italic;
	margin: 10px 18px;
	color: #ffffff;
	font-size: 2em;
	line-height: 2.5em;
	background: #B8B789;
}

div#meniu h3 {
	padding: 10px 10px;
	margin: 0 17px;
	color: #FFF;
	text-shadow: #066 0px 1px 1px;
	font-size: 1.4em;
	background: #67A0AD url("../imagini/meniu_fade.jpg") repeat-x bottom;
	border: 3px solid #B8B789;
	border-bottom: none;
	}

div#meniu .descriereCategorie {
	margin: 0 17px;
	padding: 10px 10px;
	color: #5F6465;
	font-size: 1.1em;
	line-height: 1.4em;
	background: #dae4e6;
	border: 3px solid #b8b789;
	border-top: none;
	border-bottom: none;
	}

div#meniu dl {
	margin: 0 17px 17px;
	padding: 20px;
	border: 3px solid #B8B789;
	border-top: none;
	background: #FFF;
	}

div#meniu dt {
	margin-bottom: 5px;
	font-size: 1.3em;
	color: #222;
	}

div#meniu dt a {
	height: 10px;
	width: 10px;
	}

div#meniu .desc {
	margin: 0 0 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #666;
	}

div#meniu .price {
	margin: 3px 0 20px;
	padding-bottom: 10px;
	font-size: 1.2em;
	text-align: right;
	color: #000;
	border-bottom: 1px solid #EFEFEF;
	}

#restaurantDisclaimer {
	padding: 20px;
	font-size: 1.1em;
	background: #FFF;
	color: #666;
	}

span.top {
	clear: both; 
	display: block; 
	margin: 5px 16px; 
	text-align: right;
	}

span.top a {
	background: url('../imagini/sus_arrow.gif') 100% 3px no-repeat;
	padding-right: 15px;
}

/*--[ formulare ]---------------------------------------------------------------*/
#formular fieldset {
	margin: 15px;
	padding: 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border: none;
}

#formular form, #formular_rating form {
	padding: 20px 30px;
	border: none;
}

#formular label {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}

#formular label.nobr {
	display: inline !important;
	font-weight: normal;
}

#formular label span {
	color: #999;
	font-weight: normal;
}

#formular select {
	margin: 5px 0 20px;
	width: 50%;
	display: block;
}

#formular input:hover, #formular textarea:hover {
	background: #ECECEC;
}

#formular input:focus, #formular textarea:focus {
	background: #FFFFE6;
}

#formular input.casuta, #formular textarea.casuta {
	margin: 5px 0 20px;
	width: 460px;
	background: #F5F5F5;
	border: 1px solid #cccccc;
	font-family: Arial, Verdana, sans-serif;
	color: #555555;
	font-size: 1.7em;
	font-weight: bold;
}

.emailMessage {
	margin: 0 50px;
	padding: 20px;
	background: #FFC;
	text-align: center;
}

#restaurantInfo .subbucatarie { 
	background: url("../imagini/iconsubCuisine.gif") no-repeat 7px center;
}

/*--[ dreapta ]---------------------------------------------------------------*/
div#orase, div#detalii_restaurant, div#comanda_acum, div#spune_parerea {
	background: #EEF1D5 url("../imagini/orase_background.jpg") bottom left no-repeat;
	text-align: left !important;
	padding-bottom: 3px;
	display: block;
	margin-bottom: 5px;
}

div#detalii_restaurant p, div#comanda_acum p, div#spune_parerea p {
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	text-indent: 4px;
	background: #DDE0AF url("../imagini/background_info_restaurant.gif") left top repeat-x;
	height: 18px;
	line-height: 15px;
}

div#detalii_restaurant span.t, div#comanda_acum span.t, div#spune_parerea span.t {
	font-size: 1em;
	color: #3A3A3A;
	margin-left: 7px;
	margin-right: 2px;
	display: block;
	margin-bottom: 10px;
	margin-top: 2px;
	line-height: 15px;
}

div#orase h4 {
	background: #649099 url("../imagini/gaseste_un_restaurant.jpg") no-repeat;
	height: 31px;
	line-height: 31px;
	width: 185px;
	margin: 0;
	padding: 0;
}

div#detalii_restaurant h4 {
	background: #649099 url("../imagini/detalii_restaurant.jpg") no-repeat;
	height: 31px;
	line-height: 31px;
	width: 185px;
	margin: 0;
	padding: 0;
}

div#comanda_acum h4 {
	background: #649099 url("../imagini/comanda_acum.jpg") no-repeat;
	height: 31px;
	line-height: 31px;
	width: 185px;
	margin: 0;
	padding: 0;
}

div#spune_parerea h4 {
	background: #649099 url("../imagini/spune_parerea.gif") no-repeat;
	height: 31px;
	line-height: 31px;
	width: 185px;
	margin: 0;
	padding: 0;
}

div#orase dl {
	margin: 0;
	text-align: left !important;
}

div#orase dd {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	line-height: 1.8em;
	background: url("../imagini/arrow.jpg") no-repeat 0 8px;
	text-align: left !important;
}

div#orase a:link, div#orase a:visited {
	color: #333333;
	text-align: left !important;
	display: block;
}

div#orase a:hover {
	color: #000000;
	font-weight: normal;
	text-align: left !important;
}

div#orase a:active {
	color: #000000;
	font-weight: bold;
	text-align: left !important;
}

div#castiga, div#adauga {
	margin-top: 5px;
	width: 185px;
	height: 64px;
	display: block;
}

div.banner {
	margin-top: 5px;
	width: 185px;
	height: 320px;
	display: block;
	margin-bottom: 5px;
}

div#castiga a {
	width: 185px;
	height: 64px;
	display: block;
	background: #496F78 url("../imagini/castiga_off.jpg") no-repeat;
}

div#castiga a:hover {
	width: 185px;
	height: 64px;
	display: block;
	background: #496F78 url("../imagini/castiga_on.jpg") no-repeat;
}

div#adauga a {
	width: 185px;
	height: 64px;
	display: block;
	background: #CA6701 url("../imagini/adauga_off.jpg") no-repeat;
}

div#adauga a:hover {
	width: 185px;
	height: 64px;
	display: block;
	background: #CA6701 url("../imagini/adauga_on.jpg") no-repeat;
}

/*--[ footer ]---------------------------------------------------------------*/
div#footer {
	background: #25363B url("../imagini/footer_background.jpg") bottom left no-repeat;
	height: 50px;
	margin-bottom: 15px;
}

#footer p {
	margin: 0 10px 5px 0;
	padding: 5px;
	background: #25363B;
	color: #FFF;
	font-size: 1em;
	line-height: 2em;
	text-align: left;
}

#footer span {
	font-size: 1.1em;
	display: block;
}

#footer a:link, #footer a:active, #footer a:visited { 
	color: #FFC; 
}

#footer a:hover {
	color: #FF6;
}
/*--[ common ]----------------------------------------------------------------*/
h1, h2, h3, h4 { 
	margin: 0 20px; 
	font-family: Verdana, Arial, Sans-Serif;
}

h2 {
	margin: 0 20px 15px;
	font-size: 1.5em;
	color: #000000;
	margin-top: 15px;
}

p { 
	margin: 10px 20px 15px; 
	font-size: 1.3em; 
	color: #000000;
}

a:link {
	color: #993300;
}

a:visited {
	color: #663300;
}

a:hover {
	color: #663300;
}

a:active {
	color: #cc3300;
}

img { 
	border: none;
}

.highlight { /* highlight important text */
	background: #ffffcc;
}

.stretch { /* clear floated divs */
	clear: both;
}

.alt { /* hides text from broswer */
	display: none;
}

/*--[ Homepage]----------------------------------------------------------------*/

/* top diversitate */
div#top {
	width: 210px;
	background: #182327 url("../imagini/top_diversitate_bg.jpg") top left;
	float: left;
}

div#top dl {
	margin: 5px;
	margin-bottom: 0;
}

div#top dd {
	text-align: right;
	margin-bottom: 8px;
	margin-top: 6px;
}

div#top dl {
	font-size: 1.1em;
}

div#top p.top {
	margin: 0;
	padding: 0;
	height: 30px;
	background:  url("../imagini/top_diversitate.jpg") top left no-repeat;
}

div#top a {
	color: #333333;
}

div#top a:hover {
	color: #555555;
}

div#entry {
	margin-left: 210px;
	width: 366px;
	border: 0;
}

div#entry p.nume {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #55818A;
	font-weight: bold;
}

div#entry p.nume a {
	color: #55818A;
	text-decoration: none;
}

div.cl {
	clear: both;
	display: block;
	padding: 6px 0;
	background-color: #182327;
}

div.cl img {
	display: block;
	margin: 0 auto;
}

#inCurand h2 {
	padding: 10px;
	background: #649099;
	color: #FFF;
}

#inCurand dl {
	margin: 0 20px;
}

#inCurand dt {
	margin: 0 10px;
	font-size: 1.2em;
	color: #000;
}

#inCurand dd {
	padding: 0;
	margin: 0 10px 15px;
	font-size: 1.1em;
	color: #444;
}

/* Restaurante recomandate */
.recomandari {
	margin: 15px 20px 30px;
	padding: 0 0 20px;
	border-bottom: 1px solid #CCC;
}

.nume_recomandat, .nume_recomandat a {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #55818A;
	font-weight: bold;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif !important;
}

.nume_recomandat a:hover {
	text-decoration: underline !important;
}

.nume_recomandat a:active {
	color: #000000;
}

/* rating */
.categorii {
	margin: 0;
	padding: 0;
}


/* Opinii */
div.opinie {
	margin: 10px 15px 20px 15px;
	width: 540px;
	margin-bottom: 6px;
	padding-left: 4px;
	padding-bottom: 10px;
	font-size: 12px;
	border-bottom: 1px solid #D6D6D6;
	min-height: 130px;
}

p.reviewer {
	color: #da4800;
	padding: 0;
	margin: 0;
	font-size: 12px;
	margin-bottom: 10px;
}

p.reviewer img {
	float: left;
	margin-top: 1px;
}

div.note {
	text-align: justify;
	font-size: 12px;
}

div.note ul {
	margin: 0 0 5px 5px;
	padding: 4px;
	list-style: none;
	float: right;
	width: 230px;
	background-color: #E9F7BF;
	border: 1px solid #D4E1AE;
}

div.note ul li {
	display: block;
	clear: both;
	width: 230px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	height: 20px;
	_line-height: 14px;
	font-size: 11px;
	font-weight: bold;
	color: #71785D;
}

div.note ul li.autor {
	display: block;
	clear: both;
	width: 230px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	height: 20px;
	_line-height: 14px;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	text-align: center;
}

div.note ul li span {
	width: 160px;
	float: left;
	text-align: right;
}

/* Stiluri pentru POLL-uri starts */
dl.categorii {
	margin-bottom: 20px;
}

dl.categorii dt {
	margin: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
}

dl.categorii dd {
	margin-top: 4px;
	font-size: 1.1em;
	font-weight: normal;
	color: #666666;
}
/* Stiluri pentru POLL-uri ends */

div#nnavigare {
	height: 30px;
	margin-left: 16px;
	margin-top: 10px;
	font-size: 12px !important;
}

div#rr {
	width: 80px;
	height: 13px;
	border: 1px solid #C9C9C9;
	background-color: #ffffff;
	margin: 4px auto;
	text-align: center;
	vertical-align: middle;
}