@charset "UTF-8";

body {
   background-color: #FFFFFF;
   font-family: Verdana, Geneva, Arial, sans-serif !important;
   font-size: 62.5% !important; 
   line-height:193%; 
   margin: 0;
   padding: 0;
   background-image: url(../imagens/fundo-body2.jpg);
   background-repeat: repeat-x;
}

a {
   font-size: 1em;
}

a:link, a:visited, a:active {
   color: Blue;
   text-decoration: none;
}

a:hover {
   color:Purple;
   text-decoration: underline;
}

a.linkExterno {
   background-image:url(../imagens/link_externo_1.gif);
   background-position: right center;
   background-repeat:no-repeat;
   padding-right:15px;
}

a.linkExterno:hover {
   background-image:url(../imagens/link_externo_2.gif);
   background-position: right center;
   background-repeat:no-repeat;
   padding-right:15px;
}

h1 {
   font-size: 1.5em;
}

h2 {
   font-size: 1.2em;
   text-align:center;
   color:#5c5c5c;
}

h3 {
   font-size: 1.1em;
}

h4 {
   font-size: 0.9em;
}

h5 {
   font-size: 0.7em;
}

h6 {
   font-size: 0.5em;
}

img {
   border: 1px solid #666;
}

input[type="submit"],
input[type="reset"] {
   margin-right: 25px;
   padding: 0 10px;
}

input[type="reset"] {
   font-size: 1em;
}

li {
   font-size: 1.1em;
   list-style: none;
   background-image: none;
}

p {
   color: #2d2d2d;
   font-size: 1.1em;
   text-align: justify;
}

/* ESTILOS PARA TAGS SPAM */

span {
   font-size: inherit;
   font-family: inherit;
}

.fontePequena {
   font-size: 0.9em; 
   font-family: "TrebucheT MS", Verdana, Geneva, Arial, sans-serif !important;
}

/* ESTILOS PARA TABELAS */

table {
   margin:0 auto;
   width: auto;
}

table th {
   font-weight: normal; 
   background-color: #eeeeee;
   padding: 0 10px;
}

table td {
   border-bottom: thin solid #eee;
   padding: 0 15px;
}

table td.center {
   text-align: center;
}

table td.textovermelho {
   color: #DB0000;
}

table td.noborderbottom {
   border: none;
}

table ul li {
   background-image: none;
}

/* estilos para a tabela no relato 0921.inc */

table#blowing {
   color: #2d2d2d;
   font-size: 1.0em;
   width: auto;
   margin: 0;
   padding: 0;
}

table#blowing td {
   height: 30px;
   vertical-align: top;
   width: 50%;
}

table#blowing p.afastaTagP {
   margin-top: 30px;
}

/*table#blowing td ul li {
	margin: 0;
	padding: 5px 0;
	background-image: none;
}*/

/* estilos para a tabela das fotos em miniatura - galeria.php */

table#galeria {
   float: left;
   width: auto;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

table#galeria tr {
   height: 117px;
}

table#galeria td {
   padding: 0 35px 0 0;
   text-align: center;
   border: none;
}

table#galeria td span {
   color: GrayText;
   font-size: 0.9em;
   font-family: "TrebucheT MS", Verdana, Geneva, Arial, sans-serif !important;
}

table#galeria img {
   border: none;
   margin: 0;
   padding: 0;
}

/* CLASSES DIVERSAS */

.titulo {
   text-transform: uppercase;
   text-align: center;
}

.titulo span {
   font-size: 0.9em;
   font-style: italic;
   text-transform: lowercase;
}

.maximas {
   font-style: italic;
   color: #FF0000;
   text-align: center;
}

.bibliografia {
   font-size: 0.9em;
   text-align: right;
}

#corpo ul.navegacaoEntreGalerias {
   text-align: center;
   font-size: 1.0em;
   margin: 0;
   padding: 10px 0 13px;
}

