@charset "utf-8";
/* CSS Document */

a img {
    border: 0;
}

@font-face {
	font-family: 'Tahoma';
	src: url('fonts/tahoma.eot');
	src: local('☺'), url('fonts/tahoma.woff') format('woff'), url('fonts/tahoma.ttf') format('truetype'), url('fonts/tahoma.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {margin:0; padding:0; background-color:#3B020D;
}


#centerholder { width:100%;
}

#holder {width:1024px; font-family: "Times New Roman", Times, serif; border:solid; border-color:# 333; border-width:0px 1px; background-color:#191817;

-moz-box-shadow: 0px 8px 16px #000;
-webkit-box-shadow: 0px 8px 16px #000;
box-shadow: 0px 8px 16px #000;
}


#header { background-image:url(images/header-bg.gif); background-repeat:no-repeat; margin:0; padding:0; width:1024px; height:152px;
}

#logo {position:relative; top:28px; left:24px; width:320px; float:left;
}

#contactdetails {position:relative; top:12px; left:154px; width:400px; float:left;
}

#languageswitcher {float:right; color:#FFF; position:relative; top:12px;right:12px;
}


#leftcolumn {text-align:left; height:651px; float:left;
}

#navigation {  width:223px; height:500px; background-image:url(images/leftcol-04.jpg);
}

.navigationtext {color:#BDA72E; font-size:19px; text-align:left; position:relative; top:12px; left:30px; line-height:29px; text-shadow:#000 3px 3px 2px;
}
.navigationtext a:link  { text-decoration:none; color:#BDA72E}
.navigationtext a:visited { text-decoration:none; color:#BDA72E}
.navigationtext a:hover{text-decoration:none; color:#E8D664  }


.languagetext {color:#BDA72E; font-size:17px; text-align:left;  line-height:29px; text-shadow:#000 3px 3px 2px;
}
.languagetext a:link  { text-decoration:none; color:#BDA72E}
.languagetext a:visited { text-decoration:none; color:#BDA72E}
.languagetext a:hover{text-decoration:none; color:#E8D664  }

#maincontent {background-color:#191817;  float:left; width:780px;

}

#sectioncontent {height:529px;width:778px; background-color:#E9E6B9; border-left: #302c23 2px solid
}

#ubicacioncontent {background-color:#191817;  float:left; width:781px; background-image:url(images/ubicacion.jpg); height:630px;

}
#galeriacontent {background-color:#191817;  float:left; width:781px; background-image:url(images/galeria.jpg); height:630px;

}

#boxposition { position:relative;  width:745px; height:465px; top:100px; left:2px;

}

#carousel { width:753px; height:276px; border:3px solid #E6E6E6; margin-top:10px;
}

#box1{
	position:absolute;
}


.mask{
	position:relative;
	width:753px;
	height:276px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}


#entrance {  border-right: 2px solid #221530; border-left: 2px solid #221530; position:relative; float:right; right:24px; top:1px;
}

#centerstripe { width:100%; height:15px; background-image: url(images/centerstripe.gif); background-repeat:repeat-x; margin-top:10px;
}

.purple-stripe { width:100%; height:2px; background-color:#221530;
}

#bienvenidos {width:780px; height:314px; background-image:url(images/bienvenidos.gif); text-align:left; background-color:#E9E6B9;
}

#welcome {width:780px; height:314px; background-image:url(images/welcome.gif); text-align:left;
}

.bienvenidotext { position:relative; top:3px; left:43px; width:489px; font-size:17px; float:left;
}


#sectionheader { width:780px; height:86px; background-image:url(images/header-bg.jpg); text-align:left;
}



#sectionheadertext { width:340px; height:52px; float:right; position:relative; top:32px; right:8px; font-style:italic; font-size:21px;
}

.dividing-stripe {width:781x; height:15px; background-image:url(images/centerstripe.gif); background-repeat:repeat-x;
}


