
/* ------------------ ESTILOS GERAIS --------------------- */
img {
	border: 0px;
	margin: 0 auto;
}




body {
background-color:#000000;
margin: 0 auto;
}



* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}


#pagina {
	width:780px;
	margin:0 auto;
	text-align:center;
	position: relative;
}

#flash {
	float: left;
	width: 780px;
	height: 180px;
	margin: 0 auto;
}

#conteudo{
	width: 780px;
	float: left;
	background: url(../imgs/bg_conteudo.gif) no-repeat center top #464646;
}


#conteudo_principal{
	width: 775px;
	float: left;
	margin: 0 auto;
}

img.borda {
	padding: 5px;
	border: solid 1px #666666;
}


/* #img_grande {
	width: 620px;
	height: 380px;
	z-index: 1;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -190px;
	margin-left: -310px;
	visibility:hidden;
	padding: 5px;
	background-color:#ffffff;
	border: solid 1px #000000;
}
 */
#detalhe {
	width: 730px;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

#legenda {
	width: 95%;
	float: left;
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:center;
	margin-bottom: 30px;
	margin-left: 15px;
}

img.cursor {
	cursor: pointer;
}




/* ------------------ MENU, NEWSLETTER, MAPA DO SITE --------------------- */


#menu {
	width: 752px;
	float: left;
	height: 28px;
	text-align: left;
	padding-left: 28px;
	background:url(../imgs/bg_menu.gif) no-repeat center top;
	padding-top: 12px;
	border-bottom: #be5520 solid 4px; /* TERRACOTA*/
}

#botoes {
	float: left;
	margin-right: 30px;
}

#newsletter {
	float: right;
	margin-right: 20px;
	margin-top: -5px;
}

#txt_newsletter {
	float: right;
	margin-right: 20px;
	margin-top: 0px;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #f1f2f2;
}

#newsletter input {
	margin-top: 3px;
	border: solid 1px #ffffff;
	background-color: #333333;
	font: normal 75% "Trebuchet MS", Arial, sans-serif;
	color: #f1f2f2;
	padding-left: 3px;
	height: 16px;
	padding-top: 0px;
	padding-bottom: 2px;
	vertical-align:top;
	margin-left: 2px;
	margin-right: 2px;
	width: 158px;
}

#newsletter input.bt{
	border: solid 1px #ffffff;
	background-color:#333333;
	font: normal 75% "Trebuchet MS", Arial, sans-serif;
	color: #f1f2f2;
	text-align:center;
	width: 32px;
	height: 20px;
	vertical-align:top;
}

img.alinha {
	padding-top: 5px;
}



/* ------------------ INPUTS FORMULÁRIOS--------------------- */

input {
	border: solid 1px #999999;
	font: normal 80% "Trebuchet MS", Arial, sans-serif;
	color: #999999;
	padding-left: 3px;
	height: 15px;
}


textarea {
	width: 259px;
	height: 124px;
	border: solid 1px #999999;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	padding-left: 3px;
	margin: 3px 0px	5px 3px;
}

input.formularios{
	border: solid 1px #999999;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	padding-left: 3px;
	height: 14px;
	padding-top: 0px;
	padding-bottom: 2px;
	vertical-align:top;
	margin-left: 2px;
	margin-right: 2px;
}

input.radio {
	border: 0;
}

input.botao{
	border: solid 1px #999999;
	background-color:#ffffff;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	padding-left: 5px;
	width: 60px;
	padding-top: 0px;
	height: 20px;
	vertical-align:top;
}

input.contato {
	border: solid 1px #999999;
	background-color:#ffffff;
	font: normal 75% "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	width: 70px;
	padding-top: 0px;
	height: 20px;
	vertical-align:top;
}


input.radio {
	vertical-align: -5px;
}

select {
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #999999;
	height: 18px;
}



/* ------------------ THUMB ÚLTIMOS TRABALHOS --------------------- */

#ultimos_trabalhos{
	width: 780px;
	height: 229px;
	float: left;
	border-bottom: #f0c36b solid 4px; /* AMARELO CLARO*/
	background-image:url(../imgs/bg_portolio.gif);
}

.desc_portfolio, .desc_portfolio2 {
	width: 172px;
	height: 153px;
	float:left;
	margin-left: 18px;
	margin-top: 10px;
}

.desc_portfolio {
	margin-top: 5px;
}


.desc_portfolio2 {
	margin-left: 8px;
}

.thumb_trabalhos {
	width: 160px;
	height: 120px;
	padding: 5px;
	background-color: #ffffff;
	border: #000000 solid 1px;
}

.tit_trabalho {
	background-color: #dadada; /* CINZA CLARO */
	width: 170px;
	height: 20px;
	border-width: 0px 1px 1px 1px;
	border-color: #000000;
	border-style: solid;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #000000;
	text-align:center;
	padding-top: 3px;
}

#conteudo_portfolio {
	float: left;
	width: 730px;
	text-align:center;
}



#menu_portfolio {
	width: 730px;
	height: 22px;
	border-top: #ffffff solid 1px;
	float: left;
	background-color: #000000;
	text-align:left;
	margin-top: -5px;
}



/* ------------------ THUMB ÚLTIMAS NOTÍCIAS --------------------- */

#ultimas_noticias {
	float: left;
	height: 207px;
	width: 780px;
	margin: 0 auto;
	background-image:url(../imgs/bg_news.gif);
}

.bloco_noticias {
	width: 226px;
	height: 118px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #000000;
	float: left;
	margin-left: 16px;
}

.data {
	float: left;
	width: 215px;
	height: 26px;
	padding-top: 4px;
	background-color: #dcddde; /* CINZA */
	text-align: left;
	padding-left: 9px;
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	color: #be5520; /* TERRACOTA */
}

.noticia {
	text-align:justify;
	background-color: #f1f2f2;
	float: left;
	height: 88px;
}

.tit_noticia {
	width: 208px;
	padding: 9px 9px 0px 9px;
	float: left;
	font: bold 11px "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	background-color: #f1f2f2;
	line-height:12px;
}


.link_noticia {
 	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	width: 208px;
	padding:9px;
	float: left;
	background-color: #f1f2f2;
	line-height: 12px;
}


/* ------------------ NOTÍCIAS --------------------- */

#news, #quemsomos, #depoimentos {
	width: 730px;
	float: left;
	margin: 10px 0px 15px 25px;
	 background-color: #ffffff; 
	 padding-bottom: 20px;
	 /* filter:opacity(alpha=50);  para o IE */
     /* -moz-opacity:0.8;  para o FireFox */
     /* opacity:0.5;  para o outros Navegadores */ 
}

.lista_noticia {
	width: 670px;
	height: 18px;
	border-bottom: dashed 1px #333333;
	text-align: left;
	padding-left: 10px;
	margin-left: 25px;
	margin-top: 2px;
}

.lista_noticia a {
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

.lista_noticia a:hover {
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:underline;
}


.lista_noticia span {
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #be5520; /* TERRACOTA */
}





#contato {
	width: 730px;
	float: left;
	margin: 10px 0px 15px 25px;
	background-color: #ffffff; 
	padding-bottom: 20px;
	text-align:center;
}


.portfolio {
	width: 695px;
	border-bottom: dotted 1px #999999;
	margin-bottom: 10px;
	margin-top: 30px;
	float: left;
}


.img_portfolio {
	width: 260px;
	float: left;
	margin-left: 15px;
	margin-bottom: 10px;
}

.img_portfolio img, .logos img{
	padding: 5px;
	border: solid 1px #999999;
	background-color:#ffffff;
}

.logos {
	width: 136px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}


/* ------------------ TÍTULOS --------------------- */

h1 {
	color: #be5520;
	margin-bottom: 10px;
	text-align:left;
	margin-top: 0px;
	padding-left: 25px;
}

h2{
	color: #333333;
	margin-bottom: 6px;
	height: 10px;
	text-align:left;
	padding-left: 25px;
}

/* ------------------ AUMENTA E DIMINUI FONTE --------------------- */

.fonte1 {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	line-height: 13px;
}

.fonte2 {
	font: normal 15px "Trebuchet MS", Arial, sans-serif;
	line-height: 17px;
}

.fonte3 {
	font: normal 19px "Trebuchet MS", Arial, sans-serif;
	line-height: 21px;
}

#texto.fonte1 h1 {
		font: bold 15px "Trebuchet MS", Arial, sans-serif;
}

#texto.fonte2 h1 {
		font: bold 19px "Trebuchet MS", Arial, sans-serif;
}

#texto.fonte3 h1 {
		font: bold 25px "Trebuchet MS", Arial, sans-serif;
}

#texto.fonte1 h2 {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
}

#texto.fonte2 h2 {
	font: normal 15px "Trebuchet MS", Arial, sans-serif;
	margin-bottom: 12px;
}

#texto.fonte3 h2 {
	font: normal 19px "Trebuchet MS", Arial, sans-serif;
	margin-bottom: 18px;
}

.fonte3 a:hover {
	font: normal 19px "Trebuchet MS", Arial, sans-serif;
	line-height: 20px;
}


#texto.fonte1 a {
	font: bold 11px "Trebuchet MS", Arial, sans-serif;
	color: #be5520;
	line-height: 13px;
	text-decoration:underline;
}

#texto.fonte2 a {
	font: bold 15px "Trebuchet MS", Arial, sans-serif;
	color: #be5520;
	line-height: 17px;
	text-decoration:underline;
}

#texto.fonte3 a {
	font: bold 19px "Trebuchet MS", Arial, sans-serif;
	color: #be5520;
	line-height: 21px;
	text-decoration:underline;
}

#texto a:hover {
	color: #333333;
	text-decoration: underline;
}

#botoes_fontes {
	width: 66px;
	height: 21px;
	position:absolute;
	z-index:1;
	top: 240px;
	left: 685px;
}

.spacer {
	margin-right: 1px;
}




/* ------------------ TABELAS, TD --------------------- */

p {
	margin: 25px;
	text-align:justify;
	color: #333333;

}


td{
	margin: 25px;
	text-align:justify;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	line-height: 12px;
	border-bottom: dashed 1px #666666;
}

td.confirma {
	border-bottom: 0px;
}


td.bts {
	border-bottom: 0px;
	margin-left: 3px;
	height: 45px;
}

td.rotulos {
	text-align: right;
	padding-right: 5px;
	height: 25px;
	width: 84px;
}

td.check {
	width: 18px;
}

td.rotulos2 {
	width: 272px;
}

table {
	margin-left: 180px;
}

/* ------------------ DEPOIMENTOS --------------------- */

.dep_logo_txt {
	float: left;
	width: 730px;
}

.dep_logo {
	width: 160px;
	height: 120px;
	float: left;
	background-color:#ffffff;
	border: solid 1px #666666;
	margin: 25px;
	padding: 5px;
}

.txt_dep {
	width: 475px;
	float: left;
	text-align: justify;
	margin-top: 25px;
	margin-bottom: 10px;
}


p.centralizado {
	margin-top: 15px;
	margin-bottom: 5px;
	text-align:center;
	font: normal 70% "Trebuchet MS", Arial, sans-serif;
	color: #666666;
}

span {
	font: normal 70% "Trebuchet MS", Arial, sans-serif;
	color: #f18e30;
	text-align: right;
	margin-left: 0px;
	float:left;
}

a {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	line-height: 12px;
}

a:link {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	text-decoration:none;
	line-height:12px;
}

a:visited {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	text-decoration:underline;
	line-height:12px;
}

a:hover {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	text-decoration:underline;
	line-height:12px;
}

#legenda a {
	font: bold 11px "Trebuchet MS", Arial, sans-serif;
	color: #be5520;
	line-height: 12px;
	text-decoration:underline;
}

#legenda a:hover {

	color: #333333;
	text-decoration:underline;

}


#assinatura {
	float: left;
	width: 778px;
	border-top: solid 4px #fff;
	border-right: solid 1px #666;
	border-left: solid 1px #666;
	border-bottom: solid 1px #999;
	font: normal 13px "Trebuchet MS", Arial, sans-serif;
	color: #ffffff;
	margin-bottom: 10px;
	text-align: left;
	
}

#endereco_gorham {
	float: left;
	width: 510px;
	text-align:center;
	height: 40px;
	padding-top: 20px;
	border-right: solid 1px #666;
	
}

#valida {
	float: right;
	text-align: right;
	width: 205px;
	padding-top:16px;
	padding-right: 55px;
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #fff;
}

#valida img {
	margin-left: 5px;
	vertical-align:-8px;
}

td.titulos {
	border: solid 1px #ffffff;
}



p a{
	font: normal 100% "Trebuchet MS", Arial, sans-serif;
	color: #607e9f;
	text-decoration: underline;	
}

p a:hover {
	font: normal 100% "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	text-decoration: underline;
}


#thumb {
	float:left;
	width: 100px;
	height: 75px;
	padding: 3px;
	background-color: #ffffff;
	border: solid 1px #999999;
	cursor:pointer;
}


#Image1, #Image2, #Image3, #Image4, #Image5, #Image6, #Image7, #Image8, #Image9, #Image10 {
	cursor: pointer;
}


.feedback {
	width: 95%;
	float: left;
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:center;
	margin: 0px 0px 20px 15px;
	border-bottom: dashed 1px #666666;
	border-top: dashed 1px #666666;
	background-color: #f1f2f2;
	
}

.feedback span {
	font: bold 25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FF6600;
}

.feedback a {}


