/* CSS layout */

body {font-size:100%;}

object { outline:none; }
img   {  border-style: none;}


.smallTextWhite {
	font-size: 80%;
	color: #FFFFFF;
	font-family: "arial";
	text-align: center;
}
.blackText {
	font-family: "arial";
	font-size: 80%;
	color: #000000;
	text-align: justify;
}
.noMargin {
	border-width: 0px;
}
h1 {
	font-family: "arial";
	font-size: 100%;
	color: #AF220A;
	text-align: center;
}
h2 {
	font-family: "arial";
	font-size: 80%;
	color: #000000;
	font-weight: bolder;
}
h3 {
	font-family: "arial";
	font-size: 80%;
	color: #000000;
	font-weight: normal;
}
h4 {
	font-family: "arial";
	font-size: 80%;
	color: #000000;
	padding-top: 0px;
}
h5 {
	font-size: 80%;
	font-family: "arial";
	font-weight: normal;
}
h6 {
	font-size: 11pt;
}





ul{
	list-style-type: none;
	font-family: arial;
	font-size: 90%;
	text-align: center;
	float: left;
	height: 23px;
	margin: 0;
	padding: 0 0 0 20px;
	color: #AF220A;
	outline: none;
}


ul a {
font-size: 90%;
	display: block;
	width: 100px;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	background-image: url('http://fsbomallorca.com/grafx/button-css.png');
	background-repeat: no-repeat;
	color: #AF220A;
	outline: none;
}
ul a:hover {
font-size: 90%;
background-position: 0px -23px;
color: #ffffff;
text-decoration: none;
outline: none;
}

ul li {
font-size: 90%;
	display: inline;
	float: left;
	color: #AF220A;
	outline: none;
}

#top a {
	font-family: "arial";
	font-size: 80%;
	color: #FFFFFF;
	text-decoration: none;
		outline: none;
}
#top a:hover {
	font-family: "arial";
	font-size: 80%;
	color: #FFFF00;
	text-decoration: none;
		outline: none;
}
a {
	font-family: "arial";
	text-decoration: none;
	color: #FFFFFF;
	font-size: 80%;
	font-weight: normal;
}

a:hover {
	font-family: "arial";
	text-decoration: none;
	color: #FFFF00;
	font-size: 80%;
	outline: none;
}