/* CSS Document */
*{margin:0px; padding:0px;}

body{
margin:0;
padding:0;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
text-align:center; /* hack para o IE */

scrollbar-face-color:#FF6600;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#FF6600;
scrollbar-shadow-color:#FF6600;
scrollbar-darkshadow-color:#33333;
scrollbar-highlight-color:#FF6600;
scrollbar-3dlight-color:#FF6600;
scrollbar-track-color:#333333;
}

#geral{
width: 820px;
height:530px;
margin:0 auto;	
text-align:left; /* "remédio" para o hack do IE */	
}

.topo{
width:820px;
/* height:79px; */
float:left;
}

/* -------------------------------------------------- */

/* FLASH */
#capa {
width: 820px;
height:530px;
top:50%;
left:50%;
margin-top:-265px; /*(resultado da subtração 768(altura do browser)-530(tamanho da imagem) = 265px)*/
margin-left:-410px; /*(resultado da subtração 1024(largura do browser)-820(tamanho da imagem) = 410px)*/
position: absolute;
margin-bottom:10px;
}

.rodapeCapa {
width:820px;
position:relative;
top:560px;
padding-top:5px;
padding-bottom:8px;
}
/* FLASH */

/* ------------------------------------------------- */

/* INÍCIO DO RODAPÉ */
.login{
color:#FFFFFF;
font-size:13px;
margin-left:10px;
}

.campoLogin {
color:#000000;
width:120px;
font-size:11px;
background-color:#999999;
border:1px solid #999999;
}
/* FIM DO RODAPÉ */

/* -------------------------------------------------- */

/* IMAGEM DE FUNDO DA ÁREA ABERTA*/
.fundoMetodologia {
background-image:url(images/fundo_metodologia.jpg);
width:820px;
height:500px;
text-align:center;
float:left;
}

.fundoPortfolio {
background-image:url(images/fundo_portfolio.jpg);
width:820px;
height:500px;
float:left;
}

.fundoObra {
background-image:url(images/fundo_obra.jpg);
width:820px;
height:500px;
float:left;
}

.fundoObra1 {
background-image:url(images/fundo_obra.jpg);
width:820px;
height:500px;
float:left;
}

.fundoInteriores {
background-image:url(images/fundo_interiores.jpg);
width:820px;
height:500px;
float:left;
}

.fundoContato {
background-image:url(images/fundo_contato.jpg);
width:820px;
height:500px;
text-align:center;
float:left;
}
/* FIM DA IMAGEM DE FUNDO DA ÁREA ABERTA*/

/* -------------------------------------------------- */

/* MENU DA ÁREA ABERTA E DA ÁREA RESTRITA*/
.M{
padding-top:44px;
width:115px;
}

.Minterno{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding-top:2px;
padding-left:10px;
}

.Minterno span{
color:#A5DD00;
font-size:13px;
font-weight:bold;
}

.Minterno a{
color:#FFFFFF;
text-decoration:none;
}

.Minterno a:hover{
color:#999999;
text-decoration:none;
}

.titM {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:115px;
padding-left:10px;
padding-bottom:10px;
color:#ffffff;
text-align:left;
}

.titM span {
color:#A5DD00;
font-size:13px;
font-weight:bold;
}

.titM a{
color:#ffffff;
text-decoration:none;
}

.subM {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
text-align:left;
padding-left:10px;
padding-bottom:10px;
}

.subM a{
color:#000000;
text-decoration:none;
}

.subM a:hover {
color:#ffffff;
text-decoration:none;
}
/* FIM DO MENU DA ÁREA ABERTA  E DA ÁREA RESTRITA*/


/* -------------------------------------------------- */


/* GALERIA DA ÁREA ABERTA*/

.fotoObra { /* foto ampliada para pág. Obra, Port, Interiores - antigo em desuso*/ 
width:350px;
height:310px;
float:left;
}

.galeriaH {  /*antigo - em desuso*/ 
width:730px;
margin-top:10px;
color:#ffffff;
float:left;
padding-top:10px;
}

.tituloGaleria {
width:730px;
padding-left:40px;
padding-top:40px;
text-align:right;
float:left;
}

.conteudoGaleria {
width:740px;
padding-left:40px;
float:left;
}

#gallery {
width:700px; 
padding-top:10px;
float:left;
}

#image {
position:relative; 
width:350px; 
height:310px; 
border:1px solid #ffffff; 
background:#333333;
float:left;
}

#image img {position:absolute;}

#thumbwrapper{
width:680px; 
background:#333333; 
margin-top:20px; 
padding:6px 20px; 
float:left;
}

#thumbarea {
position:relative;
overflow:hidden;
height:50px;
width:677px;
float:left;
}

#thumbs {
position:absolute;
list-style:none;
margin-left:5px;
height:50px;
width:10000px;
visibility: visible;
float:left;
}

#thumbs li {
float:left; 
margin-right:5px;
cursor:pointer;
float:left;
}

#setaesq {
background-image:url(images/setaesq.gif);
width:13px;
height:52px;
background-repeat:no-repeat;
position:absolute;
top:336px;
left:5px;
}

#setadir{
background-image:url(images/setadir.gif);
width:13px;
height:52px;
background-repeat:no-repeat;
position:absolute;
top:336px;
left:700px;
}

/* FIM DA GALERIA DA ÁREA ABERTA*/


/* -------------------------------------------------- */


/* CONTEUDO DA ÁREA ABERTA*/

.flashMetodo {
width: 820px;
height:570px;
top:50%;
left:50%;
margin-top:-285px; /*(resultado da subtração 768(altura do browser)-530(tamanho da imagem) = 265px)*/
margin-left:-410px; /*(resultado da subtração 1024(largura do browser)-820(tamanho da imagem) = 410px)*/
position: absolute;
margin-bottom:10px;
}

.conteudo{
width:740px;
text-align:center;
margin-top:40px;
padding-left:40px;
float:left;
}

h1 { /* titulo principal da página*/
font-size:20px;
color:#A5DD00;
text-align:right;
float:left;
width:700px;
margin-bottom:10px;
margin-right:40px;
font-weight:normal;
}

h2 {  /* titulo principal do texto */
font-size:16px;
font-weight:bold;
color:#999999;
float:left;
width:300px;
margin-bottom:8px;
text-align:left;
}

h6 {  /* subtitulo principal do texto */
font-size:14px;
font-weight:bold;
color:#FF6600;
float:left;
width:300px;
margin-bottom:5px;
text-align:left;
}

.textObra{
margin-left:20px;
float:left;
width:320px;
text-align:justify;
}

p { /* texto para pág. Obra, Port, Interiores*/
font-size:11px;
color:#FFFFFF;
line-height:18px;
width:320px;
}

.menuMetodo {
width:200px;
color:#999999;
float:left;
font-size:12px;
font-weight:bold;
text-align:left;
line-height:50px;
}

.menuMetodo span {
font-size:16px;
color:#FFFFFF;
padding:5px 3px 0px 0px;
}

.menuMetodo a:link, .menuMetodo a:visited {
color:#999999;
text-decoration:none;
}
.menuMetodo a:hover, .menuMetodo a:active {
color:#FFFFFF;
}

.frameMetodo {
width:520px;
height:380px;
float:left;
}

.textoMetodo {
font-size:11px;
color:#FFFFFF;
line-height:18px;
padding:5px 10px 5px 10px;
float:left;
text-align:justify;
}

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

table.contato {width:500px; margin:0px auto;}
table.contato td  {padding:3px 0px 3px 0px;}

.textContato {
color:#ffffff;
font-size:12px;
text-align:left;
}

.campoContato {
background-color:#999999;
font-size:12px;
color:#333333;
border:1px solid #999999;
}

.respostaContato {
color:#FFFFFF;
font-size:16px;
line-height:25px;
text-align:center;
width:700px;
float:left;
padding-top:120px;
}

