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

* html img { /* código para usar PNG com fundo transparente. */

	filter:expression(
		this.alphaxLoaded ? "" :(this.src.substr(this.src.length-4)==".png"?((!this.complete)? "" :
		this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
		(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
		String(this.alphaxLoaded=true).substr(0,0)+
		(this.src="pics/blank.gif").substr(0,0)):this.runtimeStyle.filter=""));

}

body { background-color:#390803; }

img { 
border:none; 
display:block; 
}

img.left { 
float:left; 
display:inline;
margin:10px;
}

p {
text-align:justify;
padding:8px 16px;
font:12px/18px verdana, arial, tahoma, sans-serif;
color:#a47f7b;
}

li {
text-align:justify;
font:13px/18px verdana, arial, tahoma, sans-serif;
color:#a47f7b;
}

ul.marc li {
padding-left:18px;
background:url(../pics/marcador.jpg) no-repeat 0 4px;
}

td {
font:11px verdana, arial, tahoma, sans-serif;
color:#a47f7b;
}

a {
font:13px verdana, tahoma, arial, sans-serif;
color:#fff;
}

a:hover {text-decoration:underline;}

h1 {
font:18px verdana, arial, tahoma, sans-serif;
color:#fff;
}

h2 {
font:bold 13px verdana, arial, tahoma, sans-serif;
color:#ad8a6b; 
}

.border {
border:5px solid white;
}

.title_port {
font:bold 13px verdana, arial, tahoma, sans-serif;
color:#ad8a6b; 
}

/*******************************************************************
								CONTAINER
*******************************************************************/

#container {
position:relative;
width:1003px;
margin:0 auto;
background:url(../pics/bg.jpg) repeat-Y;
}

#header {
text-align:center;
width:1003px;
height:194px;
background:url(../pics/header.jpg) no-repeat;
}

#header object { margin-top:8px; }

#middle {
width:1003px;
background:url(../pics/bg-mainContent.jpg) no-repeat;
}

#middle:after { /* hack para FF */
content:".";
display:block;
clear:both;
visibility:hidden;
}

/*******************************************************************
								MENU
*******************************************************************/

#nav {
float:left;
display:inline;
margin-left:40px;
width:280px;
}

.menu li{
width:147px;
height:auto;
background:url(../pics/menu-linha.jpg) no-repeat 0 20px;
padding-bottom:2px;
}

.menu ul li ul{
position:absolute;
width:160px;
height:100px;
background:url(../pics/bg-menu.jpg) repeat-X;
top:0;
left:140px;
z-index:3;
}

.menu ul li ul li{
margin:4px 0 0 10px;
display:block;
white-space:nowrap;
background:none;
}

.menu li a {
font-size:16px;
color:#ad8a6b; 
padding-left:5px;
}

.menu li a:hover, .menu li a.sub:hover {color: #8f6642;}

.menu ul li ul li a{ width:auto; padding-left:0;}

.menu li a.sub {
font-weight:bold;
font-size:12px;
color:#4a0801;
}

.menu  li ul{display:none;}

.menu  li:hover ul,.menu  li.over ul{display: block;}

/*******************************************************************
							mainContent
*******************************************************************/

#mainContent {
float:left;
width:610px;
}

/*** Home ***/

#mainContent img.barraLeft { float:left; } /* barra escura do lado esquerdo que tem na home */

#mainContent img.barraRight { float:right; margin-left:10px;} /* barra escura do lado direito que tem na home */

#mainContent h1.bemVindo { float:left; margin:28px 10px  10px; }

#mainContent p.bemVindo { padding-top:40px; }

#mainContent h1.bemVindo a { margin-left:4px; }

#nossoTrabalho { margin-left:42px; }

#nossoTrabalho div.box { 
display:inline;
float:left; 
margin-left:8px;
}

div.box h1 { /* image replacement */
width:222px;
height:53px;
text-indent:-9000em;
overflow:hidden;
margin-top:3px;
}

#box01 h1 { background:url(../pics/tt-controle_tecnologico.jpg) no-repeat; }
#box02 h1 { background:url(../pics/tt-projetos_prediais.jpg) no-repeat; }
#box03 h1 { background:url(../pics/tt-telecom.jpg) no-repeat; }
#box04 h1 { background:url(../pics/tt-construcao.jpg) no-repeat; }

/*******************************************************************
							  RODAPE
*******************************************************************/

#rodape {
position:relative;
width:1003px;
height:94px;
background:url(../pics/rodape.jpg) no-repeat;
clear:both;
}

#rodape object {
position:absolute;
left:40px;
bottom:30px;
}

#rodape address {
padding-top:54px;
font:10px verdana, arial, tahoma, sans-serif;
text-align:center;
color:#fefefe;
}

/*******************************************************************
							INTERNAS
*******************************************************************/

h1.title {
text-align:center;
float:left;
display:inline;
margin:10px 10px 0 10px;
}

h1.title img { margin-top:8px; }

/*******************************************************************
							QUEM SOMOS
*******************************************************************/

#nossaEquipe {
width:600px;
height:90px;
background-color:#3f0600;
}

#nossaEquipe ul { 
float:right; 
display:inline;
margin:18px 20px 0 0;
}

#nossaEquipe li { 
float:left; 
display:inline;
margin-left:6px;
}

#nossaEquipe h2 { float:left; margin:38px 0 0 15px; cursor:pointer; }

/*******************************************************************
							AREA RESTRITA
*******************************************************************/

#restrito {
float:left;
width:255px;
margin-top:41px;
}

input { 
border:none;
margin-top:5px; 
font-family:Trebuchet MS;
font-size:12px;
color:#fff;
background-color:#3f0600;
}

input.area {
width:250px;
padding:5px 0 5px 5px;
background-color:#3f0600;
}

input.bt {
width:40px;
}

.fonte {
display:block;
float:left;
font-family:Trebuchet MS;
font-size:12px;
color:#fff;
}

/*******************************************************************
							CONTATO
*******************************************************************/

#contato { 
text-align:left; 
width:390px; 
margin-top:30px;
}

legend{
font:bold 16px verdana, arial, tahoma;
color:#fff;
letter-spacing: 1px;
}

#contato form { font-size: 10pt; padding:10px;}
       
#contato input{
font-size: 13px;
margin-bottom: 10px;
color:#cac7a3;
background-color:#fff;
border:1px solid #cac7a3;
}
        
#contato textarea { 
background-color:#fff; 
border:1px solid #cac7a3; 
color:#cac7a3;
}
        
#contato label{
display: block;
width: 80px;
float: left;
color:#cac7a3;
font:bold 11px Tahoma, verdana;
}
        
#contato span{
color: #999;
font-size: 12px;
}
        
#contato .botao{
font-size: 13px;
background: #f1f1f1;
margin: 15px 0 0 180px;
border:none;
color:#550C03;
}