body {
	background: #FFFFFF;
	color: #000000;
	margin: 4px auto;
	
	}

ul,li,ol 
input, select, button,
form, textarea, img, a{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	color:#000;
	line-height:1;
}

/* TIra as Bordas das IMAGENS que possuem Links */ 
img {
border:none;
}

body{
	font-family: Arial, Verdana, "Times New Roman";

}



/*  -------------------------------- [GERAL] ---------------------------------------------------------- */
/*DIV PRINCIPAL do site  - Definições básicas - Tamanho - margem - Plano de Fundo - Borda */
#geral {
	width:920px;
	_width:920px;
	margin:0 auto;
	background: url(../imagens/geral_bg.gif) #FFFFFF;
	border:1px solid #000000;
}

/*  -------------------------------- [TOPO] ---------------------------------------- */
#topo {
	width:920px;
	height:196px;
	margin: 0 auto;
	float:right;
	
}


/*  -------------------------------- [Linha Top] ----------------------------------- */
#linha-top {
	width:738px;
	height:12px;
	margin: 0px 0px 0px 0px;
	*margin: -4px 0px 0px 0px;
	_margin: -4px 0px 0px 0px;
	float:right;
	position:relative;
	z-index:3;
	
	}


/*  -------------------------------- [Menu] ------------------------------------------*/
#menu {
    background:transparent url(../imagens/menu_fundo_branco.gif) repeat scroll 0 0;
    float:left;
    height:860px;
    margin:11px 0 0;
    width:193px;
    _margin-top: -15px;
}


/*  -------------------------------- [Menu PRETO] --------------------------- */
.menu-preto {
	width:181px;
	_width:162px;
	height:274px;
	_height:265px;
	margin: 0 auto;
	float:left;
	background: url(../imagens/fundo_menu_1.jpg) no-repeat;
	padding-bottom:3px;
	_padding-bottom:10px;

	
}

.menu-lateral-linha{
	width:12px;
	height:277px;
	margin:0 0 0 0;
	float:left;
	background: url(../imagens/menu_lateral_bg.jpg) no-repeat;
}
/*  -------------------------------- Menu pteto - Links-------------*/	
.menu-preto a{
	
	font-size:14px;
	color: #F3F3F3;
	text-decoration:none;
	letter-spacing: 3px;
	line-height:20px;
}	


/*  -------------------- Menu pteto - home-------------*/	
.menu-preto ul{
	margin-top: 10px;


}	
.menu-preto ul li #opt1{
    background: url(../imagens/bg_menu1.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
	height:22px;
	*height:20px;
}

.menu-preto ul li a:hover#opt1{
background-position:-182px;
}