address {
font-size:12px;
color:#FFFFFF;
text-align:left;
font-style:normal;
padding-bottom:10px;
}

.local{
width:300px;
color:#FFFFFF;
font-size:12px;
margin-left:40px;
margin-bottom:10px;
text-align:left;
float:left;
}

.telefone {
width:150px;
color:#FFFFFF;
font-size:12px;
padding-right:180px;
text-align:left;
float:right;
}

.mapa{
width:600px;
height:300px;
margin-left:40px;
text-align:left;
float:left;
}

.rodape {
width: 820px;
height:20px;
margin-top:5px;
margin-bottom:8px;
float:left;
}
/* FIM CONTEUDO DA ÁREA ABERTA*/

/* -------------------------------------------------- */

/* CONTEUDO DA ÁREA RESTRITA*/
.geralCinza {
width:820px;
margin:0 auto;	
text-align:left; /* "remédio" para o hack do IE */
}

.fundoTopo {
background-image:url(images/fundocinza_topo.gif);
background-repeat:no-repeat;
background-color:#525252;
width:820px;
height:65px;
float:left;
}

.fundoBottom {
background-image:url(images/fundocinza_bottom.gif);
background-repeat:no-repeat;
width:820px;
height:40px;
float:left;
}

.meioCinza{
width:820px;
text-align:center;
background-color:#525252;
float:left;
}

h3 {  /* titulo da área restrita*/
font-size:20px;
color:#A5DD00;
text-align:right;
float:left;
width:700px;
padding-top:40px;
margin-bottom:10px;
margin-right:40px;
margin-left:20px;
font-weight:normal;
}

h4 { /* titulo cinza lado esq*/
font-size:16px;
font-weight:bold;
color:#999999;
float:left;
width:700px;
padding-top:30px;
padding-bottom:15px;
text-align:left;
}

h5 { /* titulo centralizado na home*/
font-size:16px;
font-weight:bold;
color:#999999;
float:left;
width:730px;
padding-top:30px;
padding-bottom:10px;
text-align:center;
}

.textoLog {
font-size:11px;
color:#FFFFFF;
width:700px;
text-align:right;
padding-right:90px;
padding-left:20px;
}

.textoLog a{
font-size:11px;
color:#FFFFFF;
text-decoration: none;
}

.textoLog a:hover {
font-size:11px;
color:#999999;
text-decoration: none;
}

.conteudoAreaRestrita{
width:730px;
text-align:center;
background-color:#525252;
float:left;
padding-left:50px;
}

.conteudoListaObra{
width:350px;
float:left;
text-align:center;
padding-left:280px;
}


.ItemListaObra {
width:200px;
margin-left:5px;
padding-top:8px;
background-image:url(images/link_capacete.gif);
background-repeat:repeat-y;
background-position:left;
float:left;
}

.LinkListaObra 
{
color:#FFFFFF;
font-size:11px;
padding-top:10px;
vertical-align:top;
padding-bottom:20px;
font-weight:bold;
}

.LinkListaObra a {
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}

.LinkListaObra a:hover {
color:#999999;
font-size:11px;
text-decoration:none;
}

.tituloEspecifico{
font-size:16px;
font-weight:bold;
color:#999999;
text-align:left;
}

.tabComunicacao{
width:730px;
float:left;
padding-bottom:10px;
}

.tituloBranco {
font-size:14px;
color:#ffffff;
text-align:left;
padding-left:5px;
}

.btLaranja {
color:#FFFFFF;
font-size:11px;
border:none;
}

.btLaranja a {
color:#FFFFFF;
text-decoration:none;
background-color:#FF6600;
padding:3px 5px;
}

input.btLaranja 
{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#FF6600;
	padding:3px 5px;
}

.btVerde {
color:#333333;
font-size:11px;
border:none;
}

.btVerde a 
{
background-color:#A5DD00;
color:#333333;
text-decoration:none;
padding:3px 5px;
}