#hab-left-col { width:208px; margin-left:12px; float:left; height:529px; margin-top:6px;
}

#hab-right-col { width:546px; float:left; height:517px; margin-top:6px; background-color:#221530;
}
/************************************************** History **************************************************************/

#hisupback { width:780px; height:420px; background-image:url(images/historyBG.gif);
}

#hisbotback { background-color:#191817; width:780px; height:194px;
}

#histitle {position:relative; top:15px; left:26px; width:323px; height:99px;
}

#histext {width: 488px; height:274px;  text-align:justify; position:relative; left:29px;top:15px; font-size:17px
}
#hisrightimage { float:right; position:relative; right:15px;top:15px;
}
.oldfoto { border:2px solid #000; margin-top:6px; margin-left:24px; float:left;
}

/************************************************** Restaurant **************************************************************/


#restsectionheader { width:780px; height:90px;  text-align:left;
}

#restsectioncontent {height:526px;width:778px; background-color:#E9E6B9; border-left: #302c23 2px solid
}

#restleft {float:left; position:relative; top:11px; left:10px;
}

#restright {float:right; position:relative; top:11px; right:10px;
}

#restbox1 {width: 496px; height:222px; background-color:#221530;
}
.rebox1foto { margin:6px 2px;
}


#restbox2 {width: 484px; height:20px; background-color:#FFFFE3; border:#3B1216 6px solid; margin-top:6px; font-style:italic; font-size:14px; line-height:20px;
}

#restbox3 {width: 496px; height:240px; background-color:#221530; margin-top:6px;
}

#restwood {width: 257px; height:323px; background-image:url(images/restwoodbox.jpg);
}
#restwoodtext { position:relative; top:22px;  width: 204px; text-align:justify; font-size:16px;
}


#restbox4 {width: 257px; height:176px; background-color:#221530; margin-top:6px;
}
/************************************************** Reservations **************************************************************/

#sectioncontent-res {height:542px;width:778px; background-color:#E9E6B9; border-left: #302c23 2px solid; text-align:left;
}

#reservationbox { width:565px; height:528px; background-image:url(images/reservaciones-box1.gif); position:relative; top:7px; left:10px; float:left;
}

#resboxtext {  width:546px; height:508px;  position:relative; top:10px; left:11px; line-height:15px; font-size: 15px;
}


#rightcol-res { float:right; position:relative; top:7px; right:10px;
}

#resbox1 { background-image: url(images/rsbox1.gif); width:180px; height:201px;
}



#resbox1text {  width:156px; height:186px;  position:relative; top:10px; left:11px; line-height:15px;
}

.restext {padding:3px 3px 5px 3px;
    font-size: 14px;
}

#resbox2 { width:180px; height:170px; background-image: url(images/resbox2.jpg); margin-top:10px;

}
#resbox2text {  width:158px; height:186px;  position:relative; top:10px; left:11px; line-height:15px; font-size:14px;
}

#resbox3 { width:180px; height:135px; background-image: url(images/resbox3.jpg); margin-top:10px;

}
#resbox3text {  width:158px; height:186px;  position:relative; top:10px; left:20px; line-height:15px; font-size:16px;
}

.BUILDINGLAYOUT { border:1PX SOLID #dedede;
}
.purpleheader {  background-color:#221530; color:#fff; width:384px; padding:2px 3px;
}
.textbox1 { width:82px; text-align:left; margin-bottom:3px;
}

.textbox2 { width:60px; text-align:left; padding-left:9px;
}
.textbox3 { width:112px; text-align:left; padding-left:1px; margin-top:3px;
}

.textbox4 { width:88px; text-align:left; padding-left:6px;
}

.textbox5 { width:64px; text-align:left; padding-left:3px;
}

.textbox6 { width:102px; text-align:left; padding-left:12px; margin-top:3px;
}

.textbox7 { padding: 3px 6px; text-align:center;  font-size:13px; background-color:#221530; color:#FFF; line-height:14px; margin:4px 12px 0 0;
}