/*  ------------- Menu pteto - quem somos -------------*/	
.menu-preto ul li #opt2{
    background: url(../imagens/bg_menu20.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:176px;
	_width:169px;
	height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt2{
background-position:-183px 1px;
}


/*  ------------- Menu pteto - institucional -------------*/	
.menu-preto ul li #opt3{
    background: url(../imagens/bg_menu3.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
		_width:169px;
	height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt3{
background-position:-183px 1px;
}


/*  ------------- Menu pteto - produtos -------------*/	
.menu-preto ul li #opt4{
    background: url(../imagens/bg_menu4.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
	height:21px;
}

.menu-preto ul li a:hover#opt4{
background-position:-183px 1px;
}

/*  ------------- Menu pteto - associados ------------*/	
.menu-preto ul li #opt5{
    background: url(../imagens/bg_menu5.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
	height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt5{
background-position:-183px 1px;
}
	

/*  ------------- Menu pteto - noticias -------------*/
.menu-preto ul li #opt6{
    background: url(../imagens/bg_menu6.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
		height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt6{
background-position:-183px 1px;
}


/*  ------------- Menu pteto - curso -------------*/	
.menu-preto ul li #opt7{
    background: url(../imagens/bg_menu7.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
		height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt7{
background-position:-183px 1px;
}


/*  ------------- Menu pteto - eventos -------------*/	
.menu-preto ul li #opt8{
    background: url(../imagens/bg_menu8.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	height:21px;
	_width:169px;
		height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt8{
background-position:-183px 1px;
}


/*  ------------- Menu pteto - informacao -------------*/	
.menu-preto ul li #opt9{
    background: url(../imagens/bg_menu9.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
		height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt9{
background-position:-183px 1px;
}

/*  ------------- Menu pteto - arquitetos -------------*/	
.menu-preto ul li #opt10{
    background: url(../imagens/bg_menu10.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
		height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt10{
background-position:-183px 1px;
}

/*  ------------- Menu pteto - prefeituras -------------*/	
.menu-preto ul li #opt11{
    background: url(../imagens/bg_menu11.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
		height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt11{
background-position:-183px 1px;
}

/*  ------------------- Menu pteto - sites -------------*/	
.menu-preto ul li #opt12{
    background: url(../imagens/bg_menu12.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
		height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt12{
background-position:-183px 1px;
}

/*  ------------ Menu pteto - fale conosco -------------*/	
.menu-preto ul li #opt13{
    background: url(../imagens/bg_menu13.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	text-decoration:none;
	padding-left:12px;
	width:170px;
	_width:169px;
		height:21px;
	*height:20px;
}

.menu-preto ul li a:hover#opt13{
background-position:-183px 1px;
}

/*  -------------------------------- [Menu Localizar] ------------------------*/
.menu-localizar{
	width:182px;
	height:272px;
	*height:280px;
	_height:274px;
	float:left;
	padding-bottom:6px;
	background:url(../imagens/localizar_socios_fundo.jpg) top;
	_margin-top:-5px;
	}
	

	
/*  -------------------------------- [IMG localizar] ----------------*/	
.img-localizar{
	width:182px;
	height:18px;
	_height:19px;
	margin: 0 auto;
	float:left;
	background:url(../imagens/img_localizar.jpg);
}	

/*  -------------------------------- [IMG ASSOCIADOS] ---------------*/	
.img-associados{
	margin: 10px 0px 10px 38px;
	border:1px solid #000000;
	
	}


/*  -------------------------------- [FORM LOCALIZAR] ---------------*/
#frmLocalizar select, #frmLocalizar select input{ 
	text-align:left;
	font-size:11px;
	height:21px;
	border:1px solid  #CCCCCC;
	margin-bottom:6px;
	width: 140px;
}

/*  --------------- [Select Estado e CIDADE] ----------- */
#sltCidade, #sltEstado{
	width: 140px;
}



/*  -----------[Estado, Cidade] -------------*/	
/* Definições dos Titulos do FORM -  */
.menu-localizar table{

	font-size: 13px;
	font-weight:bold;
	margin-left:20px;
}



/*  ---------------- [BOTÂO LOCALIZAR] ----------------- */
#btnLocalizar{
	border-style:none;
	background:url(../imagens/botao_Localizar.png);
	width:81px;
	height:22px;
	cursor:pointer;
	*margin-top:6px;
	margin-left:10px;
}


/*  -------------------------------- [SELOS DE QUALIDADE] ---------------------*/

.selos{
	width:183px;
	float:left;
		}
		
/*  -------------------------------- [IMG Selo de uqalidade] --------*/		
.img-selo-qualidade{
	margin: 20px 0px 20px 50px;
	}
/*  -------------------------------- [IMG Selo do PSQ] --------------*/	
.img-selo-psq{
	margin: 0px 0px 0px 18px;
}
	
		


/*  -------------------------------- [Conteudo] --------------------------------------*/
.conteudo{
	width:700px;
	margin: 36px 17px 0px 0px;
	*margin: 36px 18px 0px 0px;
	_margin: 10px 8px 0px 0px;
	float: right;
	z-index:2;	
}	


/*  -------------------------------- [Informativo] --------------------*/	
.informativo{
	width:400px;
	height:570px;
	float:left;

}

/*  -------------------------------- [Vitrine] ------------------------ */
#vitrine{
	width:696px;
	height:177px;
	margin: 0px 0px 13px 1px;
	*margin: 0px 0px 13px 2px;
	_margin: 0px 0px 13px 1px;
	}

	
/*  -------------------------------- [Info] --------------------------- */
/* Aqui inicia-se as definições das seções
 - Bloco Brasil, Prefeituras, Arquiteros, Como Melhorar a Qualidade*/



/*  ------------------[Seção]--------------------------- */
/* Primeira seção - Bloco Brasil 
Segunda seção - Arquitetura 
Terceira seção - Prefeitura 
Quarta seção - Qualidade */
/*
.info-blocobrasil, .info-arquitetos, .info-prefeitura, .info-qualidade{ 
	width:380px;
	height:150px;
	margin: 0px 0px 14px 0px;
	float:left;
}

*/
/*  ------------------[Barra do Tiutlo]-------*/
.img-info-titulo{
	width:384px;
	height:19px;
	margin:0 auto;
	display:block;
	background:url(../imagens/img_info_titulo.jpg) no-repeat;
	}
 
/*  ------[Titulo da Barra das seções]------- */
/* Bloco Brasil, Prefeitura, Arquietos, etc...*/

/*  ------------------[Sombra da Foto]------- */
.img-info-foto-sombra{
	width:170px;
	height:114px;
	margin: 6px 2px 5px 12px;
	display:block;
	float:left;
	background:url(../imagens/img_info_foto_sombra.gif);
}

.img-info-foto-sombra p{
    float: right;
}



/*--------------------[div index  central]------------*/
.conteudo-index{
	width:380px;
	height:150px;
	margin: 0px 0px 14px 0px;
	float:left;
}

.conteudo-index .texto {
	float:left;
	width:180px;
	margin-top:8px;
	font-size:12px;
}



.conteudo-index .texto a {
	color:#000;
	font-size:13px;
 	text-decoration:underline;
	font-weight:bold;

}



/*  ------------------[Foto]------------------ */
.img-info-foto{
	*width:163px;
	*height:108px;
	margin: 1px 0px 0px 1px;
	float:left;
	border:1px solid #000000;
}		

/*  ------------------[Linha Meio]------------- */
/* Essa Linha Separa a foto e o Tesxto*/
.img-info-linha-meio{
	*margin: -112px 6px 0px -6px;
	*_margin: -115px -10px 0px 0px;
	float: right;
}	


/*  ------------------[Informativo Texto]------------- */
/* Definições do Paragrafo das quatros seções do Informativo*/
p.txt-index{
	font-size:14px;
	font-weight: normal;
	text-align:left;
	line-height:16px;
	color:#000000;
	float:left;
	width: 160px;
	margin: -110px 3px 0px 15px;
	_margin: -110px 20px 0px 8px;
}

/*  ------------------[Barra FIm]------- ----------*/	
/* Barra que separa uma seção da outra */
.img-info-fim{
	width:341px;
	height:5px;
	float: left;
	margin: 0px 0px 5px 24px;
	}	
	
/*  -------------------------------- [Linha Conteudo ------------------------------*/	
.linha-conteudo{
	width:1px;
	height:650px;
	_height: 672px;
	margin:1px 0px 0px 11px;
	_margin: 0px 0px 0px 10px;
	float:left;
	background: url(../imagens/img_linha_conteudo.gif);
}


/*  -------------------------------- [Noticia] ------------------------------------*/
.noticia{
	width:259px;
	*width:262px;
	height:669px;
	margin: 0px 0px 0px 0px;
	float: right;
	}


.noticia .link_video {
    float:right;
    font-family:verdana;
    font-size:11px;
    margin-right:-13px;
    margin-top:22px;
    text-decoration:underline;
    color: #588f0e;

    _color: #588f0e;
    _margin-right:0px;
    _margin-top:17px;
}

.noticia .link_video2 {
    float:right;
    font-family:verdana;
    font-size:11px;
    margin-right:-13px;
    margin-top:21px;
    text-decoration:underline;
    color:#D89907;

    _color:#D89907;
    _margin-right:0px;
    _margin-top:5px;
}

.link_video2 {
    color:red;
    float:right;
    font-family:verdana;
    font-size:15px;
    text-decoration:underline;
    margin: -20px 10px 0 0;
    _margin: -15px 10px 0 0;
}

/*------------------[Noticia-Titulo Verde]-------------------------*/
/* Definições do Titulo das noticias*/		
.noticia span{
	font-size:12px;
	font-weight: bolder;
	color: #000000;
	text-decoration:underline;
	}



/*------------------[Noticia-Texto]------------------------------- */
/*  Definições do Paragrafo do Noticia - INDEX */
.noticia p{
	font-size:12px;
	color: #000000;  
	float:left;
	width: 220px;
	margin: 5px 0px 18px 12px;
	}


/*  ------ [Noticia - Imagem da Barra "cinza"] --------------------*/	
.img-noticia-titulo{
	width:263px;
	height:18px;
	float:right;
	background:url(../imagens/img_noticias_titulo.jpg) no-repeat;
}

/*  -----------------[Janelas] ---------------------------------------*/


/*  -----------------[Janela Verde] ----------------------------*/
.janela-verde{
    background:transparent url(../imagens/janela_verde.gif) no-repeat scroll 0 0;
    float:left;
    height:196px;
    margin:255px 2px 0 -4px;
    width:260px;
	_margin: 20px 0px 0px 0px;

}

/*  -----------------[Janela amarela] ----------------------------*/
.janela-amarela{
    background:transparent url(../imagens/janela_amarela.gif) no-repeat scroll 0 0;
    float:left;
    height:196px;
    margin:2px 0 0 -4px;
    width:260px;
    z-index:10;
	_margin: 10px 0px 0px 0px;

}



/*  -----------------[Janela Verde - Div Titulo] -------------------*/
.janela-titulo{
	width:250px;
	float:left;
	color:#FFFFFF;
	margin: 10px 0px 0px 2px;
}

/*  -----------------[Janela Verde - Titulo] -------------------*/
.janela-titulo p{
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	}
	
/*  -----------------[CJanelas Verde e amarela - Texto] -------------------*/
.janela-texto{
	width:225px;
	height:115px;
	float:left;
	margin: -16px 0px 0px 15px;
	*margin: 0px 0px 0px 15px;
	_margin: 0px 0px 0px 7px;
}

.janela-texto p{
	color:#FFFFFF;
	font-size:12px;
	text-align:justify;
	width:230px;
	height:130px;
	margin: 0 auto;
    _height:100px;
	}


	
/*  -------------------------------- [Paginas melhor Aga's ] ------------------------------------------------------ */	
.paginas{
	width:695px;
	margin: 0 auto;
}

h3{
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;	
	margin: 0 10px;
}

/* Definições dos Titulos Principais */
.titulo{
	font-size:13px;
	line-height:15px;
	margin: 0px 0px 0px 5px;
	font-weight:bold;
	float:left;	
}


h4{
    /*border:1px solid; */
    color:#006600;
    font-size:14px;
    font-weight:bold;
    margin:0 0;
    text-transform:capitalize;
    width:314px;
    float: left;

}

.titulo_h1 {
    /*margin-left:-220px;*/
    text-align:center;

}

.box_presidencia {
    float:left;
    width:312px;
}

.cargo_h2 {
    margin:0 !important;
    text-align:center;
    width:314px;
}

.box_secao {
    float:left;
    width:312px;
    position: relative;
}

.box_secao .box_cargo {
    float:left;
    width:314px;

}

.box_secao .box_cargo .box_pessoa {
    float:left;
    width:314px;
}

.box_secao ._cargo .box_pessoa_centro {
    margin-left:135px;
}

h5{
	color: #000000;
	font-weight:bold;
	font-size:14px;
	margin:0 10px;
    _margin-top: -10px;
}

#Normas h6{	
    color: #A6375E;
	font-weight:bold;
	font-size:14px;
	margin:25px 0px 0px 0px;
}

#Normas a{
	cursor:pointer;
	text-decoration:none;
}

#Produtos-vantagens span p{
	color: #000000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}

.paginas p{
	color: #000000;
	text-align:left;
	font-size:13px;
	margin: 0px 0px 6px 0px;
    text-align: justify;
}


/*  ------------------------ [Tituos das Paginas]--------------------------------------------*/	
/*  ------------ [Div - Aonde fica o Titulo da Pagina] -------------------------------*/
.titulo-pagina{
	width:200px;
	height:24px;
	float:left;
	padding-top:1px;
	*padding-top:0px;
	margin: 14px 0px 5px 83px;
	_margin: 14px 0px 5px 42px;
}

/*  ------------ [imagem do logo e com o titulo da pagina] --------------------*/
.titulo-pagina-imagem{
	width:317px;
	height:61px;
	background:url(../imagens/barra_titulo_imagem.jpg);
}	



/*  ---------------------------[Menu DO TOPO das Paginas]------------------------------------*/	
/*  Associados - Institucional - Produtos - */

/*  ----------------------- [Div - Menu] ----------------------------------------------*/
.pag-menu{
	width:680px;
	height:69px;
	float:left;
	margin: 2px 0px 0px 10px;
	background:url(../imagens/img_pagina_menu_bg.jpg);
	
}

/*  ----------------------- [Definnições do texto - Links] -----------------------------*/

.pag-menu ul{
	margin:28px 0px 0px 0px;
	
}

.pag-menu li{
	display:inline;
	margin-left:14px;
	margin-top:20px;
}

.pag-menu a{
	color: #006600;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	text-decoration: underline;
}

.pag-menu a:hover{
	color: #A6374E;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	text-decoration: underline;

}


/*  -------------------------------- [QUEM SOMOS] -------------------------------------------*/	
.foto{
float:left;
margin:15px;
padding:6px;
border: #00AA00 solid 1px;
}


/*  ------- [Quadro com textos e Foto]-------------------------------*/
.quadro{
	width:680px;
	height:315px;
	background: url(../imagens/img_quadro_sombriado3.jpg) repeat-x;
	padding-top:10px;
	float:left;
    margin-left: 10px;
}		

.quadro .preto{
width:615px;
float:left;
margin-left:35px;

_margin-left:20px;
}

/*  ---------- [Quadro com a foto Grande] -------------------*/
.quadro-foto-grande{
	width:280px;
	height:190px;
	margin: 10px 0px 0px 10px;
	float:left;
	border: 1px solid #000000;
}

.quadro-foto-grande2{
	width:220px;
	height:150px;
	margin: 20px 10px 0px 10px;
	float:left;
	padding:10px;
	border: 1px solid #000000;
	background:#FFFFFF;
}

/*  ---------- [Quadro com a foto Grande] -------------------*/
.quadro-foto-medio{
	width:165px;
	height:190px;
	margin: 10px 0px 0px 10px;
	float:left;
	border: 1px solid #000000;
}

.quadro-foto-medio2{
	width:160px;
	height:120px;
	margin: 60px 0px 0px 10px;
	float:left;
	border: 1px solid  #CCCCCC;
}


/*  ---------- [Quadro de textos] ----------------------------*/
.quadro-descricao{
	width:50%;
	display:block;
	margin-top:7px;
	float:left;
}

.quadro-descricao2{
	width:70%;
	float:left;

    _width:30%;
    _float:right;
    _margin-right: 10px;
}
/*  -- [Quadro de textos - titulo - preto] --------------*/
.quadro-descricao-titulo{
	width:100%;
	height:30px;
}

.quadro-descricao-titulo h4{
    margin-top:5px;
	color: #006600;
	font-weight:bold;
	font-size:14px;
	margin-left:4px;
}

/*  -- [Quadro de textos - paragrafo] --------------*/
.quadro-descricao-texto{
	margin-left:10px;
	margin-top:17px;
    float:left;
	width:100%;
    _margin-left:0px;
}

.injectG{
  width:505px !important;
  _margin-left:0px
}


/*  -- [Quadro de textos - imagem] -----------------------*/
.quadro-descricao-imagem-qualidade{
width:94px;
height:138px;
float:right;
margin:55px 20px 0px 0px;
_margin:55px 5px 0px 0px;
}

.quadro-descricao-imagem-qualidade2{
width:94px;
height:138px;
float:left;
margin:50px 10px 0px 30px;
_margin:50px -30px 0px 20px;
}

/*  ------- [Quadro socio]------------------------------------------*/
.quadro-socio{
	width:690px;
	margin: 18px 0px 10px 0px;
		padding-bottom:15px;
	float:left;
}

/*  ------- [Quadro socio - homem sombra gravata verde]-------------*/
.quadro-socio-imagem{
	width:188px;
	height:288px;
	float:left;
	margin-right:4px;
}

/*  ----- [Quadro socio texto - imagem ao fundo - sombra]-----------*/
.quadro-socio-descricao-sombra{
	width:450px;
	float:left;
	margin: 5px 0px 4px 18px;
	_margin: 4px 0px 4px 8px;
	/*background: url(../imagens/img_institucional_vantagem_bg_sombra.jpg);*/
}

.quem-rosa{
	
	color:#801137;
	font-size:14px;
	font-weight:bold;
}

/*  ----- [Quadro socio texto - imagem acima - caixa]---------------*/
.tipos-socios{
	width:485px;
	float:left;
	margin-left:10px;
	border:1px solid #CCCCCC;
	padding-top:5px;
	background: url(../imagens/tipo_socio.jpg) repeat-y;
}

.tipos-socios p{
	
	color:#000000;
	font-size:12px;

}

/*  ----- [Quadro socio texto - h4 subtitulos]---------------*/
.quadro-socio-descricao-sombra h4{
	
	color:#801137;
	font-size:14px;
	font-weight:bold;
	margin-top:6px;
	margin-left:4px;
	_padding-bottom:10px;
}

/*  ----- [Quadro socio texto - Paragrafo]---------------*/
.quadro-socio-descricao p{

	color:#000000;
	font-size:12px;
	margin-top:-3px;
	margin-left:28px;
}

/*  -------------------------------- [INSTITUCIONAL] -------------------------------------------*/	
/*  ----------------- [Div - Definições de Tamanho - VER No Comentario PAGINAS] ----------------*/

/*  -------------------------- [INSTITUCIONAL - VANTAGENS] --------------------------------*/
/*  ------- [Div - Quadro do titulo DO TEMA da pagina (VANTAGENS] -------------------*/
.quadro-institucional-vantagens{
	width:680px;
	height:106px;
	float:left;
	margin: 4px 0px 0px 10px;
	background: url(../imagens/img_institucional_vantagem_bg_sombra.jpg);
}

/*-- -[DIV - Contem a descricao da pagina (abaixo do titulo tema da pagina] ---*/
.quadro-institucional-vantagens-titulo{
	width:640px;
	height:60px;
	margin:6px 0px 0px 10px;
}

/*  ------- [Div - Quadro Principal que reune todas as DIV`s TEM] ----------*/
.quadro-institucional-vantagens-principal{
	width:615px;
	_width:635px;
	float:left;
	margin: 6px 0px 0px 50px;
	_margin: 6px 0px 0px 20px;	
}

/*  ---- [Div - Quadro Item - Possuem As Div´s Foto e descricao] -----*/	
.quadro-institucional-vantagens-principal-item{
	width:280px;
	height:124px;
	float:left;
	margin: 12px 10px 0px 10px;
	background: url(../imagens/img_institucional_vantagem_item_bg.jpg);	
}

.quadro-institucional-vantagens-principal-item2{
	width:280px;
	height:124px;
	float:left;
	margin: 12px 10px 0px 160px;
	background: url(../imagens/img_institucional_vantagem_item_bg.jpg);	
}


.quadro-institucional-vantagens-principal-item-meio{
	width:280px;
	height:124px;
	float:left;
	margin: 0px 155px 0px 155px;
	background: url(../imagens/img_institucional_vantagem_item_bg.jpg);	
}


.quadro-institucional-vantagens-principal-foto{
	width:85px;
	height:100px;
	float:left;
	margin:3px 5px 5px 6px;
	border: 1px solid #000000;
}

.quadro-institucional-vantagens-principal-descriccao{
	width:165px;
	height:100px;
	float:left;
	margin:5px 5px 5px 5px;
}
.quadro-institucional-vantagens-principal-descriccao{
	
	font-size:12px;
	color:#000000;
}


.quadro-institucional-vantagens-principal-descriccao p{

	font-size:13px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	text-transform:capitalize;
}




/*  -------------------------- [INSTITUCIONAL - DIRETORIAS REGIONAIS] ---------------------*/
/*  ------- [Div - Quadro do titulo DO TEMA da pagina (DIRETORIAS REGIONAIS] --------*/
.quadro-institucional-diretoria{
	width:680px;
	height:69px;
	float:left;
	margin: 4px 0px 0px 10px;
	background:url(../imagens/img_pagina_menu_bg.jpg);
}


/* -- [DIV - Contem a descricao da pagina (abaixo do titulo tema da pagina] ---*/
.quadro-institucional-diretoria-titulo{
	width:650px;
	height:60px;
	margin:6px 0px 0px 10px;
}


/* -- [DIV - Principal Possue DIv´s contatos, contatos esquerda e direita] ----*/
.quadro-institucional-diretoria-contatos-sombra{
	width:655px;
    height: 100%;
	float:left;
	margin: 1px 0px 0px 24px;
	_margin: 1px 0px 0px 16px;
    background:url(../imagens/img_institucional_diretoria_bg_sombra.jpg);
}

#Fale .quadro-institucional-diretoria-contatos-sombra{
	width:655px;
	float:left;
	margin: 1px 0px 0px 24px;
	_margin: 1px 0px 0px 16px;
background:url(../imagens/fundo_fale_conosco.jpg);
}



/* -- [DIV -Possue DIv - contatos esquerda e direita] ----*/
.quadro-institucional-diretoria-contatos{
	width:600px;
	margin: 0px 0px 0px 9px;
	padding-top:8px;
}


.quadro-institucional-diretoria-contatos2{
    float:left;
    height:100%;
    margin:0 0 0 9px;
    padding-top:8px;
    position:relative;
    width:650px;
}

#Cursos .quadro-institucional-diretoria-contatos{
	width:600px;
	margin: 0px 0px 0px 9px;
	padding:12px 0px 0px 20px;
}

#Normas .quadro-institucional-diretoria-contatos{
	width:600px;
	margin: 0px 0px 0px 9px;
	padding:12px 0px 0px 20px;
}


/* -------------------- [DIV - Efeito de Smbra no FInal da Quadro -------------*/
.quadro-institucional-diretoria-contatos-baixo{
	width:655px;
	height:15px;
	background: url(../imagens/img_instucional_diretoria_contatos_baixo.gif);
	float:left;
	margin: 0 auto;
	margin-top:10px;
}

.quadro-fale-baixo{
	width:655px;
	height:15px;
	background: url(../imagens/img_fundo_baixo.GIF);
	float:left;
	margin: 0 auto;
	margin-top:10px;
}

/* --- [DIV´s - Definições de tamnho, espaço e de formatação de texto ----*/
.quadro-institucional-diretoria-contatos-esquerda {
    color:#000000;
    float:left;
    font-size:13px;
    /*margin:0 8px 8px 16px;*/
    padding-bottom:10px;
    padding-top:8px;
    text-align:center;
    width:315px;
}

/*  -------------------------------- [Produtos] -------------------------------------------------*/
/*  ------------ [Div - Definições de Tamanho - VER No Comentario PAGINAS] ----------------------*/

/*  -------------------------- [PRODUTOS - Selo de Qualidade] -----------------------------*/
/*  ------- [Div - Quadro principal (SELO DE QUALIDADE] ---------------------------*/
.quadro-produtos-selo-qualidade{
	width:680px;
	height:366px;
	float:left;
	margin: 4px 0px 0px 10px;
	background: url(../imagens/img_produtos_selo_qualidade_bg.jpg);
}

