body {
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background:#7D0000 url(../img/light.png) no-repeat;
background-position: center top;
color: #000000;
line-height: 17px;
}
html {
behavior: url(continut/afisare/resurse/js/hover.htc);
overflow-x:hidden;
overflow-y: auto;
}

@font-face {
font-family: fontshui;
src: url(FONTSHUI.TTF);
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* CLEARFIX
/*--------------------------------------------------------------------------------------------------------------------------*/
div:after, 
dl:after,
ul:after,
ol:after,
.cfix:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
line-height: 0px;
}
* html div, 
* html dl,
* html ul,
* html ol,
* html .cfix {
height: 1%}
div, 
dl,
ul,
ol,
.cfix {
display: inline-block}
div, 
dl,
ul,
ol,
.cfix {
display: block}
/*-----*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/* RESETARE TAGURI
/*--------------------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,ul,dl,dt,dd,ol,li,p,hr,form,fieldset,legend,blockquote,input,pre,label,textarea,select,address {
margin: 0px;
padding: 0px;
outline: none;

																				border: none;
font-style: normal;
font-weight: normal;
background-color: transparent;
list-style: none;

																				font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
line-height: 17px}
/*-----*/

a {
color: #900000;
text-decoration: none;
font-weight: normal;
outline: none;
}
a:hover {
border-bottom: 1px dashed #900000}
a img {
border: none}
p,ul,ol,li,h2,h3,h4 {
padding: 0}

h4{
font-size:14px;
font-weight:bold;
color:#900000;
border-bottom: 1px solid #900000;
margin-left:5px;
padding-bottom: 5px;
}

em {
font-style:italic;
color: #660000}
strong {
font-weight: normal;
color: #660000}


div#site {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
height: auto;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* MENIU SUS
/*--------------------------------------------------------------------------------------------------------------------------*/
ul#meniu {
max-height: 0;
-webkit-transition: max-height 200ms ease 1ms;
-moz-transition: max-height 200ms ease 1ms;
-o-transition: max-height 200ms ease 1ms;
transition: max-height 200ms ease 1ms;
overflow: hidden;
clear: both;
}
ul#meniu.opn {
display: block;
z-index: 1;
max-height: 200px;
}
ul#meniu li {
float:left;
clear:none;
height:40px;
padding:0px;
width: 100%;
}
ul#meniu li a {
display:block;
width:auto;
padding: 0 18px;
height:40px;
color: #fff;
text-align: center;
line-height: 37px;
overflow: hidden;
text-transform: uppercase;
background: rgb(125, 0, 0);
font-family: fontshui;
}
ul#meniu li a:hover {
background-color: #b60000;
}
ul#meniu li a:hover {
border:none;
}

#b-home ul#meniu li#m-despre a,
#b-meniu-restaurant ul#meniu li#m-restaurant a, 
#b-meniu-livrari ul#meniu li#m-livrari a, 
#b-galerie-foto ul#meniu li#m-galerie a, 
#b-contact ul#meniu li#m-contact a,
#b-meniu-restaurant-dinfu-vitan ul#meniu li#m-restaurant a {
background-color: #6f0000;
}

a.valori-nutritionale-mobile-link,
a.valori-nutritionale-mobile-link:hover,
a.valori-nutritionale-mobile-link:focus {
  display: block; 
  margin: 20px auto;
  background-color: #900; 
  font-size: 13px; 
  color: #fff; 
  padding: 10px; 
  text-transform: uppercase; 
  font-weight: bold;
  text-decoration: none; 
  text-align: center;
  border: 1px solid #d63130;
  border-radius: 4px;
}
.mobile-trigger {
	display: block;
    border: 1px solid #d63130;
    border-radius: 3px;
    background: none;
    color: #fff;
    padding: 15px;
    margin: 20px auto;
    font-size: 14px;
    font-family: fontshui;
    outline: none;
}

.mobile-trigger i {
	padding-right: 5px;
	font-size: 18px;
}

.mobile-trigger:hover {
	cursor: pointer;
}

.mobile-trigger.opn {
	background-color: #980000;
    border-color: #a90000;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/* LOGO
/*--------------------------------------------------------------------------------------------------------------------------*/
#header {
height: auto;
padding: 50px 0;
padding-bottom: 10px;
}

.site-logo {
height: 92px;
background: url(../img/logo.png) no-repeat;
margin-top: -30px;
background-position: center;
z-index: 1;
position: relative;
}

*html h1 {
behavior: url(continut/afisare/resurse/js/iepngfix.htc);
}

