/* Main Color
color: #717171; # Color for all normal text
border: 1px solid #daceaf;

*/

body {
  font: normal 0.7em arial, tahoma;
  background:url(../images/bg-main.png) repeat-x;
  background-color: #FEF6DE;
  margin: 0px;
  padding: 0px;
}
* {
	color:#717171;
}
h1 {
  font: normal 1.1em arial;
  letter-spacing: 0.01em;
  color: #8b6e30;
  padding: 0px;
  margin: 0px;
}

h2 {
  font: bold 1.1em arial;
  letter-spacing: 0.01em;
  color: #8b6e30;
  padding: 0px;
  margin: 5px 0px 13px 0px;
}
p {
  padding: 0px;
  margin: 0px 0px 19px 0px;
  line-height: 0px;
  font: normal 11px arial;
}

a img {
	border:none;
}

.superscript {
	font-size:xx-small; vertical-align:top;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}

.br-next-line {
	clear:both;
}
#main-container {
  width: 778px;
  height: auto;
  padding: 0px 14px 17px 13px;
  margin: 0px auto;
  background: url(../images/bg-main-container.png) repeat-y;
}
/* Start of Header Elements CSS*/

#header {
  width: 778px;
  height: 125px;
  background: url(../images/bg-top-menu.gif) repeat-x;
}

#logo {
  margin: 7px 0px 0px 10px;
  float: left;
}

#navigation-container {
  width: 630px;
  float: left;
  height: 115px;
  font: arial;
  margin-left: 17px;
}

.spacer22 {
  width: 615px;
  height: 22px;
}

#sub-tab {
  font: bold 12px verdana, geneva, sans-serif;
  color: #544a42;
}

#sub-tab div {
  margin-right: 10px;
  height: 50px;
  float: left;
}

#sub-tab .sub1, .sub2, .sub3, .sub4 {
  width: auto;
  margin: 0px 20px 0px 10px;
  float: left;
}

#sub-tab a{
  text-decoration: none;
  color: #544a42;
  font: bold 11px verdana, geneva, sans-serif;
  letter-spacing: -1px;
  line-height: 15px;
}

#sub-tab a:hover {
  font: bold 11px verdana, geneva, sans-serif;
  color: #000;
  letter-spacing: -1px;
  line-height: 15px;
}
/* End of Header Elements CSS*/

/* Start: Formatting for Main Picture */
#main-pic {
  width: 778px;
  height: 391px;
}
#main-pic-strip {
  width: 100%;
  height: 5px;
  background: url(../images/main-pic-bottom-strip.gif) no-repeat;
}
.bannertext { padding: 275px 48px 0px 440px; position:absolute; }
.bannertext-el-hotel { margin: 39px 50px 0px 472px; position:absolute; }
.bannertext-alojamiento { margin: 39px 30px 0px 469px; position:absolute; }
.bannertext-gastronomia { margin: 256px 30px 0px 38px; position:absolute; }
.bannertext-entretenimiento { margin: 39px 0px 0px 427px; position:absolute; }
.bannertext-convenciones { margin: 39px 0px 0px 32px; position:absolute; }

.language {
  font: normal 1em arial, helvetica, sans-serif;
  color: #898386;
  margin: 0px 0px 20px 23px;
  position: absolute;
  top: 490px;
}
.language a{
  font: normal 1em arial, helvetica, sans-serif;
  color: #898386;
  text-decoration:none;
}
.language a:hover{
  font: normal 1em arial, helvetica, sans-serif;
  color: #fff;
  text-decoration:none;
}

.language-select {
  font: normal 1em arial, helvetica, sans-serif;
  color: #fff;
}
/* End: Formatting for Main Picture */

/* Content Area Formatting */

#data-container {
  width: 734px;
  height: auto;
  padding: 16px 23px 10px 21px;
}
/* Start Left panel elements formatting */

.left-align-div {
  float: left;
}

#left-panel {
  width: 206px;
  _width:176px;
  border-right: 1px dotted #747474;
  height:auto;
  margin-bottom:15px;
}

fieldset {
  width: auto;
  border: 0px;
  margin: 0px 2px 0px 0px;
  padding: 0px 0px 5px 0px;
  font: normal 10px arial;
}