.quadro-produtos-selo-qualidade2{
	width:680px;
	height:310px;
	float:left;
	margin: 4px 0px 0px 10px;
	/* background: url(../imagens/img_produtos_selo_qualidade_bg2.jpg);background-repeat:repeat-y;*/
}



.quadro-produtos-selo-qualidade3{
	width:680px;
	height:320px;
	float:left;
	margin: 4px 0px 0px 10px;
	background:url(../imagens/img_pagina_menu_bg.jpg) repeat-x;
}


/*  ------- [Div - Quadro do titulo tema (SELO DE QUALIDADE] ----------------------*/
.quadro-produtos-selo-titulo{
	width:640px;
	height:40px;
	margin:6px 0px 0px 10px;
}

.quadro-produtos-selo-titulo2{
	width:640px;
	height:50px;
	margin:6px 0px 0px 10px;
}

/*  ------- [Div - Quadro dos textos (SELO DE QUALIDADE] --------------------------*/
.quadro-produtos-selo-descrrcao{
	width:650px;
	height:295px;
	margin:0 auto;
	margin-top:4px;
}

#Institucional .quadro-produtos-selo-descrrcao{
	width:660px;
	height:590px;
	*height:480px;
	margin:0 auto;
	margin-top:4px;
	padding:0px 10px 0px 10px;
	background:url(../imagens/institucional_fundo.jpg);
	*background:url(../imagens/institucional_fundo2.jpg);
}

.quadro-produtos-selo-descrrcao ul{
	text-align:left;

}

.quadro-produtos-selo-descrrcao ul li{
	text-align:left;

}

.quadro-produtos-selo-descrrcao ol li{
	color: #000000;
	text-align:left;
	font-size:13px;
	margin:0 auto;
}
/*  ------- [Div - Quadro dos textos (SELO DE QUALIDADE] --------------------*/
.quadro-produtos-selo-descrrcao p{

	color: #000000;
	text-align:left;
	font-size:13px;
	margin:0 auto;
}

/*  ---------- [Quadro com a foto Selo de Qualidade ABCP] -------------------*/
.quadro-produtos-selo-foto{
	width:190px;
	height:140px;
	margin: 3px 14px 0px 0px;
	float:left;
	border: 1px solid #CCCCCC;
}

/*  ------- [Div - Quadro do contato (SELO DE QUALIDADE] --------------------------*/
.quadro-produtos-selo-qualidade-info{
	width:460px;
	height:175px;
	float:left;
	margin: 10px 0px 20px 115px;
    _margin: 10px 0px 20px 65px;

}

.quadro-produtos-selo-qualidade-info a{

	font-size:14px;
	font-weight:bold;
	color: #801137;
	cursor:pointer;
	text-decoration:none;
}

.div_do_clip {
    _margin-left:10px;
}


/*  ---------- [Div - Quadro do contato - Foto e texto] --------------------*/
.quadro-produtos-selo-qualidade-info-dentro{
	width:460px;
	height:168px;
	border: 1px solid #CCCCCC;
	background: url(../imagens/img_produtos_selo_qualidade_info_bg.jpg) repeat-x;
}

/*  ---------- [Imagem - Selo da ABCP] ------------------------------*/
.img-produtos-selo-qualidade-abcp{
	float:left;
	margin: 8px 0px 0px 10px;
}


/*  ---------- [Div - Quadro do contato - ico´s e texto --------------------*/
.quadro-produtos-selo-qualidade-info-dentro-contato{
	width:360px;
	height:130px;
	float:left;
	margin:30px 0 0 13px;
}

/*  ---------- [Div - Quadro dos ico´s ] -----------------------*/
.quadro-produtos-selo-qualidade-info-ico{
	width:25px;
	margin:0px 3px 0px 0px;
	float:left;
}

/*  ---------- [imagem - ico de contato] -----------------*/
.img-produtos-selo-qualidade-ico-contato{
	margin-top:6px
}

/*  ---------- [imagem - ico de e-mail] ------------------*/
.img-produtos-selo-qualidade-ico-mail{
	margin-top:65px
}

/*  ---------- [Div - Quadro do texto ] -------------------------*/
.quadro-produtos-selo-qualidade-info-texto{
	width:330px;
	margin:0 auto;
	float:left;
}


/*  ---------- [Formtação - Sub-Titulo ROXO] --------------*/
.quadro-produtos-selo-qualidade-info-dentro-contato h4{

	color: #801137;
	text-align:left;
	font-size:14px;
	margin-top:10px;
}

/*  ---------- [Formtação - Sub-Titulo PRETO] -------------*/
.quadro-produtos-selo-qualidade-info-dentro h5{

	color: #000000;
	text-align: center;
	font-size:13px;
	margin-top:3px;
}

/*  ---------- [Formtação - Paragrafo - texto] -------------*/
.quadro-produtos-selo-qualidade-info-dentro-contato p{

	color: #000000;
	text-align:left;
	font-size:13px;
	float:left;
}

/*  ---------- [Div - Quadro da Sombra --------------------------------------*/
.quadro-produtos-selo-qualidade-info-baixo{
	width:460px;
	height:12px;
	background: url(../imagens/img_produtos_selo_qualidade_info_baixo_sombra.gif);
}

/*  -------------------------------- [ASSOCIADOS] ----------------------------------------------------*/	
/*  ----------------- [Div - Definições de Tamanho - VER No Comentario PAGINAS] ----------------------*/


/** 
	@Autor: Diego - Correções Silvio Teixeira
**/
.area {
    padding-bottom:10px;
    padding-left:10px;
    float:left;
    height:100%;
    padding-bottom:10px;
    padding-left:10px;
    width:679px;
}

.fundo{
    width:315px;
	margin:5px;
	font-size: 10px;
    float: left;
}

.fundo .titulo_imagem {
    width: 300px;
    height: 37px;
}

.fundo .titulo_imagem img {
    display:block;
	float:left;
	margin-left:2px;
	margin-right:5px;
 	width:75px ;
 	height:35px ;
 	border: 1px solid #000000;
}


.fundo .titulo_imagem .titulo_empresa {
    color:#077322 !important;
    float:left;
    font-size:10px;
    padding:0 !important;
    vertical-align: middle !important;
    width:214px;
    margin: 5px 0px 0px 0px !important;
}


.fundo .tbl_seloqualidade {
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    width: 300px;
    border-collapse: collapse;
}

.fundo .tbl_seloqualidade .sem_selo_de_qualidade{
 width: 16px;
 height: 16px;
 margin: 1px 0px 1px 0px;
}


.fundo .tbl_seloqualidade .selo_de_qualidade{
 width: 16px;
 height: 16px;
 margin: 1px 0px 1px 0px;
}

.fundo .tbl_seloqualidade .fundo_claro{
  background: #ece3d5;
}

.fundo .tbl_seloqualidade .fundo_escuro {
  background: #d5bcba;
}

.fundo .tbl_seloqualidade tr td, tr th {
  border: 1px solid ;
}

.fundo .tbl_seloqualidade td {
    border: 1px solid ;
    text-align: center;
}

.fundo .div_tbl_selo {
  width: 298px;
  height: 13px;
}

 .div_tbl_selo2 {
    float:right;
    margin-right:0;
    width:192px;
}