h1 strong {
display:none;
}

/* start fane */

div#subcontinut {
height:auto;
}
	
/* end fane*/							
/*--------------------------------------------------------------------------------------------------------------------------*/
/* CONTINUT
/*--------------------------------------------------------------------------------------------------------------------------*/
#continut {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
padding-bottom: 50px;
background:#dfc695;
}

*html #continut {
behavior: url(continut/afisare/resurse/js/iepngfix.htc);
background-position: 150px bottom;
width:1001px;
}

div#continut p {
padding: 5px 0px 5px 0px;
}
	
div#continut div#principal {
text-align: justify;
padding: 0 25px;
padding-top: 20px;
}
*html div#continut div#principal {
height: 400px}

#dreapta {
padding-left: 25px;
width: 100%;
padding-right: 25px;
min-height: 210px;
}

.trigger-container {
width: 100%;
display: block;
text-align: center;
position: absolute;
top: -1px;
padding: 12px 0;
margin: 0;
margin-left: -25px;
z-index: 1;
background: #990808;
}

.food-menu-trigger {
border: 1px solid #d63130;
padding: 12px;
font-size: 12px;
border-radius: 3px;
color: #fff;
display: block;
background: #bb1212;
font-family: fontshui;
outline: none;
cursor: pointer;
margin: 0 auto;
}

.food-menu-trigger i {
font-size: 22px;
vertical-align: middle;
margin-right: 5px;
}

.food-menu {
display: none;
}

.food-menu-mobile {
position: absolute;
opacity: 0;
overflow: hidden;
-webkit-transition: opacity 200ms ease-out 1ms;
-moz-transition: opacity 200ms ease-out 1ms;
-o-transition: opacity 200ms ease-out 1ms;
transition: opacity 200ms ease-out 1ms;
background: #880303;
height: auto;
top: 70px;
left: 0;
text-align: center;
right: 0;
margin: 0 auto;
height: 0;
}

.food-menu-mobile li a {
padding: 14px 0;
color: #fff;
border-bottom: 1px solid #bb1212;
font-size: 14px;
}

.food-menu-mobile li a strong { color: #fff; }

.food-menu-mobile.opn {
display: block;
position: absolute;
top: 70px;
left: 0;
text-align: center;
right: 0;
margin: 0 auto;
background: #880303;
height: auto;
border-bottom: 1px solid;
opacity: 1;
overflow: visible;
}

.sidebar-title {
font-family: fontshui;
font-size: 18px;
color: #890000;
margin-bottom: 5px;
padding-top: 30px;
line-height: 22px;
}

div#continut div#dreapta address span {
display:block;
margin-top:10px;
font-weight:bold;
}

div#continut div#dreapta ul#rezumat-meniu-restaurant,
div#continut div#dreapta ul#rezumat-meniu-livrari {
margin:10px 0px 30px 0px;
}
div#continut div#dreapta ul#rezumat-meniu-restaurant li,
div#continut div#dreapta ul#rezumat-meniu-livrari li {
padding:0px;
border-bottom:1px dashed #F2E9D7;
}
div#continut div#dreapta ul#rezumat-meniu-restaurant li a,
div#continut div#dreapta ul#rezumat-meniu-livrari li a {
display:block;
padding: 10px 25px;
background:url(../img/dot.gif) no-repeat 8px center;

																							 color:#000000;
cursor:pointer;
}
div#continut div#dreapta ul#rezumat-meniu-restaurant li a:hover,
div#continut div#dreapta ul#rezumat-meniu-livrari li a:hover,
div#continut div#dreapta ul#rezumat-meniu-restaurant li a.selectat,
div#continut div#dreapta ul#rezumat-meniu-livrari li a.selectat {
background-color:#E8D6B3;
border:none;
color:#333333;
}

div#continut div#dreapta ul#rezumat-meniu-restaurant li a strong,
div#continut div#dreapta ul#rezumat-meniu-livrari li a strong {
float:left;
clear:none;
width:120px;
height:17px;
overflow:hidden;
color:#000000;
}
div#continut div#dreapta ul#rezumat-meniu-restaurant li a:hover strong,
div#continut div#dreapta ul#rezumat-meniu-livrari li a:hover strong {
color:#333333;
}
div#continut div#dreapta ul#rezumat-meniu-restaurant li a span.gramaj,
div#continut div#dreapta ul#rezumat-meniu-livrari li a span.gramaj {
float:left;
clear:none;
width:120px;
height:17px;
overflow:hidden;
}
div#continut div#dreapta ul#rezumat-meniu-restaurant li a span.pret,
div#continut div#dreapta ul#rezumat-meniu-livrari li a span.pret {
float:right;
clear:none;
width:30px;
height:17px;
padding-right:3px;
overflow:hidden;
text-align:right;
}
																													

