body {
	background-color: #FF9900;
	margin: 10px;
	line-height: 1.4em;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5 {
  margin: 0;
}
td {
  vertical-align: top;
}
form {
  margin: 0;
	padding: 0;
}
h1 {
  font-size: 14px;
	color: #FF6600;
}
h2 {
  font-size: 12px;
	color: #FF0000;
}
h3 {
	margin: 6px 0 4px 0;
	color: #000000;
	font-size: 12px;
}
p, .txt, td {
  margin: 0;
	padding: 0;
	color: #000000;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
}
a, a:link, a:visited, a:active {
	color: #000000;
	text-decoration: underline;
}
.error {
  	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
div.error {
  	background: #ffffff;
  	padding: 5px;
	margin: 5px 0;
}
div.requFields {
  font-size: 11px;
	margin: 5px 0;
}

div.clearer {
	clear: both;
  height: 0px;
	overflow: hidden;
}

/* *************************************************************
 *  LAYOUT ELEMENTS 
 * ************************************************************* */
table.mainTable {
  	border-collapse: collapse; 
	border: 1px solid #ffffff;
	width: 756px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 754px;
}
html>body table.mainTable {
  	width: 754px;
}
table.mainTable tr td {
	padding: 0;
}
/* td#scrollArea */
#scrollArea {
	background: #FFFFFF;
	width: 377px;
	height: 377px;
	text-align: left;
}
/* div#mainArea: container inside #scrollArea */ 
#mainArea {
  	width: 100%;
	height: 377px;
	overflow: auto; 
	/*background: #CCCCCC;
	scrollbar-base-color: #FFFFFF; 
	scrollbar-face-color: #FF6600; 
	scrollbar-track-color: #CCCCCC; 
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-darkshadow-color:#CCCCCC;
	*/
}
#mainArea .inner {
	width: 350px;
	padding: 15px 0 15px 15px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  width: 335px;
}
html>body #mainArea .inner {
  width: 335px;
}

#mainArea p, #mainArea .txt {
  margin: 6px 0 4px 0;
	padding: 4px 0;
}
/*
#mainArea a, #mainArea a:link, #mainArea a:visited, #mainArea a:active {
  font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
#mainArea a:hover {
	color: #FF9900;
}
*/
#footer {
	margin-top: 12px;
	width: 756px;
	text-align: center;
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.imgLeft {
    float: left;
    margin-right: 4px;
	margin-bottom: 3px;
}
div.imgRight {
    float: right;
    margin-left: 4px;
	margin-bottom: 3px;
}

.mainNavBox {
	position:relative; 
	height:147px; 
	width:188px; 
	margin-top: 20px;
}
ul.mainMenu {
	margin: 0;
	padding: 0;
}
ul.mainMenu li {
	margin: 0;
	padding: 0 0 1px 0;
	list-style: none;
}
.navSubMenu {
	height: 20px;
}

.pagetitle {
  margin-bottom: 12px;
}
h1, h2, h3, h4 {
  margin: 0;
}
h2 {
  padding: 8px 0 10px 0;
	color: #ff0000;
}


/*  ************************************************************************ 
 *   ITEM LISTS 
 *  ************************************************************************ */
#listItems {
	margin-top: 4px;
  border-top: 1px solid #FF0000;
} 
#listItems table.item {
  width: 100%;
	text-align: left;
	border-bottom: 1px solid #FF0000;
	font-size: 11px;
	color: #000000;
}
#listItems table.item tr td {
  padding: 4px 0;
}
#listItems table.item tr td h2 {
  padding: 0 0 4px 0;
  font-size: 12px;
	color: #FF0000;
}
#listItems table.item tr td h2 a, #listItems table.item tr td h2 a:visited {
  color: #FF0000;
	text-decoration: none;
}
#listItems table.item tr td h2 a:hover {
	text-decoration: underline;
}
#listItems table.item tr td.image {
  width: 60px;
}
#listItems div.image {
  width: 55px;
	margin-left: 5px;
}
#listItems div.city {
	font-size: 11px;
	color: #FF0000;
  float: right; 
	text-align: right;
	font-weight: bold;
}
#listItems a, #listItems a:link, #listItems a:visited, #listItems a:active {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
#listItems a:hover {
	text-decoration: underline;
}

#pageNavi {
	font-size: 11px;
	font-weight: bold;  
	text-align: right;
}
#pageNavi .big { 
	font-weight: bold;  
	font-size: 10pt;
}
#pageNavi a, #pageNavi a:link, #pageNavi a:visited, #pageNavi a:active {
	color: #FF0000;
	font-weight: bold;  
	text-decoration: none;
}
#pageNavi a:hover {
	text-decoration: underline;
}



