@charset "utf-8";
/* CSS Document */


/*topo*/
#topo{ width:100%; height:90px; background:#074F90;}

#logo{ width:330px; height:110px;  z-index:99;  float: left;-webkit-box-shadow: 5px 5px 5px undefinedpx ##000;
box-shadow: 5px 5px 5px undefinedpx ##000;  /*position:absolute; z-index:99;*/}
#logo2{ width:330px; height:110px;  z-index:99;  float: left;-webkit-box-shadow: 5px 5px 5px undefinedpx ##000;
box-shadow: 5px 5px 5px undefinedpx ##000;  position:absolute; z-index:99;}

#logo_estabiliza{ width:330px; height:90px;  float: left;-webkit-box-shadow: 5px 5px 5px undefinedpx ##000;
box-shadow: 5px 5px 5px undefinedpx ##000; display: block;}


#redes{ background:#959595; float:right; height:90px; width:200px; text-align:center; }
#redes img{ width:30%; height:auto; padding:10px; margin-top:10px;}

/*imagem grande*/
#banner{ width:100%; height:auto;}
#banner img{ width:100%; height:auto;}

/*Categorias*/
#categorias { width:100%; height:auto; display:block;}
#categorias img{ width:100%; height:auto;}
#categorias_res{ display:none;}


/*menu*/
.menu{ float:left; display: block;-webkit-transform: skew(-18deg); 
  -moz-transform: skew(-18deg); 
  -o-transform: skew(-18deg); position:relative; z-index:98;}
.menu li a{ color:#FFF; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:20px; padding-top:30px; }
.menu li a:hover{ color:#fff; text-decoration:none; background:#064278;transition-duration: 0.4s;
transition-timing-function: ease-in;
transition-property: all; }

.menu ul li a {
	width:148px;
	height:90px;
    display: inline-block;
}
.menu ul li { display: inline; }

.menu_responsivel{ display:none;}

/*loading*/
#loading{position: fixed;
background:#fff;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
	display:flex;}
	#loading img{align-self: center;
margin:auto;}

/*Quem somos*/
#quem_somos{ width:100%; height: auto; }
#texto{ width:100%; height:auto; padding-top:80px; padding-bottom:80px; background:url(../img/bgzinho.png) repeat;   padding-left:50px; padding-right:50px;}
#quem_somos2{ width:100%; height: auto; z-index:10;background: url(../img/bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; padding-top:10%; z-index:11;}
#texto{ color:#FFF; width:100%; height:auto; padding-top:80px; padding-bottom:80px; background:url(../img/bgzinho.png) repeat;   padding-left:50px; padding-right:50px;}
	.textinho{color:#FFF; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
	
	#texto h1, #texto p{color:#FFF}


/*Produtos*/
#banner_produto{ width:100%; height:150px; background:url(../img/produto.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:100%; min-height:150px;}
#banner_produto p{ color:#FFF; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  padding-bottom:15px; margin-left:50px; float:left; margin-top:50px;}

/*MENU LATERAL*/
#manu_lateral{ width:250px; height:auto; min-height:400px; background-color:#084F91; margin-left:25px; position:absolute; z-index:99; margin-top:50px; padding-bottom:15px; float:left;}
#buscar{ background-color:#83A7C9; width:90%; margin:0 auto; height:40px; -moz-border-radius-topleft: 28px;
-moz-border-radius-topright:28px;
-moz-border-radius-bottomleft:28px;
-moz-border-radius-bottomright:28px;
-webkit-border-top-left-radius:28px;
-webkit-border-top-right-radius:28px;
-webkit-border-bottom-left-radius:28px;
-webkit-border-bottom-right-radius:28px;
border-top-left-radius:28px;
border-top-right-radius:28px;
border-bottom-left-radius:28px;
border-bottom-right-radius:28px; margin-top: 15px; padding-left:5px; padding-top:8px;}
.buscar{ background:#83A7C9; float:left; width:80%; height:20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:900; border:0;}
.titulo_menu{ color:#FFF; text-align:center; font-size:22px; padding-top:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
.buscar::-webkit-input-placeholder { /* Chrome, Safari, Opera */
  color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:900;
}
 
.buscar:-moz-placeholder { /* Firefox 18- */
color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:900;}
 
.buscar::-moz-placeholder {  /* Firefox 19+ */
 color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:900;
}
 
.buscar:-ms-input-placeholder { /* IE10+ */ 
 color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:900;
}
#manu_lateral li{ color:#FFF; margin-left:20px; display: block; }
#manu_lateral li:hover{ color:#FFF; text-decoration:underline; margin-left:20px; display: block; }
#manu_lateral_res{ display:none;}

#banner_produto_res p{ display:none;}
#manu_lateral_res{ display:none;}

/*PRODUTO*/
#fixa_produtos{ width:78%; height:auto; float:right; margin-top:30px; }
.produto{ width:480px; float:left; height:auto; margin-top:50px;box-shadow:0 0 10px #000;margin: 20px;padding: 10px}
.foto_produto{ width:250px; height:auto; margin-left:20px; float:left;}
.foto_produto img{ width:250px; height:auto;}
.titulo_produto{ color:#084F8F; margin-left:15px;}
.veja_mais{ background:#FFF; border:0; padding:5px 40px; margin-left:40px; border:solid 1px #084F8F; color:#084F8F; font-weight:900; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.veja_mais:hover{ background:#084F8F; border:0; padding:5px 40px; margin-left:40px; border:solid 1px #084F8F; color:#fff; font-weight:900; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