div#continut div#dreapta #evenimente {
margin-top: 30px;
background: #e8d6b3;
padding: 12px;
border: 1px solid #eee;
border-radius: 6px;
}

div#continut div#dreapta #evenimente p {
	margin: 0;
}
div#continut div#dreapta #evenimente h3 {
width:100%;
height:39px;
margin: 0px auto 10px auto;
background:url(../img/t-restaurant-evenimente.gif) no-repeat center;
text-indent:-1000px;
overflow: hidden;
background-size: contain;
}
div#continut div#dreapta #evenimente p {
text-align:center;
}
div#continut div#dreapta #evenimente p strong {
color:#000000;
font-weight:bold;
}

.content-title {
font-family: fontshui;
font-size: 18px;
color: #890000;
margin-bottom: 5px;
line-height: 22px;
}
.desktop-menu-title {
	font-family: fontshui;
	height: 50px;
	opacity: 0;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* HOME
/*--------------------------------------------------------------------------------------------------------------------------*/
#b-home div#continut div#principal ul#imagini {
margin: 10px 0px;
text-align:center;
}
#b-home div#continut div#principal ul#imagini li {
display: inline-block;
margin: 5px 10px;
}
#b-home div#continut div#principal ul#imagini li a img {
border:4px solid #F2E9D7;
border-radius: 3px;
}
#b-home div#continut div#principal ul#imagini li a:hover {
border:none;
}
#b-home div#continut div#principal ul#imagini li a:hover img {
border: 4px solid #D5B475;
border-radius: 3px;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* MENIU-RESTAURANT
/*--------------------------------------------------------------------------------------------------------------------------*/
div#continut div#principal p.nume {
margin-top:10px;
}
div#continut div#principal p.nume strong {
font-weight:bold;
}

#b-meniu-restaurant div#continut div#dreapta ul#rezumat-meniu-restaurant {
margin-bottom: 30px;
}

div#continut div#principal ul#meniu-restaurant {
margin-top:0px;
}

div#continut div#principal ul#meniu-restaurant li {
padding-bottom:7px;
margin-bottom: 15px;
}
div#continut div#principal ul#meniu-restaurant li p {
padding: 2px 0px;
}
div#continut div#principal ul#meniu-restaurant li p strong {
color:#000000;
}
div#continut div#principal ul#meniu-restaurant li:hover p strong {
color:#333333;
}
div#continut div#principal ul#meniu-restaurant li p span.gramaj {
clear:none;
width:50px;
height:17px;
overflow:hidden;
margin-left: 5px;
}
div#continut div#principal ul#meniu-restaurant li p span.pret {
clear:none;
width:40px;
height:17px;
padding-right:3px;
overflow:hidden;
text-align:right;
margin-left: 15px;
font-size: 12px !important;
color: #990808;
}
div#continut div#principal ul#meniu-restaurant li p.ingrediente {
font-style:italic;
max-width: 300px;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* MENIU-LIVRARI
/*--------------------------------------------------------------------------------------------------------------------------*/
div#continut div#principal p.nume {
margin-top:10px;
}
div#continut div#principal p.nume strong {
font-weight:bold;
}

#b-meniu-livrari div#continut div#dreapta ul#rezumat-meniu-livrari {
margin-bottom: 30px;
}

