﻿body {
	FONT: 0.7em Arial, Helvetica, sans-serif;
	margin: 0px;
	background:url(bg1.jpg) top center repeat-x; width:100%; text-align:center;		
	
}
p {	margin: 0 0 5px 0;}

.tit {
	color:black;
	text-transform:uppercase;
	text-align:left	
}
.titu {

	color:black;
 	text-align:left;
	text-transform:uppercase

}



.texto {

	font: Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	text-align:left;

	color: #918e8e;

	height:50px;

}



img {border: 0px;}

#site {
	width: 775px;
	height: 770px;
	margin: 0px auto;
	background: white;
	padding-bottom:5px;
	..padding-bottom:0px
	
}
#site_1 {
	width: 775px;
	height: 580px;
	..height: 592px;
	margin: 0px auto;
	background: white;
	padding-bottom:0px;
	..padding-bottom:0px
	
}
#site_2 {
	width: 775px;
	height: 578px;
	..height: 589px;
	margin: 0px auto;
	background: white;
	padding-bottom:5px;
	..padding-bottom:0px
	
}

#top {
	height: 205px;
	width: 775px;
	background-color: white;
	background: url('img/bg_top1.jpg') no-repeat;
}
#menu_topo {
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	width: 200px;
	height: 24px;
}
#menu_topo a {
	padding-left: 15px;
	float: right;
}
ul#menu_horizontal {
	background: #fff;
	list-style: none;
	margin: 0;
	padding-left: 10px;
	width: 770px;
}
ul#menu_horizontal li {
	float: left;
}
ul#menu_horizontal li a {
	display: block; /* atribui ao link, o comando da parada toda! */;
	background: #fff repeat-x;
/* corsinha cai bem */	background-image : url('img/bg_li.jpg');
	width: 150px; /* tamanho */;
	height: 20px; /* altura */;
	_height: 20px; /* esse comando aqui só o ie vai entender, o ideal é coloca-lo de outra forma, no final eu mostro */;
	font: 11px Verdana;
/* tamanho da fonte e tipo */	text-decoration: none; /* retira o sublinhado! Muito legal */;
	text-align: center; /* alinha o texto no centro (ta de sacanagem né!) */;
	color: black; /* cor do texto */;
	padding-top: 6px; /* espaço entre o topo do texto e a margem superior */;
	border-left: 1px solid #F2F2F2; /* formatando a borda! */
}



ul#menu_horizontal li a:hover {
	font-weight: bold; /* aqui nos estamos colocando o texto em negrito! */;
	color: #2C2D32;
}
#corpo {
	float: left;
	width: 770px;
	padding-top: 0px;
	background-color: #fff;	
	padding-bottom:0px;
}
.navegacao {
	width: 220px;	
	background: white top left no-repeat;
	float: left;
	text-align: left;
	padding: 10px 0 0 0px;
}
.navegacao_index {
	width: 220px;	
	background: white top left no-repeat;
	float: left;
	text-align: left;
	padding-bottom:0px;
}
.banner {
	  padding: 0 0 0 0;
	  margin-top:20px 
	 
}
.banner_const {
	  padding: 0 0 0 0;
	  margin-top:40px;
	  ..margin-top:40px 	 
}

.banner_solicit {
	  padding: 0 0 0 0;
	  margin-top:23px;
	  ..margin-top:36px 	
}


.solucoes {
	background: url('img/menu.jpg') no-repeat;
	width: 100%;
	text-indent: -999999px;
	margin: 0px;
	padding: 10px 0px 6px 0px;
	..padding: 5px 0px 6px 0px;
}
#direita {
	float: right;
	width: 160px;
	height: 350px;
}
#direita_index {
	float: right;
	width: 160px;
	height: 310px;
}

#direita_top {
	float: right;
	width: 150px;
	height: 160px;
	background: write;
	padding-left: 0px;
	padding-top: 15px;
	margin-top: 28px;
	
}

#direita_bottom {
	float: right;
	width: 150px;
	height: 125px;
	background: write;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 25px;
	
}



.solucoes1 {
	margin: 5px;
	padding: 0px;
	background: #f4f4f4;
	border: 1px;
}
.solucoes1 li {
	background: #f4f4f4;
	list-style-type: none;
	margin: 1px 0px;
	display: block;
	font: 0.9em/1.9em verdana;
	color: white;
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom: 1px solid white;
}
.solucoes1 li a {
	background: url('img/li1.png') 5px 0px no-repeat;
	text-decoration: none;
	padding-left: 25px;
	color: gray;
}
#centro_clientes {
	float: left;
	width: 350px;
	background: white;
	padding-left: 2px;
	padding-top: 10px;
}



#centro {
	width:300px;
	float: left;

}

#centro_const {
	width:550px;
	float: left;
	height:400px;
	overflow:auto;
	overflow-x: hidden;

}