.tabFotoObra {
width:350px;
float:left;
padding-right:20px;
}

.fotoObraRestrita {
width:350px;
height:310px;
float:left;
}

.molduraFoto {
border:1px solid #FFFFFF;
}

.listaComunicacao {
width:350px;
float:left;
}

.titVerde {
color:#A5DD00;
font-size:12px;
font-weight:bold;
text-align:left;
}

table.fotos {width:100px; margin:0px auto;}
table.fotos td {padding:3px 0px 3px 0px;}

.linkFotos{
color:#FFFFFF;
font-size:11px;
text-align:center;
line-height:18px;
padding:5px 0px 0px 0px;
}

.linkFotos a{
color:#FFFFFF;
text-decoration:none;
}

.linkFotos a:hover{
color:#999999;
text-decoration:none;
}

.setaFotos{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

.textoLista{
color:#FFFFFF;
font-size:11px;
text-align:left;
text-decoration:none;
padding:3px 2px 3px 2px;
}

.textoLista a {
color:#FFFFFF;
font-size:11px;
text-align:left;
text-decoration:none;
}

.textoLista a:hover {
color:#999999;
text-decoration:none;
}

.linhaLista {
border-bottom:1px solid #CCCCCC;
}

.pendente {
color:#FF6600;
font-size:11px;
}

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

.box{
width:710px;
background-color:#eeeeee;
float:left;
text-align:justify;
padding:10px;
line-height:15px;
font-size:11px;
margin-bottom:20px;
}

.dataVerde {
width:56px;
font-size:12px;
color:#A5DD00;
font-weight:bold;
float:left;
padding-top:5px;
padding-bottom:10px;
}

.horaVerde {
/*width:164px;*/
width:350px;
font-size:12px;
color:#A5DD00;
font-weight:bold;
float:left;
/*padding-left:180px;*/
text-align: left;
padding-top:5px;
padding-bottom:10px;
}

.tempoVerde {
width:41px;
font-size:12px;
color:#A5DD00;
font-weight:bold;
float:left;
padding-left:145px;
padding-top:5px;
padding-bottom:10px;
}

.tabTempo {
width:140px;
float:left;
}

.btEditar {
	width: 30px;
	float: left;
	/*background-color:#FF6600;
	color:#FFFFFF;
	font-size:11px;
	border:none;
	padding:3px 5px;*/
}

.btEditar a {
 text-decoration: none;
 color: White;
 width: 43px;
	float: left;
	background-color:#FF6600;
	color:#FFFFFF;
	font-size:11px;
	border:none;
	padding:3px 5px;
}

.btVoltar
{
	width: 30px;
}

.btVoltar a 
{
	text-decoration: none;
	color: White;
	width: 43px;
	background-color:#FF6600;
	color:#FFFFFF;
	font-size:12px;
	border:none;
	padding:4px 6px;
}

.imgTempo {
margin-left:3px;
width:31px;
height:22px;
float:left;
text-align:center;
vertical-align:top;
}

.campoComu {
background-color:#999999;
font-size:11px;
color:#333333;
border:1px solid #999999
}

.textoCinza {
font-size:11px;
color:#333333;
text-align:left;
text-decoration:none;
padding-left:5px;
}

.textoCinza span{
color:#FF6600;
text-decoration:none;
}

.textoCinza a {
font-size:11px;
color:#333333;
text-align:left;
text-decoration:none;
}

.textoCinza a:hover{
color:#000000;
text-decoration:none;
font-weight:bold;
}

table.inclusao {width:730px; margin:0px auto;}
table.inclusao td  {padding:3px 0px 3px 0px;}

.campoInclusao{
background-color:#999999;
color:#333333;
font-size:11px;
width:200px;
border:1px solid #999999;
}

.tabEspecifico{
width:730px;
float:left;
text-align:left;
}

.formBusca {
width:730px;
float:left;
padding-bottom:20px;
}
/* FIM DO CONTEUDO DA ÁREA RESTRITA*/