@charset "UTF-8";

body{ overflow-x: hidden;}
a{ text-decoration: none; }
.has-error input{ border: red solid 1px !important;  }
.has-error textarea{ border: red solid 1px !important;  }
.has-error select{ border: red solid 1px !important;  }

/* load-lojas */
#load-lojas{ background: #fff; width: 100%; height: 100%; position: fixed; top: 0; right: -110%; z-index: 999999;  }
#load-lojas .interna-lojas{ height: 80%; background: url('images/bg-interna.png') bottom center no-repeat; position: relative; background-size: contain; }
#load-lojas .interna-lojas .icon{ position: relative; margin: 30px 0 0 0; width: 100%; border-bottom:#00376a solid 1px; padding-bottom: 30px; text-align: center; }
#load-lojas .interna-lojas .icon .fechar-lojas{ background: url('images/fechar.png') no-repeat; top:130px; right: 70px; width: 31px; height: 29px; text-indent: -9999px; position: absolute; }
#load-lojas .interna-lojas ul{margin: 30px 0 0 150px;}
#load-lojas .interna-lojas ul li{ padding: 10px 0 10px 60px; margin: 0 0 16px 0;  font-size: 22px; color:#1a1a1a;}
#load-lojas .interna-lojas ul li a{ font-size: 22px; color:#1a1a1a;}
#load-lojas .interna-lojas ul li.lojas{ padding-bottom: 13px; background: url('images/icon-lojas-maps.png') top left no-repeat;}
#load-lojas .interna-lojas ul li.telefone{background: url('images/icon-lojas-tel.png') top left no-repeat;}
#load-lojas .interna-lojas ul li.email{ padding-top: 4px; background: url('images/icon-lojas-mail.png') top left no-repeat;}
#load-lojas .interna-lojas ul li.site{  padding-top: 6px; background: url('images/icon-lojas-site.png') top left no-repeat;}
#load-lojas .interna-lojas ul li.horario{ padding-top: 9px; background: url('images/icon-lojas-horario.png') top left no-repeat;}


/* load-ppu */
#load-ppu{ background: #fff; width: 100%; height: 100%; position: fixed; top: 0; right: -110%; z-index: 999999;  }
#load-ppu .interna-ppu{ height: 85%; background: url('images/bg-interna.png') bottom center no-repeat; position: relative; background-size: contain; }
#load-ppu .interna-ppu .icon{ position: relative; margin: 60px 0 0 0; width: 100%; border-bottom:#00376a solid 1px; padding-bottom: 30px; text-align: center; }
#load-ppu .interna-ppu .icon .fechar-ppu{ background: url('images/fechar.png') no-repeat; top:290px; right: 70px; width: 31px; height: 29px; text-indent: -9999px; position: absolute; }
#load-ppu .interna-ppu img{ width: auto; height: 215px; }
#load-ppu .interna-ppu ul{margin: 35px 0 0 150px;}
#load-ppu .interna-ppu ul li{ padding: 10px 0 10px 60px; margin: 0 0 20px 0; font-size: 22px; color:#1a1a1a;}
#load-ppu .interna-ppu ul li.lojas{ padding-bottom: 13px; background: url('images/icon-lojas-maps.png') top left no-repeat;}
#load-ppu .interna-ppu ul li.telefone{background: url('images/icon-lojas-tel.png') top left no-repeat;}
#load-ppu .interna-ppu ul li.email{ padding-top: 4px; background: url('images/icon-lojas-mail.png') top left no-repeat;}
#load-ppu .interna-ppu ul li.site{  padding-top: 6px; background: url('images/icon-lojas-site.png') top left no-repeat;}
#load-ppu .interna-ppu ul li.horario{ padding-top: 9px; background: url('images/icon-lojas-horario.png') top left no-repeat;}


.interna{ height: auto !important; }

