* { 
	padding: 0; 
	margin: 0; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

body {
	font-size: 14px;
	color: #848688;}	

.clear {clear:both;}
ul {list-style: none;}

a {color: #848688; text-decoration: none;}
.align{
	width: 960px;
	margin: 0 auto;
	}

/*====================================================================================*/
/* TOPO ==============================================================================*/
/*====================================================================================*/
#topo{
	width: 100%;
	height: 180px;
	background: #000 url(http://www.armaiscompressores.com.br/site/images/bg-menu.png) no-repeat center bottom;  
	} 
	
#topo .align-topo{
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url(http://www.armaiscompressores.com.br/site/images/ic-ass-advo.png) no-repeat right top;
	}

#topo .logotipo{	
	float: left;
	display: block;
	}
	
#topo .topo-info{
	width: 540px;
	height: 65px;
	float: right;
	color: #fefefe;
	}
	
#topo .ic-telefone{
	color: #fefefe;
	font-size: 16px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 32px;
	background: url(http://www.armaiscompressores.com.br/site/images/ic-telefone.png) no-repeat left center;
	}	

/*===== MENU =====*/
.menu{
	width: 540px;
	height: 35px;
	line-height: 35px;
	float: right;
	margin: 34px 0 0 0;
	}

.menu li{
	float: left;
	margin: 0 1px 0 0;
	}

.menu li a{	
	color: #000;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 0 16px;
	border-radius: 8px 8px 0 0;
	background: #fdeb00;
	}

.menu li a:hover,
.menu .ativo{
	color: #1A5493;
	background: #FFF;
	}


/*===== MENU =====*/	


/*===== BUSCA =====*/	
#busca{
	width: 100%;
	padding:10px 0;
	display:block;
	background:#EEE;
}

#busca form{
	float:right;
	padding:5px;
	border-radius:50px;
	background:#FFF;
	min-width:200px;
}

#busca .txt-busca{
	border:none;
	background:none;
	height:20px;
	line-height:20px;
	width:175px;
	margin:0 5px;
	outline:none;
	float:left;
	color: #1A5493;
	font-size: 14px;
	font-weight: bold;
}

#busca .bt-busca{
	border:none;
	background:url(http://www.armaiscompressores.com.br/site/images/bg-busca.png) no-repeat center center;
	display:block;
	float:left;
	width:20px;
	height:20px;
	outline:none;
	cursor:pointer;
}
/*===== BUSCA =====*/	

/*====================================================================================*/
/* DESTAQUES =========================================================================*/
/*====================================================================================*/
#destaque{
	width: 100%;
	height: 210px;
	padding: 15px 0;
	background: url(http://www.armaiscompressores.com.br/site/images/bg-destaque.png) repeat-x center center;
	} 
	
#destaque .align-destaque{
	width: 980px;
	margin: 0 auto;
}

#destaque h1{
	color: #fefefe;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	}
	
#destaque .bt-dest-left{ width: 10px; height: 170px; float: left; display: block; background: url(http://www.armaiscompressores.com.br/site/images/bt-left.png) no-repeat center center; cursor:pointer;}
#destaque .bt-dest-right{ width: 10px; height: 170px; float: right; display: block; background: url(http://www.armaiscompressores.com.br/site/images/bt-right.png) no-repeat center center; cursor:pointer;}

#destaque .dest-iten{
	width: 960px;
	height: 170px;
	float: left;
	}

#destaque .dest-iten li{ width: 460px; float: left; margin: 0 10px; }
#destaque .dest-iten li a{ display: table; width: 460px; height: 180px;}
#destaque .dest-iten li a:hover span{ text-decoration: underline; background: url(http://www.armaiscompressores.com.br/site/images/ic-seta.png) no-repeat 2px center; }	 	
#destaque .dest-iten li img{ float: left; padding: 7px; margin: 0 15px 0 0; border-radius: 8px; background: #fefefe; width:160px;}
#destaque .dest-iten li small{ color: #fefefe; font-size: 12px; display: block; }
#destaque .dest-iten li strong{ color: #FFEA19; font-size: 16px; font-weight: bold; display: block; }
#destaque .dest-iten li span{ color: #fefefe; font-size: 14px; font-weight: bold; float: left; display: block; padding: 10px 0 10px 15px; background: url(http://www.armaiscompressores.com.br/site/images/ic-seta.png) no-repeat left center; }

#destaque #dst_produtos{
	width: 960px;
	height: 180px;
	float:left;
}

#destaque #dst_produtos li{
	min-height: 180px;
	max-height: 180px;
}
/*====================================================================================*/
/* CONTENT ===========================================================================*/
/*====================================================================================*/
#content{
	width: 100%;
	padding: 25px 0 50px 0;
	text-align: justify;
	}

#content h1{
	color: #1A5493;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	}

#content .ic-category{
	color: #1A5493;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	display: block;
	padding: 10px 15px;
	border-radius: 10px 10px 0 0;
	background: #E6E7E8; 
	}

#content .col-left{
	width: 230px;
	float: left;
	}

#content .col-right{
	width: 710px;
	float: right;
	}

/*===== MENU LATERAL =====*/
.menu-lateral{
	width: 210px;
	float: left;
	padding: 15px;
	border-radius: 0 5px 10px 5px;
	background: #E6E7E8;
	}
	
.menu-lateral li{
	display: block;
	border-bottom: 1px dashed #BDBFC1;
	}

.menu-lateral li a{
	color: #848688;
	font-size: 13px;
	text-transform: uppercase;
	display: block;
	padding: 9px 0;
	text-align: left;
	}

.menu-lateral li a:hover {
	color: #1A5493;
	margin: 0 0 0 2px; 
	}
	
.menu-lateral li .ativo {
	color: #1A5493 !important;
	margin: 0; 
	}

.menu-lateral .sub li{
	padding: 4px 0;
	border-bottom: none;
	}

.menu-lateral .sub li a{
	color: #848688;
	font-size: 12px;
	text-transform: none;
	display: block;
	padding: 0 10px;
	background: url(http://www.armaiscompressores.com.br/site/images/bg_sub_menu.png) no-repeat left center;
	}

.menu-lateral .sub li a:hover{
	margin: 0; 
	background: url(http://www.armaiscompressores.com.br/site/images/bg_sub_menu.png) no-repeat 1px center;
	}	
/*===== MENU LATERAL =====*/
	

/*====================================================================================*/
/* PRODUTOS ==========================================================================*/
/*====================================================================================*/
.produtos-list li{
	width: 220px;
	height: 320px;
	float: left;
	margin: 0 8px 15px 8px;
	text-align: center;
	}

.produtos-list li a{ display: block; }
.produtos-list li a:hover span,
.produtos-list li a:hover small{ color: #1A5493; }
.produtos-list li a:hover img{ border: 1px solid #1A5493; }
.produtos-list li img{ margin: 0 auto 10px; display: block; padding: 6px; border-radius: 5px; border: 1px solid #E6E7E8; width:160px;}
.produtos-list li small{ color: #848688; font-size: 11px; display: block; line-height: 13px; }
.produtos-list li strong{ color: #1A5493; font-size: 14px; font-weight: bold; display: block; line-height: 16px; padding: 3px 0; }
.produtos-list li span{ color: #848688; font-size: 16px; font-weight: bold; display: block; }


/*====================================================================================*/
/* FOOTER ============================================================================*/
/*====================================================================================*/
#footer{
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding: 20px 0;
	background: #E6E7E8;
	}

#footer .logotipo-footer{
	float: left;
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
	border-right: 1px dashed #848688;
	}

#footer .menu-footer{ float: left; }
#footer .menu-footer li{ display: inline; margin: 0 1px; }
#footer .menu-footer li a{ color: #848688; }
#footer .menu-footer li a:hover{ color: #1A5493; }

#footer .direitos{
	float: right;
	font-size: 12px;
	color: #848688;
	text-decoration: none;
	}

#footer .direitos:hover{
	color: #1A5493; 
	}


/*----------PADRÃO----------*/
.conteudo_diverso{ display:block; width:100%; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px dashed #CCC;}
.thumbs_glr { width: 120px;	display: block;	background-position: center center;	border: 5px solid #DDD;	float: left; margin: 0 8px 10px 0;}	
.thumbs_glr:hover {border-color:#1A5493;}	

/*publicacoes*/
.publicacoes_list{display:block; border-bottom:1px dashed #CCC; padding:10px 5px; font-size:12px; text-align:justify; font-weight: bold;}
.publicacoes_list:hover{background:#F0F0F0; text-decoration:none;}
.publicacoes_list:hover img{border:5px solid #1A5493;}
.publicacoes_list strong{ display:block; font-size:16px; }
.publicacoes_list img{	border:5px solid #CCC;	float:left;	margin-right:7px;	width:50px;}

.publicacoes{ margin-bottom:10px; text-align:justify;}
.publicacoes .tit_pub{ display:block; font-size:15px;}
.publicacoes .small_pub{ display:block; color: #1A5493;}

/*fotos*/
.miniaturaFotos{display:block; min-height: 70px; border-bottom:1px dashed #CCC; padding:10px 5px; text-align:justify; font-size: 15px;}
.miniaturaFotos small{ display:block; color: #1A5493;}
.miniaturaFotos img{ border:3px solid #CCC; float:left; margin:0 5px 0 0; height:60px; } 
.miniaturaFotos:hover{color:#1A5493;}
.miniaturaFotos:hover img{border:3px solid #1A5493;}

/*paginação*/
.lista_paginas{width:100%; height:auto; text-align:center; margin-top:20px;}
.lista_paginas span, .lista_paginas a{ margin:0 5px;}
.pagina_anterior_proxima{font-size:12px; text-decoration:none; color:#000;}
.pagina_numero{font-size:12px; padding:3px 8px; border:1px solid #1A5493; text-decoration:none; margin:0px; color:#000;}
.pagina_numero:hover{border:1px solid #1A5493; background:#1A5493; color:#FFF;}
.pagina_numero_ativo{border:1px solid #1A5493; background:#1A5493; font-size:12px; padding:3px 8px; margin:0px; color:#FFF; font-weight:bold;}

/*formularios*/
.contFone {
	width: 280px;
	float: left;
	margin: 15px 0 0 40px;
	text-align: left;}

.contFone strong {
	display: block;
	padding: 10px 0 10px 43px;
	background: url(http://www.armaiscompressores.com.br/site/images/ic_phone.png) no-repeat left center;
	font-size: 16px;
	line-height: 18px;}

.contFone .mail {
	display: block;
	padding: 5px 0 5px 43px;
	height: 35px;
	line-height: 35px;
	background: url(http://www.armaiscompressores.com.br/site/images/ic_mail.png) no-repeat left center;}
	
.contFone .map {
	font-size: 12px;
	display: block;
	padding: 7px 0 7px 43px;
	margin: 0;
	background: url(http://www.armaiscompressores.com.br/site/images/ic_map.png) no-repeat left center;
	line-height: 15px;}
	
.contFone .map small {font-size: 11px;}
	
.contFone .mail:hover,
.contFone .map:hover {color: #1A5493;}

#mapa {
	float: left;
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px dashed #CCC;}


#formContato { float: left; width: 640px;}
.form {
	float: left;
	padding: 0 20px 10px 0;
	width: 310px;
	min-height: 50px;}

.field_name {display:block;}

.field_input {
	margin: 2px 0 0 0;
	display: block;}

.field_input input[type=text],
.field_input input[type=password] {
	height: 25px;
	line-height: 25px;
	width:98%;
	padding: 0 1%;
	border-radius: 0 5px 5px 5px;
	border: 1px solid #CCC;
	outline: none;}

.field_input textarea {
	width:98%;
	max-width:98%;
	padding: 1%;
	border-radius: 0 5px 5px 5px;
	border: 1px solid #CCC;
	outline: none;
}

.field_input select {
	height: 27px;
	line-height: 27px;
	width: 100%;
	border-radius: 0 5px 5px 5px;
	border: 1px solid #CCC;
	padding: 2px;
	outline: none;
	cursor: pointer;}

.input_bt {
	padding: 4px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin:8px 0 0 0;
	background: #1A5493;
	border: none;
	color: #FFF;
	cursor: pointer;
	border-radius:5px;
	border:1px solid #1A5493;
}
	
.input_bt:hover {
	background: #000;
	border-color: #000;
	color: #FFF;
}
/*----------PADRÃO----------*/


/*----------PRDOUTOS----------*/
#produtos_imagens {
	width: 180px;
	margin: 0 20px 0 0;
	float: left;}
	
#produtos_imagens img:hover {border-color:#1A5493;}

#produtos_imagens .grande {
	width: 160px;
	padding: 9px;
	border-radius: 5px;
	border: 1px solid #CCC;
	float: left;
	margin: 0 0 10px 0;}
	
#produtos_imagens .thumb {
	width: 78px;
	padding: 4px;
	margin: 1px;
	border-radius: 5px;
	border: 1px solid #CCC;
	float: left;}
	
#produtos_conteudo {
	width: 510px;
	float: left;}

#produtos_conteudo .titulo{ color: #1A5493; font-size: 20px; font-weight: bold; }

#produtos_conteudo .titulo,	
#produtos_conteudo .prod-preco,
#produtos_conteudo .indisponivel,
#produtos_conteudo .codigo{ display: block; }

.produtoInterno a {
	width: 375px;
	min-height: 90px;
	max-height: 90px;
	display: block;
	float: left;
	margin: 0 0 0 5px;
	padding: 5px 0 5px 5px;}
	
.produtoInterno a:hover {color: #333;}
.produtoInterno a:hover strong,
.produtoInterno a:hover span{color:#1A5493 !important;}		
.produtoInterno a:hover img{ border-color: #1A5493; } 
	
.produtoInterno a img {
	width: 80px;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	text-align: center;
	background: #FFF;
	border-radius: 5px;
	border: 1px solid #CCC;}

.produtoInterno a {font-size: 12px; line-height: 14px;}
.produtoInterno a .indisponivel,
.produtoInterno a small, 
.produtoInterno a strong,
.produtoInterno a span {display: block;}

.produtoInterno a strong {font-size: 14px; margin: 0 0 3px 0;}
.produtoInterno a small {font-size: 11px; margin: 0 0 3px 0; color:#1A5493;}

.produtoInterno a .indisponivel {margin: 5px 0 0 0;  color:#007BA5;}
/*----------PRDOUTOS----------*/


/*----------PARCEIROS----------*/
.parceiros_list {
	display: block; 
	float: left;
	width: 460px;
	height: 120px;
	padding: 15px 20px 15px 0; 
	font-size: 13px;
	line-height: 15px;
	margin: 5px 0 25px 0;
	text-align: left;}

.parceiros_list span {
	display:block;}

.parceiros_list .tit { 
	display:block; 
	font-size:14px;}

.parceiros_list:hover {
	color:#1A5493;
	text-decoration: none;}
	
.parceiros_list:hover .img {border-color: #1A5493;}

.parceiros_list img{
	margin:0 10px 0 0;	
	width:120px;
	border: 1px solid #CCC; 
	display:block;
	border-radius: 5px;
	float:left;
}
/*----------PARCEIROS----------*/