table {
	font: 11px "verdana", arial, sans-serif;
	color: #333333;
}

#cabecalho {
width:980px; height:161px;
background-image:url(media/cabecalho_prt.jpg);
float:left;
}

#pulpfruit {
width:163px; height:161px;
background-image:url(media/banner_fruit.jpg);
float:center;
}

#tab_principal {
background: url(media/fd_body2.jpg);
}

#menu {
padding-top:20px;
padding-left:10px;
float:left;
}

#menu ul {
padding:0%;
margin:0%;
}

#menu ul li {
list-style-type:none;
font:bold 12px tahoma;
display:block;
}

#menu ul li a {
width:160px; height:30px;
list-style-type:none;
text-decoration:none;
color:#003399;
padding:5px;
display:block;
}

#menu ul li a:hover {
background-color:#99CCFF;
color:#CC3300;
}

#hotel {
margin:0%;
font-family: "verdana", Arial, Sans-serif;
padding:5px;
font-size: 11px;
color: #CC3300;
}

#casa {
margin:0%;
font-family: "verdana", Arial, Sans-serif;
padding:5px;
font-size: 11px;
color: #CC3300;
}

#corretor {
margin:0%;
font-family: "verdana", Arial, Sans-serif;
padding:5px;
font-size: 11px;
color: #CC3300;
}

#camping {
margin:0%;
font-family: "verdana", Arial, Sans-serif;
padding:5px;
font-size: 11px;
color: #CC3300;
}

#pousada {
margin:0%;
font-family: "verdana", Arial, Sans-serif;
padding:5px;
font-size: 11px;
color: #CC3300;
}

#comer {
margin:0%;
font-family: "verdana", Arial, Sans-serif;
padding:5px;
font-size: 11px;
color: #CC3300;
}

#table_cel {
background: url(media/04.jpg) no-repeat left bottom;
}

#table_bx {
background: url(media/05.gif) no-repeat left top;
}

#anuncio {
width:200px; height:auto;
border: 1px solid gray;
background:url(media/fundo_tab_dir.jpg);
float:center;
}


.animatedtabs{
overflow: hidden;
width: 100%;
font-size: 11px; /*font of menu text*/
}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 8px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(media/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(media/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 180px;
}

.markermenu li a{
background: url(media/arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
}

* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 180px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}

.markermenu li a:hover{
color: black;
background-color: #e3e3e4;
background-image:url(media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50;
left: 120px; /*position where enlarged image should offset horizontally */

}