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

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

body {
	background-image: url(../imagens/fundo.jpg);
	margin-top: 10px;
}

hr {
	border: 1px solid #ccc;
}

p {
	font: 11px verdana;
	color: #666;
	line-height: 17px;
}

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

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

#marca {
	height:150px;
	background:url(../imagens/marca.gif) no-repeat;	
	margin-top: 5px;
}

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 {	
	width: 775px;
	text-align:center;
}

.menu5 {padding:5px 0 0 100px; margin:0; list-style:none; height:40px; position:relative; background:transparent url(../imagens/pro_five_0c.gif) repeat-x left bottom; font-size:11px;}
.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../imagens/pro_five_0a.gif) no-repeat;}
.menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(../imagens/pro_five_0b.gif) no-repeat right top;}
.menu5 li.current a {color:#000; background:url(../imagens/pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {background:url(../imagens/pro_five_2b.gif) no-repeat right top;}
.menu5 li a:hover {color:#000; background: url(../imagens/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(../imagens/pro_five_1b.gif) no-repeat right top;}
.menu5 li.current a:hover {color:#000; background: url(../imagens/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(../imagens/pro_five_2b.gif) no-repeat right top;}

#conteudo {
	padding-top:15px;
	margin: 0px;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 775px;
}

h3 {
	font: 30px 'arial narrow';
	color:#204b78;
	margin: 5px 0 10px 0;
	letter-spacing: 1px;
}

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

#cont2 {
	float:left;
	width:520px;
	height: 370px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#cont2 h1{ font-size:23px;}

#cont2_servicos {
	float:left;
	width:520px;
	height: 260px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;}


#cont2 p {
	margin-top: 15px;
	text-align:justify;
}
#container #conteudo #cont2 .fotos b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 150px;
	width: 120px;
}


#dados {
	text-align:center;
	margin-top: 10px;
}


address {
	font: 11px verdana;
	color:#666;
	line-height: 17px;
}

#dados a {
	color:#666;
	text-decoration:none;
}

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

/* FOTOS */

.fotos {
	width: 500px;
	text-align: center;
	margin-top: 20px;
}

.fotos img {
	margin: 5px;
	border: 1px solid #666;
}

/* MAPA */

.mapa {
	width: 470px;
	height: 300px;
}

.mapa iframe {
	border: 1px solid #666;
}

/* FORMULÁRIO */

.formulario {
	width: 500px;
	text-align: center;
}

#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;
}

#video {
width:400px;
margin-top:20px;}