@import url("reset.css"); /* css reset */

* 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 {
scrollbar-face-color:#FFF;
scrollbar-highlight-color:#EEE;
scrollbar-3dlight-color:#666;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#666;
scrollbar-arrow-color:#CCC;
scrollbar-track-color:#FFF;
}

/* FORMS */
input.dados{padding:2px 0 0 2px;height:16px;border:1px solid #666666;margin:0 0 4px 0;color:#5D5D5D;font-size:11px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
textarea.dados{border:1px solid #666666;margin:0 0 2px 0;padding:0 0 0 2px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#5D5D5D;font-size:11px;}
select.dados{border:1px solid #666666;height:18px;margin:0 0 0 0;padding:0 0 0 0;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#5D5D5D;font-size:11px;}

#geral {
width:1003px;
margin:0 auto;
}
.right{
	float: right;
}

p {
color:#666666;
font:11px/16px verdana, tahoma, arial, sans-serif;
padding:4px 15px;
}

body {
text-align:justify;
color:#666666;
font:11px/16px verdana, tahoma, arial, sans-serif;
}

#top {
height:136px;
background-image:url(../pics/topo.jpg);
}

#menu {
position:absolute;
margin-left:278px;
}

#logo{
position:absolute;
margin-top:10px;
margin-left:29px;
}

#lado1 {
float:left;
width:250px;
height:428px;
background-image:url(../pics/lado1.jpg);
}

#endereco {
margin-top:340px;
margin-left:20px;
text-align:center;
font:9px/14px verdana, tahoma, arial, sans-serif;
color:#072471;
}

#interativa {
margin-top:25px;
margin-left:87px;
}

#lado2 {
float:right;
width:19px;
height:428px;
}

#conteudo {
float:left;
width:733px;
height:428px;
background-image:url(../pics/conteudo.jpg);
}

 
ul.clientes {
float:left;
margin-top:10px;
padding-bottom: 30px;
width: 48%;  /* Fazer duas colunas */
}

ul.clientes li{
margin-left:60px;
margin-top:5px;
}

#interna {
width:706px;
height:403px;
padding:15px 0 0 15px;
overflow: auto;
overflow-x:hidden;
}

#interna .ftsPortifolio {
	float: left;
	margin: 12px 0 0 15px;
	display: inline;
}

#rodape {
height:8px;
clear:both;
background:url(../pics/rodape.jpg) no-repeat;
}

h3.clientes_margin {
	margin: 20px 0 0px 15px;
}

div.voltar {
	text-align:center;
	margin:20px auto;
	clear:both;
}
dl.servicos{
	clear:both;
}
dl.servicos dt {
	margin: 15px auto  5px auto;
	font-weight: bold;
	text-align:center;
	background-color:#f8f8f8;
	height: 30px;
	line-height: 30px;
}

dl.servicos dd {
	margin: 15px 0 0 30px;
}

*html .img_cliente{
	width: 555px;
	margin-bottom: 15px;
}

.img_cliente {
	background-color:#f8f8f8;
	border: 1px solid #d7d7d7;
	padding: 2px 0 5px 0;
	width: 550px;
	float: right;
	display: inline;
	margin: 20px 70px 10px 0;
}

*html .img_cliente a{
	margin-top: 0;
}

*html .img_cliente ul li{
	margin-top: 0;
}

.img_cliente a img{
	float: left;
	margin: 5px 0 0 5px;
	padding: 2px;
}

.img_left{
	float: left;
}

.tt-cliente{
	text-align: center;
	clear:both;	
}
li img.center{
	text-align:center;
}
li.img_left {
	width: 125px;
	margin-left:10px;
	text-align:center;
	font-size:9px;	
}
li.img_left img{
	margin:0;
}

/******* LINKS *********/

.clientes a:link{
	color:#0077e6 ;
}

.clientes a:visited {
	color: #0077e6;
}

.clientes a:hover{
	color:#0077e6;
	background-color:#f1f1f1;
}

/******************************** 
          SERVIÇOS
*********************************/

.seta {
	background-repeat: no-repeat;
	background-image: url(../pics/seta.jpg);
	padding-left: 15px;
	background-position: left;
}
p#tt-servicos{
	width:90%;
}
/****  margin da imagem flutuada  ***/
img.img-margin {
	margin: 0 0 0 15px;
}

/******************************** 
          FORMULÁRIO
*********************************/
#form-contato{
	width: 600px;
	margin: 50px auto;
	height: 300px;
}
#form-contato h1{
	margin:15px auto 30px auto;
	font-size: 14px;
}
#form-text{
	width: 180px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#form-text li{
	height: 30px;
}
#form-campo{
	width: 400px;
	float: right;
	text-align: left;
}
#form-campo li{
	height: 30px;
}

#form-campo input, #form-campo textarea{
	width: 200px;
	border: 1px solid #ccc;
	background-color: #f8f8f8;
}
 #form-campo textarea{
	height: 50px;
 }
#form-campo input#enviar{
	margin-top: 35px;
}