body, html {
margin: 0;
padding: 0;
color: #FFFFFF;
}


body {
background-image: url('images/bg.jpg');
background-repeat: repeat-x;
background-color: #000000;
min-width: 960px;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-size: 12px;
}

a {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #dfdfdf;
text-decoration: underline;
font-weight: bold;
}

#header {
width: 960px;
margin: 0 auto;
padding-top: 30px;
clear: both;
}

#logo {
float: left;
width: 312px;
}

#top_links {
width: 400px;
float: right;
}

#meniu {
margin-top: 20px;
float: right;
}

#meniu_wrap {
height: 50px;
background-color: #4d4f53;
width: 640px;
}

#menu_el {
float: left;
margin-right: 30px;
}

#promo {
width: 960px;
margin: 0 auto;
}

#promo_box {
float: left;
width: 312px;
height: 220px;
}

#promobox_spacer {
float: left;
width: 12px;
}

.separator {
height: 10px;
clear: both;
}

.separator_mic {
clear: both;
}


.separator_list{
height: 30px;
clear: both;
}

#categories {
width: 960px;
margin: 0 auto;
}

#mesaj {
width: 393px;
height: 140px;
background-image: url("images/bg_mesaj.jpg");
background-repeat: no-repeat;
float: left;
}

#mesaj_content {
width: 100%;
padding: 17px;
font-size: 12px;
}

#categorii {
height: 140px;
width: 567px;
float: left;
background-color: #393b3c;
}

#categorii_content {
width: 100%;
padding: 17px;
font-size: 12px;
}

#categorii_list {
width: 87%;
height: 75px;
text-align: center;
border: #4F4F4F 1px solid;
padding-top: 30px;
padding-left: 40px;
background-color: #000000;
}

#categorii_content ul {
padding: 0px;
margin: 0px;
}

#categorii_content ul li {
list-style-type: none;
display: inline;
}

#categorii_content ul li a {
display: block;
padding: 10px;
background-color: #000000;
font-weight: bold;
text-transform: uppercase;
float: left;
color: #FFFFFF;
text-align: center;
margin-right: 10px;
text-decoration: none;
border: solid 2px #000000;
padding-left: 15px;
padding-right: 15px;
}

#categorii_content ul li a:hover {
display: block;
padding: 10px;
background-color: #171717;
font-weight: bold;
text-transform: uppercase;
float: left;
color: #FFFFFF;
text-align: center;
margin-right: 10px;
text-decoration: none;
border: solid 2px #999999;
padding-left: 15px;
padding-right: 15px;
}

#listing {
width: 930px;
margin: 0 auto;
}

#listing_element {
width: 200px;
margin-right: 30px;
float: left;
}

#listing_element_inside {
width: 200px;
margin-right: 30px;
float: left;
}


#listing_element a {
text-decoration: none;
color: #bdb5ab;
}

#listing_element a:hover img {
text-decoration: none;
-moz-opacity:.70; filter:alpha(opacity=70);
opacity: .70;
}

.nume_produs{
width: 150px;
text-transform: uppercase;
font-weight: bold;
color: #bdb5ab;
float: left;
background-color: #282828;
height: 45px;
font-size: 11px;
}

.nume_produs .content {
width: 100%;
padding: 5px;
height: 35px;
}

.pret_produs {
width: 50px;
text-transform: uppercase;
font-weight: bold;
color: #ae9455;
float: left;
background-color: #282828;
height: 45px;
font-size: 11px;
}


.pret_produs .content {
width: 100%;
padding: 5px;
height: 35px;
}

.pret_produs_inside {
text-transform: uppercase;
font-weight: bold;
color: #ae9455;
float: left;
height: 45px;
font-size: 16px;
}


.pret_produs_inside .content {
width: 100%;
padding: 5px;
height: 35px;
}



#footer {
width: 920px;
margin: 0 auto;
font: normal 12px Arial;
color: #4a4d50;
padding: 10px;
height: 70px;
}

#footer_left {
width: 70%;
float: left;
}

#footer_left a{
color: #4a4d50;
text-decoration: none;
}

#footer_left a:hover {
color: #4a4d50;
text-decoration: underline;
}

#footer_right {
width: 30%;
float: right;
text-align: right;
}

h1 {
font: bold 16px Arial;
color: #FFFFFF;
}


h2 {
font: bold 14px Arial;
color: #FFFFFF;
}

#buton_comanda {
float: right;
width: 400px;
padding: 10px;
height: 20px;
background-color: #292929;
text-align: center;
}

#buton_comanda a {
font: bold 12px Arial;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
}


.zoom {
width: 200px;
text-transform: uppercase;
font-weight: bold;
color: #ae9455;
float: left;
background-color: #282828;
height: 30px;
font-size: 11px;
text-align: center;
padding-top: 7px;
}


.zoom .inside {
width: 100%;
padding: 5px;
height: 35px;
}

.zoom .inside a {
width: 100%;
height: 35px;
font: bold 11px Arial;
color: #ae9455;
text-decoration: none;
display: block;
}

.zoom .inside a:hover {
width: 100%;
height: 35px;
font: bold 11px Arial;
color: #ae9455;
text-decoration: none;
display: block;
}


.over_of {
width: 312px;
height: 40px;
float: left;
margin-top: -40px;
margin-bottom: 40px;
}


.nume_produs_of {
width: 212px;
text-transform: uppercase;
font-weight: bold;
color: #bdb5ab;
float: left;
background-color: #282828;
height: 40px;
font-size: 12px;
-moz-opacity:.80; filter:alpha(opacity=80);
opacity: .80;
}

.nume_produs_of .content {
width: 100%;
padding-top: 10px;
padding-left: 10px;
}

.pret_produs_of {
width: 100px;
text-transform: uppercase;
font-weight: bold;
color: #ae9455;
float: left;
background-color: #282828;
height: 40px;
font-size: 14px;
}


.pret_produs_of .content {
width: 100%;
padding-top: 10px;
padding-right: 10px;
}

input[type="text"] {
font: normal 12px Arial;
color: #000000;
border: #333333 1px solid;
}

textarea {
font: normal 12px Arial;
color: #000000;
border: #333333 1px solid;
}

input[type="button"] {
font: normal 12px Arial;
color: #000000;
border: #333333 1px solid;
}

input[type="submit"] {
font: normal 12px Arial;
color: #000000;
border: #333333 1px solid;
}