@charset "iso-8859-1";
/* CSS Document */

/********| HTML **********/
body {margin:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#717171; font-size:16px;}
*{margin:0; padding:0}
a, a:link, a:hover, a:active, a:visited{ color:#999999; text-decoration:none;}
*{margin:0; padding:0}
/********| TITULOS ********/
.titulos{font-size:30px; color:#0077d1; padding: 0 0 0 10px; border-left:#0077d1 solid 5px; margin: 0 0 10px 0}
.titulo_rodape{font-size:30px;}
.titulo_parceiros{font-size:30px; color:#0078d2; margin: 20px 0 0 0;}
.email{font-size:20px; margin: 10px 0 0 0; color:#FFF;}
/********| TOPO **********/
#topo{width:100%; height:159px; float:left; background:url(../imagens/back_top.jpg) center top;}
/********| ESTRUTURA *****************/
#centraliza{width:1000px; height:auto;  margin: 0 auto;}
/********| TOPO *****************/
.logo{width:229px; height:215px; position:absolute; margin: 20px 0 0 0; z-index:200;}
.logo_2{ width:400px; height:125px; margin: 0 auto;}
.face{width:133px; height:38px; float:right; margin: 5px 0 0 0}
#banner{width:100%; height:370px; float:left; background:url(../imagens/linha.png) bottom no-repeat;}
/********| CORPO *****************/
.news{width:255px; height:775px; float:left; margin: 20px 0 0 0;}
.box_news{width:255px; height:150px; float:left;  margin: 0 0 10px 0;}
.mini_news{width:90px; height:80px; float:left; margin:0 5px 5px 0;}
.titulo_news h1 {font-size:15px; color:#7e9ecc; text-transform:uppercase;}
.titulo_news:hover a h1 {color: #0078d2;}
.ver_not a h1 { float:right; background:url(../imagens/bg_ver.jpg); color:#FFF; padding: 5px 10px 5px 10px; font-size:16px; margin: 0 0 0 0;}
/********| V�DEOS ********/
.video{ width:350px; height:300px; float:left;  margin: 20px 0 0 45px;}
/********| DEPOIMENTOS *****/
.depoimentos{ width:310px; height:300px; float:right;margin: 20px 0 0 30px;}
.texto_depo{ width:auto;height:auto; float:left; margin: 0 0 0 10px; font-size:15px; text-align:justify;}
.titu_depo{width:auto; height:auto; float:right; margin: 0 0 0 0; color:#0077d1; font-size:16px;}
/********| BANNER HOME *****/
.banner_home{ width:700px; height:114px; float:right;  margin: 30px 0 0 0; box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);-moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);}
/********| LOJA VIRTUAL *****/
.loja{width:350px; height:305px; float:left; margin: 30px 0 0 45px; background:url(../imagens/back_face.png);}
.ver_loja a h1 {  position:absolute; background:url(../imagens/bg_ver.jpg); color:#FFF; padding: 5px 10px 5px 10px; font-size:16px; margin: -30px 0 0 245px;}	
/********| FACEBOOK *****/
.facebook{ width:308px; height:300px; float:right; margin: 30px 0 0 30px; border: 1px #e3e3e3 solid;}
/********| PARCEIROS *****/
#parceiros{width:100%; height:200px; float:left; background:url(../imagens/back_parceiros.png); margin: 20px 0 0 0}
ul#parca{width:1000px; /*width:1005px\9; E por fim IE8 */ height:auto;margin: 15px auto;float:left;list-style-type: none;}
ul#parca li{width:183px;height:110px;float:left;margin: 0 20px 0 0;}
#parca li:last-child { margin:0 }
/********| RODAP� *****/
#rodape{width:100%; height:120px; float:left; background:#072643; margin: 0 0 0 0}
.inovasite{width:21px; height:21px; float:right;  margin: 30px 0 0 0}
.faleconosco{width:380px; height:100px; float:left; margin: 20px 0 0 0;}
/******** | INTERNAS *****/
#cont_int{width:680px; height:auto; float:left; margin: 15px auto; text-align:justify;}
#lateral{width:300px; height:auto; float:right; margin: 15px auto;}
#cont_projetos{width:1000px; height:auto; float:left; margin: 15px auto; text-align:justify;}

/***** CONTATO ***/
.form{width:70%;height:30px;border:#0078d2 solid 1px;	}
.form_area{width:90%;height:230px;float:left;border:#0078d2 solid 1px;	}
.form_botao{width:180px;height:20px;margin: 10px 0 0 0;color:#FFF;	background:#0078d2;	border: #0078d2 1px solid;}
/***** FOTOS ***/
.box_fotos{ width:210px; height:300px; float:left; margin: 0 3px 0 10px;}
.mini_fotos{ width:202px; height:150px; border:4px solid #0077d1; margin: 0 0 10px 0;} 
.titulo_fotos h1 {font-size:15px; color:#0077d1; text-transform:uppercase; }
.titulo_fotos:hover a h1 {color: #0078d2;}
.paginacao{width:100%;height:20px;clear:both;text-align:center;margin: 5px auto;}
/*** PRODUTOS***/
.box_produtos{ width:210px; height:300px; float:left; margin: 0 3px 10px 10px; border-bottom:#0077d1 solid 2px;}

.box_news_int{width:100%; height:auto; float:left;  margin: 0 0 10px 0;}
 
 
.imgs-box {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.imgs-box__block {
	float: left;
	width: 49%;
	margin-bottom: 25px;
}

.imgs-box__block.last {
	margin-left: 2%;
}

.imgs-box__block .img {
	margin-bottom: 8px;
}