/* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */ @font-face {font-family: 'CorbertCondensed-Regular';src: url('webfonts/28A0D2_0_0.eot');src: url('webfonts/28A0D2_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/28A0D2_0_0.woff') format('woff'),url('webfonts/28A0D2_0_0.ttf') format('truetype'),url('webfonts/28A0D2_0_0.svg#wf') format('svg');} html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ===== Initializr Styles ================================================== Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template ========================================================================== */ body { font: 16px/26px 'CorbertCondensed-Regular'; } .center{ background-color: white; padding: 15px 0 15px 0; /*margin-top: 11px;*/ } .main article a{ text-decoration: none; color: white; } .title{ background: url('../img/logo.png'); width: 153px; height: 95px; background-repeat: no-repeat; margin: 20px auto 20px auto; } #slideshow {width:92%; margin-left: 30px;} #slideshow ul li a img{width: 100%; height: 100%;} #bullets {height: 30px; position:relative; text-align:center; width:100%; margin-top: -25px; z-index: 10;} #bullets a {background:url('../img/bullet-off.png') no-repeat center bottom; margin:0 3px; padding:0 6px} #bullets a.active {background:url('../img/bullet-on.png') no-repeat center bottom} #bullets a span {display:none} .jcarousel-container {position:relative; width:99%} .jcarousel-clip {height:229px; overflow:hidden; position:relative; width:98%} .jcarousel-list {left:0; overflow:hidden; position:relative; top:0; z-index:1} .jcarousel-list li {float:left; height:90%; width:480px} .jcarousel-prev, .jcarousel-next {cursor:pointer; height:56px; position:absolute; top:87px; width:30px; z-index:10} .jcarousel-prev {background:url('../img/arrow-left.png') no-repeat; left:-30px} .jcarousel-next {background:url('../img/arrow-right.png') no-repeat; right:-21px} .trintaanos{ display: block; margin: 0; } .repres a{ color: #11422F; text-decoration: underline; } .text-cid{ color: #81C126; font-weight: bolder; font-size: 18px; margin-top: -6px; } .main article aside h4{ text-decoration: underline; margin: 0; } .verde{ background: #00873e; /* Old browsers */ background: -moz-linear-gradient(left, #00873e 0%, #00873e 42%, #007f3b 67%, #006b35 85%, #025635 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00873e), color-stop(42%,#00873e), color-stop(67%,#007f3b), color-stop(85%,#006b35), color-stop(100%,#025635)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #00873e 0%,#00873e 42%,#007f3b 67%,#006b35 85%,#025635 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #00873e 0%,#00873e 42%,#007f3b 67%,#006b35 85%,#025635 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #00873e 0%,#00873e 42%,#007f3b 67%,#006b35 85%,#025635 100%); /* IE10+ */ background: linear-gradient(to right, #00873e 0%,#00873e 42%,#007f3b 67%,#006b35 85%,#025635 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00873e', endColorstr='#025635',GradientType=1 ); /* IE6-9 */ border-bottom: 6px solid #00923F; } .verde:hover{ background: #006938; /* Old browsers */ background: -moz-linear-gradient(left, #006938 0%, #006938 42%, #006135 67%, #005030 86%, #16422d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#006938), color-stop(42%,#006938), color-stop(67%,#006135), color-stop(86%,#005030), color-stop(100%,#16422d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #006938 0%,#006938 42%,#006135 67%,#005030 86%,#16422d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #006938 0%,#006938 42%,#006135 67%,#005030 86%,#16422d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #006938 0%,#006938 42%,#006135 67%,#005030 86%,#16422d 100%); /* IE10+ */ background: linear-gradient(to right, #006938 0%,#006938 42%,#006135 67%,#005030 86%,#16422d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006938', endColorstr='#16422d',GradientType=1 ); /* IE6-9 */ } .laranja{ background: #eb891b; /* Old browsers */ background: -moz-linear-gradient(left, #eb891b 0%, #eb891b 62%, #e77817 80%, #e15616 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eb891b), color-stop(62%,#eb891b), color-stop(80%,#e77817), color-stop(100%,#e15616)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #eb891b 0%,#eb891b 62%,#e77817 80%,#e15616 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #eb891b 0%,#eb891b 62%,#e77817 80%,#e15616 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #eb891b 0%,#eb891b 62%,#e77817 80%,#e15616 100%); /* IE10+ */ background: linear-gradient(to right, #eb891b 0%,#eb891b 62%,#e77817 80%,#e15616 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb891b', endColorstr='#e15616',GradientType=1 ); /* IE6-9 */ border-bottom: 6px solid #EF9A48; } .laranja:hover{ background: #e77817; /* Old browsers */ background: -moz-linear-gradient(left, #e77817 0%, #e15616 46%, #e15616 87%, #b24b1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e77817), color-stop(46%,#e15616), color-stop(87%,#e15616), color-stop(100%,#b24b1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #e77817 0%,#e15616 46%,#e15616 87%,#b24b1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #e77817 0%,#e15616 46%,#e15616 87%,#b24b1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #e77817 0%,#e15616 46%,#e15616 87%,#b24b1d 100%); /* IE10+ */ background: linear-gradient(to right, #e77817 0%,#e15616 46%,#e15616 87%,#b24b1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77817', endColorstr='#b24b1d',GradientType=1 ); /* IE6-9 */ } .amarelo{ background: #f8c300; /* Old browsers */ background: -moz-linear-gradient(left, #f8c300 0%, #f3ae00 61%, #ef9b11 79%, #e77817 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8c300), color-stop(61%,#f3ae00), color-stop(79%,#ef9b11), color-stop(100%,#e77817)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f8c300 0%,#f3ae00 61%,#ef9b11 79%,#e77817 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f8c300 0%,#f3ae00 61%,#ef9b11 79%,#e77817 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f8c300 0%,#f3ae00 61%,#ef9b11 79%,#e77817 100%); /* IE10+ */ background: linear-gradient(to right, #f8c300 0%,#f3ae00 61%,#ef9b11 79%,#e77817 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c300', endColorstr='#e77817',GradientType=1 ); /* IE6-9 */ border-bottom: 6px solid #FFF500; } .amarelo:hover{ background: #f3ae00; /* Old browsers */ background: -moz-linear-gradient(left, #f3ae00 0%, #ef9b11 62%, #eb891b 80%, #e15616 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3ae00), color-stop(62%,#ef9b11), color-stop(80%,#eb891b), color-stop(100%,#e15616)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f3ae00 0%,#ef9b11 62%,#eb891b 80%,#e15616 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f3ae00 0%,#ef9b11 62%,#eb891b 80%,#e15616 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f3ae00 0%,#ef9b11 62%,#eb891b 80%,#e15616 100%); /* IE10+ */ background: linear-gradient(to right, #f3ae00 0%,#ef9b11 62%,#eb891b 80%,#e15616 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ae00', endColorstr='#e15616',GradientType=1 ); /* IE6-9 */ } .histcinza{ background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGVkZWRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #dededd 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#dededd)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#dededd 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#dededd 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#dededd 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #ffffff 0%,#dededd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dededd',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ /*width: 32.37%;*/ width: 100%; height: auto; min-height: 100px; } .histtexto{ margin-left: 15px; } .histcinza h2{ background-image: url('../img/logommverde.png'); background-repeat: no-repeat; background-position-y: 80px; background-position-x: 20px; width: 100%; height: auto; min-height: 350px; } .repmap{ background-image: url('../img/mapa.jpg'); background-repeat: no-repeat; width: 642px; height: 436px; float: left; margin-right: 15px; } .repcinza{ background-color: #E5E5E5; width: 28.26%; min-height: 400px; height: auto; float: right; padding: 18px; color: #11422F; font-size: 27px; font-weight: bold; } .titulo{ margin-bottom: 6px; font-size: 20px; font-weight: bolder; } .contat{ width: 650px; height: auto; float: left; color: #11422F; } .gmapa:after{ content: " "; position: relative; margin-top: 10px; } .gmapa{ /*background-color: #E5E5E5;*/ width: 40.26%; min-height: 445px; height: auto; float: right; /*padding: 18px;*/ } #mapadra{ height: 415px; } .esp{ padding-left: 15px; } .formcontato{ margin-top: 20px; display: table; width: 70%; height: 69%; background-color: #E5E5E5; padding: 15px; } .rotulo, .campo{ float: left; margin-bottom: 7px; } .rotulo{ width: 20%; height: auto; } .campo{ width: 80%; } .tcampo{ width: 100%; height: 26px; } .tocampo{ width: 70%; height: 26px; float: left; font-size: 12px; } .demap{ background-color: #E5E5E5; height: 70px; padding: 13px 13px 0px 13px; margin-bottom: 13px; } .tacampo{ width: 99.5%; height: 166px; } .botao{ width: 65px; float: right; border: none; background-color: inherit; background-image: url('../img/seta-direita.png'); background-repeat: no-repeat; background-position: 0px 3px; text-decoration: underline; color: #11422F; font-size: 13px; font-weight: bold; margin-left: 5px; } .botbusca{ width: 60px; float: none; border: none; background-color: inherit; background-image: url('../img/seta-direita.png'); background-repeat: no-repeat; background-position: 0px 3px; text-decoration: underline; color: #11422F; font-size: 13px; font-weight: bold; margin-left: 5px; } .arq{ padding-left: 8px; } .alto{ margin-top: 5px; } .repres{ font-size: 14px; font-weight: normal; } .singenta{ background-color: white; margin: 0; } .agener{ background-color: #ECD8BA; margin: 0; } .tecnopec{ background-color: #D7EDFB; margin: 0; } .outros{ background-color: #E0EBBA; } .singenta:hover, .agener:hover, .outros:hover, .tecnopec:hover{ -moz-box-shadow: inset 0px 0px 20px -6px #000000; -webkit-box-shadow: inset 0px 0px 20px -6px #000000; box-shadow: inset 0px 0px 20px -6px #000000; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } .confira{ height: 30px; background-color: #DEDEDD; clear: both; bottom: 0; position: relative; z-index: 10; } .bm{ margin-top: 2px; width: 70px; padding-left: 6px; float: right; border: none; background-color: inherit; background-image: url('../img/seta-direita.png'); background-repeat: no-repeat; background-position: 0px 8px; text-decoration: underline; color: hsl(157, 59%, 16%); font-size: 13px; font-weight: bold; margin-left: 5px; } .main .cat{ margin-left: 10px; width: calc(50% - 13px); float: left; position: relative; } /* .main .cat:first-child{ margin: 0 }*/ .agener, .singenta, .tecnopec, .outros, .guarany { height: 200px; } .agener h2{ background-image: url('../img/logoagener2.png'); width: 250px; height: 211px; background-position: 36px 52px; background-repeat: no-repeat; padding-left: -30px; margin-left: -20px; } .singenta h2{ background-image: url('../img/logosyngenta2.png'); width: 250px; height: 211px; background-position: 36px 58px; background-repeat: no-repeat; padding-left: -30px; margin-left: -20px; } .tecnopec h2{ background-image: url('../img/logotecnopec.png'); width: 250px; height: 211px; background-position: 36px 52px; background-repeat: no-repeat; margin-left: -20px; } .outros h2{ width: 250px; height: 211px; background-position: 36px 52px; background-repeat: no-repeat; color: black; line-height: 200px; text-align: center; } .guarany h2 { background-size: 100%; max-width: 100%; background-image: url('../img/guarany.png'); background-repeat: no-repeat; } .titprod{ background-color: hsl(0, 0%, 90%); width: 94%; height: 96px; padding: 13px 13px 0px 13px; padding: 0 15px 0 15px; margin: 0 auto !important; } .titprod p { margin: 0; padding-top: 13px; } .titprodutos{ background-color: hsl(0, 0%, 90%); width: 94%; height: 60px; padding: 0 15px 0 15px; margin: 0 auto !important; } .titprodutos p{ margin: 0; padding-top: 13px; width: 200px; } .form-busca{ width: 50%; float: right; margin-top: -25px; } .paginacao{ text-align: center; margin: 0 auto; clear: both; } .main article .paginacao a{ color: hsl(157, 59%, 16%); margin-left: 4px; } .main article .paginacao li{ display: inline; } .main article .paginacao li:last-child{ padding-right: 5px; } .main article .paginacao li:first-child{ padding-left: 1px; } .activepag{ background-color: #11422F; font-weight: bolder; padding-bottom: 7px; background-image: url('../img/seta.png'); background-repeat: no-repeat; background-position: 3px 100%; } .main article .paginacao .activepag a{ color: white; } .pagnormal{ background-color: #DEDEDD; color: hsl(157, 59%, 16%); font-weight: bolder; } .corprodutos{ height: 100%; background: #006b35; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmIzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #006b35 0%, #00873e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#006b35), color-stop(100%,#00873e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #006b35 0%,#00873e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #006b35 0%,#00873e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #006b35 0%,#00873e 100%); /* IE10+ */ background: linear-gradient(to right, #006b35 0%,#00873e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b35', endColorstr='#00873e',GradientType=1 ); /* IE6-8 */ } .toplinks{ float: left; width: 60%; height: 55px; line-height: 45px; text-align: start; margin-left: 30px; font-size: 14px; } .main article .toplinks a{ /*margin-left: 30px;*/ margin-top: 20px; color: #11422F; text-decoration:underline; font-weight: bolder; } .buscaprodutos{ width: 80%; height: 26px; font-size: 12px; border: 1px solid #999999; } .marcs{ width: 109.3%; height: 55px; margin-left: -32px; margin-top: -2px; text-align: center; line-height: 50px; } .marcs:hover{ background: #005d31; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #005d31 0%, #00873e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005d31), color-stop(100%,#00873e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #005d31 0%,#00873e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #005d31 0%,#00873e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #005d31 0%,#00873e 100%); /* IE10+ */ background: linear-gradient(to right, #005d31 0%,#00873e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d31', endColorstr='#00873e',GradientType=1 ); /* IE6-8 */ -moz-box-shadow: inset 0px 0px 17px -5px #000000; -webkit-box-shadow: inset 0px 0px 17px -5px #000000; box-shadow: inset 0px 0px 17px -5px #000000; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ border-right: 5px inset #81C126; background-image: url('../img/seta-esquerda.png') ; background-repeat: no-repeat; background-position: 100% 50% ; } .allproducts{ width: 66%; height: auto; float: right; } .fprod{ width: 150px; height: 150px; padding: 10px } .fprod:hover{ -moz-box-shadow: inset 0px 0px 17px -5px #000000; -webkit-box-shadow: inset 0px 0px 17px -5px #000000; box-shadow: inset 0px 0px 17px -5px #000000; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } .caixprod{ margin: auto 21px ; width: 170px; height: auto; min-height: 305px; float: left; /*margin: 5px;*/ color: #11422F; } .txtprod{ width: 160px; height: auto; min-height: 91px; padding: 0px; font-size: 13px; } .txtprod strong{ font-size: 16px; } .prodts{ float: left; width: 100%; } .imgprodts{ float: left; width: 313px; height: auto; } .contprodts{ float: left; width: 273px; padding: 20px; background-color: #E5E5E5; font-size: 13px; margin-left: 14px; } .contprodts strong{ font-size: 16px; } .main article .contprodts a{ font-size: 14px; color: #11422F; text-decoration: underline; } .guarany { background-color: #F7F6E9; } .categorias-produtos h2 { background-position: center; margin-left: auto!important; margin-right: auto!important; background-size: 100%; height: 100%!important; max-width: 90%; } .categorias-produtos .cat { max-width: 100%; } .categorias-produtos a { display: block; } /*Detalhes e ajustes dos mapas*/ ul#mapa{ list-style-type: none; /*display: compact;*/ display: block; margin: 0; padding: 0; } #mapa li{ width: 50px; height: 50px; float: left; color: #006B35; } #mapa li p{ width: 70px; margin-top: 33px; margin-left: -7px; line-height: 10px; font-size: 9px; /*font-weight: bold;*/ text-align: justify; } #mapa #smo{ margin-top: 124px; margin-left: 42px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #smo:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #pal{ margin-top: 158px; margin-left: -06px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #pal:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #cco{ margin-top: 164px; margin-left: -03px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #cco:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #joa{ margin-top: 172px; margin-left:-14px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #joa:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #lag{ margin-top: 230px; margin-left:55px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #lag:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #cri{ margin-top: 321px; margin-left:27px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #cri:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #blu{ margin-top: 149px; margin-left:-14px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #blu:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #joi{ margin-top: 89px; margin-left:-43px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #joi:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #xxe{ margin-top: 148px; margin-left:-16px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #xxe:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #cnc{ margin-top: 189px; margin-left:-41px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #cnc:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #flo{ margin-top: 215px; margin-left:-10px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #flo:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #rio{ margin-top: 165px; margin-left:-140px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #rio:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #vid{ margin-top: 158px; margin-left: -272px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #vid:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } #mapa #can{ margin-top: 81px; margin-left: -223px; background-image: url('../img/setamapa.png'); background-repeat: no-repeat; } #mapa #can:hover{ background-image: url('../img/setamapahover.png'); background-repeat: no-repeat; } /* =================== ALL: Orange Theme =================== */ .main-container{ background-color: #E5E5E5; } .header-container, .footer-container, nav a{ background: #006b35; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmIzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #006b35 0%, #00873e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006b35), color-stop(100%,#00873e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #006b35 0%,#00873e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #006b35 0%,#00873e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #006b35 0%,#00873e 100%); /* IE10+ */ background: linear-gradient(to bottom, #006b35 0%,#00873e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b35', endColorstr='#00873e',GradientType=0 ); /* IE6-8 */ } /* ============== MOBILE: Menu ============== */ nav ul { margin: 0; padding: 0; } /* ============== MOBILE: Main ============== */ .main { /*padding: 30px 0;*/ } nav a { float: left; width: auto; display: block; /*margin: 0 0.1%;*/ margin: 0; padding: 54px 1.65%; text-align: center; text-decoration: none; /*font-weight: bold;*/ color: white; border-left: 1px solid #00923F; border-right: 1px solid #00923F; } nav a:hover { background: #005d31; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #005d31 0%, #00873e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d31), color-stop(100%,#00873e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #005d31 0%,#00873e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #005d31 0%,#00873e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #005d31 0%,#00873e 100%); /* IE10+ */ background: linear-gradient(to bottom, #005d31 0%,#00873e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d31', endColorstr='#00873e',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: inset 0px 0px 17px -5px #000000; -webkit-box-shadow: inset 0px 0px 17px -5px #000000; box-shadow: inset 0px 0px 17px -5px #000000; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ border-bottom: 5px inset #81C126; background-image: url('../img/seta.png') ; background-repeat: no-repeat; background-position: 48% 100% ; } .footer-container footer { color: white; padding: 20px 0; } /* =============== ALL: IE Fixes =============== */ .ie7 .title { padding-top: 20px; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 580px) { .title{ background: url('../img/logo.png'); width: 153px; height: 95px; background-repeat: no-repeat; margin: 20px auto 20px auto; } .main-container, .header-container{ width: 100%; } .main aside{ width: 95%; min-height: 187px; height: auto; float: left; padding-left: 32px; padding-top: 2px; } nav { float: left; width: 100%; } nav a { float: left; width: auto; display: block; /*margin: 0 0.1%;*/ margin: 0; padding: 24px 1.65%; /* width: 96.1%;*/ width: 100%; text-align: center; text-decoration: none; /*font-weight: bold;*/ color: white; border-left: 1px solid #00923F; border-right: 1px solid #00923F; } nav a:hover { background: #005d31; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #005d31 0%, #00873e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d31), color-stop(100%,#00873e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #005d31 0%,#00873e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #005d31 0%,#00873e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #005d31 0%,#00873e 100%); /* IE10+ */ background: linear-gradient(to bottom, #005d31 0%,#00873e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d31', endColorstr='#00873e',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: inset 0px 0px 17px -5px #000000; -webkit-box-shadow: inset 0px 0px 17px -5px #000000; box-shadow: inset 0px 0px 17px -5px #000000; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ border-bottom: 5px inset #81C126; background-image: url('../img/seta.png') ; background-repeat: no-repeat; background-position: 50% 100% ; } .action{ background: #005d31; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #005d31 0%, #00873e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d31), color-stop(100%,#00873e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #005d31 0%,#00873e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #005d31 0%,#00873e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #005d31 0%,#00873e 100%); /* IE10+ */ background: linear-gradient(to bottom, #005d31 0%,#00873e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d31', endColorstr='#00873e',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: inset 0px 0px 17px -5px #000000; -webkit-box-shadow: inset 0px 0px 17px -5px #000000; box-shadow: inset 0px 0px 17px -5px #000000; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ border-bottom: 5px inset #81C126; background-image: url('../img/seta.png') ; background-repeat: no-repeat; background-position: 50% 100% ; } /* nav a { float: left; width: 27%; margin: 0 1.7%; padding: 25px 2%; margin-bottom: 0; } nav li:first-child a { margin-left: 0; }*/ nav li:last-child a { margin-right: 0; } /* ======================== INTERMEDIATE: IE Fixes ======================== */ nav ul li { display: inline; } .oldie nav a { margin: 0 0.7%; } #slideshow {width:92%; margin-left: 30px;} #slideshow ul li a img{width: 100%; height: 100%;} #bullets {height: 30px; position:relative; text-align:center; width:100%; margin-top: -25px; z-index: 10;} #bullets a {background:url('../img/bullet-off.png') no-repeat center bottom; margin:0 3px; padding:0 6px} #bullets a.active {background:url('../img/bullet-on.png') no-repeat center bottom} #bullets a span {display:none} .jcarousel-container {position:relative; width:99%} .jcarousel-clip {height:229px; overflow:hidden; position:relative; width:98%} .jcarousel-list {left:0; overflow:hidden; position:relative; top:0; z-index:1} .jcarousel-list li {float:left; height:90%; width:480px} .jcarousel-prev, .jcarousel-next {cursor:pointer; height:56px; position:absolute; top:87px; width:30px; z-index:10} .jcarousel-prev {background:url('../img/arrow-left.png') no-repeat; left:-30px} .jcarousel-next {background:url('../img/arrow-right.png') no-repeat; right:-21px} .rod-dir{ line-height: 20px; margin-top: 20px; } .voxbrazil{ color:white; clear:both; width:90%; height:39px; margin: 0 auto; } .histcinza h2 { padding: 0; margin: 0; width: 100%; /* background-position-y: 50px; background-position-x: 50%; */ background-position: 8px 50%; min-height: 283px; } } @media (max-width:768px) { .top-md-down-160 { top: 160px; } } @media only screen and (min-width: 768px) { /* ============ WIDE: Menu ============ */ .title{ background: url('../img/logo.png'); width: 153px; height: 95px; background-repeat: no-repeat; float: left; margin-left: 0px; margin-left: 5px; margin-top: 20px } .trintaanos{ display: block; } .main-container{ width: 100%; } .wrapper { width: 100%; margin: 0 auto !important; } .header{ width: 100%; } nav { margin-left: 10px; float: left; width: 77%; } nav a { float: left; width: auto; display: block; margin: 0; padding: 54px 1.15%; font-size: 15px; text-align: center; text-decoration: none; color: white; border-left: 1px solid #00923F; border-right: 1px solid #00923F; } nav a:hover { background: #005d31; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #005d31 0%, #00873e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d31), color-stop(100%,#00873e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #005d31 0%,#00873e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #005d31 0%,#00873e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #005d31 0%,#00873e 100%); /* IE10+ */ background: linear-gradient(to bottom, #005d31 0%,#00873e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d31', endColorstr='#00873e',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: inset 0px 0px 17px -5px #000000; -webkit-box-shadow: inset 0px 0px 17px -5px #000000; box-shadow: inset 0px 0px 17px -5px #000000; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ border-bottom: 5px inset #81C126; background-image: url('../img/seta.png') ; background-repeat: no-repeat; background-position: 48% 100% ; } nav li{ width: 80px; } nav li:first-child a { border-left: 2px solid #00923F; } nav li:last-child a { border-right: 2px solid #00923F; } .action{ background: #005d31; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #005d31 0%, #00873e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d31), color-stop(100%,#00873e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #005d31 0%,#00873e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #005d31 0%,#00873e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #005d31 0%,#00873e 100%); /* IE10+ */ background: linear-gradient(to bottom, #005d31 0%,#00873e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d31', endColorstr='#00873e',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: inset 0px 0px 17px -5px #000000; -webkit-box-shadow: inset 0px 0px 17px -5px #000000; box-shadow: inset 0px 0px 17px -5px #000000; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ border-bottom: 5px inset #81C126; background-image: url('../img/seta.png') ; background-repeat: no-repeat; background-position: 48% 100% ; } #slideshow {width:94%; margin-left: 30px;} #slideshow ul li a img{width: 90%; height: 94%;} #bullets {height: 30px; position:relative; text-align:center; width:100%; margin-top: -25px; z-index: 10;} #bullets a {background:url('../img/bullet-off.png') no-repeat center bottom; margin:0 3px; padding:0 6px} #bullets a.active {background:url('../img/bullet-on.png') no-repeat center bottom} #bullets a span {display:none} .jcarousel-container {position:relative; width:99%} .jcarousel-clip {height:329px; overflow:hidden; position:relative; width:99%} .jcarousel-list {left:0; overflow:hidden; position:relative; top:0; z-index:1} .jcarousel-list li {float:left; height:90%; width:784px} .jcarousel-prev, .jcarousel-next {cursor:pointer; height:56px; position:absolute; top:147px; width:30px; z-index:10} .jcarousel-prev {background:url('../img/arrow-left.png') no-repeat; left:-30px} .jcarousel-next {background:url('../img/arrow-right.png') no-repeat; right:-22px} .histcinza h2{ margin-left: -30px; padding-right: 20px; } .main article aside h5{ background-image: url('../img/seta-direita.png'); width: 6px; height: 12px; background-repeat: no-repeat; float: left; margin: 8px 4px 8px 0px; } .agener, .singenta, .tecnopec, .outros, .guarany { height: 355px; } .agener h2{ background-image: url('../img/logoagener2.png'); width: 250px; background-repeat: no-repeat; } .singenta h2{ background-image: url('../img/logosyngenta2.png'); width: 250px; background-repeat: no-repeat; } .tecnopec h2{ background-image: url('../img/logotecnopec.png'); width: 250px; background-repeat: no-repeat; } .guarany h2{ width: 250px; } .outros h2 a{ width: 250px; background-repeat: no-repeat; color: black; line-height: 350px; text-align: center; } .main .cat{ margin-left: 5px; width: calc(33.2% - 5px); min-width: 225px; float: left; overflow: hidden; } .repmap{ width: 530px; } .repcinza{ width: 24.3%; } .contprodts{ width: 150px; margin-left: -5px; font-size: 10px; line-height: 20px; } .rodape{ height: 100px; width: 100%; margin: 0 auto !important; } .rod-dir{ float: right; margin-top: 18px; line-height: 20px; text-align: right; margin-right: 5px; } .rod-esq{ margin-left: 5px; float:left; } .rod-esq img{ margin-left: 15px; } .formcontato{ width: 70%; } .gmapa{ /*margin-top: -300px;*/ margin-top: 0; width: auto; min-height: 445px; height: auto; float: left; } .form-busca{ width: 60%; } .titprodutos { width: 98%; height: 60px; padding: 0 0 0 15px; } .titprod { width: 96%; height: 96px; padding: 0 15px 0 15px; } .voxbrazil{ color:white; clear:both; width:60%; height:39px; margin: 0 auto; } .voxbrazil p{ width:auto; margin:0 auto; padding-top:7px; } .main aside{ width: 29.2%; min-height: 187px; height: auto; float: left; padding-left: 32px; padding-top: 2px; } .histtexto{ float: left; width: 61%; } nav ul li { display: inline; } } @media only screen and (min-width: 801px) { nav a { float: left; width: auto; display: block; /*margin: 0 0.1%;*/ margin: 0; padding: 54px 1.65%; text-align: center; text-decoration: none; font-size: 16px; color: white; border-left: 1px solid #00923F; border-right: 1px solid #00923F; } } @media only screen and (min-width: 1140px) { /* =============== Maximal Width =============== */ nav a { float: left; width: auto; display: block; /*margin: 0 0.1%;*/ margin: 0; padding: 54px 1.65%; text-align: center; text-decoration: none; font-size: 16px; color: white; border-left: 1px solid #00923F; border-right: 1px solid #00923F; } .title{ margin-left: 85px; } .trintaanos{ margin-top: 6px; /* background: url('../img/SELO-MM.png'); */ width: 115px; height: 123px; /* background-repeat: no-repeat; */ float: right; margin-left: -150px; } .main-container{ width: 100%; } .wrapper { width: 1000px; margin: 0 auto !important; } .header{ width: 1170px; } nav { margin-left: 60px; float: left; width: 65%; } #slideshow {width:970px; margin-left: 15px;} #slideshow ul li a img{width: 100%; height: 100%;} #bullets {height: 30px; position:relative; text-align:center; width:970px; margin-top: -25px; z-index: 10;} #bullets a {background:url('../img/bullet-off.png') no-repeat center bottom; margin:0 3px; padding:0 6px} #bullets a.active {background:url('../img/bullet-on.png') no-repeat center bottom} #bullets a span {display:none} .jcarousel-container {position:relative; width:970px} .jcarousel-clip {height:370px; overflow:hidden; position:relative; width:970px} .jcarousel-list {left:0; overflow:hidden; position:relative; top:0; z-index:1} .jcarousel-list li {float:left; height:350px; width:970px} .jcarousel-prev, .jcarousel-next {cursor:pointer; height:56px; position:absolute; top:147px; width:30px; z-index:10} .jcarousel-prev {background:url('../img/arrow-left.png') no-repeat; left:-30px} .jcarousel-next {background:url('../img/arrow-right.png') no-repeat; right:-30px} .header-container { /*border-bottom: 20px solid #e44d26;*/ height: 139px; } article{ padding: 0 15px 0 15px; } .main aside{ width: 30.0%; min-height: 187px; height: auto; float: left; padding-left: 32px; padding-top: 2px; } .main .verde h2{ background-image: url('../img/mmdistribuidora.png'); width: 34px; height: 59px; background-repeat: no-repeat; } .main .laranja h2{ background-image: url('../img/localizacao.png'); width: 47px; height: 59px; background-repeat: no-repeat; } .main .amarelo h2{ background-image: url('../img/representantes.png'); width: 51px; height: 59px; background-repeat: no-repeat; } .main aside h6{ margin: 0; } .main .amarelo h3, .main .laranja h3, .main .verde h3{ margin-bottom: 0; } .histcinza h2{ margin-left: 0px; padding-right: 0px; } .gmapa{ /*background-color: #E5E5E5;*/ width: 28.26%; min-height: 445px; height: auto; float: right; margin: 0; } .titprodutos { width: 94%; padding: 0 15px 0 15px; margin: 0 auto !important; } .titprod { width: 94%; height: 96px; padding: 13px 13px 0px 13px; padding: 0 15px 0 15px; margin: 0 auto !important; } .main article aside h5{ background-image: url('../img/seta-direita.png'); width: 6px; height: 12px; background-repeat: no-repeat; float: left; margin: 8px 4px 8px 0px; } .agener, .singenta, .tecnopec{ height: 355px; } .agener h2{ background-image: url('../img/logoagener2.png'); width: 232px; height: 211px; background-repeat: no-repeat; padding-left: 0px; margin-left: 0px; } .singenta h2{ background-image: url('../img/logosyngenta2.png'); width: 232px; height: 211px; background-repeat: no-repeat; padding-left: 0px; margin-left: 0px; } .tecnopec h2{ background-image: url('../img/logotecnopec.png'); width: 232px; height: 211px; background-repeat: no-repeat; padding-left: 0px; margin-left: 0px; } .repmap{ width: 642px; } .repcinza{ width: 28.26%; } .formcontato{ width: 100%; } .contprodts{ font-size: 14px; float: left; width: 273px; padding: 20px; background-color: #E5E5E5; font-size: 13px; margin-left: 14px; line-height: 30px; } .voxbrazil{ color:white; clear:both; width:48%; height:39px; margin: 0 auto; } .rodape{ height: 100px; width: 1000px; margin: 0 auto !important; } .rod-dir{ float: right; } .histtexto{ width: 61%; padding-left: 15px; } } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }