@charset "UTF-8";

body {  background-color: #fff;
   background-image:url("../imagens/traco.gif");
   background-position:top left;
   background-repeat: repeat-y;
   font-family: Verdana, Geneva, Arial, sans-serif !important;
   font-size: 62.5% !important;
   line-height: 193%; 
   margin-left: 0;
   margin-top: 0;
}

a {
   color:#52595C;
   text-decoration: none;
}

a:hover {
   color:#000000;
}

/*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 {
   color:#727678;
   font-size: 1.3em;
}

h2 {
   color:#727678;
   font-size: 1.1em;
   margin: 20px 10px 3px 0;
   text-align:right;
}

img {
   border: none;
}

input[type="submit"],
input[type="reset"] {
   margin-right: 25px;
   padding: 0 10px;
}

input[type="reset"] {
   font-size: 1em;
}

p {
   font-size: 1.1em;
}

span {
   font-family: "TrebucheT MS", Verdana, Geneva, Arial, sans-serif !important;
}

span.numeroFoto {
   color: #804000;
}

span.margemTexto {
   margin-left: 7px;
}

/* ESTILO PARA O LOGO DO SITE */

.caixaLogo {
   background-color:#ffffff;
   background-image:url("../imagens/logo.gif");
   background-position:top left;
   background-repeat:no-repeat;
   left: 0;
   position: fixed;
   top: 12px;
   height:417px;
   width:37px;
}

.caixaLogo h1 {
   display:none;
}

/* ESTILOS PARA O CABECALHO */

#barraSuperior,
#barraSuperiorHome {
   border-bottom: 1px solid #52595C;
   height: 26px;
   margin: 0 0 0 37px; /*valor margin-left acrescentado com a mudanca na caixaLogo */
   position: relative; 
   right: 0;
   top: 2px; 
   width: auto;
}

/* Menu superior */

ul#menuSuperior,
ul#menuSuperior li { 
   float: right; 
   list-style: none; 
   margin: 0 2px 0 0; 
   padding: 0;
}

ul#menuSuperior {
   border-right: 1px solid #52595c;
   bottom: 0px;
   float: left;
   font-size: 1.1em; 
   font-weight: bold;
   padding-bottom: 1px;
   position: absolute;
   right: 182px; /*169px*/
   width: auto;
}

ul#menuSuperior li a {
   color: #52595C;
   display: block;
   margin: 0 22px;
   text-decoration: none;
}

ul#menuSuperior li.first a:link { 
   color: #52595C;
   text-decoration: none; 
}

ul#menuSuperior li.first a:hover { 
   background-color: transparent;
   color: #000000; 
   text-decoration: none; 
}

ul#menuSuperior li.first p {
   background-color: transparent;
   color: #FF9900;
   display: block;
   font-size: 1em;
   margin: 0 22px;
}

/* ESTILO PARA A CAIXA QUE CONTEM TUDO, EXCETO O CABECALHO E RODAPE */

#container {
   position: relative;
   right: 0;
   width: auto;
}

.clearing {
   clear: both;
   height: 0;
	
}

/* PAGINA DE ABERTURA COM 2 IMAGENS*/

#caixaHome {
   height: 304px;
   margin: 42px auto 43px;
}

/* Imagens na homepage */

#caixaHome .imagem01,
#caixaHome .imagem02 {
   left: 50%;
   margin-left: -299px;
   position: absolute;
}

/* Imagem na homepage com link para o site pessoal  */

#caixaHome .imagem01 {
   border: 0;
   margin-top: 23px;
	
}

/* Imagem na homepage com link para o site da jmt  */

#caixaHome .imagem02 {
   border: 0;
   margin-top: 197px;
	 
}
	
/* CAIXA DO MENU LATERAL */

#barraLateral {
   background-image: url("../imagens/umpixel.gif");
   background-position: left;
   background-repeat: repeat-y;
   float: right;
   margin-right: 2px; 
   padding: 12px 0 40px;
   width: 183px; /*170px*/
}

/* Menu lateral */

ul#menuLateral,
ul#menuLateralDigital {
   font-size: 1.1em;
   line-height: 1.8em;
   margin: 5px 0px 0px 0px;  
   padding: 2px 5px 7px 5px;
   text-align: right;
}

ul#menuLateral li,
ul#menuLateralDigital li {
   border-bottom: thin solid #F1F1F1;
   list-style: none;
   margin: 0px 5px 0 5px;
}

ul#menuLateral li a,
ul#menuLateralDigital li a {
   color: #52595C;
   display: block;
   padding-left: 0px;
   padding-right:9px;
   padding-top: 4px;
   text-decoration: none;
}

ul#menuLateral li p,
ul#menuLateralDigital li p {
   color: #FF9900;
   display: block;
   font-size: 1em;
   font-weight: bold;
   margin:0;
   padding-left: 0px;
   padding-right:9px;
   padding-top: 4px;
   text-decoration: none;
}

ul#menuLateral li a:link,
ul#menuLateralDigital li a:link { 
   text-decoration: none; 
}

ul#menuLateral li a:hover,
ul#menuLateralDigital li a:hover {	
   border-right: 2px solid #FF9900;
   color: #000;
   padding-right:7px;
   text-decoration: none; 
}

/* ESTILOS PARA A PARTE CENTRAL DAS PAGINAS prefacio, thumb, image e links */

#caixaCentral {
   background-image: url("../imagens/umpixel.gif");
   background-position: right;
   background-repeat: repeat-y;
   margin: 2px 184px 0 32px; /*2px 171px 0 32px*/
   padding: 8px 0 12px 0;
   position: relative;
   width: auto;
}

#caixaCentral p {
   margin: 0;
   padding: 28px 37px 0px 40px;
   position: relative;
   text-align: justify;
}

#caixaCentral ol.padrao li {
   list-style-type:decimal;
   margin-left:-10px;
}
	
/* Estilos para a pagina image */

#caixaCentral .foto p.paraFoto {
   margin: 0;
   padding: 30px 0 0;
   text-align: center;
}

#caixaCentral .foto p {
   font-size: 1em;
   margin: 0;
   padding: 7px 0 0;
   text-align: center;
}

#caixaCentral .foto p.legenda {
   font-family: "TrebucheT MS", Verdana, Geneva, Arial, sans-serif !important;
   padding: 1px 0px 0px 0px;
   text-align: center;
}

#caixaCentral .foto .texto {
   margin: 0 20px 0 25px;
}

#caixaCentral .foto .texto p {
   text-align:justify;
}

/* estilos para o menu de navegacao entre fotos da pagina imagem.php */

#caixaCentral .foto p.navegacaoEntreFotos {
   margin:0 auto;
   padding: 10px 0 0;
   text-align: center;
   width:300px;
}

#caixaCentral .foto p.navegacaoEntreFotos a {
   font-family: Verdana, Geneva, Arial, sans-serif !important;
   font-size: 1.0em;
   margin: 0 15px;
   padding: 0;
}

/* Tabela para as paginas thumb */

#caixaThumb {
   background-image: url("../imagens/umpixel.gif");
   background-position: right;
   background-repeat: repeat-y;
   margin: 2px 184px 0 0; /*2px 171px 0 0*/
   padding: 8px 0 12px 0;
   position: relative;
   width: auto;
}

#caixaThumb table { 
   margin: 0px auto;
   padding: 8px 0 0 0;
   position: relative;
}

#caixaThumb table tr {
   height: 110px; 
}

#caixaThumb table td {
   padding: 0 15px 0 50px;
   text-align: center;
}

#caixaThumb table.miniaturasDigital {
   padding-top: 11px;
}

#caixaThumb table.miniaturasDigital td {
   height: 115px;
}

/* Lista de links na pagina links */

#caixaCentral ul {
   left: 50%;
   margin: 0 0 0 -255px;
   padding: 23px 0px 15px 0px;
   position: relative;
   text-align: left;
   width: 540px;
}

#caixaCentral li {
   list-style: none;
   padding: 5px 0;
}

#caixaCentral li a:link { 
   color: #0000aa;  /* valor original: #52595C */
   /*text-decoration: underline;*/
}

#caixaCentral li a:visited { 
   color: #0000aa; 
   /*text-decoration: underline;*/
}

#caixaCentral li a:hover { 
   color: Purple; /* valor original: #000 */
   text-decoration: underline;
}

/* ESTILO PARA PAGINA contato.php E recebe_dados.php */

#caixaCentral form {
   font-size: 1.1em;
   left: 50%;
   margin: 0 0 10px -204px;
   padding: 23px 0 10px 0;
   position: relative;
   width: 443px;
}

#caixaCentral form span {
   color: red;
}

#caixaCentral form .quadroInput {
   margin: 0;
   padding: 5px 0;
}

#caixaCentral form .quadroInput label {
   float:left;
   width: 120px;
}

#caixaCentral form .quadroRecaptcha {
   border-bottom: 1px solid #e6e6e6;
   border-top: 1px solid #e6e6e6;
   margin: 20px 0;
   padding: 20px 0;
}

#caixaCentral .respostaFormulario {
   margin: 0;
   padding: 70px 0 0;
}

#caixaCentral .respostaFormulario p {
   margin: 0;
   padding: 0;
   text-align: center;
}

#caixaCentral .respostaFormulario a:link {
   color: Blue;
}

#caixaCentral .respostaFormulario a:hover {
   color: Purple;
   text-decoration: underline;
}

/* ESTILO PARA O RODAPE */

#rodape {
   border-top: 1px solid #52595C;
   margin: 0;
   padding: 0 2px 0 0;
   width: auto;
}

#rodape p {
   color: #ff9933;
   font-size: 0.9em;
   margin: 0;
   padding: 0;
   text-align: right;
}

.copyright {
   color: #ff9933;
   font-size: 1.2em;
}