@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: none;

}

a:hover {

  color: #FF0000;

  text-decoration: none;

}

.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: 950px;

  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: 950px;

  height: 340px;

  background: url(../images/bg-info_top.jpg) top left no-repeat;

}

#saladeconf {

background:url("../images/special_offer_button_text.gif") no-repeat scroll left top transparent;

height:95px;

left:784px;

position:absolute;

text-indent:-9999px;

top:130px;

width:105px;

}

#saladeconfen {

background:url("../images/special_offer_button_text.gif") no-repeat scroll left top transparent;

height:95px;

left:784px;

position:absolute;

text-indent:-9999px;

top:130px;

width:105px;

}

#saladeconf.festactive {

  background: url(../images/linkactive.jpg) no-repeat;

}

#saladeconfen.festactiveen {

  background: url(../images/linkactiveen.jpg) no-repeat;

}

#saladeconf a, #saladeconfen a {

display:block;
height:96px;
left:-50px;
position:relative;
width:170px;

}

#languageChooser {

height:40px;

left:12px;

position:absolute;

top:263px;

width:25px;

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 {

 font-size:12px;

font-weight:bold;

height:30px;

left:50px;

letter-spacing:1px;

position:absolute;

text-align:center;

top:280px;

width:850px;

}

#menu li {

  display: inline;

}

#menu a {

color:#F0D8A6;

font-family:times New Roman;

font-weight:normal;

margin:0 10px;

text-decoration:none;

}





#menu a:hover {

  color: #AF0000;

  text-decoration: none;

}

.menuButtonDown {

border-bottom:5px solid #F0D8A6;

display:inline-block;

}

.menuInitial {

  font-size: 13px;

}



/* SIDE INFO STYLES */

#sideInfoContainer {

  position: relative;

  float: left;

  top: 0;

  left: 50px;

  width: 249px;

/*  height: 1000px; */

}



/* CENTRAL INFO STYLES */

#mainInfoContainer {

  position: relative;

  float: left;

  top: 0;

  left: 0;

  width: 950px;

  height: auto;

  text-align: justify;

  background: url(../images/bg-info_middle.jpg) top left repeat-x;

}

#mainInfo {

  position: relative;

  float: left;

  top: 0;

  left: 90px;

  width: 560px;

  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 {

border:1px solid #4B2104;

margin:7px 0 0 5px;

}

.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 {

background-color:#FFFFFF;

height:1019px;

position:relative;

width:611px;

}

#galleryThumbs {

background-color:#FFE5AE;

border:1px solid #E5B550;

height:969px;

left:35px;

position:absolute;

text-align:left;

top:35px;

width:560px;

}

#galleryTop {

background-image:url("../images/bg-gallery_top.jpg");

height:25px;

left:0;

position:absolute;

top:0;

width:611px;

}

#gallerySide {

background-image:url("../images/bg-gallery_side.jpg");

height:994px;

left:0;

position:absolute;

top:25px;

width:25px;

}

#galleryBottom {

background-image:url("../images/bg-gallery_bottom.jpg");

height:25px;

left:0;

position:absolute;

top:1016px;

width:612px;

}

#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 {

 border-top:1px solid #461F09;

float:left;

height:25px;

left:50px;

line-height:16px;

margin:50px 0 25px;

padding:3px 0 0;

position:relative;

text-align:left;

top:0;

width:850px;

}

#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: 950px;

  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;

}

.imageflow {

height:500px;

overflow:hidden;

position:relative;

text-align:left;

visibility:hidden;

width:950px;

}

#sliderbg{

	background:url("../images/carousel_border.png") no-repeat scroll 0 0 transparent;

height:460px;

margin:0 auto;

padding:8px 0 0 11px;

width:860px;

}

#ft-buttons-slideshowHolder{

left:780px;

padding-top:5px;

position:absolute;

text-align:right;

top:15px;

width:839px;

}

.ft-button-slideshowHolder{

background:url("../images/navi.png") no-repeat scroll -31px -4px transparent;
color:#999999;
display:block;
float:left;
font-size:14px;
height:21px;
text-align:center;
text-decoration:none;
width:23px;

	



}

.ft-button-slideshowHolder-active{

	background:url("../images/navi.png") no-repeat scroll 0 -4px transparent;

color:#fff;

display:block;
font-size:14px;
float:left;

height:21px;

text-align:center;

text-decoration:none;

width:23px;



	



}

.ft-button-slideshowHolder:hover{

	color:#fff;

	text-decoration:none;

}

.detalii {

background:url("../images/detalii.png") no-repeat scroll 0 0 transparent;

display:block;

float:right;

height:22px;

position:relative;

right:67px;

top:-40px;

width:83px;

}
.sala #galleryBottom {
background-image:url("../images/bg-gallery_bottom.jpg");
height:25px;
left:0;
position:absolute;
top:239px;
width:612px;
}
.sala #gallerySide {
background-image:url("../images/bg-gallery_side.jpg");
height:218px;
left:0;
position:absolute;
top:25px;
width:25px;
}
#galleryThumbsContainer.sala {
background-color:#FFFFFF;
height:260px;
position:relative;
width:609px;
}
.sala #galleryThumbs {
height:182px;
text-align:left;
top:40px;
width:561px;

}



#galleryThumbs2 .mainImgLink {

border:1px solid #4B2104;

margin:7px -2px;

width:99px;

}

#ft-prev-slideshowHolder,

#ft-next-slideshowHolder{

	display:none;

}