label.text {
  width: 35px;
  height: 19px;
  float: left;
  margin: 4px 10px 6px 2px;
  vertical-align: top;
}
label.text-auto-width {
  width: auto;
  height: 19px;
  float: left;
  margin: 4px 6px 6px 2px;
  vertical-align: top;
}

label.textfield {
  width: auto;
  float: left;
  text-align: left;
  margin-right: 10px;
  vertical-align: top;
}
label.textfield-margin2px {
  width: auto;
  float: left;
  text-align: left;
  margin-right: 4px;
  vertical-align: text-top;
  padding-top:0px;
}

input.textfieldwidth {
  font-size: 10px;
  width: 75px;
  height: 12px;
  float: left;
  padding: 3px 2px 3px 4px;
  border: 1px solid #cfcfcf;
  vertical-align: top;
}
input.textfieldwidth-2px {
  font-size: 10px;
  width: 20px;
  height: 12px;
  float: left;
  padding: 3px 2px 3px 4px;
  border: 1px solid #cfcfcf;
  vertical-align: top;
}
input.textfieldwidth-1px {
  font-size: 10px;
  width: 10px;
  height: 12px;
  float: left;
  padding: 3px 2px 3px 4px;
  border: 1px solid #cfcfcf;
  vertical-align: top;
}
label.cal {
  width: 35px;
  height: 19px;
  float: left;
  margin: 0px 10px 6px 2px;
  vertical-align: top;
}
.buscar {
  height: 19px;
  width: 182px;
  padding: 2px 0px 0px 0px;
  background: url(../images/btn-bg.png) repeat-x;
  border-top: 1px solid #daceaf;
  border-right: 1px solid #daceaf;
  border-left: 1px solid #daceaf;
  text-align: center;
  font: bold 1em arial, helvetica, sans-serif;
  color: #351f0f;
  margin-bottom: 7px;
}
.help {
	 text-align:center; 
	 margin-bottom:72px;
}
.help-small {
	 text-align:center; 
	 margin-bottom:25px;

}
.small-box {
  width: 178px;
  height: 40px;
  margin: 0px 0px 0px 7px;
  border: 1px solid #daceaf;
  background: url(../images/bg-small-box.gif) repeat-x;
  text-align: left;
}

.small-box-icon {
  padding: 4px 5px 0px 4px;
  display: block;
  float: left;
}

.small-box-text {
  font: bold 1em arial;
  display: block;
  height: auto;
  padding: 13px 0px 5px 10px;
  float: left;
  color: #3e3833;
}
.small-box-text-2line {
  font: bold 1em arial;
  display: block;
  height: auto;
  padding: 8px 0px 5px 10px;
  float: left;
  color: #3e3833;
}
.small-box-blue-outer {
	width:196px;
	height:47px;
	background:url(../images/bg-small-box-bluebox.gif) no-repeat;
	padding:12px 0px 10px 0px;
}
.spacer-line {
  width: 187px;
  height: 1px;
  margin: 12px 0px 12px 2px;
  background: url(../images/line-horizontal.gif) repeat-x;
}

.pic-mountain {
  background: url(../images/thumb-mountains.jpg) no-repeat;
  width: 196px;
  height: 145px;
}
.pic-gastronomia {
  background: url(../images/pic-gastronomia-left-panel.jpg) no-repeat;
  width: 196px;
  height: 145px;
}
.pic-mountain-text {
  font: bold 1em arial;
  height: auto;
  margin: 108px 0px 50px 0px;
  padding-left:53px;
  float: left;
  color: #3e3833;
}
/* End Left panel elements formatting */
/* Start: Right Panel (Content Area elements formatting */

#right-panel 
{
  width: 509px;
  margin-left: 18px;
  text-align: left;
}
#right-panel ol, ul {
  color: #717171;
}
#right-panel ol{
	margin-left:9px;
	padding-left:15px;
}
#right-panel h1 {
  font: normal 1.1em arial;
  letter-spacing: 0.01em;
  color: #8b6e30;
  padding: 0px;
  margin-bottom: 14px;
}

#right-panel p {
  color: #717171;
}
#right-panel .email {
  color: #717171;
  text-decoration:underline;
}

.big-boxes {
  width: 248px;
  height: auto;
  float: left;
  border: 1px solid #daceaf;
  background: url(../images/bg-big-box.gif) repeat-x;
}

