/*
Cláudia Pamplona Barreto - folha de estilo
http://claudiabarreto.com
07/08/08
Fundação Homem do Mar

*********************************/
body {
font: 		12px Arial;
font-color: #444444;
padding:	0px;
margin:		0px;
background: #FFFFFF url(fundo.jpg) left top repeat-x ;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #006897;
scrollbar-darkshadow-color: #006897;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #006897;
scrollbar-track-color: #FFFFFF;


}
/* estrutura
*********************************/
#tudo {
width:		733px;
height:		auto;
padding:	0px;
margin:		0 auto;
background-image:  #FFFFFF; 
}
#topo {
width:		758px;
height:		380px;
padding:	0px;
margin:		0px;
background:	  url(topo.jpg) left top no-repeat;
}


#menu2{
float:left;
width:		722px;
padding: 5px 0px 0px 0px;
}


#menu {
	background: #000000;
	height: 32px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 12px;
	width: 100%;
}
#menu li {
	float: left;
	font: 110% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #000000 url("images/separador.jpg") bottom right no-repeat;
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #000000 url("menu/brilho.jpg") bottom center no-repeat;
	color: #FFFFFF;
	padding-bottom: 8px;
	}

#conteudo {

width:		770px;
height:		auto;
padding:	5px;
margin:		0px;
float:		left;
}
#pesquisar {

float:		right;
padding:10px;
}

#novidades {
width:		230px;
height:		120px;
padding:	5px;
margin:		20px 20px 5px -5px;
background: #000000;
border: 0px solid #FFFFFF;
float:		left;
color: #FFFFFF;
}

#novidades2 {
width:	 746px;
height:		auto;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px -5px;
background: #FFFFFF;
border: 0px solid #FFFFFF;
color: #000000;
float:		left;
}
#comentarios {
width:	 746px;
height:		auto;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px -5px;
background: #000000;
border: 0px solid #FFFFFF;
color: #FFFFFF;
float:		left;
}

#rodape {
width:		750px;
height:		auto;
clear:		both;
color: #000000;
border-top: 1px dotted #000000;
background: #FFFFFF;
float:left;
font-size:	10px;
padding: 0px;
margin: 0px;

float:center;
}

/* geral
*********************************/
.clear {
clear:		both;
font-size:	3px;
height:		3px;
}
.separador {
height:		1px;
border-bottom: 5px solid #FFFFFF;
margin:		10px 0px;
}
.separador1 {
height:		1px;
border-bottom: 1px dotted #000000;
margin:		0px 0px;
}
.separador2 {
height:		1px;
border-bottom: 1px dotted #FFFFFF;
margin:		0px 0px;
}
/* tipografia
*********************************/

input{
border: 1px solid #FFFFFF;
}

a:active{
color:#808080;
text-decoration:none;
}
a:link{
color:#808080;
text-decoration:none;
}
a:hover{
color:#CCCCCC;
text-decoration:underline;
bottom-border: 1px solid #4EA0D2;
}
a:visited{
color:#808080;
text-decoration:none;
}

/* Efeito das fotos
**************************************************/
.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image {
    border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 0px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 0px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}