@charset "utf-8";
/*
AUTHOR:  WDS Center - We discover new solutions...
         (Contact: www.wdscenter.ro | office@wdscenter.ro)
COPYRIGHTS:  (Copyright (C) 2008-2010 Casa Zanelor **** - All rights reserved
             (Contact: www.casa-zanelor.ro | office@casa-zanelor.ro)
*/


/* GENERAL STYLES */
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  font-family: "Times New Roman", Times, serif;
  text-align: center;
  background: url(../images/bg-general.jpg) top left repeat;
  cursor: default;
}
a {
  color: #AF0000;
  text-decoration: underline;
}
a:hover {
  color: #FF0000;
  text-decoration: underline;
}
.clearBoth {
  clear: both;
}
#prepage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg-preloder.jpg) top left repeat-x #FFF0D2;
  z-index: 2;
}
#page {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/bg-general_top.jpg) top left repeat-x;
}
#largeContainer {
  position: relative;
  width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
  background: url(../images/bg-info.jpg) top left repeat;
  border-left: 2px solid #301300;
  border-right: 2px solid #301300;
  border-bottom: 2px solid #301300;
  z-index: 1;
}
#specialOffer {
  position: absolute;
  top: 310px;
  right: 0;
  width: 200px;
  height: 25px;
  text-align: left;
  font-size: 10px;
  letter-spacing: 1px;
}
#specialOffer a {
  position: absolute;
  top: 5px;
  left: 10px;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 501;
}
#specialOffer a:hover {
  color: #FFFF99;
  text-decoration: none;
}
#specialOfferBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=65); /* IE */
  -moz-opacity: .65; /* Mozilla */
  background-color: #713106;
  z-index: 500;
}

/* HEADER STYLES */
#headerContainer {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 800px;
  height: 340px;
  background: url(../images/bg-info_top.jpg) top left no-repeat;
}
#saladeconf {
  width:163px;
  height:34px;
  position:absolute;
  top:246px;
  left:50px;
  text-indent:-9999px;
  background: url(../images/headerLabel_ro.gif) top left no-repeat;
}
#saladeconfen {
  width:163px;
  height:34px;
  position:absolute;
  top:246px;
  left:50px;
  text-indent:-9999px;
  background: url(../images/headerLabel_en.gif) top left no-repeat;
}
#saladeconf.festactive {
  background: url(../images/linkactive.jpg) no-repeat;
}
#saladeconfen.festactiveen {
  background: url(../images/linkactiveen.jpg) no-repeat;
}
#saladeconf a, #saladeconfen a {
  display:block;
  widht:147px;
  height:23px;
}
#languageChooser {
  position: absolute;
  top: 262px;
  left: 5px;
  width: 25px;
  height: 40px;
  z-index: 100;
}
.navlist li {
  list-style: none;
  display: block;
}
#languageChooser li a {
  float: left;
  width: 25px;
  height: 15px;
  margin: 2px 0;
}
.languageRO a {
  background: url(../images/flagRO.jpg) top left no-repeat;
}
.languageEN a {
  background: url(../images/flagEN.jpg) top left no-repeat;
}
.languageRO a:hover, .languageEN a:hover {
  background-position: 0 -15px;
}
.languageRO a:active, .languageEN a:active {
  background-position: 0 -15px;
}
.languagebuttonDown a, .languagebuttonDown a:hover, .languagebuttonDown a:active {
  background-position: bottom left;
}

/* MENU STYLES */
#menu {
  position: absolute;
  top: 282px;
  left: 20px;
  width: 760px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
}
#menu li {
  display: inline;
}
#menu a {
  margin: 0 5px 0 5px;
  color: #4B2104;
  text-decoration: none;
}
#menu a:hover {
  color: #AF0000;
  text-decoration: none;
}
.menuButtonDown {
  display: inline-block;
  border-bottom: 5px solid #4B2104;
}
.menuInitial {
  font-size: 13px;
}

/* SIDE INFO STYLES */
#sideInfoContainer {
  position: relative;
  float: left;
  top: 0;
  left: 20px;
  width: 249px;
  height: 593px;
}

/* CENTRAL INFO STYLES */
#mainInfoContainer {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 800px;
  height: auto;
  text-align: justify;
  background: url(../images/bg-info_middle.jpg) top left repeat-x;
}
#mainInfo {
  position: relative;
  float: left;
  top: 0;
  left: 31px;
  width: 500px;
  height: auto;
  text-align: justify;
  line-height: 22px;
  letter-spacing: 1px;
}
#mainInfoLinks {
  position: absolute;
  top: 0;
  left: 280px;
  width: 500px;
  height: 500px;
  text-align: justify;
  line-height: 22px;
  letter-spacing: 1px;
}
#mainInfoLinks a {
  color: #4B2104;
  text-decoration: none;
}
#mainInfoLinks a:hover {
  color: #AF0000;
  text-decoration: underline;
}
.mainTitleInitial {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #AF0000;
}
.mainTitle {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #4B2104;
}
.mainTextInitial {
  font-size: 16px;
  font-weight: bold;
  color: #AF0000;
}
.mainText {
  font-size: 13px;
  color: #4B2104;
}
.mainTextRed {
  font-size: 13px;
  color: #AF0000;
}
.mainImgLeft {
  float: left;
  margin: 0 10px 5px 0;
  border: 1px solid #4B2104;
}
.mainImgRight {
  float: right;
  margin: 0 0 5px 10px;
  border: 1px solid #4B2104;
}
.mainImgLink {
  margin: 7px 5px 7px 5px;
  border: 1px solid #4B2104;
}
.mainImgLink:hover {
  border: 1px solid #AF0000;
}
.mainImgPreview {
  position: relative;
  text-align: left;
}
.mainImgPreview ul {
  list-style: none;
}
.mainImgPreview h2 {
  display: block;
  top: 0;
  font-weight: normal;
}
.mainImgPreview li {
  position: relative;
}
.mainImgPreview ul ul {
  position: absolute;
  top: 5px;
  left: -225px;
  background-color: #FFFFFF;
  border: 1px solid #4B2104;
}
.mainImgPreview ul li ul li {
  width: 202px;
  height: 152px;
  padding: 10px;
}
.mainImgPreview ul li ul li img, .mainImgPreview ul li ul li img:hover {
  border: none;
}
div.mainImgPreview ul ul, div.mainImgPreview ul li:hover ul ul, div.mainImgPreview ul ul li:hover ul ul {
  display: none;
}
div.mainImgPreview ul li:hover ul, div.mainImgPreview ul ul li:hover ul, div.mainImgPreview ul ul ul li:hover ul {
  display: block;
}
#galleryThumbsContainer {
  position: relative;
  width: 520px;
  height: 850px;
  background-color: #FFFFFF;
}
#galleryThumbs {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 460px;
  height: 775px;
  text-align: left;
  background-color: #FFE5AE;
  border: 1px solid #E5B550;
}
#galleryTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 520px;
  height: 25px;
  background-image: url(../images/bg-gallery_top.jpg);
}
#gallerySide {
  position: absolute;
  top: 25px;
  left: 0;
  width: 25px;
  height: 805px;
  background-image: url(../images/bg-gallery_side.jpg);
}
#galleryBottom {
  position: absolute;
  top: 830px;
  left: 0;
  width: 520px;
  height: 25px;
  background-image: url(../images/bg-gallery_bottom.jpg);
}
#galleryImgContainer {
  position: relative;
  width: 480px;
  height: 380px;
  background-image: url(../images/bg-gallery_largeImg.jpg);
}
#galleryImgContainer img {
  position: absolute;
  top: 40px;
  left: 40px;
}
#gallerySmallThumbsContainer {
  position: relative;
  text-align: left;
}
#gallerySmallThumbsContainer img {
  margin: 0 2px;
}

/* RESTAURANT MENU STYLES */
.table_restaurantMeniu p {
  font-size: 13px;
  color: #4B2104;
}