.textbox8 {   margin:4px 6px 0 0;
}

.textbox9 { width:128px; text-align:left; padding-left:6px; margin-top:3px;
}


input[type="text"] {
  font-size: 13px;
  margin-bottom: 3px;
  padding: 1px;
  width: 137px;
}


.thankyou { text-align:center; font-size:16px; color:#900; width:400px; padding-top:24px; margin-left: auto ;
  margin-right: auto ;
}


/************************************************** Ubicacion **************************************************************/

#ubicacionframe { background-image:url(images/ubicacionframe.jpg); width:757px; height:477px; position:relative; top:6px; left:11px;
}

#ubicaciontext { font-size:14px; margin-top: 9px;
}



/************************************************** Servicios **************************************************************/

.servicioboxholder { margin-left:9px; position:relative; top:9px;
}

.servicetextbox { border:2px solid #221530; background-color:#FFFFE3; width:180px; position:relative; left:-2px;
}

.servicio-foto {  border: 2px solid #221530;
}

.serviciotext { list-style-image:url(images/star.gif); -moz-padding-start: 30px; margin:6px 0;
}

#servsectioncontent {height:529px;width:778px; background-color:#E9E6B9; border-left: #302c23 2px solid ; background-image: url(images/serviciosBG.gif); background-repeat:no-repeat;  background-position: right bottom;
}
/************************************************** Tarifas **************************************************************/

#sectioncontent-2 {height:544px; width:778px; background-color:#E9E6B9; border-left: #302c23 2px solid; text-align:left;
}

#tarifaholder { position:relative; top:22px; left:19px; font-size: 19px;
}

.tarifabox1 { border:2px solid #221530; width:160px; padding:3px 12px; line-height: 34px;
}

.tarifalabel { background-color:#221530; color:#fff; line-height:26px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; padding:4px 9px;
}

.italpurp {color: #221530; font-style:oblique; font-weight:bold;
}


.italpurp2 {color: #221530; font-style:oblique; font-weight:bold; font-size:18px;
    margin-top: 2px;
}
}

.italwhite {color: #fff; font-style:oblique; font-weight:bold;
}

.tarifabox2 { background-color:#221530;  padding:3px 12px; margin-top:12px; color:#FFF; font-size: 16px;
}

.tarifafoto {border:2px solid #221530; margin-top:10px;
}


#upperfooter {width:780px; height:21px; background-image:url(images/upperfooter.gif); vertical-align:bottom;
}

.purpletext { margin-left:40px; color:#221530; font-size:17px; font-style:italic; font-weight:bold;
}

.goldtext { color:#BDA72E; font-size:15px;
}


.purpletext2 {  color:#221530;
}

.smalltext { font-size:13px;
}

/************************************************** Entorno **************************************************************/

.entornobox { border:2px solid #221530; background-color:#FFFFE3;
}

.entornoholder {margin-left:12px; margin-top:6px; float:left;
}

.entornoholder2 {margin-left:12px; margin-top:3px; float:left;
}

.entfoto { margin: 6px 0 6px 6px;
}

.entfotoend { margin: 6px ;
}
/************************************************** Gallery 2**************************************************************/

#blacksquare {width:745px; height:465px; position:relative; top:6px; left:6px; background-color:#000; text-align:center;
}

.gallerybox1 { border:2px solid #221530; width:163px; display:table-cell; vertical-align:middle;   height:224px;
}

.galleryholder1 {  display:table-cell; margin: 0 auto;
}
.galleryspacer {display:table-cell; width:24px; height:20px;
}

.galthumb { margin:9px 3px 0px 3px;
}

.galthumb2 { margin:9px 3px 0px 3px; display:inline;
}

.galthumb3 { margin:9px 3px 15px 3px;display:inline;
}
.gallerylabel {  background-color:#221530; color:#ffffff; line-height:26px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; padding:4px 9px; clear:both;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }