*{ 
	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{ max-width: 960px; margin: 0 auto; }
#container{ width: 100%; }

/*====================================================================================*/
/* TOPO ==============================================================================*/
/*====================================================================================*/
#topo{
	width: 100%;
	padding: 20px 0;
	}

#topo .logotipo{
	float: left;
	display: block;
	}

/* User Bar =======================*/
/*=================================*/
.user-bar{ max-width: 225px; float: right; margin: 25px 0 0 0; }
	
/* Busca */	
.busca{ width: 150px; height: 25px; float: left; background: url(../images/bg-busca.png) no-repeat center; }
.busca input[type=text]{
	color: #848688;
	font-size: 14px;
	width: 110px;
	height: 15px;
	margin: 5px 0 0 15px;
	}
	
.busca input[type=submit],
.busca input[type=button]{
	width: 20px;
	height: 15px;
	margin: 5px 5px 0 0; 
	}
.busca input[type=text]{ float: left; display: block; outline: none; border: none; background: none; text-transform: uppercase; }
.busca input[type=submit],
.busca input[type=button]{ float: right; display: block; opacity: 0.5; cursor: pointer; outline: none; border: none; background: none; }


/* Idioma */
.idioma{ float: right; }
.idioma a{
	width: 25px;
	height: 25px;
	float: left;
	display: block;
	margin: 0 0 0 5px;
	}

.idioma > .pt{ background: #333; }
.idioma > .en{ background: url(../images/ic-idioma-en.png) no-repeat center; }
.idioma > .sp{ background: #333; }


/* Redes Sociais */
.rsocial{ float: right; margin: 25px 0 0 0; }

.rsocial li{
	float: left;
	padding: 0 7px;
	border-left: 1px solid #848688;
	}
	
.rsocial a{
	width: 35px;
	height: 20px;
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	}

.rsocial .facebook{ background-image: url(../images/ic-r-facebook.png); }
.rsocial .facebook2{ background-image: url(../images/ic-r-facebook2.png); }
.rsocial .youtube{ background-image: url(../images/ic-r-youtube.png); }
.rsocial .twitter{ background-image: url(../images/ic-r-twitter.png); }
.rsocial .flickr{ background-image: url(../images/ic-r-flickr.png); }
.rsocial .plus{ background-image: url(../images/ic-r-plus.png); }
.rsocial .whatsapp{ background-image: url(../images/ic-r-whatsapp.png); }
.rsocial .instagram{ background-image: url(../images/ic-r-instagram.png); }


.rsocial .facebook:hover,
.rsocial .facebook2:hover,
.rsocial .youtube:hover,
.rsocial .twitter:hover,
.rsocial .flickr:hover,
.rsocial .plus:hover,
.rsocial .whatsapp,
.rsocial .instagram:hover{ background-position: center bottom; }



/*====================================================================================*/
/* MENU ==============================================================================*/
/*====================================================================================*/
#menu .title,
#menu .open{ display: none; }

#menu{
	position: relative;
	z-index: 99;
	max-width: 960px;
	height: 50px;
	margin: 0 auto;
	display: block;
	}
	
@media handheld, screen and (min-width: 768px){	
	
	#menu div > ul > li{
		width: 13.99%;
		line-height: 50px;
		float: left;
		}

	#menu div > ul > li > a{
		color: #fefefe;
		font-size: 15px;
		text-transform: uppercase;
		text-align: center;
		display: block;
		border-left: 1px solid #314666;
		background: #2C4E82 url(../images/bg-menu.png) no-repeat center top;
		}
		
	#menu .ativo,
	#menu div > ul > li:hover > a{
		background-color: #0098DA;
		}
		
	#menu ul li ul, /* Submenu */
	#menu ul li ul ul, /* Sub Sub Menu */
	#menu ul li ul ul ul, /* Sub Sub Sub Menu */
	#menu ul li ul ul ul ul, /* Sub Sub Sub Sub Menu */
	#menu ul li ul ul ul ul ul{ display: none; }
	
	#menu ul li:hover > ul,
	#menu ul li li:hover > ul,
	#menu ul li li li:hover > ul,
	#menu ul li li li li:hover > ul,
	#menu ul li li li li li:hover > ul{
		position: absolute;
		z-index: 10;
		width: 220px;
		line-height: 20px;
		display: block;
		margin: 0 0 0 1px;
		background: #0098DA;
		text-align: left;
		
		box-shadow: 0 7px 6px -7px #373435;
		-webkit-box-shadow: 0 7px 6px -7px #373435;
		-moz-box-shadow: 0 7px 6px -7px #373435;
		}
	
	#menu ul ul li{ /*position: relative;*/ }
	#menu ul ul li a{
		color: #fefefe;
		font-size: 12px;
		display: block;
		padding: 12px 7px;
		text-transform: uppercase;
		}
	
	#menu ul ul li ul{ top: 0; left: 219px; min-height: 100%; border-left: 1px solid #2C4E82; }
	
	#menu ul ul li:hover > a{ background: #2C4E82; }
	#menu ul ul li li:hover > a{}
	#menu ul ul li li li:hover > a{ color: #fefefe; }
	#menu ul ul li li li li:hover > a{}
	#menu ul ul li li li li li:hover > a{}
		
	/* Modificado */
	#menu ul li li li:hover > ul{ background: #eee; }
	#menu ul ul ul ul > li > a{ color: #2C4E82; }
	/* Modificado */
	
	/* Estilos de Links/Hover/Ativo Sub>Sub Menu */
	/* ==========================================*/
	#menu ul li li > .parent{ background-repeat: no-repeat !important; background-position: 195px center !important; background-image: url(../images/bg-menu-sub.png) !important; }
	#menu ul li li:hover > .parent{ background-position: 197px center !important; background-image: url(../images/bg-menu-sub.png); }
}


@media handheld, screen and (max-width: 767px){
	
	.no_scroll{ position: relative; overflow: hidden !important; }	
	#menu{ position: inherit; height: 60px; }
	
	/* [ Open/Close =====================================*/
  	/* ==================================================*/
	#menu .open{ display: block; cursor: pointer; }
	#menu .open span{
		position: relative;
		z-index: 99;
		color: #fefefe;
		font-size: 14px;
		width: 45px;
		height: 60px;
		line-height: 63px;
		float: right;
		display: block;
		padding: 0 15px 0 40px;
		border-radius: 0 0 5px 5px;
		background: rgba(44,78,130,0.95) url(../images/ic-m-menu.png) no-repeat 20px center;
		
		box-shadow: 0 7px 6px -7px #373435;
		-webkit-box-shadow: 0 7px 6px -7px #373435;
		-moz-box-shadow: 0 7px 6px -7px #373435;
		}
	
	.menu_aberto > .open{ position: fixed; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(225,225,225,0.85); }
	.menu_aberto > .open span{ display: none !important; }	
	
	#menu .close{
		position: fixed;
		z-index: 99;
		top: 0;
		left: -310px;
		width: 300px;
		height: 100%;
		/*overflow: hidden;*/
		overflow-y: scroll;
		overflow-x: hidden;
		background: #f6f6f6;
    	transition: 0.3s;
		
		box-shadow: -4px 0 15px 0px #373435;
		-webkit-box-shadow: -4px 0 15px 0px #373435;
		-moz-box-shadow: -4px 0 15px 0px #373435;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		}
		
  	.menu_aberto > .close{ left: 0 !important; }
	/* Open/Close ] =====================================*/
  	/* ==================================================*/
	
	#menu .title{
		color: #fefefe;
		font-size: 14px;
		height: 60px;
		line-height: 62px;
		display: block;
		padding: 0 20px 0 45px;
		border-bottom: 1px solid rgba(0,0,0,0.045);
		background: #333 url(../images/ic-m-menu.png) no-repeat 20px center;
		text-transform: uppercase;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		}
	
	#menu ul li > ul,
	#menu ul li li > ul,
	#menu ul li li li > ul,
	#menu ul li li li li > ul,
	#menu ul li li li li li > ul{
		position: relative;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		border: none;
		border-bottom: 1px solid #ccc;
		/*background: rgba(44,78,130,0.1);*/
		background: rgba(0,0,0,0.05);
		
		box-shadow: 0 0px 5px -3px #373435;
		-webkit-box-shadow: 0 0px 5px -3px #373435;
		-moz-box-shadow: 0 0px 5px -3px #373435;
		
		box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
		}
	
	#menu ul li{ width: 100% !important; float: none; display: block; }		
	#menu ul li a{
		color: #666;
		font-size: 14px;
		display: block;
		padding: 20px 40px 20px 20px;
		/*padding: 20px;*/
		border-bottom: 1px solid rgba(0,0,0,0.045) !important;
		text-transform: uppercase;
		}
		
	#menu div > ul > li:hover > a{ color: #fefefe; background: #2C4E82; }
		
	
	/* Estilos de Links/Hover/Ativo Sub Menu ============*/
	/* ==================================================*/
	#menu div > ul > li > .parent,
	#menu div > ul > li:hover > .parent,
	#menu div > ul > li.hover > .parent,
	
	#menu ul li li > .parent,
	#menu ul li li:hover > .parent,
	#menu ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 260px center; }
	
	#menu div > ul > li > .parent,
	#menu div > ul > li:hover > .parent{ color: #666; background-color: inherit; background-image: url(../images/bg-m-menu-sub.png); }	
	#menu div > ul > li.hover > .parent{ color: #fefefe; background-color: #2C4E82; background-image: url(../images/bg-m-menu-sub-active.png); }	
	
	/* Estilos de Links/Hover/Ativo Sub>Sub Menu */
	/* ==========================================*/
	#menu ul li li a{ color: #2C4E82; font-size: 12px; }
	#menu ul li li a:hover{ color: #fefefe; background: #2C4E82; } 
	#menu ul li li > .parent,
	#menu ul li li:hover > .parent{ color: #2C4E82; background-color: inherit; background-image: url(../images/bg-m-menu-sub.png); }	
	#menu ul li li.hover > .parent{ color: #fefefe; background-color: #2C4E82; background-image: url(../images/bg-m-menu-sub-active.png); }
	
	.nav ul{ display: none; left: -9999px; }
	.nav li.hover > ul,
	.nav li li.hover > ul,
	.nav li li li.hover > ul,
	.nav li li li li.hover > ul,
	.nav li li li li li.hover > ul,
	.nav li li li li li li.hover > ul{
		position: static !important;
		display: block !important;
		}

}

@media handheld, screen and (max-width: 480px){
	
	.menu_aberto > .close{ width: 250px !important; }
	#menu div > ul > li > .parent,
	#menu div > ul > li:hover > .parent,
	#menu div > ul > li.hover > .parent,
	
	#menu div ul li li > .parent,
	#menu div ul li li:hover > .parent,
	#menu div ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 210px center; }
	
}

@media handheld, screen and (max-width: 320px){
	
	.menu_aberto > .close{ width: 200px !important; }
	#menu div > ul > li > .parent,
	#menu div > ul > li:hover > .parent,
	#menu div > ul > li.hover > .parent,
	
	#menu div ul li li > .parent,
	#menu div ul li li:hover > .parent,
	#menu div ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 160px center; }

}


/*====================================================================================*/
/* BANNER ============================================================================*/
/*====================================================================================*/
.bannerHome{ height: 420px !important; }

#banner{
	position: relative;
	top: -50px;
	width: 100%;
	height: 140px;
	background: #eee;
	}

#banner .sombra{
	position: absolute;
	z-index: 9;
	top: 0;
	width: 100%;
	height: 10px;
	display: block;
	background: url(../images/bg-banner.png) no-repeat center;
	}

