/**
* Arquivo de estilos do website Colibri Moveis
* 
* @autor Leonardo Garcia <leonardo at portalmoveleiro.com.br>
* @link  http://portalmoveleiro.com.br
* 
* @Copyright Portal Moveleiro
* @desde 2010-03-07
*/

body{
	background-color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#44625a;
	text-align:center;
	margin:0 auto;
	line-height:1.2em;
	}
a{
	color:#44625a;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
.wrapper{
	float:left;
	display:inline;
	width:100%;
	clear:both;
	text-align:left;
	}
.wrapper-inner{
	margin:0 auto;
	width:770px;
	}

/** HEADER */
.top{
	border-top:2px solid #0b342a;
	}
#header{
	float:left;
	display:inline-block;
	width:100%;
	clear:both;
	margin-top:30px;
	}
#colibri{
	float:left;
	display:inline;
	margin-left:40px;
	}
#colibri h1{
	float:left;
	display:inline;
	background:url(../imagens/www.colibrimoveis.com.br-feliz.png) no-repeat;
	width:315px;
	/*height:70px;
	*/
	height:110px;
	overflow:none;
	}
#colibri h1 a{
	float:left;
	display:inline;
	width:140px;
	height:68px;
	text-indent:-11000px;
	overflow:hidden;
	}
#colibri cite{
	float:left;
	display:inline;
	display:none;
	}
.representantes{
	height:43px;
	float:right;
	margin-right:40px;
	/*margin-top:-45px;*/
	margin-top:0px;
    _margin-top:0; /*HACK IE 6*/
	display:inline;
	}
#frmRepresentantes{
	float:left;
	display:inline;
}
#frmRepresentantes h4{
	font-size:12px;
	padding-bottom:5px;
}
#frmRepresentantes label{
	float:left;
	display:inline;
}
input#_USU, input#_SEN{
	border:1px solid #cbe2dc;
	height:18px;
	margin-right:5px;
}
.historicoNav{
	float:left;
	display:inline;
	width:100%;
}
.historicoNav p{
float:left;
display:inline;
color:#CCCCCC;
}
#idiomas{
	margin-top:40px;
	margin-right:40px;
	float:right;
	display:inline;
	}
#idiomas dd{
	float:left;
	display:inline;
	}
#idiomas dd a{
	float:left;
	color:#ac8f7c;
	margin-left:10px;
	text-decoration:none;
	display:inline-block;
	}
#idiomas dd a:hover, #idiomas dd a.act{
	color:#786253;
	}
.mainmenu{
	margin-top:20px;
	}
.dropdown{
	margin-left:40px;}
#busca{
	float:right;
	display:inline;
	width:235px;
	margin-right:40px;
	}
#busca #pesquisa{
	float:left;
	display:inline;
	width:200px;
	color:#4a625c;
	border:1px solid #cbe2dc;
	height:18px;
	}
#busca #send{
	float:right;
	display:left;
	width:25px;
	height:22px;
	padding:0;
	color:#FFF;
	background:url(../imagens/send.gif) left center repeat-x;
	border:none;
	}
.send{
	float:right;
	display:left;
	height:22px;
	padding:0 5px;
	color:#FFF;
	background:url(../imagens/send.gif) left center repeat-x;
	border:none;
	}
.nws{
	float:left;
	display:inline;
	width:170px;
	color:#4a625c;
	border:1px solid #cbe2dc;
	height:18px;
	margin-bottom:5px;
	}
.nwsSelect{
	float:left;
	display:inline;
	width:135px;
	color:#4a625c;
	border:1px solid #cbe2dc;
	height:22px;
	margin-bottom:5px;
	}
#newsletter{
	float:left;
	display:inline;
	padding:10px 0;
	width:100%;
	}
#newsletter label{
	text-align:left;
	float:left;
	width:100%;
	font-size:11px;
	}
.container{
	background:url(../imagens/bgBanners.png) top left no-repeat;
	padding:40px 0 0 0;
	float:left;
	display:inline;
	width:100%;
	}
.content{
	float:left;
	display:inline;
	width:100%;
	clear:both;
	padding-top:50px;
	}
.bgwhite{
	background:#FFF;
	}
.left{
	float:left;
	display:inline;
	padding-left:40px;
	_padding-left:30px;/*HACK IE6*/
	padding-right:5px;
	}
.right{
	float:right;
	display:inline;
	padding-left:0;
	padding-right:50px;
    _padding-right:40px;/*HACK IE6*/
	}
.sidebar{
	display:inline;
	width:170px;
	}
.block{
	float:left;
	display:inline;
	width:100%;
	padding-bottom:20px;
	}
h2{
	font-size:14px;
	font-weight:lighter;
	padding-bottom:20px;
	padding-top:2px;
	text-align:center;
	}
.hr{
	width:100%;
	float:left;
	margin-bottom:20px;
	display:inline;
	height:1px;
	background:url(../imagens/dot-vert.png) center no-repeat;
	}
.img-twitter{
	background:url(../imagens/tiny-twitter.png) left top no-repeat;
	padding-left:20px;
	}
img{
	border:none;
	padding:0;
	margin:0;}