/* RESERVATION FORM STYLES */
#rezervationForm {
  position: relative;
  left: 0;
  width: 400px;
  height: auto;
}
#rezervationForm input, #rezervationForm textarea {
  padding: 2px;
  margin: 0 0 10px 0;
  font-family: Trebuchet MS, Verdana, Tahoma;
  font-size: 11px;
  color: #4B2104;
  background-color: #FFF9EE;
  border: 1px solid #4B2104;
}
#rezervationForm input {
  width: 200px;
}
#rezervationForm textarea {
  width: 300px;
}
#rezervationForm input:focus, #rezervationForm textarea:focus {
  border: 1px solid #AF0000;
  background-color: #FFFFFF;
}
#rezervationForm input#contactButton_Submit, #rezervationForm input#contactButton_Reset {
  position: relative;
  left: 80px;
  width: 70px;
  height: 25px;
  color: #FFF9EE;
  background-color: #783100;
  border: none;
}
#rezervationForm input#contactButton_Submit:hover, #rezervationForm input#contactButton_Reset:hover {
  background-color: #AF0000;
}
#rezervationForm input#contactButton_Submit:active, #rezervationForm input#contactButton_Reset:active {
  background-color: #CC3300;
}
#rezervationForm label {
  float: left;
  position: relative;
  width: 75px;
  margin: 0 5px 0 0;
  text-align: right;
}
#rezervationForm select {
  position: relative;
  margin: 0 3px 10px 0;
  font-family: Trebuchet MS, Verdana, Tahoma;
  font-size: 11px;
  color: #4B2104;
  background-color: #FFF9EE;
  border: 1px solid #4B2104;
}

/* CONTACT FORM STYLES */
#contactForm {
  position: relative;
  left: 0;
  width: 400px;
  height: 330px;
  text-align: left;
}
#contactForm input, #contactForm textarea {
  padding: 2px;
  margin: 0 0 10px 0;
  font-family: Trebuchet MS, Verdana, Tahoma;
  font-size: 11px;
  color: #4B2104;
  background-color: #FFF9EE;
  border: 1px solid #4B2104;
}
#contactForm input {
  width: 200px;
}
#contactForm textarea {
  width: 300px;
}
#contactForm input:focus, #contactForm textarea:focus {
  border: 1px solid #AF0000;
  background-color: #FFFFFF;
}
#contactForm input#contactButton_Submit, #contactForm input#contactButton_Reset {
  position: relative;
  left: 65px;
  width: 70px;
  height: 25px;
  color: #FFF9EE;
  background-color: #783100;
  border: none;
}
#contactForm input#contactButton_Submit:hover, #contactForm input#contactButton_Reset:hover {
  background-color: #AF0000;
}
#contactForm input#contactButton_Submit:active, #contactForm input#contactButton_Reset:active {
  background-color: #CC3300;
}
#contactForm label {
  float: left;
  position: relative;
  width: 60px;
  margin: 0 5px 0 0;
  text-align: right;
}
.contactTextInitial {
  font-size: 14px;
  font-weight: bold;
  color: #AF0000;
}
.contactText {
  font-size: 12px;
  color: #4B2104;
}
.contactTextSmall {
  font-size: 11px;
  color: #4B2104;
}
.contactStar {
  color: #AF0000;
}

/* FOOTER STYLES */
#footer {
  position: relative;
  float: left;
  top: 0;
  left: 20px;
  width: 760px;
  height: 25px;
  padding: 3px 0 0 0;
  margin: 50px 0 25px 0;
  text-align: left;
  line-height: 16px;
  border-top: 1px solid #461F09;
}
#footer a {
  margin: 0 10px 0 0;
  text-decoration: none;
}
.logoWDS {
  position: absolute;
  white-space: nowrap;
  display: block;
  bottom: 13px;
  right: 20px;
  width: 37px;
  height: 17px;
  background-image: url(../images/logoWDSover.jpg);
}
.logoWDS a {
  display: block;
  width: 37px;
  height: 17px;
  float: left;
}
.logoWDS img {
  width: 37px;
  height: 17px;
}
.logoWDS a:hover img {
  visibility: hidden;
}
.footerText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #4B2104;
}
#meterLogosTable {
  clear: both;
  position: relative;
  top: 25px;
  left: 0;
  width: 800px;
  margin: 0 auto;
  border-top: 1px solid #FFFFFF;
  text-align: left;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;
}
.meterLogos-text01 {
}
.meterLogos-item {
  position: relative;
  float: left;
  margin: 0 20px 0 0;
}
.meterLogos-item a {
  color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
}
.meterLogos-item a:hover {
  text-decoration: underline;
}
#videoframe {
  position: relative;
  top: 0;
  left: 0;
  width: 500px;
  height: 318px;
  background: url(../images/video-frame.jpg) no-repeat center center;
}
#video {
  position: absolute;
  top: 42px;
  left: 42px;
  width: 416px;
  height: 234px;
  background-color: #333;
}