#mini_selo{
  height:10px;
  margin:5px 11px 0 0;
  vertical-align:sub;
  *vertical-align:-10%;
  _vertical-align:-1%;
  width:10px;
}

 #div-pesquisa-regiao {
	height:290px;
	width:210px;
	float:left;
	/*border:2px solid #000000;*/
	margin:5px;
	font-size: 10px;
}

.fundo span{
	width: 210px;
	height:15px;
	color:#077322;
	font-size:10px;
	padding:0px 5px 0px 5px !important;
	
	
	/*border-bottom: 1px solid #000000;*/ 
}

.fundo  img{
	width:210px;
}

.fundo span img{
	display:block;
	float:left;
	margin-left:2px;
	margin-right:5px;
 	width:75px ;
 	height:35px ;
 	border: 1px solid #000000;
}

.fundo #bancoObras {
	width:20px;
}

.fundo p{
	padding: 5px 0px 0px 5px;
	font-size:10px;
	line-height:14px;
}

.fundo test{
    line-height:20px !important;
}

.quadro-associados-colaboradores{
	width:680px;
	height:113px;
	float:left;
	margin:  4px 0px 0px 10px;
	background: url(../imagens/img_institucional_vantagem_bg_sombra.jpg);
}

.estado{
    float:left;
    margin-top:10px;
}

.estado h4 {
    width:100%;
}


.quadro-associados-colaboradores h4,
.quadro-associados-colaboradores h5{
	padding-right:0px;
}








/*  ----------------------------------- [SItes] -------------------------------------------------*/	
/*  ------------ [Div - quadro-institucional-diretoria ] -------------------------------------------*/
/* o quadro com subtitulos e suas definições é o mesmos que a pagina Institucional diretoria*/

/*  ------------ [Div - endereco ] -------------------------------------------*/



.img-ok{
	width:12px;
	height:12px;
	float:left;
	margin-top:7px;
	*margin-top:4px;
}

.endereco{
	width:600px;
	padding-left:30px;
	float:left;
	margin:4px 8px 2px 0px;
	padding-bottom:5px;
}

.endereco a{
	text-decoration: underline;

	color: #000000;
	font-size:14px;
	font-weight:bold;
	margin-top:6px;
	margin-left:8px;
	float:left;
}
.endereco a span{
	text-decoration: none;
	font-weight:normal;
}
#Produtos-vantagens .endereco10 a{
	text-decoration: none;

	color: #000000;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-left:8px;
}

#Produtos-vantagens .endereco10 .img-duvida{
	width:16px;
	height:16px;
	float:left;

	*margin-top:4px;
}

#Produtos-vantagens .pergunta10 .img-duvida{
	width:16px;
	height:16px;
	float:left;
}

#Produtos-vantagens .pergunta10{
	width:650px;
	height:162px;
	background: url(../imagens/pergunta_bg.jpg);
	float:left;
	margin:0px 0px 0px 26px;
}

#Produtos-vantagens .publi10{
width:580px;
float:left;
margin:8px 8px;
padding-left:20px;
}


#Produtos-vantagens .numero10{
	width:580px;
	float:left;
	margin:5px 0px 5px 0px;
}

#Produtos-vantagens .publi10 .titulo{
	width:300px;
	float:left;
	margin-left:10px;
}

#Produtos-vantagens .publi10 .descri{
	width:460px;
	float:left;

	color: #000000;
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
}


#Produtos-vantagens table10{
	width:580;
	text-align:right;
}

#Produtos-vantagens .titulo10{

	color: #000000;
	font-size:13px;
	font-weight:bold;
}

#Produtos-vantagens .tabela10{
	width:690px;
	float:left;
	margin-left: 20px;
	margin-bottom:10px;
	
}

#Produtos-vantagens .tamanho10{
	width:150px;
}

#Produtos-vantagens .altura10{
height:4px;
}

#Produtos-vantagens .largura10{
width:4px;
}

#Produtos-vantagens input10{
border:1px solid  #999999;
}


#Produtos-vantagens #txtPergunta{
	width:421px;
	*width:424px;
	height:20px;
}

#Produtos-vantagens #input-pergunta2{
	width:180px;
	height:20px;
	margin-right:15px;
}

#Produtos-vantagens #input-pergunta3{
	width:170px;
	height:20px;
	margin-left:4px;
}




#Fale Table{
	margin: 20px 0 0 75px;

}

#Fale table tr{
	height:30px;
	vertical-align:middle;
	text-align:right;

	font-size:14px;
	color: #000000;
}

#Fale table .cinza-letra{
	height:20px;
}

#Fale table .tamanho-linha{
	height:8px;
}



#Fale input{
	margin-left:5px;

}

#Fale #txtNome, #txtEmail, #txtEmpresa, #txtEndereco, #txtSite, #txtMotivo, #txtNivel, #txtArea, #txtRamo{
	width:328px;
	height:20px;
	float:left;
}

#Fale #txtTelResPre, #txtTelComPre{
	width:30px;
	height:20px;
	float:left;
	margin-right:5px;
}


#Fale #txtTelRes, #txtTelCom, #txtCep, #txtCompl{
	width:100px;
	height:20px;
	float:left;
}

#Fale #txtNumero{
	width:50px;
	height:20px;
	float:left;
}

#txtEstado{
	width:50px;
	height:20px;
	margin-left:5px;

}

#Fale #txtBairro, #txtCidade{
	width:140px;
	height:20px;
	float:left;
}

#Fale #txtComentario{
	width:328px;
	*width:332px;
	height:80px;
	float:left;
	margin-left:5px;
	margin-top:2px;
}

.cinza{

	font-size:13px;
	color: #999999;
	float:left;
	margin-left:10px;
}

#Duvidas #btnEnviar{
width:63px;
height:20px;
border:none;
margin-right:80px;
background:url(../imagens/btn_enviar.gif);
cursor:pointer;
}

#Fale #btnEnviar{
width:63px;
height:20px;
border:none;
margin-right:160px;
background:url(../imagens/btn_enviar.gif);
cursor:pointer;
}



/*  ----------------------------------- [Informacao] -------------------------------------------------*/	
/*  ------------ [Div - quadro-institucional-diretoria ] -------------------------------------------*/
/* o quadro com subtitulos e suas definições é o mesmos que a pagina Institucional diretoria*/

/*  ------------ [Div - publicao - (Definicoes: Sites - endereco ) ] -------------------------------------------*/

#Produtos-vantagens .quadro-institucional-diretoria-contatos{
	width:650px;
	margin: 0px 0px 10px 0px;
	padding-top:8px;
	float:left;
}


#Produtos-vantagens .pratica3{
	width:250px;
	float:left;
	margin-left:20px;
	_margin-left:5px;	
	}
	
#Info-pratica .pratica2{
	width:250px;
	float:left;
	margin-left:60px;

	}

.publi{
width:580px;
float:left;
margin:8px 8px;
}

#Info-publi .publi{
width:580px;
float:left;
margin:8px 8px;
padding-left:20px;
}

.publi .img-ok{
	width:12px;
	height:12px;
	float:left;
	margin:0px 5px 0px 0px;
}

.publi .titulo{
	width:300px;
	float:left;
}

.publi .titulo a{
	text-decoration:none;

	color: #000000;
	font-size:14px;
	font-weight:bold;
}


.publi .autor{
	width:300px;
	float:left;
	margin-left:18px;	
	*margin-left:16px;
	_margin-left:9px;

	color: #000000;
	font-size:13px;
	

}
.ancora{
margin:20px;


}
.style6{
	color: #000000;
	font-size:13px;
	font-weight:bold;
	min-height:20px;
	display:block;
	margin-top:10px;

}
#Produtos-vantagens .publi3{
	width:240px;
	float:left;
	margin:8px 5px 0px 15px;
}

#Produtos-vantagens .titulo2{
	width:250px;
	margin-top:5px;
	float:left;

	color: #000000;
	font-size:14px;
	font-weight:bold;
}

#Produtos-vantagens .publi3 .titulo3{
	width:200px;
	margin-top:5px;
	float:left;

	color: #000000;
	font-size:13px;
	text-transform:uppercase;
}

#Produtos-vantagens .publi3 .titulo3 span{
	text-transform:none;
}


#Produtos-vantagens .publi3 .ico-pdf{
	width:26px;
	height:36px;
	float:left;
	margin:0px 8px 4px 0px;
}

#Produtos-vantagens .publi .ico-pdf{
	width:26px;
	height:36px;
	float:left;
	margin:0px 8px 4px 0px;
}

#Produtos-vantagens .publi .titulo{
	width:500px;
	margin-top:5px;
	float:left;

	color: #000000;
	font-size:13px;
	font-weight:bold;
}

