img {border: 0;} #addendum{height: 30px; width: 100%;} @media screen and (max-width: 750px){#addendum {width: 100%;} #addendum p {color: red;}} #addendum:hover{background-color: #333;} #addendum p {font-size: 15px; color: #fff;} #addendum p::first-letter {font-size: 16px; font-stretch: bold; margin-top: 10px;} #addendum a {font-weight: bold; text-decoration: none; line-height: normal; } #addendum a:hover { font-size: 18px; font-style: italic; color: orange;} #main { -webkit-box-shadow: 0px 0px 100px 0px #999; -moz-box-shadow: 0px 0px 100px 0px #999; box-shadow: 0px 0px 100px 0px #666;} @media screen and (max-width: 750px) {#main{box-shadow: none;}} #menuScroll { background-color: #000; width: 100%; height: 70px; position: fixed; display: none; overflow: visible; z-index: 1; color: #fff; } @media screen and (max-width: 830px) {#menuScroll #texto{display: none;}} /*oculta texto*/ @media screen and (max-width: 595px) {#menuScroll #btFlag{display: none;}} /*oculta ingles*/ @media screen and (max-width: 530px) {#menuScroll #btContact{display: none;}} /*oculta email*/ @media screen and (max-width: 460px) {#menuScroll #btTel{display: none;}} /*oculta telefone*/ @media screen and (max-width: 399px) {#menuScroll #logo img {width: 80px;}#menuScroll #logo {/*width: 80px;*/} #menuScroll.colDir {margin: 2px;} #menuScroll #sMenu {float: left;}} /*diminuir logo*/ .colDir {float: right; margin: 0 10px 0 10px;} .colEsq {float: left; margin: 0 10px 0 10px;} #menuScroll #texto {width: auto; height: 65px; font-size: 12px; text-align: right; border-right: 1px dotted #999; padding-right: 5px;} #menuScroll .mainPhone {font-size: 16px; color: orange; font-weight: bold;} #menuScroll .small {font-size: 70%;} #sMenu {font-size: 12px;} #btFlag {width: 50px; height: 26px; margin-top: 20px; font-size: 10px; color: #fff;} #btFlag:hover {color: orange;} #btFlag:active {color: gray;} #btContact {width: 45px; height: 45px; background-image: url('../../img/menu/bt_contact.gif'); margin-top: 10px;} #btContact:hover {background-image: url('../../img/menu/bt_contact_hover.gif');} #btContact:active {background-image: url('../../img/menu/bt_contact_click.gif');} #btTel {width: 45px; height: 45px; background-image: url('../../img/menu/bt_tel.gif'); margin-top: 10px;} #btTel:hover {background-image: url('../../img/menu/bt_tel_hover.gif');} #btTel:active {background-image: url('../../img/menu/bt_tel_click.gif');} #menuDegrade { background: #1a1a21; } #menuDegrade li:active {background-color: #1a1a21; font-size: 7px;} .menor {font-size: 9px;} #menuDegrade select {display: none;} #menuDropDown select { font-weight: bold; background-color: #ccc; color: #1a1a21; border: 3px solid #fff; border-radius: 10px; } @media screen and (max-width: 720px) {#menuDegrade ul {display: none;}} @media screen and (max-width: 720px) { #menuDegrade select{ display: block; max-width: 90%;} #menuDegrade {padding-top: 20px; height: 45px; padding-right: 20px;} } @media screen and (max-width: 500px) { #menuDegrade select{ display: block; max-width: 90%;} #menuDegrade {padding-top: 20px; height: 45px; padding-right: 0;} } #menuFaixaPreta { height: 32px; background-color: #000; /*background-image: url('../../img/menu/bg_linhas.gif')*/; background-size: 80px 33px; background-repeat: no-repeat; background-position: right; font-weight: bold; text-decoration: none; color: #fff; } #menuFaixaPreta a {font-size: 10px; font-weight: bold; text-decoration: none; color: #fff;} #menuFaixaPreta a:hover {font-size: 10px;} #menuFaixaPreta li { text-align: right; background-size: 30px 30px; background-repeat: no-repeat; height: 33px; margin-right: 5px; float: left; list-style-type: none;} #menuFaixaPreta li.btHome {width: 70px; background-image: url('../../img/menu/bt_home.gif');} #menuFaixaPreta li.btHome:hover {font-size: 10px; color: #ffcc00; background-image: url('../../img/menu/bt_home_hover.gif');} #menuFaixaPreta li.btAbout {width: 110px; background-image: url('../../img/menu/bt_about.gif'); } #menuFaixaPreta li.btAbout:hover {color: #ffcc00; font-size: 10px; background-image: url('../../img/menu/bt_about_hover.gif');} #menuFaixaPreta li.btContact { width: 80px; background-image: url('../../img/menu/bt_contact.gif');} #menuFaixaPreta li.btContact:hover {font-size: 10px; color: #ffcc00; background-image: url('../../img/menu/bt_contact_hover.gif');} @media screen and (max-width: 480px){#menuFaixaPreta {background-image: none;}} @media screen and (max-width: 650px){#menuFaixaPreta li {display: none;}} #menuEsq { width: 173px; height: 130px; float: left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+25,ffcc00+25,ffcc00+75,ffffff+75 */ background-image: url('../../img/menu/bg_esquerda.png'); background-repeat: no-repeat; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 25%, #ffcc00 25%, #ffcc00 75%, #ffffff 75%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#000000), color-stop(25%,#ffcc00), color-stop(75%,#ffcc00), color-stop(75%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 25%,#ffcc00 25%,#ffcc00 75%,#ffffff 75%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 25%,#ffcc00 25%,#ffcc00 75%,#ffffff 75%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 25%,#ffcc00 25%,#ffcc00 75%,#ffffff 75%); /* IE10+ */ background: linear-gradient(to bottom, #000000 25%,#ffcc00 25%,#ffcc00 75%,#ffffff 75%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #menuDir { width: 101px; height: 130px; float: right; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+25,ff0000+25,ff0000+75,ffffff+75 */ /*background-image: url('../../img/menu/bg_direita.png');*/ background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 25%, #ff0000 25%, #ff0000 75%, #ffffff 75%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#000000), color-stop(25%,#ff0000), color-stop(75%,#ff0000), color-stop(75%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 25%,#ff0000 25%,#ff0000 75%,#ffffff 75%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 25%,#ff0000 25%,#ff0000 75%,#ffffff 75%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 25%,#ff0000 25%,#ff0000 75%,#ffffff 75%); /* IE10+ */ background: linear-gradient(to bottom, #000000 25%,#ff0000 25%,#ff0000 75%,#ffffff 75%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } @keyframes gira {to {transform: rotate(360deg);}} img.animado {animation: gira 1s linear infinite;} #breadcrumb { font-size: 10px; color: #333; text-align: left !important; margin: 10px 0 10px 50px; } #breadcrumb a, a:visited {text-decoration: none; color: #333;} #breadcrumb a:hover {font-style: italic;} #breadcrumb span {text-decoration: underline;} #gallery img {opacity: 1.0; filter: alpha(opacity=100);} #gallery img:hover {cursor: zoom-in; opacity: 0.9; filter: alpha(opacity=90);} #contTable td {font-size: 12px;} #content .fb-like {height: 20px;} #ebList {width: 520px; height: auto; padding: 0; display: block; text-align: center;} #ebList ul {text-align: center;} #ebList ul li {display: inline-block; } #ebList li {list-style: !important circle; list-style: url('../../img/seta.gif');} #ebList a {text-align: center; text-decoration: none; font-weight: bold; color: #ff0000;} #ebList a:hover, a:visited:hover {font-style: italic; color: #ff6600;} #ebList a:active {font-style: italic; color: #999;} #ebList a:visited {color: #800000} #telefones{ font-size: 16px;}1 #footer1 { min-height: 180px; padding: 10px 0 30px 0; background-color: #000; background: -moz-linear-gradient(top, #333, #000) repeat-X; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)) repeat-X; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#333, endColorstr=#00000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#333, endColorstr=#000000); } #footer1 a {color: #fff;} #footer1 a:hover {color: red;} #footer1 p {font-size: 0.7em;} #footer1 span.tel {font-size: 1.5em;} #footer2 {height: auto; padding: 10px 0 10px 0;} @media screen and (max-width: 480px) {#footer2 span {display: none;}} #footer2 a {font-size: 10px;} #footer2 a {color: #fff; text-decoration: none; font-weight: bold; text-align: center; margin: 10px 5px 10px 0;} #footer2 a:hover {color: #ffcc00;} #footer3{min-height: 10px; font-size: 80%;} #footer3 small {text-align: center; } /*Pré carregamento de conteúdo exclusivo da home*/ #vitrine { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } @media only screen and (min-width: 750px;){#vitrine {width: auto; height: auto;}} #box { width: 250px; height: 250px; margin: 5px; padding: 5px; background-color: #fff; color: #666; font-size: 13px; border: 5px double #333; border-radius: 15px; text-align: center; transition: box-shadow 0.3s ease; } #box:hover { border: 5px double #999; box-shadow: 0 4px 8px rgba(153, 153, 153, 0.6); } #box h4 { color: #660000; font-family: 'Oswald', Impact, Verdana; font-size: 20px; font-weight: 100; margin-bottom: 15px;} #box p, a {text-decoration: none;} #box:hover h4 {color: red; text-shadow: 2px 2px #dfdfdf;} #box:active h4 {text-shadow: 1px 1px #999;} #box img {margin-right: 10px; transition: transform 0.3s ease;} #box:hover img {transform: scale(1.1);} #semiFooter { overflow: auto; max-height: auto; width: 100%; align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #boxSemiFooter { width: 440px; height: 140px; margin: 5px; float: left; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /*Catalogos*/ .bannerCatalogo { text-align: right; padding-right: 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b20000+0,2b0000+100 */ background: #b20000; /* Old browsers */ background: -moz-linear-gradient(top, #b20000 0%, #2b0000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b20000 0%,#2b0000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b20000 0%,#2b0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20000', endColorstr='#2b0000',GradientType=0 ); /* IE6-9 */ } .bannerCatalogo:hover {background: -webkit-linear-gradient(#DE0101, #2B0000); -moz-linear-gradient(#DE0101, #2B0000);} .bannerCatalogo b {color: #fff; font-family: 'Raleway', Verdana, Arial; text-decoration: none; text-align: right; text-shadow: 2px 2px #2B0000; overflow: auto; font-size: 100%;} .bannerCatalogo:hover b {font-style: italic; font-size: 110%; text-shadow: 2px 2px #2B0000;} .bannerCatalogo img {float: left; width: 250px;} /*Diferencial*/ .diferencial {background-color: #ccc;} .diferencial img {width: 400px; margin: 0 0 0 20px;} @media screen and (max-width: 750px){.diferencial {width: 100%; height: auto;}} @media screen and (max-width: 450px){.diferencial img {width: 100%;}} /*BNDES*/ .bndes { background-color: #ccc; font-size: 100%; } .bndes img {max-width: 25%; margin: 10px; float: left;} @media screen and (max-width: 750px){.bndes {height: auto; } .bndes span {width: font-size: 100%;}} .bndes h5{font-size: 18px;} .bndes span {vertical-align: middle;} .bndes a {text-align: center;} @media print { * {background-color: #fff;} #menuScroll, #addendum, #menu, #menu_bt_topo, #menu_bt, #footer1, #footer2, #footerContent, #footer3, #menuDir img.animado {display: none !important;} #printHeader {width: 100%; display: block; font-size: 12px;} #printHeader h1 {text-align: center; font-size: 21px; color: red;} #printHeader img.logo { width: 100px; height: 100px; float: left; margin: 20px 10px 20px 0;} #printHeader span {display: block; color: #660000; font-weight: bold; font-size: 9px;} #conteudo h2 {color: #990000; background-color: #fff; text-shadow: none;} #conteudo h3, h4, h5 {color: #660000;} #conteudo p, ul, ol, li {color: #000;} #conteudo table {border: 2px solid #000;} #conteudo table thead {background-color: #fff; color: #000;} #conteudo .tHead {color: #000;} #conteudo td, tfoot, .tHead {font-size: 12px;} #conteudo tfoot th{color: #000; padding-top: 10px;} #conteudo td, th {background-color: #000; border: 1px solid #000;} #conteudo .tDado {font-weight: bold; text-align: left;} #main {box-shadow: none;} body {background-color: #fff;} #box {border: none; margin: 0; width: 110px; height: 110px background-color: #fff;} #box h4 {font-size: 12px;} #box img {width: 50%;} .bannerCatalogo {background-color: #fff; color: #000;} }