#bannerRotator{ width: 100%; max-width: 640px; height: 320px; display: block; background: #eee; }
#bannerRotator img{ width: 100%; }

#rotatorMobile {display: none;}


/*====================================================================================*/
/* CONTEÚDO ==========================================================================*/
/*====================================================================================*/
#content{
	width: 100%;
	line-height: 22px;
	margin: -50px 0 0 0;
	padding: 40px 0;
	background: url(../images/bg-banner.png) no-repeat center top;
	}

.iframe-facebook,
.iframe-facebook iframe,
.iframe-twitter,
.iframe-twitter iframe{ width: 100%; }
.iframe-twitter{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #ddd; }


/* Heading Tags =======================*/
/*=====================================*/
h1,h2,h3,h4,h5,h6{ font-weight: normal; text-transform: uppercase; display: block; margin: 0 0 15px 0; }

h1{ color: #2C4E82; font-size: 16px; }
h2{ color: #2C4E82; font-size: 22px; }
h3{}
h4{}
h5{}
h6{}


.nivel-bar{ max-width: 960px; margin: 0 auto; padding: 90px 0 0 0; }
.nivel-bar h1{
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	margin: 0;
	}
	
.nivel-bar h1 a,
.nivel-bar h1 span{ color: #fefefe; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 2px #000; }
.nivel-bar h1 a:hover{ text-decoration: underline; }



/* Colunas Content ====================*/
/*=====================================*/
.home-left,
.home-right,
.col-left,
.col-right,
.inv-left,
.inv-right{ /*background: #eee;*/ }

.home-left{ width: 640px; float: left; }
.home-right{ width: 290px; float: right; }

.col-full{ width: 100%; }
.col-left{ width: 21.90%; float: left; }
.col-right{ width: 75.0%; float: right; }

.inv-left{ width: 70.0%; float: left; }
.inv-right{
	width: 65%;
	float: right;
}

.veja-mais{ color: #2C4E82; font-size: 14px; font-weight: bold; display: block; margin: 15px 0 0 0; }
.veja-mais:hover{ color: #0098DA; }
	
.hr{ margin: 35px 0; border-top: 1px solid #0098DA; }



/* Informações Home ===================*/
/*=====================================*/
.home-info{
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #0098DA;
	}

/*.home-info .email{ display: block; }*/
.home-info .email:hover{ color: #0098DA; text-decoration: underline; }
.home-info .telefone{ font-size: 18px; display: block; margin: 8px 0; }
	
.home-info li a{ width: 100%; display: table; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.home-info li a .image{
	width: 110px;
	height: 110px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}
	
.home-info li a .titulo{ color: #2C4E82; font-size: 16px; display: block; margin: 0 0 5px 0; }
.home-info li a .descricao{ display: block; }
.home-info li a:hover .titulo{ color: #0098DA; }


.home-info input[type=text]{
	color: #848688;
	font-size: 13px;
	width: 120px;
	height: 30px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 5px;
	outline: none;
	border: 1px solid #848688;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
	}

.home-info input[type=text]:focus{ border: 1px solid #a9a9a9; box-shadow: 0 0 2px #ddd; }
.home-info input[type=submit],
.home-info input[type=button]{
	color: #fefefe;
	font-size: 11px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	line-height: 31px;
	float: right;
	cursor: pointer;
	border: none;
	background: #0098DA;
	}

.home-info input[type=submit]:hover{ background: #2C4E82; }


/* Produtos Home ======================*/
/*=====================================*/
.home-produtos{
	width: 465px;
	float: left;
	}
	
.home-produtos li a{ width: 100%; display: table; }
.home-produtos li a .titulo{ font-size: 16px; font-weight: bold; display: block; margin: 0 0 10px 0; }
.home-produtos li a .descricao{ display: block; }
.home-produtos li a:hover .titulo{ color: #2C4E82; }
	
.home-produtos li a img{
	width: 150px;
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}


/* Projetos Home ======================*/
/*=====================================*/
.home-projetos{
	width: 465px;
	float: right;
	}

.home-projetos ul{ width: 100%; height: 150px; display: block; overflow: hidden; text-align: center; }
.home-projetos ul li{ display: inline-block; background: #eee; } 
.home-projetos ul li img{
	width: 150px;
	display: block;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}


/*====================================================================================*/
/* ANTI FOOTER =======================================================================*/
/*====================================================================================*/
#anti-footer{
	position: relative;
	width: 100%;
	/*height: 225px;*/
	padding: 35px 0;
	overflow: hidden;
	background: #E6E7E8;
	}

#anti-footer ul li > .titulo{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin: 0;
	}
	
	
#anti-footer .align > ul{ width: 170px; height: 85px; float: left; margin: 0 20px 0 0; }

#anti-footer ul ul li{ margin: 5px 0; }
#anti-footer ul ul li a{ font-size: 12px; display: block; }
#anti-footer ul ul li a:hover{ color: #0098DA; text-decoration: underline; }


/*====================================================================================*/
/* FOOTER ============================================================================*/
/*====================================================================================*/
#footer{ width: 100%; margin: -1px auto 0; }
#footer > .align{ position: relative; padding: 30px 0; border-top: 1px solid #0098DA; }

#footer .direitos{ float: left; margin: 8px 0 0 0; }
#footer .direitos a:hover{ text-decoration: underline; }
#footer .assinatura{
	font-size: 11px;
	display: block;
	margin: 5px 0 0 0;
	}
	
#footer .assinatura a:hover{
	color: #0098DA;
	text-decoration: none;
	}

#footer .logotipo img{
	position: absolute;
	top: 22px;
	left: 3px;
	right: 0;
	bottom: 0;
	margin: auto;
	}

#footer .f-menu{ float: right; line-height: 50px; }
#footer .f-menu li{ float: left; margin: 0 0 0 5px; }
#footer .f-menu li a{
	color: #2C4E82;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	}

#footer .f-menu li a:hover{
	text-decoration: underline;
	}


/*====================================================================================*/
/* MENU LATERAL ======================================================================*/
/*====================================================================================*/
@media handheld, screen and (min-width: 767px){
	#menu-lateral .open{ display: none; }
	
	#menu-lateral{ width: 100%; }
	#menu-lateral div > ul > li{
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
		border-bottom: 1px solid #eee;
		}
	
	#menu-lateral div > ul > li > a{
		color: #848688;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		display: block;
		}
	
	#menu-lateral .ativo,
	#menu-lateral div > ul > li > a:hover{ color: #0098DA; margin: 0 0 0 1px; }
	
	#menu-lateral ul ul{ padding: 10px 0 0 10px; }
	#menu-lateral ul ul li{
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #E6E7E8;
		}
	
	#menu-lateral ul ul li a{ font-size: 14px; display: block; }
	#menu-lateral ul ul li a:hover{ color: #0098DA; margin: 0 0 0 1px; }
}

@media handheld, screen and (max-width: 767px){
	
	#menu-lateral .open{ width: 100%; height: 50px; display: block; background: #2C4E82 url(../images/ic-m-menu.png) no-repeat center; }			
	#menu-lateral .close{ padding: 10px; background: #2C4E82; display: none; }
	.menu_lateral_aberto > .close{ display: block !important; }	
	
	#menu-lateral div > ul > li a{
		color: #fefefe;
		display: block;
		padding: 15px 10px;
		text-transform: uppercase;
		}
	
	#menu-lateral .ativo,
	#menu-lateral ul li a:hover{ background: rgba(0,0,0,0.12); }
	
	#menu-lateral ul ul{ background: rgba(0,0,0,0.10); }
	#menu-lateral ul ul .ativo{ background: rgba(0,0,0,0.10); }
	
}


/*====================================================================================*/
/* PRODUTOS ==========================================================================*/
/*====================================================================================*/
.produto-list{}
.produto-list > div.int{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

.produto-list li{ width: 33.33%; float: left; margin: 0 0 20px 0; border-bottom: 1px solid #eee; }
.produto-list li a{
	width: 100%;
	height: 240px;
	display: block;
	padding: 0 10px;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	 	-ms-box-sizing: border-box;
	}

.produto-list li a .image{ width: 160px; height: 160px; margin: 0 auto 15px; display: block; background: #eee; }
.produto-list li a .image img{ width: 100%; }
.produto-list li a .titulo{ color: #0098DA; font-size: 14px; font-weight: bold; text-align: center; height: 50px; display: block; padding: 0 5px; overflow: hidden; }
.produto-list li a .descricao{}

.produto-list li a:hover .titulo{ color: #2C4E82; }


@media handheld, screen and (max-width: 580px){ div.produto-list li{ width: 50% } }
@media handheld, screen and (max-width: 320px){ div.produto-list li{ width: 100% } }


/*div.produto-view{ width: 730px; }*/
.produto-view > div.int{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }


/* Coluna de imagens ==================*/
/*=====================================*/	
.produto-view .images{
	width: 200px;
	float: left;
	}

.produto-view .images .grande > .grande-int,
.produto-view .images .pequena > .pequena-int{ width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; }

.produto-view .images .grande,
.produto-view .images .pequena{
	display: block;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	 	-ms-box-sizing: border-box;
	
	}

.produto-view .images .grande{ width: 95.0%; margin: 0 auto; }	
.produto-view .images .pequena{ width: 90px; float: left; margin: 10px 5px 0 5px; }
.produto-view .images .grande img,
.produto-view .images .pequena img{ width: 100%; }

.produto-view .images .grande:hover,
.produto-view .images .pequena:hover{ border-color: #2C4E82; }


/* Coluna de descrição ================*/
/*=====================================*/
.produto-view .descricao{
	width: 500px;
	float: right;
	}

.descricao > .titulo{ font-size: 20px; display: block; margin: 0 0 2px 0 !important; }
.descricao > .codigo{ color: #aaa; font-size: 12px; display: block; }	

.descricao .no-border{ border: none !important; margin: 0 !important; padding: 20px 0 0 0 !important; }
.descricao .box-info{ line-height: 20px; display: block; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #eee; }
.descricao .box-info a:hover { text-decoration: underline; }
.descricao .box-info .rotulo{ color: #666; font-size: 14px; font-weight: bold; display: block; margin: 0 0 5px 0; }

.descricao .box-info .voltar{ color: #2C4E82; font-size: 14px; font-weight: bold; display: block; float: left; }
.descricao .box-info .voltar:hover{ color: #0098DA; }
.descricao .box-info > iframe{ display: table; margin: 15px 0 0 0; }
.descricao .box-info .downloads li a{ display: block; padding: 10px 5px; }
.descricao .box-info .downloads li a img{ width: 25px; height: auto; }
.descricao .box-info .downloads li a:hover,
.descricao .box-info .downloads li a:active{ color: #2C4E82; background: #f0f0f0; }

.descricao .relacionado li a{ width: 100%; display: table; margin: 10px 0; }
.descricao .relacionado li a .titulo{ font-size: 14px; font-weight: bold; display: block; }
.descricao .relacionado li a .image .image-int{ width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; }
.descricao .relacionado li a .image{
	width: 90px;
	height: 90px;
	float: left;
	display: block; 
	margin: 0 10px 0 0;
	padding: 5px; 
	border-radius: 0px; 
	border: 1px solid #ddd; 
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	 	-ms-box-sizing: border-box;
	}

.descricao .relacionado li a .image img{ width: 100%; }
.descricao .relacionado li a:hover .titulo{ color: #2C4E82; }
.descricao .relacionado li a:hover .image{ border-color: #2C4E82; }


@media handheld, screen and (min-width: 767px){	
	.produto-view .images .grande,
	.produto-view .images .pequena{
		position: inherit !important;
		z-index: 0 !important;
		top: inherit !important;
		left: inherit !important;
		visibility: inherit !important;
		opacity: initial !important;
		}
}

@media handheld, screen and (max-width: 980px){
	.produto-view .images{ width: 100%; float: none; margin: 0 auto; }
	.produto-view .descricao{ width: 100%; margin: 30px 0 0 0; }
	
	.produto-view .images .grande,
	.produto-view .images .pequena{ z-index: 1 !important; width: 100px; float: left; margin: 0 3px 10px 4px; }

}

@media handheld, screen and (max-width: 767px){
	.produto-view .images{ max-width: 300px; }
	
	.descricao > .codigo{ font-size: 16px; }
	.descricao .box-info{ line-height: 22px; }
	.descricao .box-info .rotulo{ font-size: 16px; }
	.descricao .box-info .voltar{ color: #fefefe; text-align: center; float: none; padding: 15px; background: #2C4E82; }	
	.descricao .box-info .voltar:hover{ color: #fefefe; background: #0098DA; }
	.descricao .box-info .downloads li a img{ width: 30px; }
	.descricao .relacionado li a{ width: 100%; }
	
	
	/* Configurações para banner em mobile */
	.produto-view .images .grande,
	.produto-view .images .pequena{ z-index: 1 !important; width: 100%; float: none; margin: 0 auto; padding: 0 5px; border: none; }
}

@media handheld, screen and (max-width: 600px){
	.descricao .box-info iframe{ width: 100%; }	
}

@media handheld, screen and (max-width: 480px){
	.descricao .box-info div > div{ height: 35px !important; float: none !important; display: block !important; margin: 10px 0 !important; }
	.descricao .box-info div > #fb-root{ display: none !important; }
}

/* Rotator Mobile */
/*================*/
@media handheld, screen and (min-width: 767px){	
	.owl-wrapper{ width: auto !important; }
	.owl-controls{ display: none !important; }
	.owl-wrapper-outer,
	.autoHeight{ height: auto !important; }
	.owl-carousel,
	.owl-item{ float: none !important; }
	
	
	.cycle-pager,
	.cycle-sentinel{ display: none !important; }
}
	
@media handheld, screen and (max-width: 767px){		
	#owl-demo .owl-item div{ max-width: 300px; margin: 0 auto; padding: 0 5px; }
	#owl-demo .owl-item img{ width: 100%; height: auto; display: block; }	
	.owl-carousel{ position: relative; width: 100%; display: none; }
	.owl-theme .owl-controls .owl-page span{ width: 12px !important; height: 12px !important; opacity: 0.5 !important; background: #ccc !important; }
	.owl-theme .owl-controls .owl-page.active span,
	.owl-theme .owl-controls.clickable .owl-page:hover span{ opacity: 1 !important; background: #ccc !important; }
	.owl-page span{ background: #ccc !important; }
	
	
	.cycle-pager{ text-align: center; margin: 15px 0 0 0; }
	.cycle-pager span{ width: 13px; height: 13px; display: inline-block; margin: 5px; cursor: pointer; opacity: 0.5; border-radius: 50px; background: #ccc; text-indent: -9999px; }
	.cycle-pager .cycle-pager-active{ opacity: 1; }
}


/*====================================================================================*/
/* PROJETOS ==========================================================================*/
/*====================================================================================*/
.projeto-list li{ width: 32%; float: left; margin: 0 0.66% 40px; border-bottom: 1px solid #eee; }
	
.projeto-list li a{ width: 100%; height: 250px; display: block; padding: 0 0 30px 0; overflow: hidden; }
.projeto-list li a img{ width: 100%; margin: 0 0 10px 0; }
.projeto-list li a .titulo{ color: #2C4E82; font-size: 16px; font-weight: bold; display: block; margin: 0 0 2px 0; }
.projeto-list li a .descricao{ display: block; }

.projeto-list li:hover,
.projeto-list li:active{ border-color: #0098DA; }
.projeto-list li a:hover .titulo{ color: #0098DA; }


.projeto-view .data{ color: #2C4E82; font-size: 14px; display: block; }
.projeto-view .descricao{ display: block; }
.projeto-view .images{ margin: 20px 0 0 0; }
.projeto-view .images .pequena{
	width: 180px;
	float: left;
	display: block;
	margin: 6px;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	
	}
.projeto-view .images .pequena img{ width: 100%; }
.projeto-view .images .pequena:hover{ border-color: #2C4E82; }

@media handheld, screen and (min-width: 767px){
	.projeto-view .images .grande,
	.projeto-view .images .pequena{
		position: inherit !important;
		z-index: 0 !important;
		top: inherit !important;
		left: inherit !important;
		visibility: inherit !important;
		opacity: initial !important;
		}
}

@media handheld, screen and (max-width: 767px){
	.projeto-list li{ width: 48%; }
	
	.projeto-view .images{ width: 100%; max-width: 300px; float: none; margin: 30px auto; }
	.projeto-view .images .pequena{ z-index: 1 !important; width: 100%; float: none; margin: 0 auto; padding: 0 5px; border: none; }
}

@media handheld, screen and (max-width: 480px){
	.projeto-list li{ width: 100%; }
}


/*====================================================================================*/
/* MÍDIAS ============================================================================*/
/*====================================================================================*/
.publicacao-list li{ margin: 0 0 10px 0; }
.publicacao-list li a{ width: 100%; display: table; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.publicacao-list li a .image{ width: 80px; float: left; display: block; margin: 0 10px 0 0; padding: 2px; border: 1px solid #ccc; }
.publicacao-list li a .image img{ width: 100%; }
.publicacao-list li a .data{ font-size: 12px; display: block; }
.publicacao-list li a .titulo{ color: #2C4E82; font-size: 14px; font-weight: bold; display: block; }
	
.publicacao-list li a:hover,
.publicacao-list li a:active{ background: #f0f0f0; }
.publicacao-list li a:hover .image,
.publicacao-list li a:active .image{ border-color: #2C4E82; }

.publicacao .images{ margin: 10px 0 0 0; }
.publicacao{ width: 100%; }
.publicacao .data{ display: block; margin: 0 0 10px 0; }
.publicacao .descricao{ display: block; margin: 0 0 20px 0; }
.publicacao .titulo{ color: #2C4E82; font-size: 16px; font-weight: bold; }
.conteudo_diverso strong{ color: #666; font-size: 14px; font-weight: bold; display: block; margin: 0 0 10px 0; }
.conteudo_diverso{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #ddd; }
.publicacao iframe,
.publicacao object,
.publicacao embed,
.conteudo_diverso iframe,
.conteudo_diverso object,
.conteudo_diverso embed{ width: 100% !important; max-width: 500px !important; display: block; }
.conteudo_diverso br{ display: none; }

.publicacao .images a{
	width: 110px;
	float: left;
	display: block;
	margin: 5px;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	
	}

.publicacao .images a:hover{ border-color: #2C4E82; }
.publicacao .images a img{ width: 100%; }

@media handheld, screen and (min-width: 767px){	
	.publicacao .images a{
		position: inherit !important;
		z-index: 0 !important;
		top: inherit !important;
		left: inherit !important;
		visibility: inherit !important;
		opacity: initial !important;
		}
}

@media handheld, screen and (max-width: 767px){
	.publicacao .images{ max-width: 300px; margin: 0 auto; }
	.publicacao .images a{ z-index: 1 !important; width: 100%; float: none; margin: 0 auto; padding: 0 5px; border: none; }
}


/*====================================================================================*/
/* DOWNLOADS =========================================================================*/
/*====================================================================================*/
.downloads .formulario{ width: 100%; }

.downloads .fleft{ width: 49%; float: left; }
.downloads .fright{ width: 49%; float: right; }

.downloads .formulario .menu{ width: 100%; display: table; text-align: center; }
.downloads .formulario .menu li{ display: inline-block; margin: 0 10px 20px 10px; }
.downloads .formulario .menu li a{ color: #2C4E82; font-size: 16px; font-weight: bold; text-transform: uppercase; display: inline-block; padding: 0 0 0 12px; background: url(../images/ic-menu-downloads.png) no-repeat left center; }
.downloads .formulario .menu li a:hover,
.downloads .formulario .menu li a:active{ background-position: 1px center; }
.downloads .formulario .menu .ativo,
.downloads .formulario .menu .ativo:hover,
.downloads .formulario .menu .ativo:active{ color: #0098DA; padding: 0 0 0 17px; background: url(../images/ic-menu-downloads-active.png) no-repeat left center; }
	
.downloads .formulario input[type=text],
.downloads .formulario select{
	color: #666;
	font-size: 14px;
	width: 100%;
	/*max-width: 420px;*/
	height: 40px;
	margin: 10px 0 0 0;
	padding: 7px;
	outline: none;
	border: 1px solid #ddd;
	background: #fefefe;
	transition: 0.1s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

.downloads .formulario input[type=submit],
.downloads .formulario input[type=button]{ color: #fefefe; font-size: 13px; height: 30px; display: block; margin: 10px 0 0 0; padding: 0 10px; outline: none; cursor: pointer; border: none; background: #0098DA; }
.downloads .formulario input[type=submit]:hover,
.downloads .formulario input[type=button]:hover{ background: #2C4E82; }

.downloads .resultado{
	width: 100%;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #eee;
	}

.downloads .resultado > ul > li{ width: 100%; display: table; margin: 0 0 10px 0; }
.downloads .resultado > ul > li > img{ width: 100%; max-width: 200px; float: left; margin: 0 15px 0 0; }
.downloads .resultado > ul > li > .titulo{ color: #0098DA; font-size: 16px; font-weight: bold; display: block; margin: 0 0 20px 0; }

.downloads .resultado ul li a{ display: block; padding: 5px; min-height: 120px; font-weight: bold;}
.downloads .resultado ul li a img{ width: 25px; height: auto; }
.downloads .resultado ul li a:hover,
.downloads .resultado ul li a:active{ color: #2C4E82; background: #f0f0f0; }

.downloads .resultado ul li .box-info{ padding: 0 0 0 215px; }
.downloads .resultado ul li .box-info .rotulo{ color: #666; font-size: 14px; font-weight: bold; display: block; margin: 0 0 10px 5px; }

.fundoDownloads {
	display: block;
	width: 118px;
	height: 118px;
	float: left;
	margin: 0 15px 0 0;
	background-color: #FFF !important;
	border: 1px solid #EEE;}
	
	
	

@media handheld, screen and (max-width: 767px){
	.downloads .resultado ul li a img{ width: 30px; }
	.downloads .formulario input[type=text],
	.downloads .formulario select{
		height: 50px !important; 
		}
	.downloads .formulario input[type=submit],
	.downloads .formulario input[type=button]{ width: 50px; height: 35px; }
}

@media handheld, screen and (max-width: 480px){
	.downloads .fleft,
	.downloads .fright{ width: 100%; }	
	.downloads .fleft{ margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #eee; }
	
	.downloads .resultado > ul > li > img{ float: none; display: block; margin: 0 auto 10px; }
	.downloads .resultado ul li .titulo{ text-align: center; margin: 0; }
	.downloads .resultado ul li .box-info{ max-width: 480px; margin: 10px 0 0 0; padding: 15px 10px; background: #f8f8f8; }
	.downloads .resultado ul li .box-info .rotulo{ margin-left: 0; text-align: center; }
}


/*====================================================================================*/
/* CATALOGO ==========================================================================*/
/*====================================================================================*/
.catalogo-view{
	width: 100%;
	height: 300px;
	padding: 20px 0 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

.catalogo-view a{ font-size: 16px; width: 100%; max-width: 500px; display: block; margin: 5px 0; }
.catalogo-view a .opt2{ display: none; }
.catalogo-view a:hover{ color: #2C4E82; }


@media handheld, screen and (max-width: 959px){
	.catalogo-view a .opt1{ display: none; }
	.catalogo-view a .opt2{ display: inline; }
	.catalogo-view .flippager{ display: none; }
}

@media handheld, screen and (max-width: 680px){
	.catalogo-view{ background: none !important; }
	.catalogo-view{ height: auto; padding: 0; background: none; }
}


/*====================================================================================*/
/* ASSISTENCIAS ======================================================================*/
/*====================================================================================*/
.assistencias li{
	display: block;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #eee;
	}

.assistencias li .titulo{ color: #2C4E82; font-size: 16px; font-weight: bold; display: block; margin: 0 0 5px 0; }
.assistencias li .responsavel,
.assistencias li .telefone,
.assistencias li .email,
.assistencias li .site{ display: block; }

@media handheld, screen and (max-width: 680px){
	#map{ margin: 0 auto !important; }
}



/*====================================================================================*/
/* PADRÕES ===========================================================================*/
/*====================================================================================*/
/* Página */
.publicacoes{ margin-bottom: 10px; text-align: justify; }	
.publicacoes .tit_pub{ font-size: 16px; display: block; }	
.publicacoes .small_pub{ color: #aaa; display: block; margin: 0 0 15px 0; }

.conteudo_diverso{ width: 100%; display: block; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dashed #ddd; }
.lkRelacionados{ font-size: 12px; }
.link_back{ color: #00a1db; font-size: 12px; font-weight: bold; }
.link_back:hover{ text-decoration: underline !important; }

/* Publicações */
.pubBorder{ margin: 5px 0; display: block; border-bottom: 1px dashed #ddd; }
.publicacoes_list{ display: block; padding: 10px; }	
.publicacoes_list img{ width: 80px; height: 80px; float: left; display: block; margin: 0 10px 0 0; border: 3px solid #ddd; }		

.publicacoes_list .pData{ color: #D93939; font-size: 11px; display: block; }	
.publicacoes_list .pTitulo{ color: inherit; font-size: 14px; font-weight: bold; display: block; margin: 0 0 3px 0; }	
.publicacoes_list .pDesc{ font-size: 12px; display: block; }

.publicacoes_list:hover{ background: #F7F7F8; }
.publicacoes_list:hover .pTitle{ color: #D93939; }
.publicacoes_list:hover img{ border: 3px solid #D93939; }

.pVideos img{ width: 80px !important; float: left !important; display: block !important; margin: 0 10px 0 0 !important; border: 3px solid #ddd !important; }

/* Páginação */
.lista_paginas{ width: 100%; margin: 20px 0; text-align: center; }	
.lista_paginas span,
.lista_paginas a{ margin: 0 5px; }
	
.pagina_anterior_proxima{ color: #606060; font-size: 13px; }	
.pagina_anterior_proxima:hover{ color: #2C4E82; }	

.pagina_numero{ color: #606060; font-size: 12px; padding: 5px 10px; border: 1px solid #606060; }	
.pagina_numero:hover{ color: #fefefe; border: 1px solid #2C4E82; background: #2C4E82; }	
.pagina_numero_ativo{ color: #fefefe; font-size: 12px; padding: 5px 10px; border: 1px solid #2C4E82; background: #2C4E82; }

/* Thumbs Imagens */
.thumbs_glr{ width: 100px; float: left; display: block; margin: 0 10px 10px 0; border: 3px solid #ddd; }
.thumbs_glr:hover{ border-color: #D93939; }	
.thumbs_glr img{ width: 100px; }	



/*====================================================================================*/
/* MOBILE ============================================================================*/
/*====================================================================================*/
@media handheld, screen and (max-width: 990px){
	
	/* Resets margin ======================*/
	/*=====================================*/
	.align,
	#menu,
	.ls-layer-box-text,
	#footer .align,
	.nivel-bar{
		padding-left: 10px;
		padding-right: 10px;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		}
	
	
	
	/* Banner =============================*/
	/*=====================================*/
	.bannerHome{ height: 380px !important; }	
	/*.ls-layer-box-text{ top: 45% !important; }*/
	
	
	
	/* Content ============================*/
	/*=====================================*/
	/*.home-left{ width: 66.70%; }
	.home-right{ width: 30.20%; }*/
	
	.home-left{ width: 100%; max-width: 640px; float: none; margin: 0 auto; }
	.home-right{ width: 100%; margin: 50px 0 0 0; }
		
	
	
	/* Informações Home ===================*/
	/*=====================================*/
	.home-info{
		width: 31%;
		float: left;
		margin: 0;
		padding: 0;
		border-top: 0;
		}
	
	.home-info input[type=text]{ width: 100%; height: 40px; margin: 0 0 10px 0; padding: 0 10px; }
	.home-info input[type=submit]{ width: 50px; height: 35px; float: left; }	
	.newsletter{ margin: 0 3.5%; }
		
	
	
	/* Produtos/Projetos Home =============*/
	/*=====================================*/
	.home-produtos{ width: 50.0% }
	.home-projetos{ width: 45.0%; }
	
	.home-projetos ul{ text-align: left; }
	.home-projetos ul li{ margin: 0 10px 0 0 ; }
	
	
	
	/* Anti Footer ========================*/
	/*=====================================*/
	#anti-footer{
		height: auto;
		text-align: center;
		}
	
	#anti-footer .align > ul{
		position: relative;
		width: auto;
		float: none;
		display: inline-block;
		margin: 0 10px;
		}
		
	#anti-footer .align > ul li .titulo{ height: auto; padding: 10px 0; cursor: pointer; }			
	#anti-footer ul ul{ min-height: inherit !important; }
	#anti-footer ul ul li a{ font-size: 14px; }	
	.navmap ul{ display: none; }
	
	
	
	/* Paginação ==========================*/
	/*=====================================*/		
	.pagina_anterior_proxima{ color: #fefefe !important; font-size: 12px; padding: 15px 20px; background: #2C4E82; }	
	.pagina_anterior_proxima:hover{ background: #0098DA; }	
	
	.pagina_numero,
	.pagina_numero_ativo{ display: none; }
}

@media handheld, screen and (max-width: 960px){
	
	.bannerHome{ height: 330px !important; }
	.ls-layer-box-text .ls-titulo,
	.ls-layer-box-text .ls-sub-titulo {top: 73% !important;}

}

@media handheld, screen and (max-width: 767px){
	
	/* Banner =============================*/
	/*=====================================*/
	#banner{ top: -60px; }
	.bannerHome{ height: 300px !important; }	
	/*.ls-layer-box-text{ top: 65% !important; }*/
	
	
	
	/* Content ============================*/
	/*=====================================*/
	#content{ margin: -60px 0 0 0; }
	
	.veja-mais{ color: #fefefe; float: left; margin: 20px 0 0 0; padding: 15px; background: #2C4E82; }	
	.veja-mais:hover{ color: #fefefe; background: #0098DA; }
	
	.col-left{ width: 100%; }
	.col-right{ width: 100%; margin: 50px 0 0 0; }
	.inv-left{ width: 100%; margin: 50px 0 0 0; }
	.inv-right{ width: 100%; }
	
	.nivel-bar h1 a,
	.nivel-bar h1 span{ font-size: 16px; }
	
	
	
	/* Informações Home ===================*/
	/*=====================================*/
	.home-info{
		width: 100%;
		margin: 0 0 40px 0;
		padding: 40px 0 0 0;
		border-color: #ddd !important;
		}
		
	.endereco,
	.newsletter{ width: 48%; float: left; padding: 0; }
	.endereco .telefone{ margin: 20px 0; }
	.newsletter{ float: right; }
	
	.catalogo{ clear: both; border-top: 1px solid; }
	.catalogo li a{ padding: 10px; }
	.catalogo li a:hover,
	.catalogo li a:active{ background: #f0f0f0; }
	
	
	
	/* Produtos/Projetos Home =============*/
	/*=====================================*/
	.home-produtos,
	.home-projetos{ width: 100%; }
	.home-projetos{ margin: 60px 0 0 0; }
	
	
	
	/* Footer =============================*/
	/*=====================================*/
	#footer .direitos{
		float: none;
		text-align: center;
		}
	
	#footer .logotipo{ margin: 30px 0; display: block; text-align: center; }	
	#footer .logotipo img{
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
		}
		
	#footer .f-menu{
		line-height: initial;
		float: none;
		margin: 0 auto;
		display: table;
		}
	
	
	
	/* Publicações ========================*/
	/*=====================================*/	
	.publicacao > img{ display: none; }

}


@media handheld, screen and (max-width: 640px){
	
	/* Banner =============================*/
	/*=====================================*/
	#rotatorMobile {display: block;}
	
	#bannerRotator{ height: auto; }
	#rotator{ display: none; }
	
	.bannerHome{ height: 255px !important; }
	.ls-layer-box-text .ls-titulo,
	.ls-layer-box-text .ls-sub-titulo {display: none !important;}
	
		
	
	/* Informações Home ===================*/
	/*=====================================*/
	.home-info input[type=text]{ font-size: 15px; height: 50px; }
	.home-info input[type=submit]{ font-size: 14px; height: 35px; }
}

@media handheld, screen and (max-width: 480px){
	
	/* Topo ===============================*/
	/*=====================================*/
	#topo .logotipo{ float: none; margin: 0 auto 30px; text-align: center; }
	
	#topo .user-bar{ float: none; margin: 0 auto; }
	
	.bannerHome{ height: 190px !important; }
	
	.ls-layer-box-text .ls-titulo,
	.ls-layer-box-text .ls-sub-titulo {display: none !important;}
	
	
	
	/* Content ============================*/
	/*=====================================*/
	.nivel-bar h1{ margin: -10px 0 0 0; text-align: center; }
	.veja-mais{ float: none; text-align: center; }
	
	
	
	/* Informações Home ===================*/
	/*=====================================*/
	.home-info{
		text-align: center;
		}
		
	.endereco,
	.newsletter,
	.catalogo{ width: 100%; padding: 0; margin: 0 0 60px 0; border-top: none; }
	.newsletter{ padding-left: 5%; padding-right: 5%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
	.catalogo{ text-align: left; }
	
	
	
	/* Produtos/Projetos Home =============*/
	/*=====================================*/
	.home-produtos,
	.home-projetos,
	.home-projetos ul{ text-align: center; }
	
	.home-produtos li a img{
		width: 150px;
		float: none;
		margin: 0 auto 20px;
		}
	
	.home-produtos li a .descricao{
		max-width: 300px;
		line-height: 22px;
		margin: 0 auto;
		}	
	
	.home-projetos ul{ height: auto; }
	.home-projetos ul li{
		margin: 5px;
		}
	
	
	
	/* Footer =============================*/
	/*=====================================*/
	#anti-footer .align > ul{ width: 100%; margin: 0; }		
	#anti-footer .align > ul li .titulo{
		height: auto;
		padding: 10px 0;
		}
	
	#anti-footer ul ul{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 15px 0;
		text-align: center;
		border-bottom: 1px solid #ddd;
		}
}

@media handheld, screen and (max-width: 360px){
	
	.bannerHome{ height: 140px !important; }
}

@media handheld, screen and (max-width: 320px){
	.bannerHome{ height: 125px !important; }
}
