/* CSS Document */

body {
	font-family: Georgia;
	font-size: 90%;
	vertical-align: top;
	padding: 1.5em;
	margin: 0em;
}

/***********************************************************/

.main-costabrava {
	background: url(images/main.jpg) no-repeat top center;
	padding: 0em 0.5em 4em 0.5em;
	margin-right: 15.1em;
  margin-left:10.5em;
	border: 1px #CDCDCD solid;
	color: #22245B;
}

.main-costabrava a {
	color: #FF0000;
	text-decoration: none;
}
.main-costabrava p {
	font-family: georgia;
	font-size: 1em;
}

.main-costabrava h1 {
	color: #154FB7;
	font-family: Georgia;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0em;
}

.main-costabrava h2 {
	color: #154FB7;
	font-family: Georgia;
	font-size: 1.3em;
	margin: 0em;
}

.main-costabrava h3 {
	color: #154FB7;
	font-family: Georgia;
	font-size: 1.2em;
}

.main-costabrava h4 {
	color: #154FB7;
	font-family: Georgia;
	font-size: 1.1em;
}


.captionright {
float: right;

padding: 0.3em;
margin: 0.3em;
text-align: right;
}

.captionrightnofloat {
border: 1px gray dashed;
padding: 0.3em;
margin: 0.3em;
text-align: right;
}


.captionleft {
float: left;
padding: 0.3em;
margin: 0.3em;
text-align: left;
}

.captionright p, .captionrightnofloat p, .captionleft p{
font-size: 0.8em;
color: #35638A;
display: inline;
clear: none;
}

/***********************************************************/

#navigation {
	color: #6A006A;
	text-align: center;
	width:15em;
	padding-top: 3em;
	padding-bottom: 3em;
	margin: 0em;
	background: url(images/navback.jpg) no-repeat center center;
}

#navigation ul {
	display: block;
	padding: 0em;
	margin: 0em;
}

#navigation li {
	list-style: none;
	padding: 0em;
	margin: 0.6em;
}

#navigation a {
	padding: 0.2em;
	border: 1px #D6D6D6 solid;
	text-decoration: none;
	margin: 0em;
	color: #2F4F4F;
	font-weight: bold;
	font-size: 0.8em;
}

#navigation a:hover {
border: 1px #222222 solid;
text-decoration: none;
color: #414141;
background-color: #FFFBE3;
}

#rightside{
	float: right;
/* 	text-align: center; */
}

/***********************************************************/



#leftside{
  width:10em;
  text-align: center;
  font-size: 1em;
  padding: 0.2em 0em;
  margin: 0em;
  float:left;
  border: 1px solid #9A9A9A;
  background-color:white;
}

/***********************************************************/

#bottomnav {
font-size: 0.8em;
}

#bottomnav a {
color: gray;
text-decoration: none;
}

#bottomnav a:hover {
background-color: #FFFFAE;
}

/***********************************************************/

.clearall{
	clear: both;
}

table{
	border: 1px solid #858585;
	margin:0em;
	/*margin-left:auto;
	margin-right:auto;*/
	padding:0em;

}


th,td{
	font-size: 0.8em;
	text-align:center;
	padding:0em;
	margin: 0px;
	border: 1px solid #D0D0D0;
}

.banda{
	background-color: #FFFFE3;
}
.bandb{
	background-color: #EAE8FF;

}
.bandc{
	background-color: #FFEBD9;
}
.bandd{
	background-color: #EAFFEA;
}
.avail{
	width:90%;
}
.key{
	width: 75%;
}

.floatright{
	float:right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */