html, body {
width: 100%;
height: 100%;
}
body {
font-family: Helvetica Neue, sans-serif;
color: #063F87;
font-size: 16px;
font-weight: 400;
margin: 0 auto;
padding: 0;
background-image: -webkit-repeating-linear-gradient(top, rgba(0,158,227,0.5), /*transparent*/rgba(112,235,255,0.3) 50%, rgba(0,158,227,0.5) 100%);
background-image: -moz-repeating-linear-gradient(top, rgba(0,158,227,0.5), /*transparent*/rgba(112,235,255,0.3) 50%, rgba(0,158,227,0.5) 100%);
background-image: -o-repeating-linear-gradient(top, rgba(0,158,227,0.5), /*transparent*/rgba(112,235,255,0.3) 50%, rgba(0,158,227,0.5) 100%);
background-image: repeating-linear-gradient(top, rgba(0,158,227,0.5), /*transparent*/rgba(112,235,255,0.3) 50%, rgba(0,158,227,0.5) 100%);
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#660666B1,endColorstr=#ffff0000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#660666B1,endColorstr=#ffff0000)";*/
background-repeat: no-repeat;
background-attachment: fixed;
}
@font-face {
font-family: Helvetica Neue;
src: url(font/HelveticaNeueLTCom-BdCn.ttf), url(font/HelveticaNeueLTCom-BdCn.woff);
font-weight: bold;
}
@font-face {
font-family: Helvetica Neue;
src: url(font/HelveticaNeueLTCom-BdCnO.ttf), url(font/HelveticaNeueLTCom-BdCnO.woff);
font-weight: bold;
font-style: oblique;
}
@font-face {
font-family: Helvetica Neue;
src: url(font/HelveticaNeueLTCom-LtCn.ttf), url(font/HelveticaNeueLTCom-LtCn.woff);
font-weight: 400;
}
@font-face {
font-family: Helvetica Neue;
src: url(font/HelveticaNeueLTCom-LtCnO.ttf), url(font/HelveticaNeueLTCom-LtCnO.woff);
font-weight: 400;
font-style: oblique;
}
@font-face {
font-family: Helvetica Neue;
src: url(font/HelveticaNeueLTCom-UltLtCn.ttf), url(font/HelveticaNeueLTCom-UltLtCn.woff);
font-weight: 200;
}
@font-face {
font-family: Glyphicons;
src: url(font/glyphicons-regular.eot?#iefix) format('eot');
src: url(font/glyphicons-regular.woff) format('woff'),
url(font/glyphicons-regular.ttf) format('truetype');
}
.glyphicon, .halflings {
position: relative;
/* top: 1px;*/
display: inline-block;
font-family: Glyphicons;
font-size: 1em;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-left:before {
content: "\E225";
}
.glyphicon-chevron-right:before {
content: "\E224";
}
.glyphicon-quadrado:before {
content: "\e176";
color: #839097;
font-size: 1.2em;
vertical-align: sub; /*middle*/
display: inline-block;
margin-left: -0.1em;
}
.glyphicon-triangulo:before {
content: "\e174";
color: #CD1619;
font-size: 1.1em;
vertical-align: middle;
display: inline-block;
/* padding: 0 0 0.02em 0.06em;*/
}
.glyphicon-losango:before {
content: "\e176";
color: #3FA435;
font-size: 1.1em;
vertical-align: middle;
display: inline-block;
}
.glyphicon-circulo:before {
content: "\1F534";
color: #000;
line-height: 85%; /*70%*/
vertical-align: top;
display: inline-block;
padding-right: 0.23em;
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-download:before {
content: "\e201";
}
.glyphicon-map-marker:before {
content: "\e243";
}
.glyphicon-earphone:before {
content: "\e443";
}
/*-search:before {
content: "\e028";
}*/
.glyphicon-triangulo {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.glyphicon-losango {
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.linhas .glyphicon-quadrado + p {
color: #839097;
line-height: 100%;
margin-bottom: 0.625em;
}
.linhas .glyphicon-triangulo + p {
color: #CD1619;
line-height: 100%;
margin-bottom: 0.625em;
}
.linhas .glyphicon-losango + p {
color: #3FA435;
line-height: 100%;
margin-bottom: 0.625em;
}
.linhas .glyphicon-circulo + p {
color: #000;
}
.glyphicon-envelope, .glyphicon-map-marker {
padding-right: 0.3334em; /*0.375em*/
font-size: 1.125em;
vertical-align: text-bottom;
}
.mapa .glyphicon-envelope {
vertical-align: bottom;
}
.mapa .glyphicon-earphone {
padding: 0.06em 0.2em 0 0;
font-size: 1.2em;
}
.glyphicon-download {
font-size: 2.5em;
float: left;
margin-left: 10%;
padding-top: 0.1em;
}
.glyphicon-map-marker, .glyphicon-earphone {
float: left;
/* padding-right: 0.3334em;*/
padding: 0.16em 0.2em 0 0;
font-size: 1.3em;
font-weight: bold;
}
.glyphicon-map-marker + p, .glyphicon-earphone + p {
padding-left: 1.7em;
line-height: 150%;
}
/*.descricao .glyphicon {
vertical-align: sub;
}
/*p + p.glyphicon {
margin: 0;
}*/
@font-face {
font-family: Glyphicons Halflings;
src: url(font/glyphicons-halflings-regular.eot?#iefix) format('eot');
src: url(font/glyphicons-halflings-regular.woff) format('woff'),
url(font/glyphicons-halflings-regular.ttf) format('truetype');
}
.halflings-menu-right:before {
content: "\e258";
margin-right: -0.14em;
/* display: block;
height: 1em;
width: 100%;
/* -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);*/
}
.halflings-menu-left:before {
content: "\E257";
margin-left: -0.14em;
/* display: block;
height: 1em;
width: 100%;
margin-left: -23%;
/* -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);*/
}
.halflings-triangle-bottom:before {
content: "\E252";
vertical-align: text-bottom;
display: inline-block;
line-height: 60%;
}
.halflings-triangle-top:before {
content: "\E253";
vertical-align: text-bottom;
display: inline-block;
line-height: 60%;
}
.halflings-triangle-left:before {
content: "\E251";
vertical-align: text-bottom;
}
.halflings-triangle-right:before {
content: "\E250";
vertical-align: text-bottom;
}
.halflings {
font-family: Glyphicons Halflings;
vertical-align: bottom;
font-size: 1.1em;
/* font-size: 5.681em;
color: #fff;
width: 100%;
/ font-size: 1em;
display: inline-block;
color: #762182;*/
}
.banner .halflings {
font-size: 5.681em;
color: #fff;
width: 100%;
/* line-height: 87%;*/
}
.categorias .halflings {
float: right;
font-size: 0.727em;
}
.paginas .halflings {
font-size: 1em;
/* vertical-align: top;*/
}
.dropdown .halflings {
font-size: 0.7em;
vertical-align: initial;
padding-left: 0.25em;
}
@font-face {
font-family: Glyphicons Social;
src: url(font/glyphicons-social-regular.eot?#iefix) format('eot');
src: url(font/glyphicons-social-regular.woff) format('woff'),
url(font/glyphicons-social-regular.ttf) format('truetype');
}
.social {
font-family: Glyphicons Social;
font-size: 1.875em;
color: #0666B1;
padding-right: 0.1em; /*15.85%*/
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
vertical-align: middle;
}
.social-facebook:before {
content: "\E031";
}
.social-youtube:before {
content: "\E023";
}
.social-linkedin:before {
content: "\E018";
}
a {
color: inherit;
text-decoration: none;
/* vertical-align: top;*/
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
a, img {
border: 0 none;
}
/*:not(li) > a { :not(.catalogos)*/
.coluna a, .catalogos a, .icones a, .paginas a, .foto-produto a, .downloads > a, .botao-topo a {
display: inline-block;
height: 100%;
}
.sociais a, .descricao a, .resultados a {
color: #0666B1;
}
/*.corpo a*/:not(li) > a:hover, .social:hover, .topo .icones .social:hover/*, .catalogos h2:hover*/ {
color: #009EE3;
}
a > h4:hover {
color: #5467AE;/*#7d97f9*/
}
h1 {
font-size: 1.875em;
font-weight: 200;
color: #13377F;
margin: 0;
}
.banner h1 {
color: #fff;
font-size: 2.750em;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.separador h1 {
line-height: 100%;
text-align: center;
padding: 0 0.9em;
float: left;
/* margin: 0 2.803316219260859%;*/
}
.descricao h1 {
font-weight: 400;
margin-bottom: 0.2em; /*0.4em*/
}
.downloads h1 {
/*float*/text-align: right;
}
h2 {
font-size: 1.625em;
font-weight: 200;
color: #13377F;
margin: 0.3077em 0 0; /*2.3% 0 0*/
padding-left: 0.6154em; /*4.6%*/
}
.mapa h2 {
margin: 1em 0;
padding: 0;
}
h3 {
font-size: 1.125em;
font-style: oblique;
margin: 0 0 0.889em;
}
.produtos h3, h4, .sitemap .coluna:last-of-type h3 { /*.linha-produto*/
margin-top: 0.667em;
}
.descricao h3 {
margin: 0.889em 0 0.15em;
}
#sudeste h3, #sul h3, .resultados h3 {
margin: 1em 0 0;
}
h4 {
color: #009EE3;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.descricao h4 {
font-size: 1.125em;
margin: 0.889em 0 0.889em;
}
hr {
height: 8px;
background-color: #13377F;
border: 0;
margin: 0;
width: 100%;
}
hr.menor {
width: 74.38772%; /*75.38771968119939% /40%*/
height: 6px;
/*margin-right: 19.99%;*/
float: right; /*left*/
/* margin-top: 0.7em; /*1em
margin-bottom: 3.835%;*/
}
.catalogos .menor, .resultados .menor, .popup .menor {
float: none; /*left*/
width: 64.38772%;
}
.descricao .menor {
float: none;
width: 95%;
margin-bottom: 0.75em;
}
/*.downloads .menor {
width: 80%;
margin: 0;
}*/
.downloads hr + a {
float: right;
margin-top: 0.25em;
}
hr.final {
width: 108.216%;
margin: 1.875em 0 1.875em -4.1%;
float: left;
}
/*.paginas + */.final.share {
margin: 1em 0 1em -4.1%;
}
.metade-direita hr {
height: 6px;
margin: 1em 0; /*1.875em 0 */
}
.linhas p, .info-produto p, .compartilhar p, .descricao p, .metade-direita p, .downloads p, .pequena-1 p, .mapa p, .resultados p, .botao-topo p, .sitemap p {
margin: 0;
}
.contato p:first-of-type {
margin-top: 0;
}
.resultados .menor + p {
margin: 1em 0;
}
.galeria p {
text-align: center;
clear: both;
}
.wrapper {
width: 66.6%;
/*min-*/height: 100%; /*200*/
/* float: left;*/
margin: 0 16.7%;
/* padding: 0 2.5%;*/
background-color: #fff;
border-left: solid transparent 0.8em/*12px*/;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
box-sizing: border-box;
/* height: 1px;*/
position: fixed;
z-index: -1;
}
.conteudo {
width: 66.6%; /*65.842%*/
height: 100%;
margin: 0 16.7%; /*17.458%*/
padding: 0 2.5%;
border-left: solid transparent 0.8em;
box-sizing: border-box;
}
.topo {
height: 18.726114649681527%; /*19.142%*/
width: 66.6%;
margin: 0 16.7%;
padding: 0 2.5%;
border-left: solid transparent 0.8em;
box-sizing: border-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #005ca9;
}
/*.topo, .corpo {
width: 100%;
height: 100%;
padding: 0 2.5%;
box-sizing: border-box;
}*/
.logo {
max-width: 37.897%; /*973.590w 37.490113908318695% / 1053w 34.64345713228106%*/
margin: 1.662% 0 1.143%; /*1em 0 0.6875em /1.642% 0 0.9% /1.662% 0 1.102% /1.246% /1.2865144915874557%*/
float: left;
}
.logo img, .logo-rodape img {
width: 100%;
}
.logo a {
display: inline-block;
width: 100%;
height: 100%;
}
.busca {
width: 49.4%; /*48.75% /49.940559313499006*/
height: 23.809523809523808%; /*24.34% /2.23%*/
float: right;
margin-top: 1.2%; /*9.76% /9.759693504093361%*/
clear: right;
}
/*.busca */input:not(.botao):not([type="radio"]), select, textarea {
width: 100%;
height: 100%;
font: inherit;
color: inherit; /*#0666B1*/
padding: 0.5em; /*1.705%/*1.665% /9px 1.874%*/
border: 0 none;
box-sizing: border-box;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.botao { /*input[type="submit"]*/
width: auto;
width: initial;
border: none;
cursor: pointer;
outline: none;
font-family: inherit;
font-size: 1.625em;
font-weight: 200;
color: #fff;
background-color: #009EE3;
float: right;
padding: 1.115% 6.936% 0.891%; /*1.005% 6.936% /1.115% 6.936% 0.893%*/
margin: 6.237% 0 0.6154em;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.botao:hover {
background-color: #0666B1;
}
.busca .botao {
top: -1.2em;
right: 0; /*-3.5%*/
float: right;
padding: 0 1.665%;
background: none;
font-family: Glyphicons;
font-size: 1.563em;
color: #13377F;
margin: 0;
}
::-webkit-input-placeholder {
color: #0666B1;
}
:-moz-placeholder {
color: #0666B1;
}
::-moz-placeholder {
color: #0666B1;
}
:-ms-input-placeholder {
color: #0666B1;
}
.menu {
width: 65.843%; /*108.216% /108.2% /100*/
height: 6.369426751592357%; /*3.185% /3.125*/
clear: both;
background-color: #cd1619; /*#005CA9*/
color: #fff;
font-size: 1.625em;
font-weight: 200;
/* margin-left: -4.1%;*/
margin: 0 16.2%; /*17.45%*/
border-left: solid transparent 0.8em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.nav, ul/*:not(.bla)*/ {
list-style-type: none;
margin: 0;
padding: 0;
height: 100%;
}
.nav > li {
display: inline-block;
width: 20.02%; /*19.523%*/
height: 100%;
text-align: center;
padding: 0.912% 0; /*1.103530337488365%*/
box-sizing: border-box;
margin-left: -6.5px; /*-0.5px /-0.36%*/
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.nav li:hover, .nav li.active {
background-color: #009EE3;
}
.nav li:first-of-type {
margin: 0;
}
.nav > li > a {
padding: 5% 2% 5.5%; /*6% 2% 4.5%*/
/*box-sizing: border-box;*/
}
ul.dropdown {
width: 100%; /*300%*/
/* min-height: 10em;*/
height: initial;
padding: /*0.5em*/0;
position: absolute;
top: 100%;
left: 0;
/* z-index:-1;*/
opacity: 0;
transition: opacity linear 0.2s;
/* box-shadow: 0px 2px 3px rgba(0,0,0,0.2);*/
background-color: rgba(0,0,0,0.9);
font-size: 0.9em; /*1em/0.615/*1.5rem*/
box-sizing: border-box;
visibility: hidden;
}
li[data-funcao="produtos"] > ul.dropdown {
width: 400%; /*300%/ <-------------*/
min-height: 13.15em; /*10em*/
}
.menu li:hover > .dropdown {
z-index: 2;
opacity: 1;
visibility: visible;
}
.menu > ul > li {
position: relative;
}
.dropdown li {
width: 100%;/*7.8264em /50%*/
/* height: initial;*/
display: block;
padding: 0.5em 0;
float: left;
clear: both;
/* text-align: left;*/
}
li[data-funcao="produtos"] > ul.dropdown li {
width: 8.917em; /*8.0255em/*7.8264em*/
height: initial;
}
.dropdown .dropdown {
width: 8.917em; /*8.0255em/*7.8264em /100%*/
left: 8.917em; /*8.0255em/*7.8264em /50%*/
top: 0;
background: none;/* <-------------*/
font-size: inherit;
}
.dropdown .dropdown + .dropdown {
left: 17.834em;
}
.banner {
/* position: absolute;
left: 0;*/
width: 108.25%; /*100%*/
height: 49.937%;
margin-left: -4.1%;
/* height: 51.042%;25.521%;
margin-left: -30%;*/
}
.titulo {
position: absolute;
top: 10%;
/*left*/right: 10%;
background-color: rgba(84,103,174,0.7);
padding: 1em;
width: 21.795%;
/*height: 45.205%;*/
box-sizing: border-box;
display: none;
}
.banner-categoria .titulo {
top: 30%;
right: 20%;
display: block;
}
.titulo h1 {
color: #fff;
}
.corpo {
width: 100%;
height: 100%;
/* margin-top: 40.701%; /*40.2% /40.2%*/
padding-top: 3.115%; /*3.077%*/
/* position: relative;
top: 25.25%;*/
}
.separador {
width: 100%;
margin: 1.875em 0; /*3.115%*/
display: table;
white-space: nowrap;
/* transform: translateY(200%);*/
}
.corpo > .separador:first-of-type {
margin-top: 0;
}
.separador:after {
content: '';
display: table;
clear: both;
}
.separador:before, .separador:after {
content: "";
display: table-cell;
width: 50%;
position: relative;
top: 0.7em;
border-top: solid 8px #13377F;
}
.lancamentos {
width: 100%;
height: 30.19108280254777%; /*15.096% /15.43%*/
}
.coluna {
float: left;
height: 100%;
margin-right: 1.246%;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.coluna:last-of-type, .linha-media:last-of-type, .dois .coluna:last-of-type {
margin: 0;
}
.coluna img, .catalogos img, .banner-categoria img, .foto-produto img, .downloads img, .mapa img, .botao-topo img {
max-width: 100%;
height: auto;
}
/*.corpo .coluna img, .banner-categoria img {
height: 100%;
}*/
.media-3 {
width: 32.502721120219%;
overflow: hidden;
}
.legenda {
position: relative;
bottom: 4em;
width: 100%;
height: 3.750em;/*25.316455696202533%*/
background-color: rgba(84,103,174,0.7);
padding-top: 1.3%;
box-sizing: border-box;
visibility: hidden;
}
.legenda h1 {
width: 71.50772%;
float: right;
padding-left: 2.88%;
color: #fff;
}
.destaques {
width: 100%;
height: 61.9108280254777%; /*30.956% /30.701200252684774%*/
}
.linha-media {
height: 48.766%; /*48.766% /49.173%*/
margin-bottom: 1.246%;
}
.linha-media:after {
content: '';
display: table;
clear: both;
}
/*.menor-3 {
width: 36.2%; /*39.766% /39.76555970284848% /21.983575489576754%/
float: left;
}
.catalogos {
width: 36.132%; /*39.766% /39.76555970284848% /21.983575489576754%*/
/* height: 22.166%; /*24.19456727732154%/
float: left;
/* padding: 0 1em;
box-sizing: border-box;/
clear: both;
}*/
.texto {
margin: 0.750em 0; /*3.45% 0 0*/
padding: 0 1em;
}
.clearfix:after {
content: '';
display: table;
clear: both;
}
/*.menor-4 {
width: 30.38534428300695%;
/* float: right;/
}
.newsletter {
width: 49.940559313499006%;
/* height: 22.166%;
float: right;*/
/* padding: 0 1em;
box-sizing: border-box;/
clear: right;
}*/
#news {
width: 100%;
padding: 0 1em;
box-sizing: border-box;
margin-top: 6.24%; /*10.255%*/
}
#news input:not([type="radio"]):not([type="submit"]) {
padding: 1.785%;
margin-bottom: 1em;
}
/*#news label, */legend {
display: inline-block;
margin-bottom: 1em;
padding: 0;
}
input[type="radio"] {
/* vertical-align: top;*/
margin: 0 2.23% 2.675% 0; /*0 2.23% 2.57% 0*/
}
.catalogos {
width: 36.132%;
float: left;
}
.maior-3 {
width: 36.132%;
float: left;
margin-right: 0.75em;
}
.maior-3:nth-child(even) {
margin: 0;
}
.maior-4 {
width: 49.942%;
float: right;
}
.rodape {
/* position: absolute;
left: 0;*/
width: 108.216%; /*164.359% /100%*/
margin-left: -4.1%; /*-32.8%*/
height: 23.94904458598726%;
padding: 0.750em 2.5em 1em; /*0.750em 32.1799% 1em /19.57849020846494% /19.5789% /19.9%*/
box-sizing: border-box;
background-color: #13377F;
/* background-image: url(img/fundo-rodape.png);*/
color: #fff;
clear: both;
}
.infos {
float: left;
width: 32.182532%; /*31.18253222515821%*/
height: 100%;
}
.logo-rodape {
max-width: 92.061%; /*29.625964937781957% /18.025331648768161%*/
/* float: left;*/
}
.rodape .texto {
margin: 0.624em 0 0;
padding: 0;
/* float: left;
clear: both;*/
}
.links {
float: right;
width: 43.39668481900441%;
height: 100%;
padding: 2.7% 0 2%; /*1.523% 0 1%*/
box-sizing: border-box;
}
.colunas-links {
width: 47.854%; /*20.765305327858216%*/
float: left;
border-left: #fff solid 6px;
padding-left: 0.750em;
box-sizing: border-box;
/* padding-top: 0.25em;
padding-bottom: 0.25em;*/
}
.colunas-links p {
margin: 0;
}
.colunas-links p:nth-of-type(2), .sitemap p span {
padding-left: 0.750em;
display: inline-block;
}
.colunas-links:last-of-type {
border-right: #fff solid 6px;
}
.sociais {
height: 6.1146496815286625%;
padding: 0.778% 0 1.096%;
box-sizing: border-box;
}
.sociais p {
float: left;
margin: 0.57% 0;
}
.icones {
float: right;
height: 100%;
}
/*.maior*/.menor-3 + div {
overflow: hidden;
}
.catalogos img, .produtos img {
transition: all .2s ease-in-out;
vertical-align: middle;
}
.catalogos img:hover, .produtos img:hover {
transform: scale(1.1);
}
/*.fundo {
background-image: -webkit-repeating-linear-gradient(top, rgba(6,102,177,0.4), transparent 50%, rgba(6,102,177,0.4) 100%);
background-image: -moz-repeating-linear-gradient(top, rgba(6,102,177,0.4), transparent 50%, rgba(6,102,177,0.4) 100%);
background-image: -o-repeating-linear-gradient(top, rgba(6,102,177,0.4), transparent 50%, rgba(6,102,177,0.4) 100%);
background-image: repeating-linear-gradient(top, rgba(6,102,177,0.4), transparent 50%, rgba(6,102,177,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#660666B1,endColorstr=#ffff0000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#660666B1,endColorstr=#ffff0000)";
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
z-index: -2;
}*/
.banner-categoria {
width: 108.216%;
height: 38.21656050955414%;
margin-left: -4.1%;
/* position: relative;*/
}
.breadcrumbs {
width: 67.7%; /*54.7%*/
height: 3.821656050955414%; /*4.8407643312101914%*/
margin-left: -4.1%;
}
.breadcrumbs:before {
content: '';
display: inline-block;
float: left;
width: 2.5em; /*7.595%*/
height: 100%;
background-color: #0666B1;
margin-right: 1em;
}
.links-nav {
display: block;
padding: 0.86% 0; /*1%/*1.045% /1.85%*/
}
.desat, .atual {
color: #0666b1;
font-style: oblique;
}
.lateral {
width: 28.865%;
margin: 3.750em 1.875em 1em 0;
float: left;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.categorias {
font-weight: 200;
font-size: 1.875em;
color: #13377F;
line-height: 100%;
}
.categorias li {
height: 1.667em; /*3.125em /6.37%*/
padding: 0.3em 0.5333em;
box-sizing: border-box;
background-color: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.categorias li.active { /*:last-of-type*/
/* border: 0 none;*/
background-color: #063F87;
}
.categorias > li.active {
background-color: #0666B1;
color: #fff;
}
.subcategorias {
background-color: #0666B1;
color: #fff;
transition: all 1s; /*.35s*/
-moz-transition: all 1s; /*.35s*/
-webkit-transition: all 1s; /*.35s*/
}
.subcategorias li {
background-color: #0666B1;
padding-left: 0.9333em;
}
.subcategorias > ul li {
padding: 0.346em 1.0765em;
height: 1.9225em;
font-size: 0.867em;
background-color: #009EE3;
}
.subcategorias > ul {
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
.collapse {
/* display: none;
height: 0;*/
overflow: hidden;
max-height: 0;
}
.expand {
/* display: block;
height: auto;*/
overflow: hidden;
max-height: 1500px; /*500*/
}
.expandir {
display: inline-block;
float: right;
/* width: 16%;*/
height: 100%;
}
.linhas {
padding: 1em;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.linhas .glyphicon {
float: left;
line-height: 65%;
}
.produtos {
width: 68.022%; /*69.09655347844821%*/
/* height: 100%;*/
float: left;
margin-top: 3.750em;
}
.linha-pequena, .maior-3 {
margin-bottom: 4.58%;
}
.pequena-3 {
width: 32.5%;/*22.20589838497838%*/
box-shadow: none;
}
/*.produtos .foto-produto {
height: 170.5px;
}*/
.foto-produto {
/* height: /*26.024779398633274%/170.5px;*/
overflow: hidden;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.linha-produto {
/* font-weight: bold;
color: #009EE3;*/
clear: both;
margin-top: 1.875em; /*3.750em*/
}
.paginas {
/* width: 22.166963437488643%;*/
height: 3.821656050955414%;
font-size: 1.125em;
font-weight: bold;
float: right;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
/*.flatview*/.paginas a span {
/* display: inline-block;
height: 100%;*/
vertical-align: sub;
}
.paginas a {
width: 1.975em; /*16.66690111456531%*/
text-align: center;
/* padding: 0.25em 0;
box-sizing: border-box;*/
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.paginas a:hover {
background-color: rgba(84,103,174,0.8);
color: #fff;
}
.anterior, .proximo {
background-color: #0666B1;
color: #fff;
}
.paginas a.anterior:hover, .paginas a.proximo:hover {
background-color: #063F87;
}
.paginas a.disabled {
display: none;
}
.selected {
background-color: #009EE3;
color: #fff;
}
.paginas a:not(:first-child) {
margin-left: -4.5px; /*-3.6px /-2.8% /-4px*/
}
.compartilhar {
width: 100%;
height: 2.5477707006369428%;
margin-bottom: 1em;
clear: both;
text-align: right;
}
.compartilhar p, .maior-3 p {
display: inline-block;
padding-right: 0.1875em; /*0.375em*/
}
.twitter-tweet-button {
vertical-align: bottom;
padding-left: 0.1875em; /*0.375em*/
}
.metade-esquerda {
width: 49.37%;
float: left;
}
.descricao, .downloads, .pequena-1, .contato, .mapa, .pdv, .resultados, .empresa, .producao, .galeria, .sitemap {
/* width: 49.37%;
float: left;*/
margin-top: 3.750em;
}
#codigos, #metro, #abcd, #interior, #litoral {
margin-bottom: 1em;
}
/*#linha + #codigos {
margin: 0;
}*/
.metade-direita {
width: 49.4%;
float: right;
/* height: 25.924%;*/
margin-bottom: 1.875em;
}
.descricao + .foto-produto {
width: 49.4%/*8%*/;
height: 42.676%;
float: right;
margin-top: 3.750em;
}
.foto-produto + .metade-direita > p {
font-size: 0.938em;
text-align: right;
margin-top: 0.5em;
}
.mais-fotos {
margin-top: 0.75em;
height: 47%;
width: 100%;
}
/*.mais-fotos img {
width: 25.2%;
margin-right: 0.750em;
height: 95.616px;
}*/
.metade-direita .compartilhar {
margin-bottom: 0;
}
.especificacoes {
clear: both;
display: inline-block;
/* display: none;*/
}
.dimensoes/*, .linha-produto img*/ {
width: 49.37%;
float: left;
}
.dados-tecnicos {
width: 49.45%;
float: right;
}
/*.linha-produto p {
width: 49.4%;
float: right;
/* text-transform: lowercase;
}*/
.linha-produto img {
width: 100%;
}
.linha-produto h1 {
color: #fff;
font-size: 2.750em;
font-weight: 400;
position: absolute;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
padding: 0.3em;
}
table, tbody, thead, tr, th, td {
margin: 0;
padding: 0;
/* border: 0;*/
font-size: 100%;
font: inherit;
/* vertical-align: baseline;
border: 1px solid rgba(0, 0, 0, 0.1);*/
}
table {
border-collapse: collapse;
border-spacing: 0;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
thead {
background-color: #0666B1;
color: #fff;
font-size: 1.125em;
}
tr {
border-bottom: 1px solid rgba(204,204,204,0.2);
height: 2em;
}
tbody tr:last-of-type {
border: 0 none;
}
td {
/* width: 50%;*/
padding-left: 2%;
}
td:first-child {
border-right: 1px solid rgba(204,204,204,0.2);
text-align: right;
padding-right: 2%;
}
.pequena-1 {
width: 25%;
height: 100%;
float: left;
margin-right: 0.8em;
}
#contato input:not(.botao), #vagas input:not(.botao):not([type="file"]), select, #enviar input:not(.botao) {
width: 87%;
float: right;
margin-bottom: 1em;
}
#contato label, #vagas label, #enviar label {
padding: 0.6em 0.35em 0.4em 0; /*0.5em 0.35em*/
float: left;
margin-bottom: 0.98em; /*1em*/
}
#contato select, #vagas select {
padding: 1.495%;
}
#contato label[for="mensagem"], #vagas label[for="curriculum"] {
padding: 0;
}
#disp {
width: 78.8%;
}
.mapa {
position: relative;
display: inline;
margin-bottom: 1em;
}
a[title*="Sudeste"] {
position: absolute;
right: 29%; /*30%*/
top: 36%; /*30%*/
max-width: 13%;
}
a[title*="Sul"] {
position: absolute;
right: 50%;
top: 59%;
max-width: 13%;
}
.mapa table, .descricao table {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
float: left;
margin: 1em 0.75em 0 0;
}
.mapa tr, .descricao tr {
border: 0 none;
}
.mapa tr {
height: 1.6em;
}
.mapa thead {
background: none;
color: inherit;
text-align: left;
}
.mapa td:first-child, .descricao td:first-child {
border: 0 none;
text-align: left;
padding: 0;
}
.descricao table {
float: none;
width: 50%;
}
/*#sudeste, #sul*/.escondido {
display: none;
}
#sudeste table, #sul table, #sudeste h3, #sul h3 {
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out; /*0.1s*/
-moz-transition: all 0.3s ease-in-out; /*0.1s*/
-webkit-transition: all 0.3s ease-in-out; /*0.1s*/
width: 48.7%;
}
.mapa table:nth-child(even) { /*odd*/
margin-right: 0;
}
#sudeste img, #sul img {
max-width: 64.94%;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.topo .icones {
height: auto;
margin-top: 5.4%;
}
.topo .icones .social {
color: #fff;
font-size: 1.625em;
}
.pdv .media-3, .galeria .media-3 {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.pdv .media-3 img, .galeria .media-3 img {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.descricao {
margin-bottom: 1.875em;
}
/*.resultados {
height: 50%;
}*/
.resultados div {
margin: 1em 0;
}
.breadcrumbs .halflings-menu-left:before, .breadcrumbs .halflings-menu-right:before {
margin: 0;
}
#enviar {
width: 80%;
margin: 0 auto;
}
#enviar label {
width: 24%;
}
#enviar input:not(.botao) {
width: 75%;
}
#enviar label[for="mensagem"] {
width: 100%;
}
#enviar .botao {
/*margin-top: -5.5%;*/
margin: 1em 0 0;
}
#enviar p {
float: left;
margin: 3em 0 0;
}
.subcategorias > ul li[data-funcao="bica-maquina"] {
height: auto;
}
.dois {
float: left;
width: 66.252%;
}
.dois .media-3 {
width: 49.061%;
margin-bottom: 1em;
}
.dois .coluna {
margin-right: 0.75em;
}
.botao-topo {
position: fixed;
bottom: 2%;
right: 2%;
width: 3.5%;
z-index: 100;
display: none;
color: #fff;
text-align: center;
}
.sitemap {
height: 50%;
}
.sitemap p {
line-height: 140%;
/* margin: 0.1em 0;*/
}
.sitemap .pequena-3 {
/* width: 24.066%; /*21.262219084353863%*/
height: auto;
overflow: visible;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
/**********************************************************************/
.grid {
width: 100%;
height: 300%;
position: absolute;
top: 0;
left: 0;
z-index: -2;
/* opacity: 0.3;*/
display: none;
}
.colunas {
width: 8.333333333333334%;
float: left;
height: 100%;
box-sizing: border-box;
background-color: #6FF;
padding: 0 1%;
border-right: solid transparent 0;
border-left: solid /*transparent*/gray 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-left-width: 0.8em/*12px*/;
}
.colunas:first-child {
border-left-width: 0;
}