.centro{
	width:330px;
	float:left;
	display:inline;
	}
.its-noz{
	float:left;
	display:inline;
	width:100%;
	margin-top:20px;
	}
.its-noz img{
	float:left;
	display:inline;
	margin: 0 10px 0 0;
	}
.its-noz p{
	text-align:justify;
	}
#footer{
	width:100%;
	float:left;
	display:inline;
	clear:both;
	border-top:1px solid #193f34;
	margin-top:20px;
	padding:10px 0 30px;
	}
.colibri-mini{
	float:left;
	display:inline;
	}
#footer p{
	font-size:10px;
	}
.acompanhe{
	float:left;
	display:inline;
	width:170px;
	margin-left:20px;
	clear:both;
	text-align:center;
	}
.acompanhe li{
	float:left;
	display:inline-block;
	}
.acompanhe li a{
	float:left;
	display:inline;
	margin-right:10px;
	}

/**
INSTITUCIONAL */
#institucional, #contanto{
	width:100%;
	float:left;
	display:inline;
	clear:both;
	padding-top:450px;
	background:#FFF url(../imagens/fundo-institucional.jpg) top left no-repeat;
	}
	
	/**
INSTITUCIONAL HISTORICO */
#historico2011{
	width:100%;
	float:left;
	display:inline;
	clear:both;
	padding-top:450px;
	background:#FFF url(../imagens/Banner_historico1.jpg) top left no-repeat;
	}
	
	/**
INSTITUCIONAL SUSTENTAVEL */
#responsabilidade2011{
	width:100%;
	float:left;
	display:inline;
	clear:both;
	padding-top:450px;
	background:#FFF url(../imagens/responsabilidade_01.jpg) top left no-repeat;
	}
	
		/**
INSTITUCIONAL FILOSOFIA */
#filosofia2011{
	width:100%;
	float:left;
	display:inline;
	clear:both;
	padding-top:450px;
	background:#FFF url(../imagens/filosofia1_01.jpg) top left no-repeat;
	}	
		
				/**
INSTITUCIONAL TRABALHE CONOSCO */
#trabalhe2011{
	width:100%;
	float:left;
	display:inline;
	clear:both;
	padding-top:450px;
	background:#FFF url(../imagens/trabalhe_01.jpg) top left no-repeat;
	}
		
		
#focco{
	width:100%;
	float:left;
	display:inline;
	clear:both;
	padding-top:10px;
	background:#FFF;
	}
	
#institucional p.emaranhado{
	color:#503c2b;
	text-align:center;
	padding:0 40px 10px;
	}
.img-empresa{
	width:770px;
	float:left;
	display:inline;
	clear:both;
	background:url(../imagens/img-empresa.jpg) top left no-repeat;
	margin-top:30px;
	height:110px;
	}
.bottom-quero{
	padding-top:30px;
	width:100%;
	float:left;
	display:inline;
	clear:both;
	text-align:center;
	background:#FFF;
	}
.bottom-quero a{
	margin:0 30px;
	}
/**
PRODUTOS*/
#produtos{
	float:left;
	display:inline;
	width:100%;
	clear:both;
	padding-top:30px;
	background:#FFF;
	}
.lnprodutos{
	float:left;
	display:inline;
	width:100%;
	}
.lnprodutos li{
	float:left;
	display:inline;
	width:100%;
	margin-bottom:10px;
	}
.lnprodutos li a.prod{
	padding-right:15px;
	background:url(../imagens/seta-green.png) right center no-repeat;
	font-size:14px;
	}
.lnprodutos li a.act{
	padding-right:15px;
	background:none;
	}

.sub-prod li{
	margin:10px 0 0 20px;
	}
.sub-prod li a{
	font-size:12px;
	color:#6bad9e;
	display:block;
	}
.sub-prod li a.act{
	font-size:12px;
	font-weight:bold;
	color:#39927d;
	display:block;
	}

.manual-instrucoes{
	float:left;
	display:inline;
	width:100%;
	text-align:center;
	margin:20px 0;
	padding:2px 0;
	border-top:1px solid #196552;
	border-bottom:1px solid #196552;
	}
.manual-instrucoes{
	text-transform:uppercase;
	}

/*196552**/
.lista{
	float:right;
	display:inline;
	width:512px;
	margin:0 0 20px 5px;
	padding:0;
	border-bottom:1px solid #8eb3aa;
	}
.lista h2{
	text-align:left;
	width:100%;
	font-size:16px;
	float:left;
	display:inline;
	padding:0 0 10px 0;
	}
.lista li.p, .lista li.p a, .lista li.p a span{
	float:left;
	display:inline;
	}
.p-img {
width:193px;
height:128px;
overflow:hidden;
float:left;
display:inline;
text-align:center;
}

.lista li.p{
	width:193px;
	height:165px;
	border:1px solid #cbe2dc;
	margin:0 20px 15px 0;
	display:inline-block;
	overflow:hidden;
	}
.lista li.p a{
	display:inline-block;
	}
.lista li.p a span.p-tit{
	border-top:1px solid #cbe2dc;
	float:left;
	display:inline-block;
	width:100%;
	padding:3px 0;
	text-align:center;
	vertical-align:bottom;
	background:#efefef;
	height:50px;
	}

