@charset "utf-8";

body { font-family: 'Roboto Condensed', sans-serif; font-size: 17px; line-height: 1.2;}
body .tema.clear .bulon { background-color: rgb(255 255 255);}
body .tema.dark .bulon { background-color: rgb(25 34 42);}

body .borg { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
body .borp { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
body .auto { margin: 0 auto; width: 86%;}

body .subtitulo h2 { font-weight: bold; font-size: 1.1em;}

body .nomesi { padding: 0 0 2px;}
body .nomesi h2 { border-bottom: 2px solid; text-transform: uppercase; font-weight: bold; font-size: 1em;}
body .nomesi h3 { text-transform: uppercase; font-weight: bold; font-size: 1em;}

body .colunas { float: left; width: 100%;}
body .colunas .co1 { float: left; width: 20%;}
body .colunas .co2 { float: right; width: 80%; padding: 0 0 0 20px;}
body .colunas .fechadura { display: none;}

body .filtrar { float: left; width: 100%;}
body .filtrar .opcao { float: left; width: 100%; padding: 0 0 10px; margin: 0 0 10px;}
body .filtrar .opcao .nm { float: left; width: 100%; padding: 0 0 5px;}
body .filtrar .opcao .lk { float: left; width: 100%; padding: 7px 10px 6px; text-align: left; line-height: 1;}

body .produtos { float: left; width: 100%;}
body .produtos .i25 { float: left; width: 25%;}
body .produtos .i100 { float: left; width: 100%;}
body .produtos .item .imagem { float: left; width: 100%; height: 1px; position: relative;}
body .produtos .item .imagem .img { position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; object-fit: scale-down;}
body .produtos .item .imagem .fundo { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgb(90 90 90 / 8%);}
body .produtos .item .detalhes { float: left; width: 100%; margin: 11px 0;}
body .produtos .item .detalhes h2 { float: left; width: 100%; height: 37px; overflow: hidden; font-size: 1em; line-height: 1.1;}
body .produtos .item .detalhes h3 { float: left; width: 100%; margin: 5px 0 0; font-weight: bold; font-size: 1em;}

body .interacao { float: left; width: 100%; margin: 7px 0;}
body .interacao .c1 { float: left; width: 100%; padding: 0 5px; margin: 11px 0 0;}
body .interacao .c2 { float: left; width: 50%; padding: 0 5px; margin: 11px 0 0;}
body .interacao .c3 { float: left; width: 33.333%; padding: 0 5px; margin: 11px 0 0;}
body .interacao .c1m { float: left; width: 100%; padding: 0 5px;}
body .interacao .nomecampo { opacity: 0.7;}
body .interacao .campo { height: 35px; padding: 0 10px;}
body .interacao .campo::placeholder { font-size: 0;}
body .interacao .ico { position: absolute; width: 20px; height: 20px; top: 50%; left: 5px; margin: -10px 0 0;}
body .interacao .ico.email { background: url('../img/auth-email.png') 50% no-repeat;}
body .interacao .ico.senha { background: url('../img/auth-senha.png') 50% no-repeat;}
body .interacao .ico.chave { left: auto; right: 5px;}
body .interacao .ico.chave.mostrar { background: url('../img/auth-senha-mostrar.png') 50% no-repeat;}
body .interacao .ico.chave.ocultar { background: url('../img/auth-senha-ocultar.png') 50% no-repeat;}
body .interacao .submit { padding: 8px 20px; background-color: rgb(60 80 120); text-transform: uppercase; font-weight: bold;}
body .interacao .submit:hover { background-color: rgb(45 60 90);}

body .sld { float: left; width: 100%;}
body .sld .flex-direction-nav { display: none;}
body .sld .flex-control-nav { position: absolute; width: 100%; bottom: 10px; left: 0; z-index: 5; text-align: center;}
body .sld .flex-control-nav li { margin: 0 2px; display: inline-block;}
body .sld .flex-control-paging li a { float: left; width: 15px; height: 15px; background-color: rgb(255 255 255); cursor: pointer; display: block; font-size: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
body .sld .flex-control-paging li a:hover { background-color: rgb(255 182 71);}
body .sld .flex-control-paging li a.flex-active { background-color: rgb(255 182 71);}

body .paginacao { display: flex; float: left; width: 100%; margin: 21px 0; justify-content: center;}
body .paginacao .de { padding: 10px 15px; margin: 0 5px; outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px; background-color: rgb(255 255 255); color: rgb(5 5 5) !important;}
body .paginacao .opcao { padding: 10px 15px;}
body .paginacao .opcao.desativado { background-color: rgb(90 90 90 / 30%);}
body .paginacao .opcao.ativado { background-color: rgb(112 159 96); color: rgb(250 250 250) !important;}
body .paginacao .opcao.ativado:hover { background-color: rgb(132 187 113);}

@media only screen and (max-width: 1000px){
  body .auto { width: 94%;}
}
@media only screen and (max-width: 900px){
  body .colunas .co1 { width: 30%;}
  body .colunas .co2 { width: 70%;}
  body .produtos .i25 { width: 50%;}
}
@media only screen and (max-width: 700px){
  body .colunas .co1 { width: 100%;}
  body .colunas .co2 { width: 100%; padding: 16px 0 0;}

  body .colunas .fechadura { display: block; padding: 10px; outline: 1px solid rgb(90 90 90 / 40%); text-align: center;}
  body .colunas .abertura { display: none; margin: 11px 0 0;}
}