#Produtos-vantagens .publi .descri{
	width:500px;
	float:left;

	color: #000000;
	font-size:13px;
}

#Faq .publi{
	width:500px;
	float:left;
	margin:8px 5px 0px 30px;
	*margin:8px 5px 0px 30px;
	_margin:8px 5px 0px 15px;
}

#Faq .publi2{
	width:500px;
	float:left;
	margin:8px 5px 0px 40px;
	*margin:8px 5px 0px 40px;
	_margin:8px 5px 0px 25px;
}

#Faq .titulo{
	font-size:13px;
	line-height:15px;
	margin: 2px 0px 2px 0px;
	font-weight:bold;
	float:left;
	width:580px;
}


#Faq .publi2 a{
	text-decoration:none;
	cursor:pointer;
}

#Faq .publi2 .titulo{
	width:600px;
	margin-top:5px;
	float:left;

	color: #000000;
	font-size:13px;
	font-weight:bold;
}

#Faq .publi .descri{
	width:580px;
	float:left;

	color: #000000;
	font-size:13px;
}

#Faq .publi2 .descri{
	width:580px;
	float:left;

	color: #000000;
	font-size:13px;
}

#Faq .verde{
	color:#006600;
	font-weight:bold;
	font-size:14px;
}


#Prefeitura_artigo .quadro-institucional-diretoria{
	width:680px;
	height:133px;
	float:left;
	margin: 4px 0px 0px 10px;
	background:url(../imagens/prefeitura_barra_fundo.jpg);
}

#Prefeitura_artigo .quadro-institucional-diretoria-comprar{
	width:680px;
	height:135px;
	float:left;
	margin: 4px 0px 0px 10px;
	background:url(../como_comprar_fundo.jpg);
}

#Prefeitura_artigo table{
width:130px;
height:50px;
float:left;
margin: -2px 10px 0px 30px;
}

#Prefeitura_artigo table a{

	font-size:13px;
}

#Produtos-vantagens .produto-vatagens{
	width:680px;
	height:159px;
	float:left;
	margin:0 0 0 10px;
	background:url(../imagens/produtos-vantagens_fundo.jpg);
}

#Produtos-vantagens .produto-vatagens2{
	width:680px;
	height:181px;
	float:left;
	margin:0 0 0 10px;
	background:url(../imagens/produto_-como_comprar_cinza.jpg);
}

.imagem-altura{
margin-top:4px;

}

#Produtos-vantagens .produto-vatagens3{
	width:680px;
	height:200px;
	float:left;
	margin:0 0 0 10px;
	background:url(../imagens/produto_como_comprar_cinza2.jpg);
}


#Produtos-vantagens .produto-imagem{
	width:119px;
	height:119px;
	float:left;
	margin: 5px 0px 0px 6px;
	background:url(../imagens/produto_vantagem_verde.jpg);
}

#Produtos-vantagens .figura{
	width:119px;
}

#Produtos-vantagens .endereco{
width:670px;
margin:6px 0px 0px -25px;
float:left;
}

#Produtos-vantagens .endereco2{
width:670px;
margin:6px 0px 0px 5px;
float:left;
}


#Produtos-vantagens .endereco table{
width:660px;

font-size:12px;
margin-top:8px;
}

#Produtos-vantagens .endereco2 table{
width:670px;

font-size:12px;
margin: 14px 0px 0px 4px;

}

#Produtos-vantagens table .image{
	margin-bottom:14px;
}

#Produtos-vantagens table .image-qualidade{
	margin-left:8px;
}


#Produtos-vantagens .quadro-produtos-vantagens{
	width:680px;
	height:139px;
	float:left;
	margin: 4px 0px 0px 10px;
	background: url(../imagens/produtos-vantagens_azul.jpg);
}

#Produtos-vantagens .quadro-produtos-vantagens2{
	width:680px;
	height:139px;
	float:left;
	margin: 4px 0px 0px 10px;
	background: url(../imagens/produtos-vantagens_azul.jpg);
}


/*-- -[DIV - Contem a descricao da pagina (abaixo do titulo tema da pagina] ---*/
#Produtos-vantagens .quadro-produtos-vantagens-titulo{
	width:620px;

	margin:6px 0px 0px 10px;

	font-size:12px;
}

#Produtos-vantagens .quadro-produtos-vantagens-titulo span{

	font-size:14px;
	color:#000000;
	font-weight:bold;
}

#Produtos-vantagens .quadro-institucional-vantagens-como-comprar{
	width:680px;
	height:152px;
	float:left;
	margin: 4px 0px 0px 10px;
	background: url(../imagens/como_comprar_fundo.jpg);
}

#Produtos-vantagens .endereco2 h5{

font-size:14px;
font-weight:bold;
color: #000000;
margin: 0 auto;
}





/* DESTAQUE	*/
.destaque_menu {
	height:123px;
	width:25px;
	position:absolute;
	top:0%;
	left:96.5%;
	z-index:200;
	color:#FFFFFF;

	cursor:pointer;
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	
}
.destaque_menu_numeros {height: 22%; border:#990033 solid 1px; background-color:#999999;	filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.destaque_menu_numeros_over {height: 22%; border:#990033 solid 1px; background-color:#CCCCCC ;filter:alpha(opacity=99);-moz-opacity:.90;opacity:.90; color:#990033;}
#container {display:none;}

.sombra {
	background-image:url(/img/sombra.png);
	background-position:bottom right;
	/*left: 1px;
	top: 13%;
	height: 165px;*/
}
.sombrain {position: relative;top: -4px;left: -4px; width:100%;	border:#990000 2px solid;}

/* ESPAÇO EM FADER NO SLIDSHOW */
.texto_fader {
	width:662px;
	height:50px;
	background-color:#FFFFFF;
	margin-left:-2px;
	filter:alpha(opacity=70);
	-moz-opacity:.50;
	opacity:.50;
	color:#000000;
	
	}
/* // DESTAQUE */

.quadro-fundo{
	width:655px;
	background:url(../imagens/img_institucional_diretoria_bg_sombra.jpg);
	float:left;
	margin: 1px 0px 0px 24px;
}

.quadro-paragrafado{
	margin-left:3%;
	margin-right:2%;
}

/* PAGINA ARQUITETOS/BLOCOS DE ALVENARIA. */

.fonte-alvenaria-titulo-vermelho{

	color:#990033;
	font-size:12px;
	font-weight:bold;
}

.div-alvenaria-titulo-vermelho{
	width:80%;
	padding-left:18%;
}

.fonte-alvenaria-texto-preto{

	color:#000000;
	font-size:12px;
}

.div-alvenaria-texto-preto{
	width:85%;
	height:45%;
	padding-left:10%;

	font-size:12px;
}

.quadro-sombriado{
	margin-left:-1%;
	width:710px;
	height:280px;
	float:left;
	background:url(../imagens/img_quadro_sombriado.jpg);
}

.quadro-alvenaria-sombriado{

	width:690px;
	float:left;
	background:url(../imagens/img_quadro_sombriado-alvenaria.jpg);projetar_fundo1.jpg
}

#Produtos-projetar .quadro-alvenaria-sombriado{
	margin-left:8px;
	width:680px;
	height:360px;
	float:left;
	margin-bottom:8px;
	background:url(../imagens/projetar_fundo1.jpg);
}

#Produtos-projetar .quadro-sombriado-geral1{
	width:95%;
	height:92%;
	margin-left:10px;
}

#Produtos-projetar .quadro-alvenaria-sombriado2{
	margin-left:6px;
	width:680px;
	height:210px;
	float:left;
	margin-bottom:2px;
	background:url(../imagens/projetar_azul_fundo.jpg);
}

#Produtos-projetar .quadro-alvenaria-sombriado2 h6{

	font-size:14px;
	font-weight:bold;
	margin:0 auto;
	color:#000000;
}

#Produtos-projetar .quadro-alvenaria-sombriado3-geral-medio h4{

	font-size:14px;
	font-weight:bold;
	margin:0 auto;
		color:#000000;
}

#Produtos-projetar .quadro-sombriado-geral2{
	width:94%;
	height:92%;
}

.quadro-sombriado-geral1{
	width:90%;
	height:92%;
	margin-left:15px;
	padding-left:5px;
}

.quadro-sombriado-geral1-segundo{
	width:92%;
	height:92%;
	margin: 3% 3% 3% 4%;
}


.quadro-sombriado-img{
	width:191px;
	height:134px;
	float:left;
	margin: 0 1% 1% 0;
	border:1px solid #999999;
}

#Produtos-projetar .quadro-sombriado-img{
	width:190px;
	height:130px;
	float:left;
	margin: 0 1% 1% 0;
	border:1px solid #999999;
}

#Produtos-projetar .espaco{
	margin-bottom:8px;

}