h3.mm{
font-size:16px;
padding:20px 0 0 0;
}
h3.emaranhado{
	color:#503c2b;
	text-align:center;
	font-size:14px;
	padding:15px 40px 5px;
	}
h4.italico{
	font-style:italic;
	padding:10px 0 5px;
	}
h2.none{
	font-style:italic;
	padding:0;
	}

.mLeft{
	text-align:left;
	}

.emaranhado strong, .emaranhado a strong{
	color:#503c2b;
	}


.trabalheConosco{
	width:654px;
	height:230px;
	padding:76px 0 0 0;
	background:url(../empresa/trabalheConoscoModificado.jpg) no-repeat;
	float:left;
	display:inline;
	margin:0 0 10px 58px;
	font-size:20px;
	color:#FFFFFF;
	}
.obsNone{
	display:none;
	}

#formContato{
width:425px;
margin:0 auto;
}

#frmContato{
float:left;
margin:0;
display:inline;
width:395px;
background:#FFF;
padding:10px;
border:7px solid #988B83;
}

#frmContato h2{
color:#9A9591;
width:100%;
float:left;
display:block;
text-align:left;
padding:0 0 10px 0;
font-size:13px;
}
#frmContato h4{ 
font-size:30px; 
font-weight:lighter;
padding:0 0 20px 0;
color:#61422E;
}
#frmContato p{
float:left;
display:inline;
margin:0 0 7px;
width:100%;
}
#frmContato p label{
float:left;
width:100%;
}
#frmContato p label strong{
width:80px;
padding-right:7px;
float:left;
text-align:right;
}
#frmContato p label input.cn, #frmContato p label textarea.cn{
width:300px;border:1px solid #988B83;
}
#frmContato p label input.cq{ 
width:200px;border:1px solid #988B83;
} 
#frmContato p label input.sq{
float:right;
color:#FFF;
background:#988B83;
padding:5px 10px;
margin-right:5px;
cursor:pointer;
border:1px solid #663300; 
}

h2.mensagem{
font-size:16px;
text-align:center;
width:100%;
float:left;
display:inline;
}

.noticia{
float:left;
display:block;
width:100%;
text-align:left;
padding:0;
margin:0 0 5px 0;
}

a.not:hover{
text-decoration:underline;
}
.saibamais{
font-size:10px;
}
.saibamais a{
font-size:10px;
text-align:right;
text-decoration:underline;
}

.not-set{
float:left;
width:100%;
display:inline;
padding:10px 0;
margin:0;
font-weight:bold;
text-align:left;
}


#sisped{
width:770px;
float:left;
display:inline;
}
#sisped h1{
width:199px;
height:111px;
display:block;
margin:30px auto;
}
#sisped h1 a{
width:199px;
height:111px;
display:block;
text-indent:-11000px;
background:url(../imagens/www.colibrimoveis.com.br-feliz.png) no-repeat;
}


/**Lista de representantes*/
.repLista{
width:100%;
float:left;
display:block;
padding:5px 0;
margin-bottom:5px;
}
.repLista span{
/*width:100%;*/
float:left;
display:inline;
}
.repLista span.emprepre{
margin-left:5px;
width:500px;
}

.repLista span.mcrepre{
float:left;
display:inline;
width:502px;
margin-left:5px;
margin-bottom:5px;
}

.repLista span.arearepre{
width:500px;
border:1px solid #8EB3AA;
float:right;
display:inline;
margin-right:5px;
}
.repLista span.arearepre strong{
color:#FFF;
background:#015542;
width:494px;
float:left;
display:inline;
padding:3px;
}
.repLista span.arearepre p{
width:490px;
float:right;
display:inline;
padding:5px;
background:#efefef;
}
.repLista span p, .repLista p{
line-height:1.6em;
}
.repLista span p strong{
float:left;
display:inline;
width:60px;}

.repLista p strong{
float:left;
display:inline;
width:60px;
}

.hr100{
width:100%;
float:left;
display:inline;
border-bottom:1px solid #8EB3AA;
padding:0 0 10px 0;
text-align:right;
}

#mostraProduto{
width:512px;
padding:0 0 10px 0;
float:left;
display:inline;
}

#fechar{
float:right;
}

.arquivos{
	float:left;
	display:inline;
	padding-bottom:10px;
}
.arquivos li{
	float:left;
	display:inline;
}
.arquivos li a{
	float:left;
	display:inline;
	text-align:left;
	margin-right:15px;
}
.arquivos li a img{
	float:left;
	display:inline;
	text-decoration:none;
}
.arquivos li a strong{
	float:left;
	display:inline;
	margin-top:4px;
	font-weight:normal;
}

.ph{
	float:left !important;
	display:block !important;
	margin-right:20px;
	margin-bottom:5px !important;
	}
.ph a{
	display:block !important;
	border:none;
	}
.ph a img{
	border:none;
	display:inline-block !important;
	}
.deImgTitulo{
	vertical-align:bottom !important;
	}
#likeFacebook{
	float:left !important;
	margin:10px 0 0 0;
}
