/*** Sensorial (c) 2014 @Miminho aos Avós v2014 **/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend {margin: 0; padding:0 ;border:0; outline:0; font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} h1,h2,h3,h3,h4,h5,h6{font-weight:normal;font-family:'Open Sans';font-weight:300} a:hover{color:#000; text-decoration:none;} input{border:none;background:none;padding:0;outline:0;border:0px;margin:0;resize: none;} img{border:0px;} ul,ol{list-style:none} a{text-decoration:none;} /*a:focus, input:focus, button:focus, textarea:focus, select:focus{outline:0px;text-decoration:none}*/ ::-moz-selection {background: #7796BB;text-shadow: none;color:#fff} ::selection {background: #7796BB;text-shadow: none;color:#fff} .clearfix:before,.clearfix:after{content: ""; display: table;clear: both;} *, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; } /* * fontes */ .font_open{font-family:'Open Sans';font-weight:300} /******/ .clear{clear:both}.bold { font-weight: bold; }.hidden { display:none; } .wd100{float:none!important;width:100%!important;} .uppercase{text-transform:uppercase} .border_3px{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .border_5px{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .one_line{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .lft{float:left;}.rgt{float:right;} .hide{display:none} .img_back{display:block;opacity:0;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} img.img_back1{display:block;opacity:0;} .show_img {opacity:1;} .ct {max-width: 1200px;margin: 0 auto;position: relative;} .ct_out { max-width: 1600px;margin: 0 auto;position: relative; } .ct_out.bck_color {background:#f8f8f8} /* .picto{background:url(/templates/layout_images/picto.png) -500px -500px no-repeat} */ html,body{width:100%;} body { font:12px Arial, Helvetica, sans-serif;margin:auto auto; color: #000;text-align:left;overflow-x:hidden;overflow-y:visible;position:relative; background:#d8d8d8;-webkit-font-smoothing: antialiased; } /******************** * HEADER *********************/ #header {display:block;} #header .ct_out {background:#fff;padding:30px 0 40px 0;} #header a.logo{float:left;width:200px;} #header a.logo img{max-width:100%;} #header .caminho_header{display:none;padding:0} .nomobile #header{position:fixed;left:0;top:0;right:0;z-index:200;} .nomobile #header.fixed .ct_out{ padding:10px 0; -webkit-box-shadow: 0 2px 6px 2px rgba(0,0,0,0.3); box-shadow: 0 2px 6px 2px rgba(0,0,0,0.3); } .nomobile #header.fixed a.logo{width: 180px;} .nomobile .offset-height{height:128px;width:100%;position: relative;z-index: 20;} .nomobile .offset-height .ct_out{display:block;background:#fff;width: 100%;height: 100%;} .nomobile .offset-height.active{height:71px;} /******************** * REDES SOCIAIS *********************/ #rs{display:block;margin:35px 0 0 0;} #rs ul,#rs ul a{display:block;} #rs ul li {float:left; margin:0 10px 0 0;} #rs ul li a{ width:38px;height:38px; border:1px solid #fff; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; } #rs ul li a{ width:38px;height:38px;border:1px solid #1279b3;position:relative; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; } #rs ul li a:before{ content:'';width:22px;height:16px;position:absolute; left:50%;top:50%;margin:-8px 0 0 -7px; background:url(/templates/layout_images/rs.png) 0 0; background-repeat:no-repeat; } #rs ul li.face a:before{ background-position:-44px 0; margin: -8px 0 0 -6px; } #rs ul li.vimeo a:before{background-position:-85px 0;} #rs ul li.youtube a:before{background-position:-124px 0;margin: -8px 0 0 -11px;} #rs ul li.linkdin a:before{background-position:-171px 0;width: 19px;margin-left:-8px;} #rs ul li.gplus a:before{background-position:-224px 0;width: 19px;margin-left:-7px;} #rs ul li a:hover{border-color:#42b3e5} /******************** * MENU *********************/ #nav{float:right;} #nav li{float:left;margin:0 0 0 1px;} #nav ul, #nav li a{display:block;} #nav ul{margin:14px 0 0 0} #nav li a{ font-size:1.2em;color:#8a9ca9; padding:10px 15px; } #nav li a span{text-transform:capitalize} #nav li a:hover, #nav li.mn_active a{background:#42b3e5;color:#fff} #header.fixed #nav ul{margin:9px 0 0 0} .sub_menu{display:block;} .sub_menu ul, .sub_menu ul li , .sub_menu ul li a{display:block;} .sub_menu ul li a{ padding:7px 0 7px 10px;color:#8a9ca9;font-size:1.1em; border-bottom:1px solid #c6ccd0 } .sub_menu ul li a:hover{color:#77bcda} /******************** * LINGUA *********************/ #lingua{float:right;margin:0 0 0 10px;cursor:pointer} #lingua .text{float:left;color:#fff;margin:0 10px 0 0} #lingua .active, .nomobile #lingua a{ display:block;float:left;position:relative;top:-4px; } #lingua .active, .nomobile #lingua a{ display:block;padding:5px 7px;color:#fff; font-weight:bold;background:#d74d3b; margin:0 0 0 5px; -webkit-border-radius: 5px;border-radius: 5px; } .nomobile #lingua a{ background:rgba(0,0,0,0.3) } .nomobile #lingua a:hover{background:rgba(215,77,59,1)} .nomobile #lingua a.act{ display:none; } .nomobile #lingua a img{display:none} #lang{ position:fixed;left:50%;top:0;margin:0 0 0 -65px;padding:10px;background:#2b9451;z-index:5000; -moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);-o-transform:translateY(-100%); -ms-transform:translateY(-100%);transform:translateY(-100%); } #lang.act{ -moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0); -ms-transform:translateY(0);transform:translateY(0); } #lang a{display:block;float:left;opacity:0.4} #lang a:hover, #lang a.act{opacity:1} #lang a img{display:block} #lang a.pt{margin:0 10px 0 0} #lang a.en{margin:0 10px 0 0} #lang a span{display:none} .nomobile #lang{display:none} /******************** * FOOTER *********************/ #footer{ display:block;width:100%;background:#f8f8f8; padding:40px 0 0 0; } #footer .footer2{padding:20px 0;background:#202629} #footer .footer2 .copy{float:left;color:#6d7a83;font-size:1.3em:} #footer .footer2 a{color:#6d7a83} #footer .footer2 a:hover{color:#d74c3b} #footer .footer2 a.sensorial{float:right;} #footer .footer2 a.sensorial img{width:120px} #footer .footer1{margin:0 0 110px 0} #footer .footer1 .col{float:left;width:22%} #footer .footer1 .col2{ margin:0 12.5%} #footer .footer1 .col3{width:31%;} #footer .footer1 .title{ color:#1279b3;font-size:1.3em;font-weight:600; margin:0 0 20px 0; } #footer .col3 ul{display:block;} #footer .col3 ul li{margin:0 0 20px 0} #footer .col3 ul li a{display:block} #footer .col3 ul li a .img{ float:left;width:25%;position:relative; border:1px solid #ced6e6 } #footer .col3 ul li a .mask{position:absolute;left:0;right:0;bottom:0;top:0;} #footer .col3 ul li a .img img{max-width:100%;display:block;} #footer .col3 ul li a .text{float:right;width:70%;color:#8a9ca9} #footer .col3 ul li a .text.no_img{width:100%;} #footer .col3 ul li a .text h6{ font-family:'Arial';max-height:3em;overflow:hidden; margin-bottom:10px; } #footer .col3 ul li a .text .data{color:#6d7a83} #footer .col3 ul li a:hover .text h6{color:#1279b3} #footer .footer1 .anf{margin:0 0 20px 0} #rodape_text{display:block; color:#8a9ca9} #rodape_text .img{ border-bottom:1px solid #c6ccd0;padding:0 0 35px 0; margin: 0 0 15px 0 } #rodape_text .img img{max-width:70%} /******************** * DESTAQUES *********************/ #destaque_tp {display:block;width:100%;position:relative;overflow:hidden} #destaque_tp .slide{display:block;width:100%;} #destaque_tp .slide img{max-width:100%} #destaque_tp .owl-text{display:none!important} #block2{position:relative} #block2 .col_text{ position:absolute;right:0;left:28%;height:115px;background:#fff; padding:20px 110px 20px 30px; } #block2 .col_text .owl-example{display:none!important} #block2 .col_text .slide{display:block;width:100%;height:75px;} #block2 .col_text .slide a{display:block} #block2 .col_text .slide h2{ font-size:2em;color:#26436d;text-transform:uppercase } #block2 .col_text .slide a:hover h2{color:#77bcda} #block2 .col_text .slide .desc{color:#8994a8;margin:10px 0 0 0;line-height:1.4em} #block2 .col_text .bt{ position:absolute;right:20px; top:50%;margin:-20px 0 0 0; } #block2 .col_text .bt1{float:left;width:40px;height:40px;cursor:pointer;} #block2 .col_text .bt1.prev:before,#block2 .col_text .bt1.next:before{ content:'';margin:0 auto;width:11px;height:40px;display:block; background:url(/templates/layout_images/bt.png) 0 center no-repeat; } #block2 .col_text .bt1.next:before{background-position:-11px center} #block2 .col_text .bt1:hover{background:#42b3e5} #noticias_horizontal,#noticias_horizontal ul,#noticias_horizontal ul li,#noticias_horizontal a { display:block } #noticias_horizontal{margin:0 0 60px 0;} #noticias_horizontal .item{ border:6px solid #ced6e6;position:relative; overflow: hidden; } #noticias_horizontal .item img{max-width:100%} #noticias_horizontal a:hover{border-color:#77bcda} #noticias_vertical, #noticias_vertical ul, #noticias_vertical a{display:block;} #noticias_vertical li{ float:left;width:30.6%;margin:0 4% 4% 0 } #noticias_vertical li:nth-child(3n){margin-right:0} #noticias_vertical li:nth-child(3n+1){clear:left} #noticias_vertical li .item{display:block;} #noticias_vertical li .item .img{ display:block;border:1px solid #ced6e6; height:140px;position:relative;background:#fff; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;overflow: hidden; } #noticias_vertical li .item .img img{ max-width:100%;max-height:100%;margin:0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #noticias_vertical li .item h4{ color:#1c5371;font-family:'Arial';margin:14px 0 0 0 } #noticias_vertical li a:hover .img{border-color:#3156a3} #noticias_horizontal .item .plus, #noticias_vertical li .plus{ position:absolute;right:0;bottom:0;z-index:5; width: 50px;height: 50px;font-size:30px;color:#fff; background:#42b3e5;text-align:center;line-height:66px; -webkit-border-top-left-radius: 200px;border-top-left-radius: 200px; -moz-border-radius-topleft: 200px;text-indent: 11px; -moz-transform: translateX(100%) translateY(100%); -webkit-transform: translateX(100%) translateY(100%); -o-transform: translateX(100%) translateY(100%); -ms-transform: translateX(100%) translateY(100%); transform: translateX(100%) translateY(100%); } #noticias_horizontal a:hover .plus, #noticias_vertical a:hover .plus{ -moz-transform: translateX(0) translateY(0%); -webkit-transform: translateX(100%) translateY(0%); -o-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); } #noticias_vertical li .plus{ width: 40px;height: 40px;font-size: 25px;text-indent: 8px; line-height: 50px; } #noticias_vertical li .date{float:left;background:#3156a3;margin:0 0 -1px 1px;position:relative;z-index:5} #noticias_vertical li .date span{float:left;color:#fff;padding:3px 10px;font-size:0.9em;} #noticias_vertical li .date span.tm{background:#c4c4c4;color:#f8f8f8} #noticias_vertical li.n_hide{display:none;} #noticias_vertical li.n_hide.active{display:block} #noticias_vertical .ver_mais{ display:block;width:100%;text-align:center;position:relative; color:#3156a3;font-size:1.2em;cursor:pointer; } #noticias_vertical .ver_mais:hover{ color:#26436d } #noticias_vertical .ver_mais:before, #noticias_vertical .ver_mais:after{ content:'';width:42%;top:50%; margin:1px 0 0 0;height:1px;background:#ced6e6; position:absolute } #noticias_vertical .ver_mais:before{left:0;} #noticias_vertical .ver_mais:after{right:0;} #lat_topo{display:block;margin:0 0 50px 0;} #lat_topo ul, #lat_topo ul li, #lat_topo ul li a{display:block;} h4.titulo_destaque{ background:#3156a3;color:#fff;font-size:1.2em; padding:12px 15px;margin:0 0 20px 0; } #lat_topo ul li .item .img{float:left;width:35%;} #lat_topo ul li .item .img img{max-width:100%} #lat_topo ul li .item .desc{ float:right;width:62%;color:#666666;line-height:1.4em; max-height:8.2em;overflow:hidden; } #lat_topo ul li .item .more{ float:left;margin:18px 0 0 0;background:#77bcda; color:#fff;font-size:1.12em;padding:10px 25px 10px 15px; position:relative; } #lat_topo ul li .item .more:after{ content:'\203A';color:#fff;right:10px; position:absolute; } #lat_topo ul li a:hover h4, #lat_topo ul li a:hover .more{background:#42b3e5} #lat_listagem ul, #lat_listagem ul li, #lat_listagem ul li a{display:block;} #lat_listagem ul li{margin: 0 10px 0 0;} #lat_listagem h4{margin:18px 0 0 0} #lat_listagem ul li .item{padding:15px 40px 15px 15px;border-bottom:1px solid #e0e0e0;color:#8b8c8d;position:relative;} #lat_listagem ul li a.item:after{ content:'+';font-size:2em;color:#3156a3; position:absolute;right:15px;top:50%;margin:-0.5em 0 0 0 } #lat_listagem ul li a:hover, #lat_listagem ul li a:hover:after{color:#42b3e5} #lat_listagem .swiper-container{ max-height:432px;overflow:hidden;position:relative } #lat_listagem .swiper-scrollbar { height: 100%; width: 4px; position: absolute; right: 0; bottom: 5px; top: 5px; z-index: 1; } #produtos .inner{width:100%;display:block;overflow:hidden} #produtos .inner .view{width:101.5%;display:block} #produtos ul.owl-carousel{width:100%;} #produtos li{width:100%;margin:0 !important;padding:0 15px 0 0;} #produtos li a{display:block;width:100%} #produtos li a .img{width:100%} #slogan{ background:#d6e5ee;height:226px;text-align:center; display:block; } #slogan .center{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #slogan .center span{display:block;font-size:2.5em;color:#1279b3} #slogan .center span.title1{font-weight:600} /******************** * CONTAINERS *********************/ .bck_fixed{ position:fixed;width:100%;height:100%;left:0;right:0;bottom:0;top:0; background: rgb(0,150,212); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,150,212,1) 0%, rgba(216,216,216,1) 49%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,150,212,1)), color-stop(49%,rgba(216,216,216,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,150,212,1) 0%,rgba(216,216,216,1) 49%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,150,212,1) 0%,rgba(216,216,216,1) 49%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,150,212,1) 0%,rgba(216,216,216,1) 49%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,150,212,1) 0%,rgba(216,216,216,1) 49%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096d4', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */ } #block2{ display:block;margin:-200px 0 0 0; background:#77bcda; } #block2 .col{float:left;width:24%;height:335px;padding:25px;} #block2 .col.col1{background:#42b3e5;width:28%;position:relative} #block2 .col[class*="col2-"]{height:220px;margin:115px 0 0 0;overflow:hidden} #block2 .col.col2-0{background:#26436d} #block2 .col.col2-1{background:#1279b3} #block2 .col.col2-2{background:#77bcda} #block2 .col .title{display:block;color:#fff;font-size:1.8em;} #block2 .col.col1 ul{ display:block; position: absolute; left: 25px;right: 20px;top: 25px; } #block2 .col.col1 ul li{float:left;width:48%;} #block2 .col.col1 ul li:nth-child(2n){float:right;} #block2 .col.col1 ul li a{ display:block;color:#fff;font-weight:bold; padding:7px 0;border-bottom:1px dotted #fff; } #block2 .col.col1 ul li a:hover{color:#26436d} #block2 .col .desc{ color:#fff;margin:15px 0 0 0;display:block; } #block2 .col .desc img{margin:15px 0 0 0;} #block2 a.col:hover{background:#42b3e5 !important;} #block4{display:block;position:relative;top:-130px} #block4 .link_pr{display:block;margin-top:40px} #block4 .link_pr .line1, #block4 .link_pr .line2{ width:40%;height:1px;background:#ff5a30; position:relative;top:12px; } #block4 .link_pr .line1{float:left;} #block4 .link_pr .line2{float:right;} #block4 .link_pr a{ float:left;width:20%;text-align:center;color:#000; font-weight:400;font-size:1.4em; } #block4 .link_pr a:hover{color:#ff5a30} #block{display:block;margin:60px 0 100px 0} #block .col.col1{float:left;width:63.333%} #block .col.col2{float:right;width:32%} /******************** * HOME SUB *********************/ #container{display:block;padding:0 0 50px 0;background:#fff} #container .titulo_caminho{padding:25px 0;margin:0 0 40px 0;background:#66a5c8;min-height:93px;} #container .titulo_caminho h2{ color:#fff;font-size:2em; line-height:1em;text-transform:uppercase } #aside{float:left;width:24%;} #container .conteudo{ float:left;width:76%;background:#fff;padding:0 0 0 36px; color:#949494;line-height:1.5em;font-size:1.2em; } #container .conteudo h1{ font-size:30px;color:#1279b3;margin:0 0 50px 0; font-weight:300;padding:0 0 40px 0;position:relative; border-bottom:1px solid #66a5c8;line-height:1.2em } #container .conteudo.w_100{width:100%;padding:0} #container .conteudo .texto_corpo{ margin-bottom:40px; } #container .conteudo .texto_corpo p:first-child{margin:-3px 0 0 0} #container .conteudo .texto_corpo h2{font-size:1.4em;font-weight:700} #container .conteudo .texto_corpo img{max-width:100%} #container .conteudo .texto_corpo a{color:#949494;text-decoration:underline} #container .conteudo .texto_corpo a:hover{color:#42b3e5} #container .conteudo .texto_corpo ul{margin:10px 0} #container .conteudo .texto_corpo ul li{margin:0 0 5px 0} #container .conteudo .texto_corpo ul li:before{ content:'\2022';float:left;font-size:1.4em; color:#66a5c8;margin:0 10px;font-weight:bold } #container .conteudo .texto_corpo strong{color:#333333} #container .conteudo .texto_corpo table{margin:0 0 20px 0;padding:1%} #container .conteudo .texto_corpo table td{padding:1%} #container .conteudo .texto_corpo ul li ul{ padding:5px 0 0 15px } /******************** * TRANSITIONS E ANIMACOES *********************/ #nav > ul > li,.nomobile #lingua a:hover, #galleria_thumb a:before, #block2 a.col,#block2 .col_text .bt1, #noticias_horizontal a, #noticias_vertical li .item .img, #lat_topo ul li .item h4, #lat_topo ul li a .more, #produtos li .item .img, #rs ul li a, #header .ct_out, #header .ct_out a.logo, #list_img .item .img .mask, #list_defeito a .text h3, #list_defeito a .img, .offset-height, #nav ul, #noticias_horizontal .item .plus, #noticias_vertical li .plus, .paginacao a:before,.paginacao a, .bc_acc a,#box-font a { -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; } #nav ul li .sub_menu .img_menu .img.img_s, #nav ul li .sub_menu .img_menu .img.s_imgp, #pesquisa .close,#pesquisa, #pesquisa .box_pesquisa { -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .ral{display:block;width:80%; margin:0 auto; margin-top: 48px;} .ral img{width:100%;border:1px solid #ced6e6} .ral a:hover img{border-color:#1279b3} #container:before, #container:after, .ct:before, .ct:after,.article:before ,.article:after { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }.swipebox { overflow: hidden!important; } #swipebox-overlay img { border: none!important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999!important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #swipebox-slider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; } #swipebox-slider .slide { background: url("/templates/images/img/loader.gif") no-repeat center center; height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-action, #swipebox-caption { position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-action { bottom: -50px; } #swipebox-action.visible-bars { bottom: 0; } #swipebox-action.force-visible-bars { bottom: 0!important; } #swipebox-caption { top: -50px; text-align: center; } #swipebox-caption.visible-bars { top: 0; } #swipebox-caption.force-visible-bars { top: 0!important; } #swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close { background-image: url("/templates/images/img/icons.png"); background-repeat: no-repeat; border: none!important; text-decoration: none!important; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 0; } #swipebox-action #swipebox-close { background-position: 15px 12px; left: 40px; } #swipebox-action #swipebox-prev { background-position: -32px 13px; right: 100px; } #swipebox-action #swipebox-next { background-position: -78px 13px; right: 40px; } #swipebox-action #swipebox-prev.disabled, #swipebox-action #swipebox-next.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } #swipebox-slider.rightSpring { -moz-animation: rightSpring 0.3s; -webkit-animation: rightSpring 0.3s; } #swipebox-slider.leftSpring { -moz-animation: leftSpring 0.3s; -webkit-animation: leftSpring 0.3s; } @-moz-keyframes rightSpring { 0% { margin-left: 0px; } 50% { margin-left: -30px; } 100% { margin-left: 0px; } } @-moz-keyframes leftSpring { 0% { margin-left: 0px; } 50% { margin-left: 30px; } 100% { margin-left: 0px; } } @-webkit-keyframes rightSpring { 0% { margin-left: 0px; } 50% { margin-left: -30px; } 100% { margin-left: 0px; } } @-webkit-keyframes leftSpring { 0% { margin-left: 0px; } 50% { margin-left: 30px; } 100% { margin-left: 0px; } } /* Skin --------------------------*/ #swipebox-overlay { background: #0d0d0d; } #swipebox-action, #swipebox-caption { text-shadow: 1px 1px 1px black; background-color: #0d0d0d; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(#0d0d0d, #000000); background-image: -moz-linear-gradient(#0d0d0d, #000000); background-image: -o-linear-gradient(#0d0d0d, #000000); background-image: linear-gradient(#0d0d0d, #000000); -webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black; -moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black; box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; } #swipebox-action { -webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black; -moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black; box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black; } #swipebox-caption { color: white!important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; } /** * Swiper 3.0.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 13, 2015 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move} /* Menu Desdobravel */ #menu_desd{ display:block;padding:0;position:relative; background:#42b3e5;padding:35px 25px 50px 25px } #menu_desd li{display:block;border-bottom:1px dotted #fff;position:relative;z-index:1} #menu_desd li a{ display:block;color:#fff;padding: 8px 25px 8px 20px;position:relative } #menu_desd li > a {font-size:1.2em} #menu_desd li .st_desd{display:none} #menu_desd li.sub .st_desd{ display:block;position:absolute;left:0;top:8px; font-weight:bold;font-size:1.3em; color:#fff; } #menu_desd li:before{ content:"\203A";position:absolute;left:4px;top:7px; font-size:1.2em; color:#fff; } #menu_desd li.sub:before{display:none} /* #menu_desd li a .numb{ position:absolute;right:0;width:18px;height:22px;top:5px;color:#fff; background-position:0 0;background-repeat:no-repeat; text-align:center;line-height:19px; } */ #menu_desd li.nivel_1 .st_desd{display:none} #menu_desd li.nivel_1.sub .st_desd{display:block} #menu_desd li.nivel_1.sub li.nivel_2 .st_desd{display:none} #menu_desd li.nivel_1.sub li.nivel_2.sub .st_desd{display:block} #menu_desd li a:hover,#menu_desd li.nivel_0.act > a{color:#383838} #menu_desd li.nivel_1.act > a{color:#383838} #menu_desd li.sub .st_desd .less{display:none;} #menu_desd li > ul{ margin:0 0 15px 0;padding:0 0 0 15px; } #menu_desd li > ul li:last-child{ border:0 } #menu_desd li.nivel_2.act > a{color:#383838} /*p:before { content:"\203A";}*/ #menu_desd li > ul li a{font-size:1em;} /*menu responsive*/ #active_menu{ float:right;display:none;width:34px;height:26px;margin: 21px 10px 0 0;cursor:pointer;position:relative; background:url(/templates/layout_images/menu_active.png) 0 0 no-repeat; } /* #active_menu:after{ content:'';background:re; position:absolute;left:-75px;top:-10px;right:-10px;bottom:-10px; background:url(/templates/layout_images/menu_active.png) 0 0 no-repeat; } */ #active_menu div.text{ position:absolute;left:-65px;line-height:26px;font-size:1.6em;font-weight:600;color:#1279b3; z-index:30;right:0 } #active_menu:hover{background-position:-35px 0} #menu_res{ position:fixed;width:260px !important; right:0;top:0;bottom:0;background:#42b3e5;z-index:2000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; opacity: 0;-webkit-transform: translateX(103%); -moz-transform: translateX(103%);-o-transform: translateX(103%); -ms-transform: translateX(103%);transform: translateX(103%); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } #menu_res.open{ opacity: 1;-webkit-transform: translateX(0%); -moz-transform: translateX(0%);-o-transform: translateX(0%); -ms-transform: translateX(0%);transform: translateX(0%); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); } #menu_res .close{ position: absolute;top: 0;left: 0;width: 50px;height: 50px;background:#42b3e5;cursor: pointer;z-index: 200; } #menu_res .close span.picto{ width:14px;height:14px;background:url(/templates/layout_images/close.png) -15px 0 no-repeat; margin: 18px 0 0 18px;display:block } #menu_res .close:hover span.picto{background-position:-15px 0} #menu_res .close:hover{background:#3384A8} #menu_res.open .close{left:-50px} #menu_res .menu{width:100%;} #menu_res .menu a{ display:block;line-height:50px;color:#fff;padding:0 20px;font-size:1.6em; font-family:'Open Sans';font-weight:300; border-bottom:1px solid rgba(255, 255, 255, 0.34) } #menu_res .menu a:hover{ background: #3384A8} #menu_res .menu a .desc{display:none} #menu_res .menu .sub_menu {display:none} #menu_res .rs{float:none;display:block;padding:0 0 0 20px} #menu_res .rs li{float:left;width:auto} #menu_res .swiper-container { position: absolute;top: 0;left: 0;bottom: 0;right: 0; width: 265px; } #sub_menu_resp{display:none} /* paginacao */ .page { display: block;width: 100%;margin-top: 60px;border-top: 1px dotted #dadada; color: #183e53;font-size: 1em; } .page .num_pages {padding: 5px;float: left;font-weight:bold} .page .lg_right {float: right;cursor: auto;} .page .seguinte, .page .anterior, .page .num { float: left;padding: 5px 10px;cursor: pointer; font-weight: bold;position: relative;top: -1px; color:#000 } .page .seguinte:hover, .page .anterior:hover, .page .num:hover { color:#66a5c8 } .page .sep { float: left;width: 1px;height: 30px;background: #dadada; } .page .active { border-top: 1px solid #fff; border-bottom: 1px dotted #dadada; } /* Botoes ACT */ .bc_acc{ display:block;width:100%;padding:10px 0 0 0;border-top:1px dotted #dadada; margin:40px 0 0 0 } .bc_acc a{ display:inline-block;padding:10px 15px; background:#d6e5ee;color:#fff;font-weight:bold } .bc_acc a:hover{ background:#42b3e5;} /* site maop */ .site_map{float:left;width:100%;padding-left:10px} .site_map a{float:left;font-weight:bold;color:#7b7d7d;font-size:0.8em;} .site_map a:hover{color:#000;} /* sem imagem */ .sid{float:left;color:#c7c7c7;text-align:center;font-size:10px;width:100px;padding:15px 0px 15px 0px} /* Pesquisa */ #pesquisa_res{margin:20px 0 0 0} #pesquisa_res li{margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #bababa} #pesquisa_res li a{display:block;color:#6f7070} #pesquisa_res li a .number{ float:left;font-size:2em;height:40px;line-height:40px;border-right:1px solid #6f7070;text-align:center;width:12%;margin:0 2% 0 0; } #pesquisa_res li a .bl_text{float:left;width:85%} #pesquisa_res li a .data_pes{display:inline-block;font-family:tahoma} #pesquisa_res li a .titulo_pesquisa{display:inline-block;font-weight:bold} #pesquisa_res li a .desc_pesquisa{margin-top:10px} #pesquisa_res li a .caminho_pesquisa > div{display:inline-block;margin-top:10px;} #pesquisa_res li a:hover .titulo_pesquisa,#pesquisa_res li a:hover .number{color:#42b3e5} /* * caminhos */ .caminho{display:block;margin-top:5px;} .caminho a{float:left;color:#fff;font-size:1em;} .caminho a.home{color:#fff} .caminho a:hover{color:#000} .caminho a.last{font-weight:bold} .caminho .sep_caminho{color:#fff;float:left;margin: 0 10px;} /* form */ .form_area{display:block;margin:30px 0 0 0} .form_area .nome_campo, .lnum{font-size:1.2em;margin-bottom:10px;display:block} .form_area .nome_campo{display:none} .ie9 .form_area .nome_campo{display:block} .lnum span{display:inline-block} .campo{float:left;width:49%;position:relative} .campo.separador{width:100%} .campo.campo0,.campo.campo2,.campo.campo4,.campo.campo6,.campo.campo8{margin:0 2% 0 0} .campo.tipo_campo_big{float:none;clear:both;width:100%} .campo input, .campo textarea,.campo select{ border-width: 1px;color: #5F5F5F;font-size: 1.2em;height: auto;padding: 15px;resize: none; border-color:#BDC3C7;border-style:solid;line-height: 20px;vertical-align: middle; text-indent: 6px;display: inline-block;margin-bottom: 10px; -webkit-appearance: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none; -webkit-transition: all .25s linear, color .25s linear; -moz-transition: all .25s linear, color .25s linear; -o-transition: all .25s linear, color .25s linear; transition: all .25s linear, color .25s linear; -webkit-backface-visibility: hidden; width: 100%;background: rgba(236, 236, 236, 0.52) } .campo input{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-family: Open Sans;width: 100%; } .campo textarea{ width: 100%;resize: vertical;font-family:Open Sans; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .campo input:focus,.campo textarea:focus{ -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-color:#42b3e5; background:#fff } .campo select option {color: #5F5F5F;} .campo.pdf{width:100%;margin:0 0 20px 0;} .campo.pdf .nome_campo {display:block;} .campo.lista{position:relative;} .campo.lista:after { content: ''; position: absolute; width: 14px; height: 7px; cursor: pointer; right: 15px; top: 30px; background: url(/templates/layout_images/arrow1.png) right -2px; background-repeat: no-repeat; } .campo.lista .nome_campo{display:block;float:left;width:45%;line-height:54px} .campo.lista .tipo_campo { display:block;float:right;width:50%;position:relative } .campo.lista .tipo_campo select{ background-image:url(/templates/layout_images/arrow.png); background-repeat:no-repeat; background-position: 90% center; } .campo.lista .tipo_campo:after{ /* content:'';position:absolute;right: 23px;top: 22px; width:14px;height:8px; background-image:url(/templates/layout_images/arrow.png); background-repeat:no-repeat; */ } .campo.aceitar_termos{ display:flex;width:100%; flex-direction:row-reverse; justify-content: space-between } .campo.aceitar_termos .nome_campo{ display:block; width: 97%; } .campo.aceitar_termos .nome_campo label { font-size: 0.8em; } .campo.aceitar_termos .nome_campo label a{ text-decoration:underline;color:#000; } .campo.aceitar_termos .nome_campo label a:hover{ color:#42b3e5 } .form_area .campo.aceitar_termos input[type="checkbox"] { -webkit-appearance: checkbox; box-sizing: border-box; margin: 0; width: 20px; position: relative; height: 20px; } .form_area .campo.aceitar_termos .erro_aceitar{display:none} .form_area .campo.aceitar_termos input.error:before { content: ''; position: absolute; bottom: 0px; left: -1px; right: 0; top: -1px; border: 1px solid red; border-radius: 4px; } .bt_enviar { display: inline-block;text-decoration: none; cursor: pointer;width: 144px; background-color: #4C4D51;color: #FFF; outline: none;-webkit-transition: 0.25s; -moz-transition: 0.25s;-o-transition: 0.25s; transition: 0.25s;-webkit-backface-visibility: hidden; font-size: 1.6em;line-height: 20px;padding: 15px 18px 13px; float:right; } .bt_enviar:hover {background:#42b3e5} .erro{ position:absolute;right:1px;top:1px;width: 136px; color:#fff;background:#8d8b8b;padding: 6px 10px;text-align:center; font-size:0.8em } #mensagem{ display:block;position:fixed;left:0;right:0;z-index:500; padding:20px;background:rgba(0,0,0,0.8);top:0; -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 500ms linear;-moz-transition: all 500ms linear; -o-transition: all 500ms linear;-ms-transition: all 500ms linear; transition: all 500ms linear; } #mensagem.active{ top:0; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #mensagem .mensagem{font-size:1.6em;margin:0 0 15px;color:#fff} /* Galeria */ #galleria{ width:100%;display:block;margin-bottom:1px; } #galleria img{max-width:100%;margin:0 auto} #pedras{display:block;} #galleria a{display:block;position:relative} #galleria a .text{ position:absolute;width:100%;left:0;top:0;right:0; background:rgba(0,0,0,0.5);padding:20px;color:#fff; text-align:center;font-size:1.3em; } #galleria > div{ height:100%;border:1px solid #42b3e5;background:#dadada; overflow:hidden } #galleria a{} #galleria a img{ } #galleria_thumb{ display:block;margin:0;width:100%; } #galleria_thumb a{display:block;position:relative} #galleria_thumb a:before{ content:'';position:absolute; left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0.2); } #galleria_thumb a:hover:before, #galleria_thumb .active a:before{background:rgba(0,0,0,0);} #galleria_thumb a img{max-width:100%} #galleria_thumb .active a{} #galleria_thumb .owl-item div {} #galleria_thumb .owl-item {margin:0 1px 0 0} .blanexos{position:relative} /* Listagens */ .hor_list, .hor_list a{display:block;} .hor_list a{padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #D1D1D1;position:relative} .hor_list a .img{ float:left;width:23.8%;border:1px solid #D1D1D1;position:relative;overflow:hidden;height:206px; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d; } .hor_list a .img img{ display:block; max-width: 100%;margin: 0 auto;position: relative; top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%); } .hor_list a .text{float:right;width:75%} .hor_list a .text h3{font-size:1.6em;line-height:1.2em;margin:0 0 20px 0;color:#4871a5} .hor_list a .text .desc{display:block;color:#949494;max-height: 118px;overflow: hidden;} .hor_list .date, .list .date{ position:absolute;width:64px;height:54px; background:#42b3e5;color:#fff;text-align:center; top: -27px;right: 3px;z-index:20; text-transform:uppercase; padding: 12px 0 0 0; } .hor_list .date{ left:15.8%; } .hor_list .date span, .list .date span{ display:block;font-size:1.4em } .hor_list .date span.year, .list .date span.year{ font-size: 0.8em; } .hor_list .date:after , .list .date:after { top: 100%;left: 50%;border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #42b3e5; border-width: 10px; margin-left: -10px; } .hor_list a:hover .text h3{color:#42b3e5} .hor_list a:hover .img{border-color:#42b3e5} .list {display:block;} .list a {float:left;width: 23.8%;margin-bottom: 4%;margin-right:1.6%;position:relative;} .list a:nth-child(4n) {margin-right: 0;} .list a:nth-child(4n+1) {clear: left;} .list a.item .img { border:1px solid #ced6e6;background: #fff;height: 206px;overflow:hidden; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d; overflow: hidden;display:block; } .list a.item .img img { max-width: 100%;margin: 0 auto;position: relative; top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%); } .list a h3 {display: block;color: #1c5371;margin: 10px 0 0 0;max-height: 3em;overflow: hidden;} .list a .desc {display:none} .list a.item:hover .img {border-color: #3156a3;} #list_prod {margin:0} #list_prod li{width:23.8%;margin-bottom:4%} #list_prod li:nth-child(7n){margin-right:1.6%} #list_prod li:nth-child(4n){margin-right:0} #list_prod li:nth-child(4n+1){clear:left} /* Anexos */ .contentor_anexos{display:block;width:100%;background:#f1f6f7;padding:60px 0;} .list_docs{display:block;margin:25px 0 0 0} .list_docs ul{display:block;} .list_docs ul li{float:left;width:33.333%;margin:0 0 6% 0} .list_docs ul li a{display:block;display: table; height:66px;width:100%} .list_docs ul li a img{margin:0 5% 0 0} .list_docs ul li a span{ color:#525455;width:70%;display: table-cell; vertical-align: middle; } .list_docs ul li a:hover span{color:#42b3e5} .list_docs ul li audio{float:left;width:20%} .catalogo .list_docs ul li{ position:relative;width:100%;height:600px } .catalogo .list_docs{ margin:0 } .catalogo #container .conteudo .texto_corpo{margin:0} /* #list_img{display:block;margin:40px 0 0 0} #list_img .item{float:left;width:17.6%;margin:0 3% 3% 0;position:relative} #list_img .item:nth-child(5n){margin-right:0} #list_img .item:nth-child(5n+1){clear:left} #list_img .item .img{display:block;width:100%;position:relative} #list_img .item .img .mask{ position:absolute;left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0.0) } #list_img .item .img img{max-width:100%} #list_img .item .text{ height:85px;text-align:center;position: relative;display:table;width:100%;padding:5%; position: absolute;top: 0;left: 0;right: 0;bottom: 0; opacity:0 } #list_img .item .text div { display: table-cell; vertical-align: middle; text-align: center; } #list_img .item .text h6{ font-size:1.5em;color:#fff;font-weight:400; max-height: 1.3em;overflow: hidden;line-height:1.2em; } #list_img .item .text .desc{ color:#fff;max-height: 1.3em;overflow: hidden;margin-top: 5px; font-style:italic; } #list_img .item:hover .img .mask{background:rgba(0,0,0,0.3)} #list_img .item:hover .text{opacity:1} */ #list_img li{width:23.8%} #list_img .item .img .mask{ position:absolute;left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0.0) } #list_img li .item{} #list_img li .item .img{overflow:hidden;position:relative;} #list_img li .item .img img{max-height:none} #list_img .item:hover .img .mask{background:rgba(0,0,0,0.3)} #list_img li:nth-child(4n){margin-right:0;} #list_img li:nth-child(4n+1){clear:left} #list_img li:nth-child(7n){margin-right:1.6%;} #list_img li:nth-child(7n+1){clear:none} .list_img_hor{margin:50px 0 0 0} .list_img_hor, .list_img_hor ul, .list_img_hor ul li a{display:block;} .list_img_hor .titulo{margin:20px 0;} .list_img_hor .titulo{ display:block;border-bottom:1px solid #1279b3; font-size:1.2em; } .list_img_hor .titulo span{ float:left;border-bottom:4px solid #1279b3; padding:0 35px 10px 35px;color:#1279b3; } .list_img_hor li{float:left;margin:0 1.6% 1.6% 0;width:12.9%} .list_img_hor li:nth-child(7n){margin:0;} .list_img_hor li .item .img{ border:1px solid #ced6e6;background:#fff;height:126px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;overflow:hidden } .list_img_hor li .item .img img{ max-width:100%;margin:0 auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .list_img_hor li a.item:hover .img {border-color:#3156a3} .list_img_hor ul li a h5{ display:block;color:#1c5371;margin:10px 0 0 0; max-height:3em;overflow:hidden } #links_anexos.list_img_hor li{width: 23.8%;} #links_anexos li:nth-child(4n){margin-right:0;} #links_anexos li:nth-child(4n+1){clear:left} #links_anexos li:nth-child(7n){margin-right:1.6%;} #links_anexos li:nth-child(7n+1){clear:none} /* * change view */ #change_view{position:absolute;right:0;top:9px;} #change_view li{ float:left;width:16px;height:14px;margin:0 0 0 10px ; opacity:0.3;cursor:pointer; background-repeat:no-repeat;background-position:0 0; } #change_view li:hover,#change_view li.active_list{opacity:1;background-position:0 -15px} #change_view li.active_list{cursor:default;} #change_view li.hor{background-image:url(/templates/layout_images/vert.png)} #change_view li.ver{background-image:url(/templates/layout_images/hor.png)} /* * edita */ .edita{ position:absolute; width:12px; height:11px; color:#000; background:url(/templates/images/ed1.jpg); z-index:1200; cursor:pointer; } .edita:hover{ background:url(/templates/images/ed2.jpg); } /* localizacao */ #map_canvas{ height:350px;border:5px solid #42b3e5; margin:0 0 30px 0; } #map_canvas.map_geral{height:650px;margin:30px 0 0 0; } .conteudo label { padding: 0 10px 5px 0; display: block; font-size: 1.1em;display: inline-block; color: #333;margin-bottom: 5px; cursor: default; } input#addressInput { width: 290px;border: 1px solid #cccccc; color: rgba(0,0,0,0.75); display: block; font-size: 1.2em;margin: 0 0 12px 0; padding: 6px; height: 32px;width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; outline: none; } select#radiusSelect { margin: 0 5px 0 0;width: 50px; background: #FFFFFF;border-radius: 0 0 0 0; border-style: solid;border-width: 1px; height: auto;padding: 6px 6px 6px 2px; border: 1px solid #cccccc;line-height: 30px; } #stores_loader {display: none;margin-left: 5px;} .conteudo .locationbutton {float: left;margin: 0 20px 0 0;} .conteudo .locationbutton .button{ padding: 8px 12px;font-size: 1em;color: #fff; line-height: 18px;border: none; display: inline-block;margin-bottom: 0;vertical-align: middle; cursor: pointer; background: rgb(66,66,66); background: -moz-linear-gradient(top,rgba(66,66,66,1) 0,rgba(49,49,49,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(66,66,66,1)),color-stop(100%,rgba(49,49,49,1))); background: -webkit-linear-gradient(top,rgba(66,66,66,1) 0,rgba(49,49,49,1) 100%); background: -o-linear-gradient(top,rgba(66,66,66,1) 0,rgba(49,49,49,1) 100%); background: -ms-linear-gradient(top,rgba(66,66,66,1) 0,rgba(49,49,49,1) 100%); background: linear-gradient(to bottom,rgba(66,66,66,1) 0,rgba(49,49,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242',endColorstr='#313131',GradientType=0 ); text-transform: uppercase; } .conteudo .locationselect {float: left;margin: 0;} #locationSelect {visibility: hidden;} /******************** * HOVERS / COLORES *********************/ /*block ie7 and ie8*/ .block_ie7{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.7;z-index:666999;} .container_ie7{width:492px;height:auto;padding:40px 70px;top:50%;left:50%;margin-left:-300px;margin-top:-276px;background:#fff url(/templates/images/no_ie/bck_no_ie.jpg) top repeat-x;z-index:666999;position:fixed;border-radius:20px} .bl_brw{float:left;width:100%;height:100%} .bl_brw .titulo{width:100%;height:100px;background:url(/templates/images/no_ie/no_ie_gestor.png) left top no-repeat} .bl_brw ul.browsers{width:100%;margin-top:100px;list-style:none} .bl_brw ul.browsers li{width:100%;height:50px;border-bottom:1px solid #dadada;padding-bottom:12px;margin-bottom:12px} .bl_brw ul.browsers li a{float:left;width:100%;height:50px} .bl_brw ul.browsers li a .img{float:left;width:50px;height:50px;background:url(/templates/images/no_ie/no_ie_icons.png) 0 0 no-repeat} .bl_brw ul.browsers li a .text{float:left;margin-left:30px;width:214px;height:22px;background:url(/templates/images/no_ie/no_ie_text.png) 0 0 no-repeat;margin-top:15px} .bl_brw ul.browsers li a .img.chrome{background-position:-80px 0} .bl_brw ul.browsers li a .img.firefox{background-position:-80px -78px} .bl_brw ul.browsers li a .img.safari{background-position:-80px -154px} .bl_brw ul.browsers li a .img.ie{background-position:-80px -232px} .bl_brw ul.browsers li a .text.chrome{background-position:0 0} .bl_brw ul.browsers li a .text.firefox{background-position:0 -24px} .bl_brw ul.browsers li a .text.safari{background-position:0 -45px} .bl_brw ul.browsers li a .text.ie{background-position:0 -69px} .bl_brw ul.browsers li.achrome:hover .img{background-position:0 0} .bl_brw ul.browsers li.afirefox:hover .img{background-position:0 -78px} .bl_brw ul.browsers li.asafari:hover .img{background-position:0 -154px} .bl_brw ul.browsers li.aie:hover .img{background-position:0 -232px} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /******************** * ACESSIBLIDADE *********************/ #box-font{ position:fixed;z-index:300; top:30%;right:0;background:#474747;overflow:hidden; -webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px;border-bottom-left-radius: 10px; } #box-font a{ display:block;width:100%;width:40px;height:50px;line-height:50px; color:#fff;font-size:20px;font-weight:600;text-align:center; } #box-font a.br{border-bottom:1px solid rgba(255, 255, 255, 0.51)} #box-font a:hover{background:#42b3e5} #box-font a.pesquisar{height:auto;padding:15px 0} #box-font a img{ max-width:40%;margin:0 auto; } /******************** * PESQUISA *********************/ #pesquisa{ display:block;z-index:3000;opacity:0;position:fixed; top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%; } #pesquisa.active{opacity:1;} #pesquisa .overlay{ position:fixed;top:0;left:0;right:0;bottom:0; width:100%;height:100%; background:rgba(66,179,229,0.8) } #pesquisa .box_pesquisa{ position:fixed;top:200%;left:50%;width:70%;z-index:3002; margin:-40px 0 0 -35%;padding:0 0 10px 0; border-bottom:3px solid #fff; color:#fff; } #pesquisa .box_pesquisa input[type='text']{ float:left;font-weight:300;color:#fff;font-size:3em;text-indent:30px; width:80% } #pesquisa .box_pesquisa button{ float:right;width:30px;height:30px;margin:20px 20px 0 0; background:url(/templates/layout_images/Zoom.png) center center no-repeat; background-size:100%;cursor:pointer;border:0; } #pesquisa .close{ position:fixed;width:32px;height:32px;top: 152%;right:10px; background:url(/templates/layout_images/close_pesq.png) center center no-repeat; background-size:100%; } #pesquisa, #pesquisa .overlay, #pesquisa .box_pesquisa, #pesquisa .close{ -moz-transform: translateY(-150%);opacity:0; -webkit-transform: translateY(-150%); -o-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); } #pesquisa.active .overlay, #pesquisa.active, #pesquisa.active .box_pesquisa, #pesquisa.active .close{ -moz-transform: translateY(0);opacity:1; -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #pesquisa.active *{opacity:1;} #pesquisa.active .close:hover{ -moz-transform: translateY(0) rotate(210deg);-webkit-transform: translateY(0) rotate(210deg); -o-transform: translateY(0) rotate(210deg);-ms-transform: translateY(0) rotate(210deg); transform: translateY(0) rotate(210deg); } /************** * cookies **************/ #cookie{ position:fixed;background:#E9E9E9;padding:10px 0; top:0;left:0;right:0;z-index:50;color:#919191; font-size:0.8em; } #cookie.disable{ -moz-transform: translateY(-100%);-webkit-transform: translateY(-100%); -o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); } #cookie span{display:inline-block;} #cookie a{color:#919191;padding:0 0 0 5px;margin:0 0 0 5px;border-left:1px solid #919191} #cookie a.close{font-weight:bold;} #cookie a:hover{color:#000} #cookie .ct{background:none;width:1280px;margin:0 auto;} @media only screen and (max-width: 1601px){#cookie .ct{width:1024px;}} @media only screen and (max-width: 1025px){#cookie .ct{width:960px;}} @media only screen and (max-width: 981px){#cookie .ct{max-width: 100%; padding: 0 3%;}} body.cookie_active #header{top:31px;} body.cookie_active{top:31px;position:relative} body #header,#cookie, body{ -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; } /************** * retina displays **************/ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { } input, button{ -webkit-appearance: none;} /************** * media print **************/ @media print { .rmprn{display:none} } /************** * media screen responsive **************/ @media only screen and (max-width: 1600px) { .ct_out { max-width: 1200px } .ct { max-width: 1024px; } #lat_listagem .swiper-container{ max-height:423px; } .list a.item .img {height: 176px;} .hor_list a .img{height:176px;} .hor_list .date{ left:14.8%;} } @media only screen and (max-width: 1280px) { .hor_list .date{ left:12.8%;} } @media only screen and (max-width: 1200px) { #nav li a{ padding:10px 10px;} .ct_out { max-width:1024px } .ct { max-width: 960px; } #header a.logo{width:180px;} #header .ct_out {padding:20px 0 30px 0;} .nomobile .offset-height{height:103px;} #header.fixed #nav ul{margin:12px 0 0 0} #block2{margin:-150px 0 0 0;} } @media only screen and (max-width: 1024px) { .ct_out { max-width:960px; } .ct { max-width: 860px; } .nomobile #header a.logo{width: 160px;} #header #nav ul{margin:7px 0 0 0} #header.fixed #nav ul{margin:7px 0 0 0} .nomobile #header.fixed a.logo{width: 140px;} .nomobile .offset-height{height:96px;} #nav li a{ padding:10px 10px;} #block2 .col {width: 23%;} #block2 .col.col1{width:30%} #block2 .col_text{left:30%} #block2 .col.col2-2 span.desc span {display:none} #block2 .col.col2-2 span.desc img {max-width:100%} } @media only screen and (max-width: 960px) { .ct_out { max-width:100%; } .ct { max-width: 100%;margin:0 3% } } @media only screen and (max-width: 875px) { #nav ul{display:none} #active_menu{display:block} #block2{margin:0 0 0 0;} #block2 .col_text { left: 0;top:-100px;height:100px; padding: 10px 110px 10px 20px; } #block2 .col.col1 {width: 100%;} #block2 .col[class*="col2-"] {margin: 0 0 0 0;} #block2 .col{width:33.3333%} #block2 .col.col2-2 span.desc span {display:block} #block2 .col.col1 ul{margin:20px 0 0 0} #noticias_vertical li{width:46%;margin:0 4% 4% 0 !important;} #noticias_vertical li:nth-child(3n){margin-right:4%} #noticias_vertical li:nth-child(3n+1){clear:none} #noticias_vertical li:nth-child(2n){margin-right:4%} #noticias_vertical li:nth-child(2n+1){clear:left} #aside{float:left;width:100%;margin:0 0 30px 0} #container .conteudo{width:100%;padding:0} #aside_resp{display:block;margin-top:40px;} #aside #menu_desd_main{display:none} #header a.logo{width:220px;} #sub_menu_resp{ display:block;width:100%;background:#66a5c8;padding:20px} #sub_menu_resp span.cl{cursor:pointer;float:right } #sub_menu_resp .text{float:left;color:#fff;font-size:1.3em;margin:0 20px 0 0 } #sub_menu_resp .ico{ float:left;width:32px;height:17px; background:url(/templates/layout_images/sub_menu.png) 0 0 no-repeat; background-size:100%;cursor:pointer } #sub_menu_resp span.cl:hover .text{color:#383838} .bck_fixed{display:none} .list_docs ul li{float:left;width:33.33%;margin:0 0 2% 0} #box-font a { width: 30px;height: 30px;line-height: 30px; font-size: 14px; } #pesquisa .box_pesquisa input[type='text']{ font-size:2em; } #pesquisa .box_pesquisa button{margin:0 20px 0 0;} } @media only screen and (max-width: 768px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; -webkit-overflow-scrolling: touch; position:relative } #block .col.col1{width:100%} #block .col.col2{width:100%} #lat_topo ul li .item .img{width:16%} #lat_topo ul li .item .desc{width:80%} #lat_topo ul li .item .more{float:right} #footer .footer1 .col{width:45%} #footer .footer1 .col2{display:none} #footer .footer1 .col3{float:right;width:45%} #list_prod li, .list a{width:32.26%} #list_prod li:nth-child(4n), .list a:nth-child(4n){margin-right:1.6%} #list_prod li:nth-child(4n+1), .list a:nth-child(4n+1){clear:none} #list_prod li:nth-child(3n), .list a:nth-child(3n){margin-right:0} #list_prod li:nth-child(3n+1), .list a:nth-child(3n+1){clear:left} } @media only screen and (max-width: 620px) { #block2 .col.col2-2 span.desc span {display:none} .list a {width: 32.2%;} .hor_list a .img{width:32.2%;} .hor_list a .text{width:66%} } @media only screen and (max-width: 540px) { .list_docs ul li{float:left;width:50%;} #container .conteudo .texto_corpo img{ display:block;margin:20px auto !important; float:none !important; } } @media only screen and (max-width: 480px) { #block2{margin:100px 0 0 0;} #block2 .col[class*="col2-"]{width:100%;height:auto} #block2 .col.col2-2 span.desc span {display:block} #slogan{font-size:1.8em;} #list_prod li{width:48.4%} #list_prod li:nth-child(4n),#list_prod li:nth-child(3n), .list a:nth-child(4n),.list a:nth-child(3n){margin-right:1.6%} #list_prod li:nth-child(4n+1),#list_prod li:nth-child(3n+1), .list a:nth-child(4n+1),.list a:nth-child(3n+1){clear:none} #list_prod li:nth-child(2n), .list a:nth-child(2n){margin-right:0} #list_prod li:nth-child(2n+1), .list a:nth-child(2n+1){clear:left} .list a {width: 100%;margin-right:0} .list a.item .img{height:auto;} .hor_list a.item .img{width:100%;height:auto} .hor_list a.item .img img, .list a.item .img img{ top:0; transform: translateY(0);-webkit-transform: translateY(0); -ms-transform: translateY(0);transform: translateY(0); } .hor_list a .text{width:100%;margin-top:20px} .hor_list .date{ left:80.8%;} .mobile #header a.logo{width:200px;} #slogan .center span{font-size:1.5em;} #rodape_text .img img{width:40%} } @media only screen and (max-width: 360px) { #block2 .col_text .bt{display:none} #block2 .col_text { padding: 10px 20px } #noticias_vertical li{width:100%;margin:0 0 20px 0 !important;} #slogan{font-size:1.3em;} #footer .footer1 .col{width:100%} #footer .footer1 .col3{float:right;margin-top:30px;width:100%} .list_docs ul li{float:left;width:100%;} #block2 .col{height:280px} }