#Produtos-projetar .quadro-cinza{
	width:580px;
	height:206px;
	float:left;
	background-image:url(../imagens/projetar_cinzao.jpg);
	margin-left:55px;
	_margin-left:30px;	
	margin-bottom:1%;
}

#Produtos-projetar .quadro-cinza-geral{
	width:550px;
	height:160px;
	margin:15px;
	border:1px solid #CCCCCC;
}

#Produtos-projetar .quadro-cinza-pequeno{
	width:330px;
	height:220px;
	float:left;
	background-image:url(../imagens/projetar_cinzao_pequeno.jpg);
	margin-left:185px;
	_margin-left:100px;
}

#Produtos-projetar .quadro-cinza-geral-pequeno{
	width:300px;
	height:180px;
	margin:15px;
	border:1px solid #CCCCCC;
}

.quadro-cinza{
	width:520px;
	height:268px;
	float:left;
	background-image:url(../imagens/img_quadro_cinza.jpg);
	margin-left: 12%;
}

.quadro-cinza-geral{
	width:93%;
	height:94%;
	margin:0 auto;

}

.quadro-cinza-setor1{
	margin-left:10%;
	margin-top:2%;
	margin-right:2%;
	margin-bottom:1%;
	width: 44%;
	height: 45%;
	float:left;
}

.quadro-cinza-setor2{
	margin-right:0%;
	margin-top:2%;
	margin-left:4%;
	margin-bottom:1%;
	width: 39%;
	height: 45%;
	float:left;
}

.quadro-cinza-setor3{
	width: 230px;
	float:left;
	text-align:center;
	margin-left:5px;
}

.quadro-cinza-setor4{
	width: 230px;
	float:left;
	margin:0 auto;
	text-align:center;
}

.quadro-sombriado-geral2{
	width:670px;
	height:250px;
	margin:20px 0px 0px 10px;
}

.quadro-imgtexto-sombriado{
	widows:191px;
	height:171px;
	float:left;
}
.quadro-sombriado-img2{
	width:191px;
	height:121px;
	margin-right:4px;
	background-image:url(../imagens/img_quadro_bloco2.jpg);
	border:1px  #CCCCCC solid;
}

.quadro-texto-fade{
	width:191px;
	height:32px;
	margin-right:15px;
	text-align:center;
	color:#666666;
	font-size:13px;
}

.quadro-alvenaria-sombriado3-geral{
	width:94%;
	height:86%;
	float:left;
	margin: 3% 3% 3% 3%;
}



#Produtos-projetar .quadro-alvenaria-sombriado3-geral-medio{
	width:670px;
	height:250px;
	float:left;
	margin:15px 0px 0px 6px;
}


#Produtos-projetar .quadro-alvenaria-sombriado-medio{
	width:690px;
	height:300px;
	float:left;
	margin-bottom:8px;
	background:url(../imagens/projetar_azul_medio.jpg);
}

#Produtos-projetar .quadro-cinza-ultimo{
	width:525px;
	height:280px;
	float:left;
	background:url(../imagens/projetar_cinzao2.jpg) repeat-x;
	margin-left:90px;
	_margin-left:50px;
	margin-bottom:10px
}

#Produtos-projetar .quadro-cinza-geral-ultimo{
	width:464px;
	height:218px;
	margin:20px 28px 0px 28px;
	border:1px solid #CCCCCC;
}

.quadro-alvenaria-sombriado3-geral-medio h6{

	font-size:14px;
	color:#000000;
	font-weight:bold;

}

.quadro-sombriado3-texto{
	height:54%;
	width:96%;
	margin-left:2%;
	margin-top:2%;
}

.quadro-sombriado3-img1{
	width:96px;
	height:85px;
	float:left;
	margin-left:4%;
	margin-top:1%;
	background-image:url(../imagens/img_quadro_sombriado3_bloco1.gif);
}

.quadro-sombriado3-img2{
	width:95px;
	height:85px;
	float:left;
	margin-left:25%;
	margin-top:1%;
	background-image:url(../imagens/img_quadro_sombriado3_bloco2.gif);
}

.quadro-sombriado3-img3{
	width:75px;
	height:77px;
	float:left;
	margin-left:25%;
	margin-top:15px;
	background-image:url(../imagens/img_quadro_sombriado3_bloco3.gif);
}

.quadro-cinza2{
	width:624px;
	height:395px;
	margin-left: 5%;
	float:left;
	background-image:url(../imagens/img_quadro_cinza2.jpg);
}

.quadro-cinza2-geral{
	width:94%;
	height:94%;
	margin-top:4%;
	margin-bottom:2%;
	margin-left:4%;
}

.quadro-cinza2-img{
	width:554px;
	height:335px;
	margin-left:10px;
	border:#000000 thin solid;
	background-image:url(../imagens/img_quadro_cinza2_img1.jpg);
}

.quadro-cinza3{
	width:624px;
	height:395px;
	margin-left: 5%;
	float:left;
	background-image:url(../imagens/img_quadro_cinza2.jpg);
}

.quadro-cinza3-geral{
	width:94%;
	height:94%;
	margin-top:4%;
	margin-bottom:2%;
	margin-left:4%;
}

.quadro-cinza3-img{
	width:554px;
	height:335px;
	margin-left:10px;
	border:#000000 thin solid;
	background-image:url(../imagens/img_quadro_cinza2_img2.jpg);
}

/* PAGINA ARQUITETOS/BLOCOS INTERTRAVADOS. */

.quadro-intertravados-corpo-texto-quaro1{
	width:100%;
	height:60%;
	float:left;
	margin-top:1%;
}

.quadro-intertravados-quadro1-img1{
	width:100px;
	height:150px;
	float:left;
	margin-right:7px;
	margin-bottom:20px;
	background-image:url(../imagens/img_intertravados_quadro_img1.jpg);
}

.quadro-intertravados-sombriado2{
	margin-left:8px;
	width:680px;
	height:330px;
	float:left;
	background:url(../imagens/img_quadro_sombriado2.jpg);
}

.quadro-intertravados-sombriado3{
	margin-left:8px;
	width:680px;
	height:400px;
	float:left;
	background:url(../imagens/img_quadro_sombriado5.jpg);
}


.quadro-intertravados-sombriado2 p{

	font-size:12px;
}

.quadro-cinza4{
	width:300px;
	height:460px;
	float:left;
	background-image:url(../imagens/img_quadro_cinza4.jpg);
}

.quadro-cinza4-geral{
	width:82%;
	height:90%;
	margin-top:22px;
	_margin-top:22px;
	margin-bottom:2%;
	margin-left:8%;
	margin-right:8%;
}

.quadro-cinza4-img1{
	width:250px;
	height:92px;
	margin-top:10px;;
	background-image:url(../imagens/img_quadro_cinza4-img1.jpg);
}

.quadro-cinza4-img2{
	width:250px;
	height:127px;
	margin-top:5%;
	background-image:url(../imagens/img_quadro_cinza4-img2.jpg);
}

.quadro-cinza4-img3{
	width:250px;
	height:127px;
	margin-top:5%;
	background-image:url(../imagens/img_quadro_cinza4-img3.jpg);
}


.quadro-cinza5{
	width:375px;
	height:460px;
	float:left;
	margin-left:20px;
	background-image:url(../imagens/img_quadro_cinza5.jpg);
}

.quadro-cinza5-geral{
	width:92%;
	height:90%;
	margin-top:25px;
	margin-bottom:2%;
	margin-left:6%;
	margin-right:1%;
}

.quadro-cinza5-caixa1{
	width:139px;
	height:215px;
	margin-right:8px;
	float:left;
}

.quadro-cinza5-img1{
	width:139px;
	height:185px;
	margin-top:-1%;
	margin-right:4%;
	background-image:url(../imagens/img_quadro_cinza5-img1.jpg);
}

.quadro-texto-fade2{
	width:139px;
	height:50px;
	margin-top:6px;
	color:#666666;
	font-size:14px;
}

.font-arquitetos-intertravados-preto{
	font-size:13px;
}

.quadro-cinza5-img2{
	width:250px;
	height:128px;
	float:left;
	background-image:url(../imagens/img_quadro_cinza5-img2.jpg);
}

.quadro-texto-fade3{
	width:250px;
	height:20px;
	margin-top:6px;
	color:#666666;
	font-size:14px;
	float:left;
}

.quadro-sombriado3{
	width:295px;
	height:355px;
	float:left;
	margin-left:-3px;
	background:url(../imagens/img_quadro_sombriado3.jpg);
}

.quadro-sombriado3-geral{
	width:84%;
	height:94%;
	margin-top:26px;
	margin-bottom:-222px;
	margin-left:20px;
	margin-right:8%;
}
.quadro-intertravados-sombriado3-texto{
	width: 100%;
	height: 25%;
	font-size:13px;
	margin-top:12px;
	
}