div#continut div#principal ul#meniu-livrari {
margin-top:0px;
}
div#continut div#principal ul#meniu-livrari li {
padding-bottom:7px;
}
div#continut div#principal ul#meniu-livrari li p {
padding: 2px 0px;
}
div#continut div#principal ul#meniu-livrari li p strong {
float:left;
clear:none;
width:355px;
height:17px;
overflow:hidden;
color:#000000;
}
div#continut div#principal ul#meniu-livrari li:hover p strong {
color:#333333;
}
div#continut div#principal ul#meniu-livrari li p span.gramaj {
float:left;
clear:none;
width:50px;
height:17px;
overflow:hidden;
}
div#continut div#principal ul#meniu-livrari li p span.pret {
float:right;
clear:none;
width:40px;
height:17px;
padding-right:3px;
overflow:hidden;
																																					text-align:right;
}
div#continut div#principal ul#meniu-livrari li p.ingrediente {
font-style:italic;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* GALERIE-FOTO
/*--------------------------------------------------------------------------------------------------------------------------*/
#b-galerie-foto div#continut div#principal ul.imagini {
margin: 10px 0px;
text-align:center;
}
#b-galerie-foto div#continut div#principal ul.imagini li {
display:inline;
}
#b-galerie-foto div#continut div#principal ul.imagini li a img {
border:4px solid #F2E9D7;
margin:0px 0px 10px 5px;
}
#b-galerie-foto div#continut div#principal ul.imagini li a:hover {
border:none;
}
#b-galerie-foto div#continut div#principal ul.imagini li a:hover img {
border-color:#D5B475;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* CONTACT
/*--------------------------------------------------------------------------------------------------------------------------*/
#b-contact div#continut #harta {
width:100%;
float:left;
clear:none;
}
#b-contact div#continut #harta span {
display:block;
margin-top:10px;
font-weight:bold;
}
#b-contact div#continut #harta span.harta {
font-weight:bold;
}
#b-contact div#continut #harta img {
border:4px solid #F2E9D7;
margin:10px 0px 0px 0px;
}
#b-contact div#continut #harta a:hover {
border-bottom:none;
}

#b-contact div#continut div#principal p.formular {
font-weight:bold;
}
#b-contact div#continut form {
margin: 0 auto;
clear: none;
height: auto;
}
#b-contact div#continut form fieldset {
margin-bottom:10px;
margin-left:0px;
}
#b-contact div#continut form fieldset label {
float:left;
clear:none;
width:50px;
}
#b-contact div#continut form fieldset input,
#b-contact div#continut form fieldset textarea {
float:left;
clear:none;
width:100%;
background-color:#E8D6B3;
border:1px solid #F2E9D7;
padding: 6px 5px;
}
#b-contact div#continut form fieldset textarea {
overflow:auto;
}

#b-contact div#continut div#principal span.mesaj-form {
float:left;
clear:none;
width:100%;
margin-top:10px;
}
#b-contact div#continut div#principal span.mesaj-form #mesaje {
background-color:#DDC18E;
border:1px dashed #FFFFFF;
text-align:center;
}

#b-contact div#continut form fieldset.butoane {
height: auto;
text-align: right}
#b-contact div#continut form fieldset.butoane input {
font-size: 11px;
height: 22px;
text-align: center;
color: #FFF}
#b-contact div#continut form fieldset.butoane input#anuleazaI {
background-color:#D9BA82;
border:1px solid #FFFFFF;
margin: 0px 15px 0px 0px;
width: auto;
cursor:pointer;
padding: 15px;
line-height: 0;
}
#b-contact div#continut form fieldset.butoane input#trimiteI {
background-color:#D9BA82;
border:1px solid #FFFFFF;
width: auto;
cursor:pointer;
padding: 15px;
line-height: 0;
float: right;
}

.contact-info { text-align: center; }
.contact-form { text-align: center; margin-top: 30px; padding: 0;}


/*--------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER
/*--------------------------------------------------------------------------------------------------------------------------*/
#footer {
position:relative;
padding: 20px 0;
}
#footer ul {
text-align:center;
margin-bottom: 15px;
}
#footer ul li {
display:inline;
margin:0px 10px 0px 0px;
}
#footer ul li a {
color:#DFC695;
}
#footer ul li a strong {
color:#DFC695}
#footer ul li a:hover {
border-color:#DFC695}

#footer p,
#footer p strong {
color:#E8D6B3;
}

#footer p#webdesign {
float:right;
clear:none;
width:87px;
height:20px;
padding-top:7px;
text-align:center;
}
#footer p#webdesign a {
color:#DFC695;
}
#footer #webart {
clear:none;
text-indent:-1000px;
overflow:hidden;
}

#footer #webart a {
display:block;
height:25px;
background:url(../img/webart.gif) no-repeat center;
}
#footer #webart a:hover {
border:none;
}
.footer-cp {
text-align: center;
margin-top: 15px;
}

.tm {
text-transform: uppercase;
font-weight: bold;
float:left;
}
.tmen {
text-transform: uppercase;
float:left	
}