#centro1 {
	width:500px;
	float: left;			 
}
.conselhos_div {	
	width: 528px;
	height:365px;
	margin: 0px;
	padding: 0px 10px 5px 5px;
	..padding: 32px 10px 10px 5px;
	
}
.conselhos_pconst {	
	width: 528px;
	height:365px;
	margin: 0px;
	padding: 0px 10px 5px 5px;
	..padding: 32px 10px 10px 5px;	
}

.local_div {	
	width: 520px;
	height:440px;
	margin: 0px;
	padding: 0px 10px 25px 5px;
	..padding: 35px 10px 10px 5px;
}
.localizacao {
	 width:445px;
	 height:380px;
	 margin-top:10px;
}

.conselhos_div1 {	
	width: 480px;
	height:463px;
	margin: 0px;
	padding: 0px 10px 25px 5px;
	..padding: 35px 10px 10px 5px;
	float:left;
}

.centro_clientes {	
	width: 250px;
	margin: 0px;
	padding: 15px 0px 0px 5px;
	..padding: 0px 10px 10px 5px;
	color: black;
	float:left;	
}
.centro_clientes01 {	
	width: 250px;
	margin: 0px;
	padding: 15px 0px 0px 5px;
	..padding: 0px 10px 10px 5px;
	color: black;
	float:right;
}


.centro_div {	
	width: 350px;
	margin: 0px;
	padding: 20px 10px 25px 5px;
	..padding: 20px 10px 10px 5px;
	color: black;
}

.centro_div_1 {
	width: 350px;
	height:52px;
	margin: 0px;
	padding: 15px 10px 15px 5px;
	..padding: 20px 10px 10px 5px;
	color: black;
}

.a_div {
	background: url('img/menu.jpg') no-repeat;
	width: 350px;
	margin: 0px;
	padding: 35px 10px 25px 5px;
	..padding: 35px 10px 10px 5px;
	color: black;
}

.centro_div1 {
	float: left;
	width: 350px;
	margin: 0px;
	padding: 38px 10px 0px 5px;
	..padding: 38px 10px 0px 5px;
	color: black;
}
/*************************
INICIO page clientes fotos
*************************/

#cases {
	width:550px;
	float: left;	
	margin:0 auto;
}

.cases_iframe {
	width: 450px;
	height:325px;
	margin: 0px;
}

.img_casetop {
	float: left;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:10px;
	margin-right:50px;

	
}
.iframe_client {
	height:408px; 
	width:530px;
	float:left;
	margin-top:42px;

}



/*************************
INICIO page clientes fotos
*************************/

.qmsms_div {
	width: 380px;
	margin: 0px;	
	padding: 19px 10px 8px 5px;
	..padding: 20px 10px 10px 5px;
	color: black;
}

#solic {
	background:white
}


#solic P {
	font-weight: bold;
	color: #c03;
	font-size: 11pt;
	letter-spacing: 1px;
	text-align:right
}

#solic A {
	font-weight: bold;
	color: #c03;
	font-size: 11pt;
	letter-spacing: 1px;
	text-align:right;
	text-decoration:none
}

#solic A:hover {
	
	color: black;
	text-decoration:underline
}

.contat_div {	
	width: 540px;
	margin: 0px;
	padding: 15px 0px 5px 5px;
	..padding: 15px 10px 10px 5px;
	color: black;
}
.TD {
     text-align:right;
     width:55px; 
     font-size: 8pt; 
     font-family: Tahoma;
}

.TD1 {
     text-align:right;
     width:333px; 
     font-size: 8pt; 
     font-family: Tahoma;
}
             
.style3 {
	float: left;
	margin: 0px 329px 4px 5px;
	..margin-top:-30px
}
.images {
	float: left;
	 padding-right:5px	
}
.titulo {

	text-align: left;

	color: #918e8e;

	font-family:Arial, Helvetica, sans-serif;

	text-align:left

}

.titulo1 {

	text-align: justify;

	color: #918e8e;

	font-size: 11px;

	font-family:Arial, Helvetica,verdana, sans-serif;



}





.solucoes1 li a:hover {
	text-transform: uppercase;
	background: url('img/li2.png') 3px 0px no-repeat;
	text-decoration: none;
	color: #FF9900;
}


#rodape {
	background-color: #F3F3F3;
	padding-bottom: 15px;
	padding-top: 5px;
	..padding-top: 8px;
	margin-top:0px
}
#rodape_index {
	background-color: #F3F3F3;
	padding-bottom: 0px;
	padding-top: 0px;
	..padding-top: 5px;
	margin-top:0px;
	..margin-top:0px;
	text-align:center;
	height:27px;
	width:775px;
	margin:0 auto;
	
}

.banner img{
	padding-left:4px;
	padding-bottom:5px
}