.interna .area-util{height: auto;}
.interna #slides ul li{border:1px solid #CCC; height:362px; margin: 0 0 30px 0; }
.interna .icon{ position: relative; margin: 50px 0 200px 0; width: 100%; border-bottom:#00376a solid 1px; padding-bottom: 20px; text-align: center; }
.interna .icon .fechar-noticias{ background: url('images/fechar.png') no-repeat; top:196px; right: 70px; width: 31px; height: 29px; text-indent: -9999px; position: absolute; }
.interna .icon h3{ color:#414042; font-size: 24px; text-transform: uppercase;  position: absolute; top:196px; left: 120px;}
.interna .icon span{ cursor: pointer; background: url('images/lupa.png') no-repeat; z-index: 90; width: 43px; height: 43px; text-indent: -9999px; display: block; position: absolute; top:189px; right: 135px;}
.interna .icon form{ display: none; width: 88%; z-index: 80; position: absolute; top: 180px; left: 0; }
.interna .icon form input{background:#f2f2f2; padding: 17px 20px; border: none; width: 95%; font-size: 24px; text-transform: uppercase; color: #414042;}
.interna .icon form  input::-webkit-input-placeholder { color: #414042; }
.interna .icon form  input:-moz-placeholder { color: #414042;  }
.interna .icon form  input::-moz-placeholder { color: #414042;  }
.interna .icon form  input:-ms-input-placeholder {  color: #414042;  }
.interna h6{ font-style: italic; font-size: 14px; line-height: 30px; color: #414042; font-weight: normal;}

.listanoticia{ padding: 70px 0 0 0; height: auto !important; }
.listanoticia .container{ width: 80%; }
.listanoticia .area-util{height: auto;}
.listanoticia #slides ul li{border:1px solid #CCC; height:362px; margin: 0 0 30px 0; }
.listanoticia .icon{ position: relative; margin: 20px 0 140px 0; width: 100%; border-bottom:#00376a solid 1px; padding-bottom: 20px; text-align: center; }
.listanoticia .icon .fechar-noticias{ background: url('images/fechar.png') no-repeat; top:190px; right: 70px; width: 31px; height: 29px; text-indent: -9999px; position: absolute; }
.listanoticia .icon h3{ color:#414042; font-size: 24px; text-transform: uppercase;  position: absolute; top:196px; left: 120px;}
.listanoticia .icon span{ cursor: pointer; background: url('assets/images/lupa.png') no-repeat; z-index: 90; width: 43px; height: 43px; text-indent: -9999px; display: block; position: absolute; top:189px; right: 135px;}
.listanoticia .icon form{ display: none; width: 88%; z-index: 80; position: absolute; top: 180px; left: 0; }
.listanoticia .icon form input{background:#f2f2f2; font-family: 'stainlesscond-regularregular'; padding: 10px 20px 14px 20px; border: none; width: 95%; font-size: 20px; color: #414042;}
.listanoticia .icon form  input::-webkit-input-placeholder { color: #414042; }
.listanoticia .icon form  input:-moz-placeholder { color: #414042;  }
.listanoticia .icon form  input::-moz-placeholder { color: #414042;  }
.listanoticia .icon form  input:-ms-input-placeholder {  color: #414042;  }
.listanoticia h6{ font-style: italic; font-size: 14px; line-height: 30px; color: #414042; font-weight: normal;}
.listanoticia .slide-imagem{ float: left; width: 45%; margin: 0 0px 0 0; }
.listanoticia .slide-texto{ float: left; margin: 30px 0 0 12%; width: 40%; position: relative; padding-bottom: 100px;  }
.listanoticia .slide-texto h3{ font-size: 24px; margin: 0 0 10px 0; line-height: 140%; }
.listanoticia .slide-texto p{ font-size: 18px; line-height: 140%; }
.listanoticia .slide-texto a{ position: absolute; bottom: 20px; right: 20px; background: url(assets/images/ler-mais.png) top right no-repeat; color: #fff; text-transform: uppercase; font-family: 'stainlesscond-blackblack'; letter-spacing: 1px; font-size: 13px; background-size: cover; padding: 6px 20px 4px 16px; }


.single{ padding:110px 60px; }
.single .container{ width: 70%; }
.single .icon{ position: relative; margin: 0px 0 200px 0; width: 100%; border-bottom:#00376a solid 1px; padding-bottom: 20px; text-align: center; }
.single .area-util{background: url('images/bg-interna.png') bottom center no-repeat; position: relative; background-size: contain; padding-bottom: 70px; margin-bottom: 30px}
.single #slides ul li{border:none !important; height:auto; margin: 0 0 30px 0; }
.single .post{ width: 80% !important; margin: 0 auto; }
.single .imagem{ height: 440px; width: 100%; overflow: hidden; }
.single .imagem img{ width: 100%; height: auto; }
.single .icon{ margin-bottom:0; }
.single h6{ font-style: italic; font-size: 14px; line-height: 30px; color: #000; font-weight: normal;}
.single h3{ margin: 20px 0; font-size: 22px; }
.single p{ font-style: italic; font-size: 16px; line-height: 150%; margin: 0 0 20px 0; color: #000; font-weight: normal;}
.single .voltar{ background: url('images/fechar.png') center right no-repeat; width:785px; margin:0px auto 100px auto; display: block; font-size: 20px; text-transform: uppercase; color: #000; padding: 20px 0;}

.faq{ margin: 30px 0;  }
.faq .container{ width: 60%; }
.faq h2{ font-size: 30px; color:#00376a; margin: 0 0 10px 0; width: 100%; text-transform: uppercase; line-height: 33px; text-align: center; }
.faq p{ font-size: 20px; color:#00376a; text-align: center; width: 100%; line-height: 28px; }
.faq .cont-faq{ position: relative; border:#00376a solid 1px; border-radius: 20px; margin: 40px auto 0 auto; width: 100%; padding: 2% 3%;  }
.faq .cont-faq h3{background-origin: bottom #fff; solid 2px; display: block; color:#00376a; font-size: 15px; background: none; border: none; cursor: pointer; text-transform: uppercase; text-align: left; width: 16%; padding:8px 0 3px 0; margin-bottom: 8px; outline: none; transition: 0.4s; }
.faq .cont-faq div { background: #fff; position: absolute; top: 20px; left: 20%; text-align: left; padding: 0 0; width: 76%; height: 270px; overflow: auto;  }
.faq .cont-faq div.panel.show { opacity: 1; max-height: 500px; }
.faq .cont-faq div p{ padding:0 0 10px 0; width: 96%; font-size: 17px; color:#000; line-height: 25px; }
.faq .cont-faq div a{ background: url(assets/images/icon-documents.png) top left no-repeat; padding: 3px 0 10px 38px; color:#00376a;}
.faq .cont-faq ::-webkit-scrollbar { width: 6px; }
.faq .cont-faq ::-webkit-scrollbar-track { background: #fff; }
.faq .cont-faq ::-webkit-scrollbar-thumb { background: #00376a; }
.faq .cont-faq ::-webkit-scrollbar-thumb:hover { background: #00376a; }
.faq .cont-faq h3.ui-state-active{border-bottom:#9bc0f8 solid 2px;}

@media screen and (max-width:1000px){

.faq .container{ width: 90%; }
.faq .cont-faq{ width: 94%; }
.faq p{ font-size: 17px; }
.faq .cont-faq h3{border-bottom:#9bc0f8 solid 2px; width: 96%; text-align: center; }
.faq .cont-faq div { background: #fff; position: relative; top: auto; left: auto; text-align: left; padding: 0; width: 100%; height: 300px; overflow: auto; }

#load-lojas .interna-lojas .icon{ padding-bottom: 0 !important; }
#load-lojas .interna-lojas .icon .fechar-lojas{ top: 0 !important; right: 5% !important; }
#load-lojas .interna-lojas ul{ margin-left: 20px !important; }
#load-lojas .interna-lojas .icon img{ width: 80%; height: auto; }

#load-ppu .interna-ppu .icon{ padding-bottom: 0 !important; margin-top: 30px !important; }
#load-ppu .interna-ppu .icon .fechar-ppu{ top: 0 !important; right: 5% !important; }
#load-ppu .interna-ppu ul{ margin-left: 0px !important; }
#load-ppu .interna-ppu .icon img{ width: 80%; height: auto; }

.single{ padding: 90px 0;  }
.single .container{ width: 90%; }
.single .post{ width: 100% !important; }
.single .imagem{ height: 240px; }
.single h3{ line-height: 150%; }
.single .voltar{ width: 100%; margin-bottom: 0px; }

.listanoticia .container{ width: 90%; }
.listanoticia #slides ul li{ height: auto; }
.listanoticia .slide-imagem{ width: 100%; margin: 0 0 20px 0; }
.listanoticia .slide-imagem img{ width: 100%; height: auto; }
.listanoticia .slide-texto{ width: 100%; margin: 0; padding-bottom: 50px; }
.listanoticia .slide-texto p{ margin: 0 0 20px 0; }
.listanoticia .slide-texto a{ position: relative; right: 0; bottom:0 }
.listanoticia .icon{ margin-top: 0; }
.listanoticia .icon h3{ left: 0; }
.listanoticia .icon span{ right: 0; }
}