/*31iulie2014*/
a.foto-gallery{
display:block;
font-weight:bold;
}
a.foto-gallery:hover{
text-decoration:none;
color:#000;
border:0;
}
.fl{
float:left;
}
.fr{
float:right;
}
#address{
width:100%;
}
.red-bold{
font-weight:bold;
color:#990000;
font-size:16px;
}
.maps {
display: block;
background-color: #4D6A79;
width: 200px;
padding: 15px;
color: #fff;
font-size: 13px;
font-weight: bold;
background-image:url(../img/open-link.png);
background-repeat:no-repeat;
background-position: 100% 0%;
}
.maps:hover {
text-decoration:none;
border-bottom:none;
background-color: #354A54;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* Mobile Tweaks
/*--------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1000px) {
	body {
		background:#7D0000 url(../img/bg.png) no-repeat;
		background-position: top center;
	}
	#header {
		height: 215px;
		padding: 80px 0;
	}
	.mobile-trigger {
		display: none;
	}
	a.valori-nutritionale-mobile-link {
	    display: none;
	}
	ul#meniu {
		display: block;
	    padding: 0 20px;
		max-height: 40px;
		clear: none;
		position: relative;
		float: right;
	}

	.fade-left {
		background: url(../img/menu-fade.png) no-repeat;
		background-position: 6px top;
	    width: 55px;
	    height: 40px;
	    margin-left: -35px;
	    position: absolute;
	    background-size: 100% 40px;
	    z-index: -1;
	}
	.fade-right {
		background: url(../img/menu-fade.png) no-repeat;
		background-position: 0px top;
		width: 50px;
		height: 40px;
		position: absolute;
		background-size: 100% 40px;
		right: 5px;
		z-index: -1;

	}

	ul#meniu li {
		width: 120px;
	}
	ul#meniu li a {
		background: rgb(106, 0, 0);
	}
	#dreapta {
		background: url(../img/sidebar-line.png) no-repeat;
		background-position: 0px 0px;
		margin-left: 60px;
		width: 345px;
		padding-right: 15px;
	}
	div#continut div#principal {
		padding-right: 15px;
		padding-left: 50px;
		padding-top: 50px;
		min-height: 400px;
	}
	#continut {
		background:#dfc695 url(../img/bg-writing.png) no-repeat;
		background-position: 20px 85%;
	}
	.intro-left {
		background: url(../img/intro-left.png) no-repeat;
	    position: absolute;
	    width: 180px;
	    height: 100%;
	    top: 0px;
	    left: -30px;
	    display: block;
	}
	.intro-right {
		background: url(../img/dragon.png) no-repeat;
		position: absolute;
	    width: 250px;
	    height: 100%;
	    top: 112px;
	    right: -15px;
	    display: block;
	    background-size: 230px;
	}
	.footer-img {
		background: url(../img/footer.png) no-repeat;
	    position: absolute;
	    width: 250px;
	    right: -70px;
	    bottom: 0;
	    display: block;
	    height: 170px;
	    background-size: 230px;
	}
	.site-logo {
	    background-position: 150px;
	}
	.sidebar-title {
		font-size: 24px;
		margin-bottom: 10px;
	    padding-top: 50px;
	}
	.content-title {
		font-size: 32px;
		margin-bottom: 27px;
	}
	.desktop-menu-title {
		display: block;
		height: auto;
		opacity: 1;
	}
	#b-home ul#meniu li#m-despre a,
	#b-meniu-restaurant ul#meniu li#m-restaurant a, 
	#b-meniu-livrari ul#meniu li#m-livrari a, 
	#b-galerie-foto ul#meniu li#m-galerie a, 
	#b-contact ul#meniu li#m-contact a,
	#b-meniu-restaurant-dinfu-vitan ul#meniu li#m-restaurant a {
	background-color: #b60000;
	}
	.food-menu {
		display: block;
	}
	.food-menu-mobile {
		display: none;
	}
	.food-menu-trigger {
		display: none;
	}
	.trigger-container {
		display: none;
	}
	.contact-info { text-align: left; }
	.contact-form { text-align: left; padding: 0;}
	div#continut div#principal ul#meniu-restaurant li {
		margin-bottom: 0;
	}
	#footer #webart a {
		background-position: right;
	}
	.footer-cp {
		text-align: left;
		margin-top: 0;
	}
	#footer ul {
		text-align: left;
	}
}

@media (min-width: 768px) {
  	div#continut div#principal ul#meniu-restaurant li p span.gramaj {
		float: left;
		margin-left: 0;
	}
	div#continut div#principal ul#meniu-restaurant li p span.pret {
		margin-left: 0;
		float: right;
	}
	div#continut div#principal ul#meniu-restaurant li p strong {
		float: left;
	    clear: none;
	    width: 355px;
	    height: 17px;
	    overflow:hidden;
	}
}