.big-boxes-reserva {
  width:400px;
  height: auto;
  float: left;
  border: 1px solid #daceaf;
  background: url(../images/bg-big-box-reserva.gif) repeat-x;
  padding:10px;
}

.big-boxes-nota {
  width:500px;
  height: 400px;
  border: 1px solid #daceaf;
  background: url(../images/bg-big-box-nota.gif) repeat-x;
  padding:10px;
}

.big-boxes-priv {
  width:470px;
  height: 980px;
  border: 1px solid #daceaf;
  background: url(../images/bg-big-box-priv.gif) repeat-x;
  padding:10px;
}

.bix-boxes-pic-left {
  float: left;
}

.big-boxes-content {
  width: 145px;
  float: left;
  margin: 9px 0px 0px 9px;
}

.big-boxes-heading {
  font: bold 1.3em arial, helvetica, sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #452913;
  margin: 0px 0px 0px 0px;
  line-height:12px;
}

.big-boxes-text-normal {
  font: normal 0.80em arial, helvetica, sans-serif;
}

.red-bold {
  font: bold 0.9em arial;
  color: #b34447;
  margin-top: 8px;
}

.two-box-vertical-spacer {
  height: 100px;
  width: 9px;
  float: left;
}

.two-box-horizontal-spacer {
  height: 17px;
  width: 500px;
  float: left;
}

.big-boxes-contact {
  width: 234px;
  height: 149px;
  float: left;
  border: 1px solid #daceaf;
  background: url(../images/box-telehpone.gif) no-repeat;
  padding: 9px 5px 0px 9px;
}
.big-boxes-contacte {
  width: 492px;
  height: 82px;
  float: left;
  border: 1px solid #daceaf;
  background: url(../images/big-box-contacte=big.gif) no-repeat;
  padding: 9px 5px 0px 9px;
  margin-bottom:28px;
  color:#000;
}


.email-maroon {
	font: bold 1em arial; 
	color:#452913;
}
.email-maroon a{
	font: bold 1em arial; 
	color:#452913;
}
.email-maroon a:visited{
	font: bold 1em arial; 
	color:#452913;
}

.big-boxes-geolocation {
  width: 234px;
  height: 83px;
  float: left;
  border: 1px solid #daceaf;
  background: url(../images/big-box-globlization.gif) no-repeat;
  padding: 9px 5px 0px 9px;
}

.big-boxes-maps {
  width: 234px;
  height: 149px;
  float: left;
  border: 1px solid #daceaf;
  background: url(../images/bg-google-maps.gif) no-repeat;
  padding: 9px 5px 0px 9px;
}
.big-boxes-maps-small {
  width: 234px;
  height: 83px;
  float: left;
  border: 1px solid #daceaf;
  background: url(../images/bg-google-maps-small.gif) no-repeat;
  padding: 9px 5px 0px 9px;
}

.box-small-right-panel {
	width:153px;
	height:44px;
	background:url(../images/bg-box-small-right-panel.jpg) no-repeat;
	color:#3e3833;
	font: bold 1em arial;
	text-align:center;
	padding:24px 11px 16px 11px;
}
.box-small-right-panel a{
	width:175px;
	height:83px;
	color:#3e3833;
	font: normal .9em arial;
	text-align:center;
	text-decoration:underline;
}
/* End: Right Panel (Content Area elements formatting */

#datatable {
	width:auto;
	border-collapse:collapse;
	text-align:center;
}
#datatable td {
	border-right: 1px solid #cccccc;
	padding:2px 3px 2px 3px;
	height:28px;
	display:table-cell;
	vertical-align:middle;
}
#datatable td a {
	display:block;
	padding:2px 3px 2px 3px;
	height:24px;
	display:table-cell;
	vertical-align:middle;
}
#datatable td a:hover {
	background:url(../images/bg-datatable-selected.gif) repeat-x;
	color:#000;
	display:block;
	padding:2px 3px 2px 3px;
	text-decoration:none;
	height:24px;
	display:table-cell;
	vertical-align:middle;
}
#datatable .selected {
	border: 1px solid #daceaf;
	background:url(../images/bg-datatable-selected.gif) repeat-x;
	color:#000;
	display:table-cell;
	padding:2px 3px 2px 3px;
	vertical-align:middle;
}