#corpo ul.navegacaoEntreGalerias li {
   background-image: none;
   display: inline;
   margin:  0 13px;
   padding: 0;
}

#corpo ul.navegacaoEntreGalerias span {
   margin-right: -8px;
   font-size: 0.9em;
   font-family: "TrebucheT MS", Verdana, Geneva, Arial, sans-serif !important;
}

.aviso { 
   margin-top: 25px;
   border: 1px solid #f00;
   padding: 10px 10px 5px;
}

.respostaFormulario { 
   padding: 70px 0 164px;
}

.respostaFormulario p {
   line-height: 50%;
   text-align: center;
}

/* ESTILOS PARA A ESTRUTURA DO SITE */

.clearing { 
   clear: both;
}

#caixa {
   background-color: #fff;
   position: relative;	
   margin: 10px auto 0;
   left: 0;
   width: 768px;
   border-top: 1px solid #6e6a65;
   border-right: 1px solid #6e6a65; 
   border-left: 1px solid #6e6a65;
   padding-top: 9px;
}

#topo {
   background-image: url(../imagens/logo.jpg);
   border: 1px solid #6e6a65;
   width: auto;
   height: 87px;
   margin: 0px 9px 0px 9px;
}

#topo h1 {
   display:none;
}

#subtopo {
   background-color: #6e6353;
   width: 750px; 
   float: left;
   margin: 3px 0 0px 9px;
   padding: 1px 0 0 0;
}

#corpo { 
   position: relative;
   float: left;
   width: 740px;
   margin: 20px 14px 6px 14px;
   padding: 9px 0px 0px 0px;
}

#corpo p img {
   margin-top: 5px;
   margin-bottom: 9px;
}

#corpo ul {
   margin: 0px 0px 11px 5px;
   padding: 0px;
}

#corpo ul li {
   margin: 3px 0;
   padding-left: 8px;
   background-image: url(../imagens/dot.gif);
   background-repeat: no-repeat;
   background-position: 0 9px;
}

#corpo ul li a {
   padding-left: 0px;
   font-size: 1em;
}

/* estilos para a página galeria.php */

#corpoGaleria {
   position: relative;
   float: left;
   width: auto;
   margin: 20px 0 0 9px;
   padding-top: 15px;
}

/* estilos para as imagens da colunaEsquerda - index.html */

#colunaEsquerda { 
   float: left;
   margin-right: 14px;
   margin-top: 16px;
}

#colunaEsquerda p {
   margin: 0 0 12px 0;
   padding: 0;
   text-align: center;
   width: auto;
}

#colunaEsquerda p img {
   margin-top:0;
   margin-bottom:0; /*nao tinha*/
   border: 1px solid #888;
}

/* estilos para layout da página galeria.php */

#colunaEsquerdaGaleria {
   float: left;
   width: 185px;
   margin: 0 35px 0 0;
   padding:0;
}

/* estilos para as fotos da página johnmuir.php */

#corpo img.superior {
   float: right;
   margin: 7px 0 0 16px;
   border: 1px solid #888;
}

#corpo img.inferior {
   float: left;
   margin: 5px 16px 0 0;
   border: 1px solid #888;
}

/* estilos para o formulario da página contato.php*/

#conteudoFormulario {
   width: auto;
   margin: 11px 0 10px 111px;
   font-size: 1.1em;
}

#conteudoFormulario form span {
   color: #ff0000;
}

#conteudoFormulario form .quadroInput {
   margin: 0;
   padding: 5px 0;
}

#conteudoFormulario form .quadroInput label {
   width: 117px;
   float:left;
}

#conteudoFormulario form .quadroRecaptcha {
   width: 468px;
   margin: 20px 0;
   padding: 20px 0;
   border-top: 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
}

#conteudoFormulario form .quadroRecaptcha span {
   color: #000000;
}