.quadro-intertravados-sombriado3-img1{
	width:247px;
	height:153px;
	float:left;
	margin-top:30px;
	_margin-top:16px;
	background-image:url(../imagens/img_quadro_sombriado3-img1.jpg);
}



.quadro-sombriado4{
	width:385px;
	_width:370px;
	height:355px;
	float:left;
	margin-left:18px;
	background:url(../imagens/img_quadro_sombriado4.jpg);
}

.quadro-sombriado4-geral{
	width:95%;
	height:91%;
	margin-top:25px;
	margin-bottom:2%;
	margin-left:10px;
	margin-right:4%;
}

.quadro-intertravados-sombriado4-texto1{
	height:35%;
	font-size:13px;
	float:left;
	margin-bottom:10px;
	_margin-bottom:0px;
	margin-top:12px;
}

.quadro-intertravados-sombriado4-texto2{
	width:63%;
	font-size:13px;
	float:left;
}


.quadro-intertravados-sombriado4-ing1{
	width:118px;
	height:146px;
	margin-right:2%;
	margin-top:1%;
	background-image:url(../imagens/img_quadro_sombriado4-img1.jpg);
	float:left;
}

.quadro-cinza6{
	width:571px;
	height:302px;
	margin-left:57px;
	_margin-left:35px;
	float:left;
	background-image:url(../imagens/img_quadro_cinza6.jpg);
}

.quadro-cinza6-img1{
	width:350px;
	height:223px;
	margin-top:5%;
	margin-left:20%;
	background-image:url(../imagens/img_quadro_cinza6-img1.jpg);
}

.quadro-texto-fade4{
	width:100px;
	height:40px;
	margin-left:43%;
	text-align:center;
	color:#666666;
}

.quadro-cinza7{
	width:570px;
	height:390px;
	margin-left:57px;
	_margin-left:35px;
	float:left;
	background-image:url(../imagens/img_quadro_cinza7.jpg);
}

.quadro-cinza7-img1{
	width:488px;
	height:320px;
	margin-top:6%;
	margin-left:7%;
	border:1px #000000 solid;
	background-image:url(../imagens/img_quadro_cinza7-img1.jpg);
}

.fonte-alvenaria-intertravados-titulo-preto{

	font-size:14px;
	font-weight:bold;
	float:left;
}

/* PAGINA CURSOS E EVENTOS*/

.quadro-cursos-fundo{
	width:720px;
	height:710px;
	margin-left:-11px;
	float:left;
	background-image:url(../imagens/img_cursos_fundo.jpg);
}

.quadro-cursos-caixa1{
	width:90%;
	height:90%;
	margin-top:7%;
	margin-left:7%;
}

font.rosa{
	color:#A6374E;
	font-weight:bold;
	font-size:14px;
}

font.verde{
	color:#006600;
	font-weight:bold;
	font-size:14px;
}

font.preto{
	color:#000000;
}

/* PAGINA NOTICIA*/

.quadro-noticia-fundo{
	width:655px;
	background:url(../imagens/img_institucional_diretoria_bg_sombra.jpg);
	float:left;
	margin: 1px 0px 0px 24px;
}

.quadro-noticia-caixa1{
	width:89%;
	height:100%;
	margin-top:4%;
	margin-left:6%;
}

.quadro-noticia-baixo{
	width:655px;
	height:16px;
	background: url(../imagens/img_instucional_diretoria_contatos_baixo.gif);
	float:left;
	margin-left:25px;
}


/* PAGINA ASSOCIADOS/COLABORADORES*/

.quadro-associados-colaboradores-div-titulo{
	width:100%;
	height:34px;
	margin-top:5px;

}

.quadro-associados-colaboradores-div-texto1{
	width:100%;
	height:50px;

}

/* PAGINA PREFEITURAS/SOLUÇÕES*/

.quadro-prefeituras-solucoes-quadro-sombreado1{
	width:714px;
	height:356px;
	margin-left:-1%;
	background-image:url(../imagens/img_prefeituras-solucoes-quadro-sombriado1.jpg);
	float:left;
}

.quadro-prefeituras-solucoes-quadro-sombreado1-geral{
	width:91%;
	height:85%;
	margin-top:4%;
	margin-left:5%;

	font-size:12px;
}

.quadro-prefeituras-solucoes-quadro-sombreado1-img1{
	width:224px;
	height:169px;
	float:left;
	margin-top:2%;
	background-image:url(../imagens/img_prefeituras-solucoes-quadro-sombriado1-img1.jpg);
}

.quadro-prefeituras-solucoes-quadro-sombreado1-corpo-texto{
	
	width:63%;
	height:55%;
	margin-top:1%;
	margin-left:2%;
	float:left;
}

.quadro-prefeituras-solucoes-quadro-cinza1{
	width:720px;
	height:240px;
	margin-left:-10px;
	float:left;
	background-image:url(../imagens/img_prefeituras-solucoes-quadro-cinza1.jpg);
}

.quadro-prefeituras-solucoes-quadro-cinza1-geral{
	width:88%;
	height:80%;
	margin-top:2%;
	margin-left:6%;

	font-size:12px;
}

.quadro-prefeituras-solucoes-quadro-cinza1-img1{
	width:200px;
	height:142px;
	margin-top:2%;
	margin-right:2%;
	float:left;
	background-image:url(../imagens/img_prefeituras-solucoes-quadro-cinza1-img1.jpg);
}

.quadro-prefeituras-solucoes-quadro-cinza2{
	width:705px;
	height:400px;
	float:left;
	margin-left:-3px;
	background-image:url(../imagens/img_prefeituras-solucoes-quadro-cinza2.jpg);
}

.quadro-prefeituras-solucoes-quadro-cinza2-geral{
	width:90%;
	height:92%;
	margin-top:1%;
	margin-left:5%;

	font-size:12px;
}

.quadro-prefeituras-solucoes-quadro-cinza2-texto1{
	width:70%;
	height:42%;
	margin-left:1%;
	float:left;
}

.quadro-prefeituras-solucoes-quadro-cinza2-texto2{
	width:70%;
	height:46%;
	margin-top:1%;
	margin-left:1%;
	float:left;
}

.quadro-prefeituras-solucoes-quadro-cinza2-img1{
	width:167px;
	height:250px;
	margin-top:2%;
	margin-right:2%;
	margin-bottom:10%;
	float:left;
	background-image:url(../imagens/img_prefeituras-solucoes-quadro-cinza2-img1.jpg);
}

.quadro-prefeituras-solucoes-quadro-sombreado2{
	width:705px;
	height:175px;
	margin-left:-4px;
	background-image:url(../imagens/img_prefeituras-solucoes-quadro-sombriado2.jpg);
	float:left;
}

.quadro-prefeituras-solucoes-quadro-sombreado2-geral{
	width:91%;
	height:75%;
	margin-top:1%;
	margin-left:5%;

	font-size:12px;
}

.construcao{
margin-left:50px;
float:left;
}

/* PAGINA FALE CONOSCO*/

.quadro-fale-conosco-cinza{
	width:724px;
	height:644px;
	float:left;
	margin-left:-7px;
	background:url(../imagens/img_fale_conosco_quadro_cinza.jpg);
}

.quadro-fale-conosco-cinza-geral{
	width:96%;
	height:96%;
	margin-top:5%;
	margin-bottom:2%;
	margin-left:6%;
	margin-right:2%;
}

/* -- Sucesso -- */

#Sucesso{
	width:650px;
	margin-top:10px;

	font-size:12px;
	line-height:20px;
	color: #333333;
	text-align:left;
	border:1px solid #CCCCCC;
	padding:10px 20px 10px 20px;
	background: url(../imagens/fundo_sucesso.jpg) repeat-y;
}

.alva{

	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;	
	margin: 0 auto;
}

#Sucesso strong{

	font-size:12px;
}

#Sucesso a{

	font-weight:bold;
	font-size:18px;
	color:#006600;
}

#Sucesso a:hover {

	font-weight:bold;
	font-size:18px;
	color: #961442;
	cursor:pointer;
	text-decoration:none;
}

#Sucesso .enviado{

	font-size:20px;
	line-height:20px;
	color: #961442;
	text-align:left;
	font-weight:bold;
}
#Sucesso .error{

	font-size:20px;
	line-height:20px;
	color: #FF0000;
	text-align:left;
	font-weight:bold;
}


	
/*  -----------------[Rodape] ---------------------------------------------------------*/

#rodape{
	width: 920px;
	height:22px;
	color: #FFFFFF;
	font-size:13px;

	text-align:center;
	background: url(../imagens/footer.jpg) no-repeat;
	clear:both;
	line-height:22px;
	text-align:left;
	
	border-top:1px solid #000000;
	border-top-color: #FFFFFF;
	}