/*  ************************************************************************ 
 *   ITEM DETAILS  
 *  ************************************************************************ */
#itemDetails {
	width: 335px;
	border-bottom: 1px solid #FF0000; border-top: 1px solid #FF0000; 
	margin-bottom: 3px;
	padding-top: 5px; /* in case it is not a table */
}
table#itemDetails tr td {
	padding: 5px 0;
	text-align: left;
	font-size: 11px;
	color: #000000;
	line-height: 1.5em;
}
table#itemDetails tr td.leftCol {
  width: 147px;
	padding-right: 5px;
	/*background: #ffffcc;*/
	voice-family: "\"}\""; 
	voice-family: inherit;
  width: 142px;
}
html>body table#itemDetails tr td.leftCol {
  width: 142px;
}
table#itemDetails tr td.foto, table#itemDetails tr td.type {
  text-align: right;
	width: 188px;
	padding: 0;
}
table#itemDetails tr td.type {
  padding-top: 5px;
  color: #FF6600;
}
table#itemDetails tr td h1, table#itemDetails tr td div.itemTitle /*depr!*/ {
  font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
table#itemDetails tr td h2 { /* subtitle */
  color: #000000;
	font-size: 11px;
	margin: 0;
	padding: 0 0 5px 0;
}
table#itemDetails tr td.desc { /* preparation, author, ... */
  padding-top: 8px;
}
#itemDetails div.detailImage {
  float: right; 
	margin-left: 5px;
	margin-bottom: 5px;
}
#itemDetails p { 
	padding: 3px 0 0 0; 
}
#itemDetails p.contact {
  clear: right; 
	border-top: 1px solid #999999; 
	padding: 8px 0 5px 0; 
}
#itemDetails a, #itemDetails a:link, #itemDetails a:visited, #itemDetails a:active {
  font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
#itemDetails a:hover {
	text-decoration: underline;
}


/*  ************************************************************************ 
 *   MALLORCA MAP (TIPS)
 *  ************************************************************************ */
#zonesMap {
  width: 365px;
	height: 290px;
	/*position: relative;*/
	margin-left: -8px;
	overflow: hidden;
}
 
/*  ************************************************************************ 
 *   FORMS  
 *  ************************************************************************ */
#AdOForm table {
  width: 100%;
	border: 0;
}
#AdOForm table tr td {
  padding: 1px 0 3px 0;
	vertical-align: top;
}

#AdOForm .fieldNameM, #AdOForm .fieldNameO {
    font-size: 11px;
		font-weight: bold;
}
#AdOForm .formInputTxt {
	border: 1px solid #FF9900;
	background: #FFFFFF;
	width: 190px;
	padding: 2px;  
  font-size: 11px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 184px;
}
html>body #AdOForm .formInputTxt {
	width: 184px;
}
#AdOForm .formInputTextArea {
	border: 1px solid #FF9900;
	background: #FFFFFF;
	width: 190px;
	height: 80px;
	padding: 2px;  
  font-size: 11px;
	font-family: inherit;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 184px;
}
html>body #AdOForm .formInputTextArea {
	width: 184px;
}
#AdOForm div.chkBox {
  height: 100%;
	padding: 0 3px 0 2px;
	float: left;
}

/* form with fields of 100% width and the title inside */
form#type2Form {
  
}
form#type2Form label {
  cursor: pointer;
}
form#type2Form .fieldContainer {
  margin: 4px 0;
}
form#type2Form .fieldContainer .field {
	padding: 2px 0;
}
form#type2Form .fieldContainer .formErr .field {
	padding: 2px 0;
	color: #ff0000;
	font-weight: bold;
}
form#type2Form .outlined {
	padding: 2px;
	border: 1px solid #ff9900;
}
form#type2Form input.inputText {
  width: 320px;
	padding: 2px;
	border: 1px solid #ff9900;
}
form#type2Form textarea.inputTxtArea {
  width: 320px;
	padding: 2px;
	border: 1px solid #ff9900;
}
form#blankBoxForm .sendButton {
  margin: 16px 0 8px 0;
	padding: 3px;
	text-align: right;
}

.note {
  font-size: 11px;
	color: #669900;
}
div.note {
  padding: 3px 0;
}
 

/*  ************************************************************************ 
 *   COOLMENU   
 *  ************************************************************************ */
 

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:relative; }
.clLevel0border{position:absolute; visibility:hidden; }


/*Styles for level 1*/
.clLevel1, .clLevel1over{position:relative; }
.clLevel1border{position:absolute; visibility:hidden;  }