/* CSS Document */
/*TEMPLATE 01*/

* {
	margin:0px;
	padding:0px;
}

body {
	font-family:"Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	padding-top:40px;
	background-attachment: fixed;
	background-image: url(fundo.jpg);
	background-repeat: no-repeat;
	scrollbar-arrow-color:#fff;
	scrollbar-3dlight-color:#ccc;
	scrollbar-highlight-color:#ccc;
	scrollbar-face-color:#ccc;
	scrollbar-shadow-color:#ccc;
	scrollbar-darkshadow-color:#ccc;
	scrollbar-track-color:#fff;
}

hr {
	color: #ccc;
}

#container {	
	width:775px;
	display:table;	
	margin:0 auto;
}

#marca, #links, #conteudo, #dados {	
	width:773px;
}

#marca {
	height:80px;
	background:url(../imagens/marca.jpg) no-repeat;	
}

h1 {
	font-size:24px;
	color:#537587;
}

#marca h1 {
	float:left;
	padding-left:197px;
	margin-top:20px;
}

h2 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color:#537587;
}

#marca h2 a {
	color:#537587;
	text-decoration:none;
	float:right;
	padding:3px 20px 0 0;
}

#marca a:hover {
	text-decoration:underline;
}

#sitebyoesp a {
	width:85px; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#153f56;
	float:right;
	padding:35px 5px 0 0;
	text-decoration:none;	
}

#links {	
	height:32px;
	text-align:center;
}

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}

#conteudo {
	padding-top:4px;
	height:280px;
}

h3 {
	font-size:16px; 
	font-weight:bold;
	color:#153f56;
	padding-bottom:4px;
}

#conteudo  p {
	font-size:12px;
	color:#153f56;
	line-height:16px;
}

#cont1 {
	float:left;
	width:231px;
}

#cont2 {
	float:left;
	padding-left:15px;
	width:300px;
	height:275px;
	overflow-y: auto;
	overflow-x: hidden;
}

h5 {
	font-size:14px; 
	font-weight:bold;
	color:#f00;
	padding-top:15px;
}

#cont2 p {
	width: 280px;
	margin-top: 15px;
}

#cont3 {
	width:206px;
	height:200px;
	float:right;
	margin-left:7px;
}

#cont3 p {	
	text-align:right;
	font-style:italic;
	font-size:12px; 
	color:#153f56;
}

#dados {
	height:22px;
	text-align:center;
}

#dados span {
	padding-top:3px;
	font-size:12px; 
	color:#153f56;
}

#dados a {
	padding-top:3px;
	font-size:12px; 
	color:#153f56;
	text-decoration:none;
}

#dados a:hover {
	text-decoration:underline;
}

/* FOTOS */

.fotos {
	width: 280px;
	text-align: center;
	margin-top: 15px;
}

.fotos img {
	width: 60px;
	height: 50px;
	margin: 3px;
	border: 1px solid #666;
}

/* FORMULÁRIO */

.formulario {
	margin: 15px;
}

form {
	margin-top: 30px;
}

#todoform {

font:11px verdana, helvetica, sans-serif; 
/* o tamanho e o tipo da fonte no formulário */

color:#666; /* a cor laranja para as letras */
      } 

#todoform th {

padding:3px; 
/* um afastamento de 3px */
} 

#todoform input {
background:#fff; 
/* a cor do fundo dos três campos */

color:#666;
/* a cor da letra dos três campos */

border:1px solid #ccc;
/* uma borda de 1px tracejada e na cor laranja para 
o campo */
}   

#todoform textarea {
 background:#fff; 
 /* a cor do fundo do campo */
 
color:#666;
/* a cor da letra para o textarea */

border:1px solid #ccc; 
/* uma borda de 1px tracejada e na cor 
laranja para o campo */
}

#todoform input.botao {
background:#fff; 
/* a cor do fundo do botão */

color:#666; /* a cor das letras Enviar */
}  

#todoform td {
padding:3px;
}

/* GANCHOS */

.ganchos {
font: 11px Verdana, sans-serif;
}
.ganchos li {
list-style: none; 
margin: 0;
}
.ganchos li a {
height:1px; /* IE5.0 bug */
text-decoration: none;
}
.ganchos li a:link {
color: #666;
}
.ganchos li a:visited {
color: #666;
}
.ganchos li a:hover {
color: #f00; 
}