#datatable td.lastcolumn-no-border {
	border: none;
	padding:2px 3px 2px 3px;
	height:24px;
	display:table-cell;
	vertical-align:middle;
}

#bottom-grey-box {
  width: 803px;
  height: auto;
  margin: 0px auto;
}

ul.linkbar {
  list-style: none;
  color: #888686;
  font: 9px Verdana;
}

ul.linkbar li {
  float: left;
  display: inline;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
/* Start: Footer Elements Formaating */

div#footer {
  margin: 0 auto;
  width: 780px;
  text-align: left;
  color: #888686;
  font-size: 11px;
  padding-bottom: 20px;
  line-height: 20;
  background: transparent url(../images/foot.gif) repeat-x top left;
  height: 29px;
  line-height: 29px;
  color: #70533c;
}

div#footer ul {
  list-style: none;
  float: left;
  padding: 0px;
  margin: 0px;
}

div#footer ul li{
  display: inline;
  padding: 0px 10px 0px 10px;
}

div#footer a {
  color: #70533c;
  font: 9px Verdana;
}

div#footer ul.linkbar li {
  padding: 0px 10px;
  background: transparent url(../images/sep.png) no-repeat right center;
}

div#footer ul.linkbar li.last {
  background: none;
}

div#footer span {
  color: #888686;
}

.LinkBar left clearfix ul {
  text-align: left;
}

.LinkBar right clearfix ul {
  text-align: right;
}
/* End: Footer Elements Formaating */

#logo-iberostar-bottom {
  width: 778px;
  margin: 0px auto 5px auto;
  text-align: center;
}
/*- Menu Tabs J--------------------------- */

#tabsJ {
  float: left;
  width: 100%;
  background: #77706b;
  font-size: 93%;
  line-height: normal;
  margin-bottom: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #351f0f;
  clear: both;
  margin-bottom: 15px;
}

#tabsJ ul {
  margin: 0;
  margin-top: -1px;
  padding: 0px 10px 0 0px;
  list-style: none;
}

#tabsJ li {
  display: inline;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #351f0f;
}

#tabsJ a {
  float: left;
  background: url("../images/tableftJ.gif") no-repeat left top;
  margin: 0;
  margin-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #351f0f;
  padding: 0 0 0 6px;
  text-decoration: none;
}

#tabsJ a span {
  float: left;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #351f0f;
  background: url("../images/tabrightJ.gif") no-repeat right top;
  padding: 5px 9px 4px 2px;
  color: #24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsJ a span {
  float: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #351f0f;
  font-weight: bold;
}
/* End IE5-Mac hack */

#tabsJ a:hover span {
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #351f0f;
}

#tabsJ a:hover {
  background-position: 0% -42px;
}

#tabsJ a:hover span {
  background-position: 100% -42px;
}

#tabsJ #current a {
  background-position: 0% -42px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #351f0f;
}

#tabsJ #current a span {
  background-position: 100% -42px;
  color: #351f0f;
  font-weight: bold;
}

.ofertas {
	background-image:url(images/orange.gif); 
	margin:0px; 
	padding:0px;
	width:83px;
	height:23px;
	float:right;
}

.ofertas a{
	background-image:url(images/orange.gif); 
	padding:0px;
	margin:0px; 
	width:87px; 
	height:20px; 
	text-align: center; 
	color:#fff; 
	font:bold 12px arial; 
	margin-top:1px; 
}
#menu-drop-down
{
list-style:none; display:inline;font: bold 1em verdana, geneva, sans-serif; color: #544a42;
}
#menu-drop-down ul
{
list-style:none; display:inline; margin:0px; padding:0px;
}
#menu-drop-down ul li
{
list-style:none; display:inline; margin:0px; padding:0px; margin-right:10px; width:138px; float:left; text-align:left;
}
#menu-drop-down a{
  text-decoration: none;
  color: #544a42;
  font: bold 11px verdana, geneva, sans-serif;
  letter-spacing: -1px;
  line-height: 15px;
}

#menu-drop-down a:hover {
  font: bold 11px verdana, geneva, sans-serif;
  color: #000;
  letter-spacing: -1px;
  line-height: 15px;
}