#corpo #conteudoFormulario form .quadroRecaptcha #recaptcha_image img,
.quadroRecaptcha img {
   border: none;
}

/* estilos para o rodapé */

#rodape {
   width: auto;
   height: 20px;
   margin: 9px 9px 0px 9px;
   border-top: 1px solid #6e6a65;
   clear: both;
}

#rodape p {
   margin-top: 0;
   text-align: right;
   color: #ff9933;
   font-size: 0.9em;
}

#rodape span {
   font-size: 1.2em;
}  

/* ESTILOS PARA NAVEGAÇÃO PRINCIPAL */

ul#navegacao,
ul#navegacao li {
   position: relative;
   margin: 0;
   padding: 0;
}

ul#navegacao {
   margin-left: 0px;
}

ul#navegacao li {
   font-size: 1.1em; 
   float: left; 
   border-left: 1px solid #8a8277;
}

ul#navegacao li a {
   color: white;
   padding: 0 22px;
   text-decoration: none;
   display: block;
}

ul#navegacao li a:hover {
   background-color: #4D453A;
   color: #ffffff;
   display: block;
}

/* estilo para tirar a barra esquerda do primeiro link */

ul#navegacao li.semBordaEsquerda { 
   border-left: none;
}

ul#navegacao li p { 
   background-color: White; 
   color: #443929; 
   margin: 0;
   padding: 0 22px;
   font-size: 1em;
}

ul#navegacao li a.menuRelato {
   color: #443929;
   background-color: White;
   padding: 0 22px;
   font-size: 1em;	
}

ul#navegacao li a.menuRelato:hover {
   color: #443929;
   background-color: White;	
}

/* ESTILOS PARA NAVEGAÇÃO DAS GALERIAS */

ul#menuGaleria,
ul#menuGaleria li {
   margin: 0;
   padding: 0;
} 

ul#menuGaleria {
   margin-left: 4px;
}

ul#menuGaleria li {
   line-height: 2.5em;
   margin-right: 5px;
   text-indent: .5em;
   border-bottom: 1px solid #EEE;
}

ul#menuGaleria li a {
   font-size: 1em;
   text-decoration: none;
   color: GrayText;
   display: block;
}

ul#menuGaleria li a:hover {
   color: #333;
   display: block;
}

ul#menuGaleria li p {
   margin: 0;
   padding: 0;
   font-size: 1em;
   color: #6e6353;
   font-weight: bold;
   text-transform: uppercase;
}

ul#menuGaleria span {
   font-size: 0.9em;
   font-family: "TrebucheT MS", Verdana, Geneva, Arial, sans-serif !important;
   margin-left: 12px;
   text-transform: lowercase;
   font-weight: normal;
}

ul#menuGaleria li a span {
   color: GrayText;
}

ul#menuGaleria li a:hover span {
   color: #333;
}

/* ESTILOS PARA A LISTA NA PÁGINA RELATOS.PHP */

#corpo ul.relatos li {
   background-image: none;
   font-size: 1em;
   padding: 0;
}

#corpo ul.relatos li span {
   font-size: 0.9em;
   font-style: italic;
   font-family: "TrebucheT MS", Verdana, Geneva, Arial, sans-serif !important;	
}

#corpo ul.relatos li a {
   font-size: 1.1em;
}

/* ESTILOS PARA POPUP.INC */

#caixaCinza {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 4631px;
   z-index: 100;
   min-height: 100%;
   background-color: #000;
   filter: alpha(opacity=50);
   moz-opacity: 0.3;
   opacity: 0.8;
}

#mensagem {
   background-color: #ffffff;
   color: #000000;
   left: 50%;
   margin-left: -248px;
   padding: 10px;
   position: fixed;
   text-align: left;
   top:30%;
   width: 460px;
   z-index: 102;	 
}

#mensagem p {
   text-align: center;
}

#mensagem span {
   color: Blue;
   font-size: 1em;
}

