:root {
  --primary: #104E8B;
  --secondary: #4682B4;
  --tertiary: #B0CDEB;
  --accent: #B0CDEB;
  --neutral-light: #D3D3D3;
  --neutral-dark: #5F9EA0;
  --neutral-mid: #F5F5F5;
  --logo-color: #FFFFFF;
  --title-color: #000000;
  --highlight: #20B2AA;
  --text-color: #000000;
  --white: #ffffff;
  --tomclaro: #4fc3f7;/*botao do baner rotativo*/
  --tomescurro: #053971;
  --gray-border: #cccccc;
  --black: #000000;
}

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i,
dl, dt, dd, ol, nav ul, nav li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, amp-auto-ads {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul { list-style: none; margin: 0; padding: 0; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Fonte externa */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

/* Body */
body {
  margin: 0;
  padding: 0;
  font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  color: var(--text-color);
  background-color: var(--primary);
  z-index: 1;
}
body::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0; /* top:0; left:0; right:0; 4fc3f7*/
  height: 40vh;
  z-index: -1;
  pointer-events: none;

  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 200' preserveAspectRatio='none'>\
  <path d='M0,150 C500,158 49,60 1000,70 L1000,0 L0,0 Z' fill='%234fc3f7'/>\
</svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top left;
}

/* Tipografia */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  /*font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;*/
  color: var(--title-color);
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  line-height: 1.2;
}
/* para quebrar palavras grandes */
.pwide{
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-wrap: break-word; /* compatibilidade */
  word-break: break-all; /* último recurso */
}

h1 { font-size: 1.5rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1rem; }
p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #053971;
  margin-bottom: 1rem;
}
a { color: #053971; text-decoration: none; }
a:hover { color: var(--tomclaro);  }/*text-decoration: underline;*/

/* Inputs e selects
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
  border: 1px solid var(--gray-border);
  border-radius: 4px;
  font-size: 0.95rem;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: var(--primary);
  padding: 6px;
  background: var(--white);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 5px var(--primary);
  outline: none;
}
textarea { min-height: 120px; resize: vertical; }
select { height: 34px; padding: 0 6px; color: var(--primary); } */

/* Botões */
.botao-img,
.botao-res,
.botao-res-fat,
.botao_right,
.sconect,
.planContainer .button a,
.planContainer .button a.bestPlanButton {
  background: var(--primary);
  color: var(--white);
}
.botao-img:hover,
.planContainer .button a:hover,
.planContainer .button a.bestPlanButton:hover {
  background: var(--secondary);
}
.sconect,
.botao-res,
.botao-res-fat {
  background: var(--neutral-light);
  color: var(--text-color);
}
.sconect:hover,
.botao-res:hover,
.botao-res-fat:hover {
  background: var(--accent);
  color: var(--white);
}

/* Skeleton loading */
.skeleton {
  background: linear-gradient(
    90deg,
    var(--neutral-light) 25%,
    var(--neutral-mid) 50%,
    var(--neutral-light) 75%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
}
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.card {
  width: 300px;
  padding: 1rem;
  border: 1px solid var(--gray-border);
  border-radius: 6px;
  background: var(--white);
  margin: 1rem auto;
}
.card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 4px;
}
.card h3 {
  font-size: 1.25rem;
  color: var(--title-color);
  margin: 0.5rem 0;
}
.card p {
  font-size: 0.95rem;
  color: var(--text-color);
}

.dolphinWide {
    font-size: 16px;
    display: inline-block;
    animation: swim 4s linear infinite;
}

/* golfinhos nadando
@keyframes swim {
    0%   { transform: translateX(-50px); }
    50%  { transform: translateX(50px); }
    100% { transform: translateX(-50px); }
}*/
.linha-item-right {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* ✅ empurra tudo para a direita */
    gap: 10px;
    margin-bottom: 5px;
}
.linha-item {
    display: flex;
    align-items: center;
    gap: 10px; /* espaço entre os elementos */
    margin-bottom: 5px;
}

.label-item {
    width: 90px; /* ajuste conforme necessário */
    font-size: 14px;
    color: green;
    font-weight: bold;
}

.linha-item input[type="checkbox"],
.linha-item input[type="text"] {
    vertical-align: middle;
}
.item-direita {
    margin-left: auto;
}

.menu-mensagens {
    margin-bottom: 15px;
}

.botaoMsg {
    display: inline-block;
    margin: 4px;
    padding: 8px 12px;
    background: #eee;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 300; /* ✅ fonte mais fina */
}

.botaoMsg a {
    text-decoration: none;
    color: var(--title-color);
    font-weight: 300; /* ✅ texto mais fino */
}

.botaoMsg:hover {
    background: #cce4ff; /* ✅ azul claro no hover */
    cursor: pointer;
    color: var(--primary);
}

.botaoMsg.ativo {
    background: #cde5ff;
    font-weight: bold;
    border: 1px solid #5a9cff;
}

/* CSS */

/* Padrão: ocupa toda a largura disponível, mas não passa de 300px */
.file-input {
  width: 100%;
  max-width: 300px;
  box-sizing: border-box;
}

/* Em telas pequenas (mobile), ocupa 100% da largura do container */
@media (max-width: 600px) {
  .file-input {
    width: 100%;
    max-width: 100%; /* garante que não estoure */
  }
}

   #videoModal {
    margin:0 auto;
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #modalContent {
    position: relative;
    background: #000;
    padding: 10px;
    width: 90vw;
    max-width: 1200px;
    box-sizing: border-box;
  }
  .video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .video-wrapper iframe,
  .video-wrapper video {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
  }
  #closeModal {
    position: absolute;
    top: 5px; right: 5px;
    background: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
  }

/* --- daqui em diante segue o seu CSS antigo --- */

    #captcha_img {
        width: 100%;       /* ocupa toda a largura disponível */
        object-fit: contain; /* mantém proporção sem distorcer os caracteres */
        display: block;
        margin: 0 auto;
    }

   
    .tabela-container { width: 100%; height: 500px; overflow: auto; border: 1px solid #ccc; }
    table { border-collapse: collapse; width: max-content; min-width: 600px; }
    th, td { border: 1px solid #ccc; padding: 8px; text-align: center; white-space: nowrap; }
    input[type="text"] { width: 100px; }
    .btn { padding: 6px 12px; margin: 5px; cursor: pointer; }
    .coluna-header, .linha-header { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
    .coluna-header span, .linha-header span { flex-grow: 1; cursor: text; }

/*perfeito*/
.conteiner-palco {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61.8%; /* Proporção áurea */
    overflow: hidden;
}
.conteiner-palco iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
        /*.conteiner-palco {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* Proporção 16:9 */
            overflow: hidden;
        }
        .conteiner-palco iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
            visibility: hidden; /* Inicialmente, ocultamos o iframe */
        }
        .loader {
            border: 16px solid #f3f3f3; /* Light grey */
            border-top: 16px solid #3498db; /* Blue */
            border-radius: 50%;
            width: 120px;
            height: 120px;
            animation: spin 2s linear infinite;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10; /* Garante que o loader esteja na frente do vídeo */
        }
*/
/*introduzido para tentar rezolver problemas do grafico mais não utilizado*/
.grafico-direto {
  width: 100%;
  max-width: 800px; /* Limita o tamanho máximo para não esticar demais em telas gigantes */
  height: auto;
  aspect-ratio: 16 / 9; /* Define a proporção que preferir */
  border: none;
}
.container-grafico-responsivo {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* Proporção 16:9 (divida 9 por 16 = 0.5625). 
     Se o gráfico for quadrado, use 75% ou 100% */
  padding-top: 56.25%; 
}

.container-grafico-responsivo iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none; /* Remove aquela borda cinza feia do iframe */
}

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .lixeira {
            display: inline-block;
            width: 24px;
            height: 32px;
            margin: 10px;
            position: relative;
            background-color: #aaa;
            border-radius: 3px;
            cursor: pointer;
            overflow: hidden;
        }
        .lixeira:before {
            content: "";
            position: absolute;
            top: -10px;
            left: 2px;
            width: 20px;
            height: 10px;
            background-color: #888;
            border-radius: 3px 3px 0 0;
            transition: transform 0.3s;
        }
        .lixeira.aberta:before {
            transform: rotate(45deg);
        }
        .lixeira.cheia {
            background-color: #444;
        }
        .lixeira.grande {
            width: 48px;
            height: 64px;
        }
        .lixeira.grande:before {
            width: 40px;
            height: 20px;
        }
        .envelope {
            display: inline-block;
            width: 24px;
            height: 16px;
            margin: 10px;
            position: relative;
            background-color: #e0e0e0;
            border-radius: 2px;
            cursor: pointer;
            overflow: hidden;
            transition: transform 0.3s;
        }
        .envelope:before,
        .envelope:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent;
            transition: transform 0.3s;
        }
        .envelope:before {
            top: 0;
            left: 0;
            border-width: 8px 12px;
            border-bottom-color: #ccc;
        }
        .envelope:after {
            bottom: 0;
            left: 0;
            border-width: 8px 12px;
            border-top-color: #ccc;
        }
        .envelope:hover:before,
        .envelope.aberta:before {
            transform: rotateX(-180deg);
        }
        .envelope.grande {
            width: 48px;
            height: 32px;
        }
        .envelope.grande:before {
            border-width: 16px 24px;
        }
        .envelope.grande:after {
            border-width: 16px 24px;
        }
        .container {
            display: flex;
            gap: 20px; /* Espaçamento entre os ícones */
            margin: 20px; /* Margem ao redor dos ícones para evitar sobreposição */
        }
        /* Bolsa Marrom Grande */
        .icon-bag {
            width: 100px;
            height: 130px;
            background-color: #8b4513;
            position: relative;
            border-radius: 10px;
            transition: height 0.3s;
        }
        .icon-bag::before {
            content: '';
            width: 80px;
            height: 20px;
            background-color: #8b4513;
            position: absolute;
            top: -20px;
            left: 10px;
            border-radius: 10px 10px 0 0;
        }
        .icon-bag::after {
            content: '';
            width: 100px;
            height: 20px;
            background-color: #a0522d;
            position: absolute;
            top: 50px;
            border-radius: 0 0 10px 10px;
            transition: top 0.3s;
        }
        .handle {
            width: 60px;
            height: 30px;
            border: 10px solid #8b4513;
            border-bottom: none;
            position: absolute;
            top: -30px;
            left: 20px;
            border-radius: 30px 30px 0 0;
        }
        .icon-bag:hover::after {
            top: 20px;
        }
        .icon-bag.open {
            height: 150px;
        }
        .icon-bag.open::after {
            top: 70px;
        }
        /* Bolsa Azul Pequena */
        .icon-bag-small {
            width: 50px;
            height: 65px;
            background-color: #4169e1;
            position: relative;
            border-radius: 5px;
            transition: height 0.3s;
        }
        .icon-bag-small::before {
            content: '';
            width: 40px;
            height: 10px;
            background-color: #4169e1;
            position: absolute;
            top: -10px;
            left: 5px;
            border-radius: 5px 5px 0 0;
        }
        .icon-bag-small::after {
            content: '';
            width: 50px;
            height: 10px;
            background-color: #6495ed;
            position: absolute;
            top: 25px;
            border-radius: 0 0 5px 5px;
            transition: top 0.3s;
        }
        
        .handle-small {
            width: 30px;
            height: 15px;
            border: 5px solid #4169e1;
            border-bottom: none;
            position: absolute;
            top: -15px;
            left: 10px;
            border-radius: 15px 15px 0 0;
        }
        .icon-bag-small:hover::after {
            top: 10px;
        }
        .icon-bag-small.open {
            height: 75px;
        }
        .icon-bag-small.open::after {
            top: 35px;
        }
        .bag-container {
            display: flex;
            gap: 10px; /* Espaçamento entre as sacolas */
            margin: 20px; /* Margem ao redor das sacolas */
        }
        /* Garantir que os ícones não se sobreponham a outros elementos */
        .icon-bag {
            margin: 10px; /* Margem ao redor dos ícones para evitar sobreposição */
            z-index: 1; /* Controle de sobreposição */
            position: relative; /* Posição relativa para controle de sobreposição */
        }
        /* Sacola Quadrada com Alças - 50% do tamanho original */
        .icon-square-bag {
            width: 50px;
            height: 50px;
            background-color: #8b4513;
            border-radius: 2.5px;
            transition: height 0.3s;
        }
        .icon-square-bag::before {
            content: '';
            width: 40px;
            height: 10px;
            background-color: #8b4513;
            position: absolute;
            top: -10px;
            left: 5px;
            border-radius: 5px 5px 0 0;
        }
        .handle-square {
            width: 30px;
            height: 25px; /* Alças mais compridas */
            border: 5px solid #8b4513;
            border-bottom: none;
            position: absolute;
            top: -25px;
            left: 10px;
            border-radius: 25px 25px 0 0;
        }
        .icon-square-bag::after {
            content: '';
            width: 50px;
            height: 10px;
            background-color: #a0522d;
            position: absolute;
            top: 20px;
            border-radius: 0 0 5px 5px;
            transition: top 0.3s;
        }
        .icon-square-bag:hover::after {
            top: 10px; /* Ajustando para a sacola pequena */
        }
        .icon-square-bag.open {
            height: 55px; /* Ajustando para a sacola pequena */
        }
        .icon-square-bag.open::after {
            top: 30px; /* Ajustando para a sacola pequena */
        }
        /* Sacola com Lado Ligeiramente Menor - 25% do tamanho original */
        .icon-rectangle-bag {
            width: 22.5px;
            height: 25px;
            background-color: #4169e1;
            border-radius: 2.5px;
            transition: height 0.3s;
        }
        .icon-rectangle-bag::before {
            content: '';
            width: 17.5px;
            height: 5px;
            background-color: #4169e1;
            position: absolute;
            top: -5px;
            left: 2.5px;
            border-radius: 2.5px 2.5px 0 0;
        }
        .handle-rectangle {
            width: 12.5px;
            height: 10px; /* Alças mais compridas */
            border: 2.5px solid #4169e1; /* Espessura da alça dobrada */
            border-bottom: none;
            position: absolute;
            top: -10px;
            left: 5px;
            border-radius: 10px 10px 0 0;
        }
        .icon-rectangle-bag::after {
            content: '';
            width: 22.5px;
            height: 5px;
            background-color: #87ceeb;
            position: absolute;
            top: 10px;
            border-radius: 0 0 2.5px 2.5px;
            transition: top 0.3s;
        }
        .icon-rectangle-bag:hover::after {
            top: 5px; /* Ajustando para a sacola pequena */
        }
        .icon-rectangle-bag.open {
            height: 27.5px; /* Ajustando para a sacola pequena */
        }
        .icon-rectangle-bag.open::after {
            top: 15px; /* Ajustando para a sacola pequena */
        }
        .rectangle {
            position: relative;
            width: 60mm;
            height: 50mm;
            background-color: #8b4513;
        }
        .rectangle::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 60mm;
            height: 40mm;
            border-top: 4mm solid black;
            border-left: 6mm solid black;
            border-right: 6mm solid black;
            border-bottom: 5mm solid black;
        }
        .balloon {
            display: inline-block;
            position: relative;
            background: #f39c12;
            border-radius: 50px;
            padding: 10px 20px;
            color: white;
            text-decoration: none;
        }
        .balloon:after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 50%;
            margin-left: -10px;
            width: 0;
            height: 0;
            border-top: 10px solid #f39c12;
            border-right: 10px solid transparent;
            border-left: 10px solid transparent;
        }
        .balloon:hover {
            background: #e67e22;
        }
        .cloud {
            display: inline-block;
            position: relative;
            background: #3498db;
            border-radius: 50%;
            padding: 20px 40px;
            color: white;
            text-decoration: none;
            box-shadow: inset 0 0 0 30px #3498db;
        }
        .cloud:before, .cloud:after {
            content: '';
            position: absolute;
            background: #3498db;
            border-radius: 50%;
            box-shadow: inset 0 0 0 30px #3498db;
        }
        .cloud:before {
            width: 60px;
            height: 60px;
            top: -30px;
            left: -20px;
        }
        .cloud:after {
            width: 60px;
            height: 60px;
            top: -30px;
            right: -20px;
        }
        .cloud:hover {
            background: #2980b9;
            box-shadow: inset 0 0 0 30px #2980b9;
        }
        .star {
            display: inline-block;
            position: relative;
            color: white;
            text-decoration: none;
        }
        .star:before, .star:after {
            content: '★';
            position: absolute;
            color: #f39c12;
            font-size: 50px;
        }
        .star:before {
            top: -20px;
            left: -15px;
        }
        .star:after {
            top: 20px;
            right: -15px;
        }
        .star:hover:before, .star:hover:after {
            color: #e67e22;
        }

      .aviso {
        margin: -16px auto;
        border:1px solid #3498db;
        background:#fff;
        padding:20px 30px;
        text-align:center;
        box-shadow:0 4px 10px rgba(0,0,0,0.1);
        max-width:420px;
      }
      .aviso h2 {
        color:#3498db;
        margin-bottom:10px;
      }
      .aviso p {
        color:#333;
        margin:5px 0;
      }
      .aviso a {
        display:inline-block;
        margin-top:10px;
        padding:8px 15px;
        background:#3498db;
        color:#fff;
        text-decoration:none;
        border-radius:4px;
      }
      .aviso a:hover {
        background:#2980b9;
      }

/* Layout geral sorteio
#modal-sorteio{
    display:none;
}

body {
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f9f9f9;
    color: #333;
    margin: 20px;
}*/

/* Cabeçalhos 
h3, h4 {
    color: #444;
    margin-bottom: 10px;
}*/

/* Status da promoção */
.status-box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Lista de ganhadores */
.status-box ul {
    list-style: none;
    padding: 0;
}
.status-box li {
    padding: 6px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
.status-box li:last-child {
    border-bottom: none;
}

/* Tentativas e progress bar */
.tentativas {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-top: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
#barra-container {
    width: 100%;
    background: #eee;
    border-radius: 8px;
    margin-top: 10px;
    height: 20px;
    overflow: hidden;
}
#barra {
    height: 100%;
    width: 100%;
    background: #ff4d4d;
    transition: width 1s linear;
}
.liberado {
    background: #28a745 !important;
}

/* Botão principal */
.btn-jogar {
    margin-top: 15px;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    background: #0078d7;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}
.btn-jogar:hover:enabled {
    background: #005a9e;
}
.btn-jogar:disabled {
    background: #aaa;
    cursor: not-allowed;
}
/*Fim do css do sorteio*/
  iframe.product_box {
    margin-top:0px;
     /* width: 100%;       ocupa toda a largura disponível */
    max-width: 600px;   /* limite opcional */
    border: none;
    display: block;
  }

/* ===== Estrutura base ===== */
.product_box-Sales {
  border: 1px solid #ddd;
  background: #fff;
  margin: 0px auto;
  padding: 10px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column; /* padrão: vertical */
  align-items: center;
  text-align: center;
  max-width: 100%; 
  height: auto;
}

/* ===== Estrutura base ===== */
.product_box-Ads {
  border: 1px solid #ddd;
  background: #fff;
  margin: -26px auto;
  padding: 10px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column; /* padrão: vertical */
  align-items: center;
  text-align: center;
  max-width: 100%; 
  height: auto;
}

/* ===== Efeito fade-in ===== */
.fade-in-Sales {
  opacity: 0;
  animation: fadeInSales 1s ease forwards;
}
@keyframes fadeInSales {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ===== Imagem ===== */
.product_image-Sales img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

/* ===== Texto e links ===== */
.product_info-Sales {
}
.product_info-Sales h2 {
  font-size: 1rem;
}
.product_info-Sales p {
  font-size: 0.9rem;
  color: #333;
}
.product_link-Sales {
  display: inline-block;
  font-size: 0.8rem;
  color: green;
  text-decoration: none;
}
.product_link-Sales:hover {
  text-decoration: underline;
}

/* ===== Responsividade ===== */
@media (min-width: 600px) {
  .product_box-Sales {
    flex: 1 1 100%;
    max-width: none;
    width: 100%;
  }
  
  .product_box-Ads {
    flex: 1 1 100%;
    max-width: none;
    width: 100%;
  }
  .product_image-Sales img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1000px) {
  .product_box-Sales {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    text-align: left;
  }
  
  .product_box-Ads {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    text-align: left;
  }
  
  .product_image-Sales img {
    max-height: 120px;
    width: auto;
  }
  .product_info-Sales {
    flex: 1;
    padding-left: 15px;
  }
}
        
/* Fieldset com classe border-0 */
fieldset.border-0 {
  padding: 10px;
  max-width: 100%;
  /* line-height: 1.5; */
  /* border-radius: 5px; */
  border: 0; /* remove a borda */
  box-shadow: 1px 1px 1px #999;
}

/* Legend com classe border-0 */
legend.border-0 {
  display: block;
 margin-bottom: 0.5rem;
}

/* Estilo geral para fieldset */
fieldset {
  font-size: 1rem;
  letter-spacing: 1px;
  background:#ffffff;
  padding: 10px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  max-width: 100%;
  line-height: 1.5;
  border-radius: 5px;
border: 1px solid #ccc;
  box-shadow: 1px 1px 1px 1px #999;
}

/* Estilo geral para legend */
legend {
  background:#ffffff;
  display: block;
  padding: 5px 10px 5px 10px;
  /*margin-top: 10px;*/
   margin-left: 0.5rem;
   margin-bottom: 0.5rem;

  border-radius: 5px;
}

#menux a {
  color:white;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 0.9em;
}
#menux a:hover {
 background: rgba(139,0,0, 0.1);
}
#menux {
  float:right;
  display: flex;
  list-style: none;
  gap: 0.5rem;
}
#menux a {
  display: block;
  padding: 0.3rem;
}
#btn-mobile {
  display: none;
}

@media (max-width: 700px) {
  #menux {
    display: block;
    position: absolute;
    width: 100%;
    top: 60px;
    right: 0px;
    background:rgba(0, 0, 0, .9);
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow-y: hidden;
  }
  #nav.active #menux {
    height: calc(100vh - 60px);
    visibility: visible;
    overflow-y: auto;
  }
  #menux a {
    padding: 1rem 0;
    margin: 0 1rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  }
  /*box da hamburger*/
  #btn-mobile {
    margin-top:-2px;
    float:right;
    display: flex;
    padding: 0.3rem 0.3rem 0.3rem 0.3rem;
    font-size: 1rem;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
  }
  #hamburger {
    border-top: 5px solid;
    width: 36px;
    border-color:#ffffff;
  }
  #hamburger::after,
  #hamburger::before {
    content: '';
    display: block;
    width: 36px;
    height: 5px;
    background: #FFFFFF;
    margin-top: 5px;
    transition: 0.3s;
    position: relative;
  }
  #nav {
      background: #000000;
  }
  #nav.active #hamburger {
    border-top-color: transparent;
  }
  #nav.active #hamburger::before {
    transform: rotate(135deg);
  }
  #nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -7px;
  }
}
.cookieConsentContainer{
   z-index:1050;
     width:350px;
min-height:20px;
box-sizing:border-box;
   padding:30px 30px 30px 30px;
background:#232323;
  overflow:hidden;
  position:fixed;
    bottom:30px;
     right:30px;
   display:none;
}
.cookieConsentContainer .cookieTitle a{
font-family:OpenSans,arial,sans-serif;
      color:#fff;
  font-size:22px;
line-height:20px;
    display:block;
}
.cookieConsentContainer .cookieDesc p{
     margin:0;
    padding:0;
font-family:OpenSans,arial,sans-serif;
      color:#fff;
  font-size:13px;
line-height:20px;
    display:block;
 margin-top:10px;
}
.cookieConsentContainer .cookieDesc a{
     font-family:OpenSans,arial,sans-serif;
   color:#fff;
text-decoration:underline;
}
.cookieConsentContainer .cookieButton a{
    display:inline-block;
font-family:OpenSans,arial,sans-serif;
      color:#fff;
  font-size:14px;
font-weight:700;
 margin-top:14px;
 background:#000;
 box-sizing:border-box;
    padding:15px 24px;
 text-align:center;
 transition:background .3s;
}
.cookieConsentContainer .cookieButton a:hover{
cursor:pointer;
background:#3e9b67;
}
@media (max-width:980px){
.cookieConsentContainer{
bottom:0!important;
left:0!important;
width:100%!important;}
}
.box-cookies.hide {
  display: none !important;
}
.box-cookies {
position:fixed;
     background:rgba(0, 0, 0, 0.7);
   width:100%;
 z-index:1055;
  bottom:0;
 display:flex;
    align-items:center;
justify-content: space-between;
}
.box-cookies .msg-cookies,
.box-cookies .btn-cookies {
 text-align:center;
    padding:25px;
      color:#fff;
  font-size:15px;
    padding:0 10px 0 10px;
}
.box-cookies .btn-cookies {
  background:rgba(0, 0, 0, 0.6);
     padding:25px 25px 25px 25px;
      cursor:pointer;
  align-self:normal;
      border:0px solid #000;
}
@media screen and (max-width: 600px) {
  .box-cookies {
    flex-direction: column;
  }
}
.main{
    background:#fff;
}
.content-top{
    padding: 0 1% 1% 1%;
}
.nw_content{
    /*background:#F8F8FF;*/
    background:#fff;
    min-width:100%;
    max-width:60%;
    height:465px;
    padding: 0px  10px  10px  10px;
}
/*fixCenter exibe mensagens destacando a no centro da tela  */
.nw_fixCenter {
display:scroll;
position:      fixed;
left:   50%;
top:    50%;
margin-left:   -200px;
margin-top:    -100px;
padding:50px 40px 50px 40px;
background:    #003366;
overflow:      hidden;
border: 0px solid #000;
-moz-border-radius:   7px;
-webkit-border-radius:7px;
border-radius: 7px;
z-index:1000;
}
.nw_boxLogo_cel {
float:left;
width:120px;
margin:2px 2px 2px 2px;
padding:2px 2px 2px 2px;
}
/* agetc 
.nw_boxLogo {
float:left;
width:8rem;
background:#FFFFFF;
padding:0px 0px 0px 0px;
overflow:hidden;
border:1px solid #3b5998;
margin-top:0px;
margin-right:10px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
z-index:1000;
}
@media (max-width: 400px) {
.nw_boxLogo {
float:left;
width:4rem;
background:#FFFFFF;
margin-left:5px;
padding:0px 10px 0px 10px;
overflow:hidden;
border:1px solid #3b5998;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
z-index:1000;
}
}
*/
.nw_boxLogo {
                float:left;
           background:#FFFFFF;
              padding:5px 5px 5px 5px;
           margin-top:2px;
        margin-bottom:5px;
             overflow:hidden;
           text-align:center;
               border:0px solid #3b5998;
   -moz-border-radius:12px;
-webkit-border-radius:12px;
        border-radius:12px;
              z-index:1000;
}
@media (max-width: 400px) {
.nw_boxLogo {
float:left;
width:3rem;
background:#FFFFFF;
margin-left:5px;
padding:0px 5px 0px 5px;
overflow:hidden;
z-index:1000;
}
}
/*box com efeito linha e h1*/   
.nw_meioTop {
border-bottom: 0px solid #DDD;
padding: 1px 0 20px 5px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
}
.nw_meioTop h1 {
color:#FFFFFF;
font-size: 2em;
font-family:Verdana, sans-serif;
float: left;/*text-transform: uppercase;*/
}
.nw_meioTop h2 {
color: #3b5998;
font-size: 1.3em;
font-family:Verdana, sans-serif;
float: left;/*text-transform: uppercase;*/
}
/*configure TAG P font-family:Verdana, Arial, Helvetica, sans-serif;*/
/*tamanho da fonte*/
p{
    font-size:0.8em;
    line-height: 1.5;
    color:#000000;
    margin-top:10px;
    margin-bottom:10px;
    text-align:justify;
}
/**/
/*cor da base ou segunda faixa*/
.footer-bottom{
    background:#B0CDEB; 
    padding:10px 20px 10px 20px;
margin-top:-16px;
color:#D3D3D3;
}
.footer-bottom p{
    font-size:0.7em;
    color:#D3D3D3;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:justify;
    padding:10px 20px 10px 20px;
}
.footer-bottom h3{
    font-size: 1.2em;
    color:#000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:justify;
    padding:10px 20px 10px 20px;
}
.footer-logo{
    padding:2% 0;
    float:right;
}
.copy {
    float:right;
    padding-top:5px;
}
.copy p{
    color:#afbdd4;
    font-size:0.7em;
}
.copy p a{
    color:#fff;
}
.copy p a:hover{
    color:#F8DDB9;
}
/*cor d botão do form*/
.contatct-form input[type="submit"] {
    color: #FFF;
    font-size:1.1em;
    font-weight: normal;
    padding: 15px 15px 15px 15px;
    border: none;
    background:#4682B4;
    font-family: 'ambleregular';
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    text-transform:uppercase;
}
.contatct-form input[type="submit"]:hover{
    background:#003399;
}
/* inicio agnific Popup CSS */
.field {
    margin-bottom:0px;
}
input[type="checkbox"]{
    float:left;
    margin:7px 10px 0px 5px;
    width:20px;
    height:20px;
    background:#990000;
}
.texto_linha{
    float:left;
    margin:7px 10px 0px 5px;
    font-weight: bold;
    color:#000;
}
.input {
    padding: 8px 0px 9px 7px;
    margin:  1px 0px 0px 0px;
    border:  1px solid #E0E6F3;
    font-family: Arial, Helvetica, sans-serif;
    min-width:inherit;
    /*max-width:200px;*/
    color: #006699;
}
.inputweb {
    float:left;
    background: #ffffff;
    padding: 8px 0px 9px 7px;
    margin:  1px 0px 0px 0px;
    border:  1px solid #E0E6F3;
    font-family: Arial, Helvetica, sans-serif;
    width: 60%;
    color: #006699;
}
.input_desabilitado {
        padding: 8px 7px 9px 7px;
        margin:  0px 0px 0px 7px;
        border:  1px solid #E0E6F3; 
        width:   19em; 
    background: #EEE; 
    cursor: not-allowed; 
    color: #777;
}
.inputcheck{
    float:right;
    width:40px;
    height:20px;
    background:#5F9EA0;
}
.inputwww {
    height:34px;
    padding: 7px 7px 7px 7px;
    margin:  0px 1px 0px 0px;
    border:  1px solid #E0E6F3;
    font-family: Arial, Helvetica, sans-serif;
    color: #006699;
    font-size: 0.9em;
    font-weight: normal;
    max-width:    100px;
    min-width:    100px;
    color: #006699;
}
#box_select {
    float: left;
    border:0px solid #b5b5b5;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#box_consulta h4{
    /*background:#F8F8FF;*/
     font-family:Verdana, sans-serif;
    /*src:url(font/Aller_Bd.ttf) format('truetype');letter-spacing:3;*/
     color:#FFFFFF;
     font-size:3rem;
     padding:0px 10px 0px 0px;
     float:left;
     border:0px solid #fff;
     margin:0px 0px 0px 5px;
}
@media (max-width:400px){
    #box_consulta h4{
        /*background:#F8F8FF;*/
         font-family:Verdana, sans-serif;
        /*src:url(font/Aller_Bd.ttf) format('truetype');letter-spacing:3;*/
         color:#FFFFFF;
         font-size:1.5rem;
         padding:4px 10px 0px 0px;
         float:left;
         border:0px solid #fff;
         margin:0px 0px 0px 5px;
    }
}
/*Muda cor do texto do menu do topo*/
#box_consulta a{
    /*background:#F8F8FF;*/
     font-family:Verdana, sans-serif;
    /*src:url(font/Aller_Bd.ttf) format('truetype');letter-spacing:3;*/
     color:#4682B4;
     line-height: 1em; 
}

#box_consulta .msgDestaq_menu a {
  color: #000000;
  text-decoration: none;
}

#box_consulta .msgDestaq_menu a:hover {
  color: #000000;
  text-decoration: none;
}

select[name="sexo"] {
    min-width:164px;
    height:34px;
    padding:   0px 3px 0px 3px;
    margin-left:0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #006699;
    font-size: 0.9em;
    font-weight: normal;
    border:1px solid #E0E6F3;
    outline: none;
}
select[name="extensao"] {
    height:34px;
    padding:  0px 0px 0px 2px;
    margin-left:0px;
    margin-top:0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #006699;
    font-size: 0.9em;
    font-weight: normal;
    border:1px solid #E0E6F3;
    outline: none;
}
.box_texto_select {
     float:     left;
     width:     100px;
     font-weight: bold;
     font-size: 14px;
     background:#FFFFFF;
     color: #006699;     
     height:    33px;
     margin:    1px 0px 0px 1px;
     padding:   8px 2px 4px 1px;
     overflow:  hidden;
     border:    0px solid #b5b5b5;
     text-align:right;
}
.box_texto_selectw {
    height:    32px;
    background:#f7f7f7;
    margin:    1px 1px 1px 1px;
    padding:   4px 1px 4px 1px;
    float:     left;
    text-align:right;
    font-size: 20px;
    color:#666666;
    border:    0px solid #b5b5b5;
    overflow:  hidden;
}
.estilo_select {
    font-family: Arial, Helvetica, sans-serif;
    width:208px;
    color: #006699;
    font-size: 0.9em;
    vertical-align: middle;
    font-weight: normal;
    padding: 7px;
    margin: 0px 0px 0px 7px;
    background:#FFFFFF;
    border: 1px solid #E0E6F3;
    outline: none;
    overflow: hidden;
}
.box_form_select {
    font-family: Arial, Helvetica, sans-serif;
    width:335px;
    color: #006699;
    font-size: 0.9em;
    vertical-align: middle;
    font-weight: normal;
    padding: 7px;
    margin: 0px 0px 0px 0px;
    background:#FFFFFF;
    border: 1px solid #E0E6F3;
    outline: none;
    overflow: hidden;
}
/*background:#FCFDFF;*/
#ano_ver {
    width:   61px;
    height:  34px;
    padding: 8px 0px 2px 3px;
    margin:  0px 0px 0px 0px;/* margin: -19; para que centralizao do formulário a ser induzida para o ie6 no arquivo form_search*/
    font-family:    16px "Century Gothic", verdana, Arial, Helvetica, sans-serif;
    color:   #363636;
    border:  1px solid #E0E6F3;
    color:#006699;
}
#mes_ver {
    width:   53px;
    height:  34px;
    padding: 8px 0px 2px 3px;
    margin:  0px 1px 0px 0px;
    font-family: 16px "Century Gothic", verdana, Arial, Helvetica, sans-serif;
    color:   #363636;
    border:  1px solid #E0E6F3;
    color:#006699;
}
#dia_ver {
    width:   53px;
    height:  34px;
    padding: 8px 0px 2px 3px;
    margin:  0px 1px 0px 0px;/* margin: -19; para que centralização do formulário poça ser induzida para o ie6 no arquivo form_search*/
    font-family:   16px "Century Gothic", verdana, Arial, Helvetica, sans-serif;
    color:   #363636;
    border:  1px solid #E0E6F3;
    color:#006699;
}
#box_booton {
    float:   left;
    text-align:     center;
    width: 100%;
    background:#F5F5F5;
    padding: 10px 2px 10px 2px;
    border:  0px solid #b5b5b5;
    margin-top:     10px;
    margin-left:    0px;
    margin-right:   0px;
    margin-bottom:  10px;
    color:#FFFFFF;
}
#small-dialog_form {
    background:#555;
    padding:0px;
    text-align: left;
    max-width: 340px;
    margin: 10px auto;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.my-mfp-zoom-in #small-dialog_form {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog_form {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog_form {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
/*fim estilo form*/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position:fixed;
    background: #0b0b0b;
    opacity: 0.9;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
/* #small-dialog_form para class mfp-container : quando com banner_topo.php ativado height: 50% banner_topo.php desativado height: 100%; */
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 30%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 30%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none;
}
.mfp-preloader {
    color: #F5F5F5;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #F5F5F5;
}
.mfp-preloader a:hover {
    color: white;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background:none;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
    width:30px;
    height:30px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    outline:none;
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}
.mfp-close:active {
}
.mfp-close-btn-in .mfp-close {
    color:#fff;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
    outline:none;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #F5F5F5;
    font-size: 12px;
    line-height: 18px;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
}
.mfp-figure {
    line-height: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
/******** Plans List *******/
/* Styles for dialog window */
#small-dialog {
    background: white;
    padding:30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
}
/*Fade-zoom animation for first dialog*/
/* start state */
.my-mfp-zoom-in #small-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.9;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.plans_table thead {
    background:#fff;
}
.plans_table thead th.plans-list {
    padding:15px 0;
    border: 1px solid #E6E6E6;
}
.plans_table thead th.plans-list h3 {
    font-size: 1.4em;
    color:#000;
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
}
.plans_table thead th.plans-list h4 {
    font-size: 1em;
    color:#555;
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
}
.plans_table thead th.plans-list h4 small {
    font-size:14px;
    padding-left:2px;
}
.plans_table td.plan_list_title {
    font-size:0.7em;
    text-align:left;
    color:#222;
}
.plans_table tbody td {
    padding:10px;
    color:#8F8F8F;
    font-size:0.8em;
    border:1px solid #E6E6E6;
    text-align:center;
}
.plans_table tfoot td.order_now button {
    display:block;
    font-size:0.7em;
    text-align:center;
    text-decoration:none;
    margin:0 auto;
    outline: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding:8px 10px;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    border:none;
    cursor:pointer;
    background:#104E8B;
    color:#ffffff;
    font-family: 'ambleregular';
}
.plans_table tfoot td.order_now button:hover {
    background:#4682B4;
    color:#fff;
}
.plans_table tfoot td {
    text-align:center;
    padding:10px 0;
    border:1px solid #E6E6E6;
}
/**** End Plans List CORRIGIDO*********/
@media (max-width: 320px) {
 #small-dialog {
padding:20px 5px;
}
.mfp-close {
line-height:25px;
}
.plans_table {
margin-top:10px;
}
.plans_table thead th.plans-list h3 {
font-size:1em;
}
.plans_table thead th.plans-list {
padding:10px 0;
}
.plans_table thead th.plans-list h4 {
font-size:1em;
}
.plans_table thead th.plans-list h4 small {
font-size:10px;
}
.plans_table tfoot td.order_now button {
font-size:0.7em;
padding:8px;
}
}
/* start state1 */
#small-dialog1 {
    background:#555;
    padding:30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.my-mfp-zoom-in #small-dialog1 {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog1 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog1 {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
/* start state2 */
.pop_up h2 {
    font-size: 1.4em;
    color:#555;
    margin:0px 0px 0px 0px;
    text-transform: capitalize;
}
.pop_up {
    background:#BEBEBE;
    padding:0px;
}
.pop_up p {
    font-size:0.7em;
    color:#999;
    line-height:1.8em;
}
#small-dialog2 {
    background: white;
    padding: 10px 15px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
}
.my-mfp-zoom-in #small-dialog2 {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog2 {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.pop_up1 {
    padding:10px;
}
.pop_up1 h2 {
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
    color: #555;
}
.pop_up1 img {
    text-align:center;
}
.button-alert {
    float:left;
}
.button-alert input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    padding: 8px 20px;
    border: 1px solid #FFF;
    background:#555;
    display: inline-block;
    font-size: 0.85em;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
    font-family: 'ambleregular';
    border: none;
    outline:none;
}
.button-alert1 {
    float:right;
}
.button-alert1 input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    padding: 8px 20px;
    border: 1px solid #FFF;
    background:#555;
    display: inline-block;
    font-size: 0.85em;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
    font-family: 'ambleregular';
    border: none;
    outline:none;
}
.button-alert input[type="submit"]:hover, .button-alert1 input[type="submit"]:hover {
    background:#444;
}
.pop_up1 p {
    margin-bottom:10px;
    color:#555;
    font-size:0.7em;
}
.pop-img {
    text-align:center;
}
#small-dialog3 {
    background: #FFF;
    padding: 10px 15px;
    text-align: left;
    max-width:400px;
    margin: 40px auto;
    position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
.pop_up2 h2 {
    margin-bottom: 10px;
    color: #555;
    font-size: 1.4em;
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
}
.pop_up2 p {
    line-height:1.5em;
    color:#777;
    font-size:0.7em;
}
/*fim magnific-popup*/
/*inicio style chat*/
ul{list-style-type:none;}
/*altera a posição da janela de usuarios online do chat*/
#users_online{
 display:scroll;
        position:      fixed;
        bottom:0;
        right:0;
        background:linear-gradient(to right, #ccc, #fff 30%);
        width:240px;
        max-height:340px;
        border-left:1px solid #E0E6F3;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        overflow:scroll;
        overflow-x:hidden;
        text-align:justify;
}
#users_online ul li{
    float:left;
    width:100%;
    border:1px solid transparent;
    padding:5px;
    margin-left:-1px;
    border-right:0;
    position:relative;
}
#users_online ul li:hover{
    border-color:#999;
    background:linear-gradient(to right, #ccc, #fff 60%);
}
#users_online ul li a{
    text-decoration:none;
    float:left;
    width:70%;
    margin-left:10px;
    font:16px Tahoma, arial, helvetica;
    color:#666;
    line-height:40px;
}
.imgSmall{
    float:left;
    width:44px;
    height:44px;
    overflow:hidden;
    border-radius:50%;
}
.imgSmall img{width:100%; height:100%;
}
.imgSmallmenu{
    float:right;
    width:20px;
    height:20px;
    overflow:hidden;
    border-radius:50%;
    margin-top:0px;
    margin-right:4px;
    margin-left:4px;
    margin-bottom:0px;
}
.imgSmallmenu img{
width:100%; height:100%;
}
.imgSmallmenumobili{
    float:right;
    width:25px;
    height:25px;
    overflow:hidden;
    border-radius:75%;
    margin-top:5px;
    margin-right:-5px;
    margin-left:2px;
}
.imgSmallmenumobili img{
width:100%; height:100%;
}
.status{
    position:absolute;
    right:8px;
    top:50%;
    width:12px;
    height:12px;
    margin-top:-6px;
    border-radius:50%;
    background:#666;
}
.status.off{background:#ccc;}
.status.on{background:#090;}
/**Aside dos chats **/
#chats{
    position:absolute;
    bottom:0;
    left:0;
    width:82%;
}
/**JANELAS**/
.window{
    float:left;
    width:270px;
    margin-left:5px;
    height:auto;
    overflow:hidden;
    border-radius:4px;
}
.window .header_window{
    float:left;
    background:#00ACE6;
    padding:5px;
    width:270px;
    position:relative;
    cursor:pointer;
}
.window .header_window .close{
    text-decoration:none;
    float:left;
    color:white;
    font:16px Tahoma, arial;
    padding:0 10px 0 0;
}
.window .header_window .name{
    float:left;
    font:16px tahoma, arial;
    color:white;
}
.window .body{
    float:left;
    width:100%;
}
.window .body .mensagens{
    float:left;
    width:100%;
    background:#ebebeb;
    border-left:1px solid #999;
    border-right:1px solid #999;
    height:230px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:4px;
}
.mensagens ul{
    float:left;
    width:100%;
}
.mensagens ul li{
    float:right;
    width:80%;
    background:linear-gradient(to bottom, #fff, #ccc 130%);
    border:1px solid #999;
    border-radius:4px;
    position:relative;
    padding:4px;
    margin-bottom:9px;
}
.mensagens ul li .imgSmall{
    position:absolute;
    width:35px;
    height:35px;
    left:-45px;
    margin-top:-8px;
    margin-bottom:10px;
}
.mensagens ul li p{
    font:13px tahoma, arial;
    color:#666;
}
.mensagens ul li.eu{float:left; background:#a4e9ff;}
.mensagens::-webkit-scrollbar{width:3px;}
.mensagens::-webkit-scrollbar-track{background-color:#666; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.mensagens::-webkit-scrollbar-thumb{background-color:#666;}
.mensagens::-webkit-scrollbar-thumb:hover{background-color:#069;}

.window .body .send_message{
    float:left;
    width:100%;
    position:relative;
}
.window .body .send_message input{
    float:left;
    width:100%;
    padding:3px;
    background:white;
    border:1px solid #999;
    outline:none;
}
/*fim style chat*/
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.data-na-lt{
width:100%;
float:left;
}
.data-na-lt p{
text-align:left;
}
.data-na-rt{
width:100%;
float:right;
}
.data-na-rt p{
text-align:right;
}
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
@font-face {
    font-family:Verdana, sans-serif;
    /*src:url(font/Aller_Bd.ttf) format('truetype');*/
}
@font-face {
      font-family: 'ambleregular';
      src: url(../font/Amble-Regular-webfont.ttf) format('truetype');
}
.acessibilidade {padding:10px;}
.acessibilidade ul {padding:10px 0px; width: 100%;height:100%;margin: 0 auto;text-align:left;position: relative;}
.acessibilidade li {display: inline-block; float: right;margin-right:-10px; margin-left:20px; margin-top:0px;}
.acessibilidade li a { color:#fff; font-size:1em;padding:5px;background:#FF9900;vertical-align: middle;display: block; height:auto;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;border-radius: 5px;}
.acessibilidade li a:hover {background:#6d84b4;}
.left{float:left;
margin-top:0px;}
.botaoimg{
width:35px;
height:32px;
padding:0px 0px 0px 0px; 
background:linear-gradient(to bottom, #069, #09f 130%); 
border:1px solid white;
font:16px tahoma, arial; 
color:white; 
border-radius:5px;
margin-top:2px;
margin-left:1px;
}
.logonetfid{
 float:right;
 display:inline-block;width:45px;height:45px;
        -moz-border-radius:    5px;
        -webkit-border-radius: 5px;
        border-radius:  5px;    
        padding:2px 2px 2px 2px;
        /*background: rgba(0, 191, 255, 0.4);*/
        background:#FFFFFF;
/* Para navegadores IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#104E8B, endColorstr=#104E8B);
/* Para navegadores IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#104E8B, endColorstr=#104E8B)";
}
.netfids{
display:scroll;
/*display:inline-block;*/
width:45px;
height:45px;
position:      fixed;
left:   93%;
top:    90%;
padding:2px 2px 2px 2px;
background:#FFFFFF;
overflow:      hidden;
border: 0px solid #000;
-moz-border-radius:    5px;
-webkit-border-radius: 5px;
border-radius:  5px;
z-index:1000;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#104E8B, endColorstr=#104E8B);
/* Para navegadores IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#104E8B, endColorstr=#104E8B)";
}
.botaocenter{
height:34;
padding:6px 8px 7px 8px;
background:#4682B4; /* #0d317d  */
border:1px solid white;
font:16px tahoma, arial; 
color:white; 
border-radius:5px;
margin-top:0px;
}
.botaocenter a{
height:35;
padding:6px 8px 7px 8px; 
background:#f7f7f7;
margin-top:2px;
}
.botaoimg a{
width:35px;
height:34px;
padding:0px 0px 0px 0px; 
background:#f7f7f7;
}          
*{margin:0; padding:0; box-sizing:border-box;}    
.right{float:right;}
.botao{
margin:0 auto;
padding:5px 8px 7px 8px;
background:#4682B4; 
border:1px solid white;
font:16px tahoma, arial; 
color:white; 
border-radius:5px;
margin-top:3px;
margin-bottom:3px;
margin-left:5px;
margin-right:5px; 
}
.botao a{
padding:5px 8px 7px 8px; 
background:#f7f7f7;
margin-top:3px;
}

.botaoB{
height:34;
padding:7px 8px 7px 8px;
/*background:linear-gradient(to bottom, #069, #09f 130%);*/
  background: #104E8B;
border:1px solid white;
font:16px tahoma, arial; 
color:black;
border-radius:5px;
margin-top:3px;
margin-bottom:3px;
margin-left:5px;
margin-right:5px;
}
.botaodelete{
height:34;
padding:6px 8px 7px 8px;
background:#ff0000; 
border:1px solid white;
font:16px tahoma, arial; 
color:white; 
border-radius:5px;
margin-top:0px;
margin-left:10px;
}
.botaodelete a{
height:35;
padding:6px 8px 7px 8px; 
background:#f7f7f7;
margin-top:2px;
}
.botaodesabilitado{
height:34;
padding:6px 8px 7px 8px;
background:#4682B4; 
border:1px solid white;
font:16px tahoma, arial; 
color:white; 
border-radius:5px;
margin-top:0px;
margin-left:10px;
}
.botaodesabilitado a{
height:35;
width:19em;
/*background: #EEE; color: #777; */
cursor: not-allowed;
padding:6px 8px 7px 8px; 
background:#f7f7f7;
margin-top:2px;
}
.botaofile{
padding:10px 11px 14px 10px;
background:linear-gradient(to bottom, #069, #09f 130%); 
max-width:20.0%;
min-width:8%;
border:1px solid white;
font:16px tahoma, arial; 
color:white; 
border-radius:5px;
margin-right: 5px;
margin-top:-1px;
margin-left:10px;
}
.img_mini_search{
        float:left;
        margin-top:5px;
        margin-right:6px;
        margin-left:5px;
        margin-bottom:0.5rem;
        -moz-border-radius:    5px;
        -webkit-border-radius: 5px;
        border-radius:  5px;    
        -moz-box-shadow:5px 5px 5px #F5F5F5;
        -webkit-box-shadow:    5px 5px 5px #F5F5F5;
        /* box-shadow: 5px 5px 5px #F5F5F5;
        padding:5px 5px 5px 5px;
        background: rgba(0, 191, 255, 0.4);*/
    }
.img_iframe{
    float:left;
       margin-top:0px;
        margin-right:5px;
        margin-left:5px;
        margin-bottom:0.5rem;
    width:auto;
    height:auto;
    /*box-shadow:     5px 5px 5px #F5F5F5;
    padding:5px 5px 5px 5px;
    background: rgba(0, 191, 255, 0.4);*/
}
    .imgMedium{
    float:left;
    width:10%;
    height:10%;
    overflow:hidden;
    border-radius:50%;
    text-align:center;
    margin:-20px 15px 0px 10px;
    background:#104E8B;
}
.imgMedium img{width:100%; height:100%;
}
    #mytable {
    padding: 0;
    margin: 0;
    font-size:15px;  
}
.boxFormcinza{
display:block;
float:left;
padding:30px 10px 10px 10px;
background:#f7f7f7;
color:#999999;
font-size: 0.85em;
line-height:1.5em;
}
.msgInportant{
display:block;
float:left;
width:99%;
padding:5px;
margin:4px;
background:#f7f7f7;
color:#000;
font-size: 0.90em;
font-weight: bold;
line-height:1.5em;
text-align:center;
}
.msgDestaq_menu{
display:block;
float:left;
width:100%;
padding:5px;
background:transparent;
color:#000000;
font-size: 0.85em;
line-height:1.5em;
text-align:center;

}
.msgDestaq_menu a {
  color:#000000;         /* cor do link */
  text-decoration: none; /* opcional: remove o sublinhado */
}

.msgDestaq_menu a:hover {
 color:#4682B4;     /* cor quando passa o mouse */
  text-decoration: none; /* opcional: destaca no hover */
}

.msgDestaq{
display:block;
float:left;
width:100%;
padding:5px;
background:#FFCC99;
color:#333333;
font-size: 0.85em;
line-height:1.5em;
text-align:center;
}
.consultInportant{
display:block;
float:left;
width:100%;
padding:2px;
margin-bottom:0px;
background:#eee;
}
.box{
display:block;
float:left;
width:95px;
height:33px;
padding:10px 0px 5px 0px;
/*background:#009900;*/
text-align:right;
}
.desc_camp_input{
     float:     left;
     font-size: 14px;
     color:     #666666;
     height:    33px;
     margin:    1px 0px 0px 1px;
     padding:   8px 2px 4px 1px;
     overflow:  hidden;
     border:    0px solid #b5b5b5;
     text-align:right;
     }
caption {
    padding: 0 0 5px 0;
         
    font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}
th {
    font: normal 30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
    border-right: 1px solid #d8dfea;
    border-bottom: 1px solid #d8dfea;
    border-top: 1px solid #d8dfea;
    border-left: 1px solid #d8dfea;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    text-align: left;
    padding: 6px 6px 6px 12px;
    background:#d8dfea;
}
th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #d8dfea;
    background: none;
}
td {
    border-right: 1px solid #d8dfea;
    border-bottom: 1px solid #d8dfea;
    background:#FFF;
    padding: 6px 12px 6px 12px;
    color: #4f6b72;
}
td.alt {
    background: #f7f7f7;
    color: #000;
}
th.spec {
    border-left: 1px solid #d8dfea;
    border-top: 0;
    background:#FFF;
    font: normal 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
th.specalt {
    border-left: 1px solid #d8dfea;
    border-top: 0;
    background: #f7f7f7;
    font: normal 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}              
.info_construct {
        font-family:inherit;
        display:scroll;
        position:      fixed;
        left:   50%;
        top:    50%;
        margin-left:   -200px;
        margin-top:    -150px;
        padding:30px 40px 50px 40px;
        /*background:    #3b5998;*/
        background:#104E8B;
        overflow:      hidden;
        border: 0px solid #000;
        -moz-border-radius:   7px;
        -webkit-border-radius:7px;
        border-radius: 7px; 
        z-index:1000;   
    }
    .infconstruct{
        display:scroll;
        position:fixed;
        left:25%;
        right:25%;
        top:25%;
        padding:10px 10px 20px 10px;
        background:#FFC;
        overflow:      hidden;
        border: 0px solid #000;
        -moz-border-radius:   7px;
        -webkit-border-radius:7px;
        border-radius: 7px;
        z-index:1000;   
    }
    .construct {
        display:scroll;
        position:      fixed;
        left:   50%;
        top:    50%;
        margin-left:   -200px;
        margin-top:    -160px;
        padding:30px 40px 50px 40px;
        background:#CC0000;
        overflow:      hidden;
        border: 1px solid #000;
        z-index:1000;   
    }
    .boxImgPeril{
    float:left;
    width:130px;
    padding:10px 10px 10px 10px;
    margin:-20px 1% 10px 10px;
    }
    #pagrafo {
        text-align:  center;
        font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    }
    .box_veric_dominio {
    /*background:#F8F8FF;*/
    background:#f7f7f7;
    padding: 20px 20px 20px 20px;
    }
    .box_form_mail {
    /*background:#F8F8FF;*/
    min-width:100%;
    max-width:60%;
    height:465px;
    background:#f7f7f7;
    padding: 20px 20px 20px 20px;
    }
    .box_chat {
    /*background:#F8F8FF;*/
    min-width:100%;
    max-width:60%;
    height:30%;
    background:#f7f7f7;
    padding: 20px 20px 20px 20px;
    }
    .fexeinput {
        padding: 8px 7px 9px 7px;
        margin:  0px 0px 0px 7px;
        border:  1px solid #E0E6F3; 
        width:   15em; 
        cursor: not-allowed;
        color:   #104E8B;   
    }
    .force_espace{
    float:left;
    width:5px;
    }
    .cor-sim-fat{
        background-color:#D3D3D3;/*vr */
        margin:2px 0px 5px 2px;
        padding:5px 10px 5px 10px;
        font-family: "Century Gothic", Arial, Corbel, sans-serif;
        font-size:18px;
        line-height:1.5em;
        color:#000000;
        border:0px solid #E0E6F3;
    }
    .cor-nao-fat{
        background-color:#5F9EA0;/*vc*/
        margin:2px 0px 5px 2px;
        padding:5px 10px 5px 10px;
        font-family: "Century Gothic", Arial, Corbel, sans-serif;
        font-size:18px;
        line-height:1.5em;
        color:#000000;
        border: 0px solid #E0E6F3;
    }
    .cor-sim-fat:hover,.cor-nao-fat:hover{
        background-color:#F5F5F5; /*vf*/
        margin:2px 0px 5px 2px;
        padding:5px 10px 5px 10px;
        font-family: "Century Gothic", Arial, Corbel, sans-serif;
        font-size:18px;
        line-height:1.5em;
        color:#000000;
        border: 0px solid #E0E6F3;
    }
    .cor-sim-fat a:hover, .cor-nao-fat a:hover {
        background:#4682B4; 
        color: var(--tomclaro); /*destaca os botoem em cor-fat*/

    }
.cor-sim-fat-dt{
color:#FFFFFF;/*vr */
        /*min-height:30px;*/
         margin:2px 0px 5px 2px;
        padding:5px 10px 5px 10px;
        font-family: "Century Gothic", Arial, Corbel, sans-serif;
        font-size:18px;
        line-height:1.5em;
        color:#FFFFFF;
        border:0px solid #E0E6F3;
    }
.cor-nao-fat-dt{
background-color:#F5F5F5;/*vr */
        /*min-height:30px;*/
 margin:2px 0px 5px 2px;
        padding:5px 10px 5px 10px;
        font-family: "Century Gothic", Arial, Corbel, sans-serif;
        font-size:18px;
        line-height:1.5em;
        color:#FFFFFF;
        border:0px solid #E0E6F3;
    }
.cor-sim-fat-dt:hover,.cor-nao-fat-dt:hover{
        color:#20B2AA; /*vf*/
 /*min-height:30px;*/
 margin:2px 0px 5px 2px;
        padding:5px 10px 5px 10px;
        font-family: "Century Gothic", Arial, Corbel, sans-serif;
        font-size:18px;
 line-height:1.5em;
        color:#f5f5f5;
        border: 0px solid #E0E6F3;
    }
    .jMsg{
    float:left;
    width:200px;
    height:200px;
    background:#fff;
    margin:2px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    border:1px solid #E0E6F3;
    }
.box_imgEdit{
    float:left;
    font-size: 1.0 em;
    color:#ccc;
    background:#fff;
    margin:4px 4px 10px 4px;
    padding:2px 2px 15px 2px;
    border:1px solid #E0E6F3;
    }
.wrap{
    width:80%;
    margin:0 auto;
    padding:0 1% 0 1%;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -ms-transition:all .2s linear;
/*background:#FFCC00;*/
}
.logo {
    float:left;
}
.header-top{
   /*margin-top:-10px;*/
   /*height:80px; padding: 5px 10px 5px 10px;
    background:#003399; muda a cor do fundo do logo e busca*/
}
/*usado no sistema novo sjf*/
.header {
 position: relative;
  margin-top: -10px;
  background-image: url("../imagem/img_sistema/white-mesage_g.png");
  background-repeat: no-repeat;
  background-size: auto; /* mantém proporção original */
  background-position: right bottom; /* alinha à direita e embaixo */
  display: flex;
  flex-direction: column;
  border: 0px solid #000;
  padding: 0px 0px 10px 0px;
}
/*link no elemento*/
.header-link {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;   /* largura da área clicável */
  height: 60px;  /* altura da área clicável */
  display: block;
}

/*--menu-- cor do menu trexo edita cor da fonte do menu do topo*/
.cssmenu{
    color:#fff;
    float:right;
}
.cssmenu ul li {
    display: inline-block;
}
.cssmenu ul li a {
    /*background:#990066; cor de fundo do menu */
    color:#fff;
    display: block;
    padding:0px 2px 0px 2px;
     margin:2px 2px 2px 2px;
    letter-spacing: 1px;
    font-size: 0.8em;
    /*text-transform: uppercase;*/
}
.cssmenu ul li a:hover {
    color:#4682B4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cssmenu ul li a:active {
    color:#4682B4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.css li.active> a, .css li> a:hover {
    color:#4682B4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.css li a.corrente {
    cursor:default;
    color: #4682B4;
    text-decoration: none;
    font-weight: bold;
}

.btn-anunciar{
    background:rgba(139,0,0, 0.1);
    color:white;
    border:none;
    padding:12px 20px;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
    font-weight:bold;
}

/**** Slider ;*****/
.wmuSlider {
    position: relative;
    overflow: hidden;
    /*padding:2% 0;*/
    background:#F8F8FF;
}
.wmuSlider .wmuSliderWrapper article {
    text-align: center;
    /*margin:-4% 0px 0px 0px;*/
}
/*.wmuSlider .wmuSliderWrapper article img {
    max-width: 100%;
    width: auto;
    height: auto;
    min-height: auto;
    display:block;
}*/
/* Default Skin */
.wmuSliderPagination {
    /*z-index: 2; background:var(--highlight);*/
    position: absolute;
    right:10px;
    bottom:10px;
    padding:10px 10px 10px 10px;
    margin:10px 10px 2px 10px;

}
.wmuSliderPagination li {
    float: left;
    margin: 0 8px 0 0;
    list-style-type: none;
}
.wmuSliderPagination a {
    display: block;
    text-indent: -9999px;
    width: 30px;
    height: 6px;
    background:var(--secondary);
}
.wmuSliderPagination a.wmuActive {
    background:var(--tomclaro); 
}
.slider-right{
    width:48.5%;
    margin-top:1%;
    float:left;
    margin-bottom:0px;
}
.slider-right h3{
    font-size: 1.2em;
    color:#B0CDEB;
    font-family:Verdana, sans-serif;
    margin-bottom: 0px;
    text-align: left;
}
.slider-left{
    float: left;
    width: 43%;
    height: auto;
    margin-top:1%;
    margin-left:1%;
    margin-right:3%;
    margin-bottom:1%;
    text-align:center;
}
.slider-left p{
    color:#000000;
    font-size:0.7em;
    line-height:1.5em;
    /*text-align:justify;*/
    margin-top:1%;
    margin-left:3%;
    margin-right:3%;
    margin-bottom:1%;
}
/*modifica a cor dos textos do banner rotativo*/
p.top{
    /*color:#F8E2C4;*/
    color:#4682B4;
    font-size:0.7em;
    line-height:1.5em;
    text-align:justify;
    margin-bottom:20px;
    margin-left:4px;
    margin-top:-25px;
}
p.topArt{
    /*color:#F8E2C4;*/
    color:#ccc;
    font-size:0.7em;
    line-height:1.5em;
    text-align:justify;
    margin-bottom:10px;
    margin-top:-20px;
}
/*modifica a cor dos textos do banner rotativo*/
p.middle{
    color:#4F4F4F;
    font-size:15px;
    line-height:1.5em;
    text-align:left;
    margin-bottom:20px;
    margin-left:2px;
}
/* cor de linha*/
hr{
    color:#F5F5F5;
    font-size:0.7em;
    line-height:1.5em;
    text-align:left;
    margin-bottom:5px;
    margin-top:5px;
}
.btn a:hover{
    color:#fff;
}
.img_mini{
        width: 30px;
        hight: 20px;
        overflow:     hidden;
        float: left;
        margin-top:   2px;
        margin-right: 6px;
        margin-left:  2px;
        margin-bottom:1px;
        background:   #FCFDFF;
    }
.btn a{
    z-index:999;
    border: none;
    float:left;
    color: #3b5998;
    cursor: pointer;
    padding:10px 30px 10px 30px;
    display: inline-block;
    font-family:Verdana, sans-serif;
    font-size: 1.1em;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    /*text-transform: uppercase;*/
    background:#afbdd4;
    margin:10px 0px 0px 3px;
}
/*--content--*/
/*  GRID OF FOUR   ============================================================================= */
.proget_content-top{
padding: 1%;
background:#fcf8e3;
border:1px solid  #fbeed5;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-family: Arial, Helvetica, sans-serif;
      color: #006699;
      font-size: 1em;
      font-weight: normal;
      text-align:center;                
}
.col_1_of_4{
    display: block;
    float:left;
    margin: 1% 0 1% 3.6%;
    background:#fff;
}
.col_1_of_4:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_1_of_4 {
    width: 21.8%;
}
.span_1_of_4 h3{
    margin-bottom:20px;
}
.span_1_of_4 h3 a{
    color: #3b5998;
    font-family:Verdana, sans-serif;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}
.span_1_of_4 h3 a:hover{
    color:#666;
}
p.low-desc{
    color: #999;
    font-size: 0.85em;
    line-height: 1.8em;
    margin-bottom: 10px;
}
p.thick{
    font-size: 0.85em;
    line-height: 1.8em;
    color:#666;
    margin-bottom:20px;
}
.button{
    margin-top:10px;
}
.button a{
    color:#3b5998;
    font-size:1.1em;
    font-family:Verdana, sans-serif;
}
.button a:hover{
    color:#666;
}
/*--content-middle--  cor #D8E3FA*/
.content-middle{
    padding: 2% 0 4% 0;
}
/*cor de linha*/
.middle-top{
    border-bottom: 1px solid #104E8B;
    padding: 7px 0 7px 7px;
    margin-bottom:1px;
}
.middle-top h2 {
    color: #3b5998;
    font-size: 1.1em;
    font-family:Verdana, sans-serif;
    /*float:left;
    text-transform: uppercase;*/
}
.hr-divisor h2 {
    color: #3b5998;
    font-size: 1.3em;
    font-family:Verdana, sans-serif;
    float: left;
    /*text-transform: uppercase;*/
}
.hr-divisor{
    border-bottom: 0px solid #fff;
    padding: 1px 1px 1px 1px;
    margin-bottom:2px;
}
#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 23.8%;
    margin-right: 20px;
    display: none;
    float: left;
    overflow: hidden;
}
#info {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;              
    background:#fcf8e3;
    border:1px solid  #fbeed5;
    width:95%;
    max-width:900px;
    margin:0 auto 40px auto;
    font-family:arial;
    font-size:12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#infosga {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;              
    background:#fcf8e3;
    border:1px solid  #fbeed5;
    margin:15px 5px 10px 5px;
    padding:5px;
    font-family:arial;
    font-size:12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
    #info .info-wrapper {
        padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    }
    #info a {
        color:#c09853;
        text-decoration:none;
    }
    #info p {
        margin:5px 0 0 0;
    }
.container { 
    position: relative; 
    -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;  
  }
#filters {
    padding:7px 0px 0px;
    list-style: none;
    float:right;
}
    #filters li {
        float:left;
    }
    #filters li span {
        font-weight: normal;
        padding:3px 15px;
        background:#bababa;
        display: inline-block;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        cursor: pointer;
        margin-right: 10px;
    }
    #filters li span.active {
        background:#dcdcdc;
        color: #FFF;
        border:none;
}
.portfolio-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 74%;
    margin-right: 0;
    float: left;
    overflow: hidden;
}
.portfolio-wrapper {
        overflow:hidden;
        position: relative !important;
    }
    .portfolio img, .portfolio1 img {
        max-width:100%;
        display: block;
        opacity: 5;
        transition: all 300ms!important;
        -webkit-transition: all 300ms!important;
        -moz-transition: all 300ms!important;
    }
    .portfolio img:hover, .portfolio1 img:hover {
        -webkit-filter: grayscale(50%);
    }
/*cor d box tag color alterada para adapitação sistema sjf*/
.product_box {
    background:#fff;
    font-size:x-small;
    color:#000000;
    border: 0px solid #4682B4;
    padding: 8px 7px;
    margin-bottom: 10px;
    width:30.2%;
    float: left;
}

.product_box_plan {
    background: #fff;
    color:#000000;
    /*font-weight: bold;*/
    border: 0px solid #4682B4;
    padding:10px 10px 10px 10px;
    margin-bottom: 10px;
    float: left;
    /*cursor: hand; Pro IE*/
    /*cursor: pointer; Pro FF
    */ 
}
.product_box_plan img{
 margin-bottom: 5px;
    -moz-border-radius:30px 10px;
-webkit-border-radius:30px 10px ;
border-radius:30px 10px
    /*cursor: hand; Pro IE*/
    /*cursor: pointer; Pro FF
    */ 
}
/*----------*/
.news-container-custom * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.news-container-custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
    gap: 10px;
}
.news-box-custom {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    flex: 1 1 calc(20% - 20px); /* Ajuste para 5 itens */
    max-width: 300px; /* Limita a largura máxima */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.news-box-custom:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.news-box-custom a {
    text-decoration: none;
    color: inherit;
    display: block;
}
.news-box-custom img {
    width: 100%;
    aspect-ratio: 1.618 / 1; /* proporção áurea (Fibonacci) */
    object-fit: cover;        /* mantém proporção sem distorcer */
    object-position: top;     /* garante que o topo da imagem fique visível */
    transition: transform 0.3s ease, filter 0.3s ease;
}
.news-box-custom:hover img,
.news-box-custom:focus img {
    transform: scale(1.1);
    filter: brightness(85%);
}
.news-text-custom {
    padding: 15px;
}
@media screen and (max-width: 1200px) {
    .news-box-custom {
        flex: 1 1 calc(25% - 20px); /* Ajuste para 4 itens */
    }
}
@media screen and (max-width: 992px) {
    .news-box-custom {
        flex: 1 1 calc(33.33% - 20px); /* Ajuste para 3 itens */
    }
}
@media screen and (max-width: 768px) {
    .news-box-custom {
        flex: 1 1 calc(50% - 20px); /* Ajuste para 2 itens */
    }
}
@media screen and (max-width: 480px) {
    .news-box-custom {
        flex: 1 1 100%; /* Ajuste para 1 item */
    }
}

/*-----*/

/* Canvas overlay (fica por baixo da frase) */
#efeitoNatal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;     /* não bloqueia o clique na frase */
  z-index: 2147483646;
}
/* Frase natalina animada e clicável */
#mensagemNatal {
  position: fixed;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Great Vibes', cursive;
  font-size: 3em; /* tamanho padrão para telas grandes */
  color: #d32f2f;
  text-shadow: 2px 2px 6px rgba(255, 215, 0, 0.8);
  z-index: 2147483648;
  animation: cairMensagem 10s linear forwards;
  animation-play-state: running;
  cursor: pointer;
}

#mensagemNatal a {
  color: #d32f2f;              /*vermelho para links */
  text-decoration: none;       /*remove sublinhado */
}

#mensagemNatal a:hover {
    color: #b71c1c; /* tom mais escuro no hover */ }
/* Pausa animação quando o mouse estiver sobre a frase */
#mensagemNatal:hover {
  animation-play-state: paused;
}

@keyframes cairMensagem {
  from { top: -100px; opacity: 0; }
  to   { top: var(--stopY, 90%); opacity: 1; }
}

/* Ajuste para tablets */
@media (max-width: 768px) {
  #mensagemNatal {
    font-size: 2.2em;
  }
}

/* Ajuste para celulares */
@media (max-width: 480px) {
  #mensagemNatal {
    font-size: 1.6em;
  }
}

#cadform{
    margin-bottom: 0px;
    float: left;
    }
.formEmp{
    margin: 0 auto;
    width: 100%; /* background:#d8dfea; Altere para o valor da largura desejada. */
    float:inherit;
    padding: 10px 10px 10px 10px;
}
.formLog{
    background-color:#D3D3D3;
    min-width:100%;
    max-width:inherit; /* background:#d8dfea; Altere para o valor da largura desejada. */
    float:inherit;
    padding: 0px 10px 0px 10px;

}
.radio p{
    height: 30px;
    font-size:0.8em;
    color:#FFFFFF;
    /*background:#d8dfea;*/
    float:left;
    padding: 5px 3px 5px 5px;
    margin:5px 2px 5px 5px;
    border:0px solid #b5b5b5;
}
.textarea{
    background: #FFF;
    width:100%;
    height:20%;
    border:none;
    outline: none;
    color: #006699;
    padding: 10px;
   border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.textarea:hover{
    background: #FFF;
    width:100%;
    height:20%;
    border:none;
    outline: none;
    color: #006699;
    padding: 10px;
   border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.legenda_input {
     float:left;
     min-width:22%;
     /*max-width:inherit;*/
     font-weight: bold;
     font-size: 12px;
     height:    34px;
     margin:    1px 0px 0px 1px;
     padding:   8px 5px 4px 1px;
     overflow:  hidden;
     border:    0px solid #b5b5b5;
     text-align:right;
}
.box_input_reg{
    display:flex;
     float:left;
     min-width:100%;
     /*max-width:inherit;*/
     height:34px;
     margin:    2px 0px 0px 0px;
     padding:   0px 0px 0px 0px;
     overflow:  hidden;
     text-align:right;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -webkit-box-shadow: 0px 0px 15px 1px #ccc;
    -moz-box-shadow: 0px 0px 15px 1px #ccc;
    box-shadow: 0px 0px 5px 0px #ccc;
    border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
    outline:none;
}
.inputReg {
float:right;
min-width:100%;
max-width:inherit;
height:32px;
padding:1px 0px 0px 5px;
border:0px solid #ccc;
}
.inputReg:hover {
float:right;
min-width:100%;
max-width:inherit;
height:32px;
padding:1px 0px 0px 4px;
border:1px solid #003366;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.box_input_reg_data{
     float:left;
     min-width:75%;
     max-width:inherit;
     height:34px;
     margin:    2px 0px 0px 0px;
     padding:   0px 0px 0px 0px;
     overflow:  hidden;
     text-align:right;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:0px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.inputData{
float:left;
min-width:33.3%;
max-width:inherit;
height:32px;
font-family: Arial, Helvetica, sans-serif;
color:#104E8B;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
outline:none;
}
.inputData:hover {
float:left;
min-width:33.3%;
max-width:inherit;
height:32px;
font-family: Arial, Helvetica, sans-serif;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.inputNw{
float:left;
min-width:20%;
max-width:45%;
padding: 8px 0px 8px 7px;
margin:  1px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.inputNw:hover {
float:left;
min-width:20%;
max-width:45%;
padding: 8px 0px 8px 7px;
margin:  1px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.inputLog {
float:right;
min-width:75%;
max-width:inherit;
padding: 8px 0px 8px 7px;
margin:  1px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.inputLog:hover {
float:right;
min-width:75%;
max-width:inherit;
padding: 8px 0px 8px 7px;
margin:  1px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.inputRecup {
float:right;
min-width:99%;
max-width:inherit;
padding: 8px 0px 8px 7px;
margin:  1px 1px 1px 1px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.inputRecup:hover {
float:right;
min-width:99%;
max-width:inherit;
padding: 8px 0px 8px 7px;
margin:  1px 1px 1px 1px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.inputEmp {
min-width:80%;
max-width:inherit;
padding: 8px 0px 8px 7px;
margin: 2px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #006699; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.inputEmp:hover {
min-width:80%;
max-width:inherit;
padding: 8px 0px 8px 7px;
margin:  2px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #003366;
outline:none; 
}
.textareaEmp{
min-width:68%;
max-width:inherit;
min-height:50%;
max-height:inherit;
padding: 8px 0px 8px 7px;
margin:  1px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.textareaEmp:hover{
min-width:68%;
max-width:inherit;
min-height:50%;
max-height:inherit;
padding: 8px 0px 8px 7px;
margin:  1px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none;
}
.selectLog {
min-width:75%;
max-width:inherit;
height:33px;
padding: 8px 0px 8px 4px;
margin:  1px 0px 1px 8px;
border:  1px solid #E0E6F3;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none; 
}
.selectLog:hover {
min-width:75%;
max-width:inherit;
padding: 8px 0px 8px 4px;
margin:  1px 0px 1px 8px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.selectEmp {
min-width:74.5%;
max-width:inherit;
height:33px;
padding: 8px 0px 8px 4px;
margin:  1px 1px 1px 4px;
border:  1px solid #E0E6F3;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none; 
}
.selectEmp:hover {
min-width:74.5%;
max-width:inherit;
padding: 8px 0px 8px 4px;
margin:  1px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.selectEmpdata {
min-width:23.8%;
max-width:inherit;
height:33px;
padding: 8px 0px 8px 4px;
margin:  1px 1px 1px 4px;
border:  1px solid #E0E6F3;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none; 
}
.selectEmpdata:hover {
min-width:23.8%;
max-width:inherit;
padding: 8px 0px 8px 4px;
margin:  1px 1px 1px 4px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}
.selectEmpdatalog {
min-width:21%;
max-width:inherit;
height:33px;
padding: 8px 0px 8px 4px;
margin:  1px 0px 1px 8px;
border:  1px solid #E0E6F3;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;  
}
.selectEmpdatalog:hover {
min-width:21%;
max-width:inherit;
padding: 8px 0px 8px 4px;
margin:  1px 0px 1px 8px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}

.selectCor {
min-width:20%;
max-width:inherit;
height:33px;
padding: 8px 0px 8px 4px;
margin:  1px 0px 1px 8px;
border:  1px solid #E0E6F3;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none; 
}
.selectCor:hover {
min-width:20%;
max-width:inherit;
padding: 8px 0px 8px 4px;
margin:  1px 0px 1px 8px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none; 
}

#boxInput {
    float:inherit;
    width: 49%; /* background:#FF6600;Altere para o valor da largura desejada. */
    border:0px solid #b5b5b5;
    margin:2px 2px 2px 2px;
    padding:      2px 2px 2px 2px;
}
#boxFile {
    float:right;
    min-width:100%;
    max-width:inherit;
    border:0px solid #b5b5b5;
    margin:2px 0px 2px 0px;
    padding:      0px 2px 0px 5px;
}
#boxSelect {
    float:right;
    min-width:100%;
    max-width:inherit;
    border:0px solid #b5b5b5;
    margin:2px 0px 2px 0px;
    padding:      0px 2px 0px 5px;
}   
.boxPincipal{
    margin: 0 auto;
    width: 100%; /* Altere para o valor da largura desejada. */
    float:inherit;
    padding: 10px 10px 10px 10px;
}
.videobox{
    margin: 10px 0 20px 0;
    width: 100%; /* Altere para o valor da largura desejada. */
    float:inherit;
    padding: 10px 10px 10px 10px;
    background: #ccc;
}
.product_box h3{
    margin: 0 0 10px 0;
    font-size:1.8em;
    padding: 10px;
    text-align: center;
    background:#f7f7f7;/*cor do fundo titulo adsworldwide */
}
/*color alterado sjf*/
.product_box h3 a{
    color:#4682B4;
    display: block;
}
.product_box h3 a:hover{
    color:#4682B4;
}
.product_box p {
    color:#666;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.8em;
}
.product_box:hover {
    background:#F5F5F5;
}
.product_box p a{
    color:#000;
}
.product_box p a:hover{
    color:#555;
    background:#f7f7f7;
}
/*COR DO BOX DO PRODUTO OU PLANO font-size: 0.85em;
    line-height: 1.5em;
    text-align: left;*/
/**/
.product_box_plan h3{
    font-size:0.9em;
    padding: 10px;
    text-align: center;
    background:#B0CDEB;/*titulo das box_plan*/
}
.product_box_plan h3{
    background:#B0CDEB;
}
/*color alterado sjf*/
.product_box_plan h3 a{
    color: #000000;
    display: block;
}
.product_box_plan h3 a:hover{
    color:var(--tomclaro);
}
.product_box_plan p {
    color: #000;
    font-weight: normal;
    font-size: 0.70em;
    line-height: 1.3em;
     padding:0px 10px;
       text-align: center;
}
.product_box_plan:hover {
    background:#20B2AA;
}
.product_box_plan p a{
    color:#00000;
}
.product_box_plan p a:hover{
    color:#555;
}
.margin_r_10 {
    margin-right: 20px;
}
.margin_r_5 {
    margin-right: 10px;
}
.margin_r_last {
    margin-right:0px;
}
p.desc{
    color:#555;
}
.product_box a img {
    display: block;
}
.product_box_plan a img {
    display: block;
}
/*-- cor do footer--*/
/*  GRID OF FOUR   ============================================================================= */
.footer{
     background:#4682B4;/*#0d317d 3cor worldwide*/
    /*background:#F8F8FF;*/
}
.footer-top{
   /* padding:1% 0 1%;*/
}
.footer-top a{
    cursor:pointer;
    color:;/* deve ser o contraste do topo mostra link da lgpd*/
}
.footer-top a:hover{
    cursor:pointer;
    color:#D3D3D3;
}
.col_1_of_footer{
    display: block;
    float:left;
    margin: 1% 0 1% 2.6%;
}
.col_1_of_footer:first-child { margin-left: 0; } 
.fundo_span_box_of_footer {
    width: 100%;
    margin-right:0px;
    margin-left:0px;
    padding: 0 0 0 6px;
}
.box_form_edite_user {
    width: 86%;
    height:30%;
    background:#f7f7f7; 
    }
    .box_botao_edite{
    padding:0 10px 0 0px;
    }
.span_box_of_footer {
    width: 32.8%;
    background:#f7f7f7;
    margin-top:1px;
    margin-right:2px;
    margin-left:2px;
    padding: 10px 10px 10px 10px;
    border: 0px solid #3b5998;
    text-align:justify;
}
.span_1_of_footer {
    width: 22.8%;
}
.span_1_of_footer  h3{
    color:#3b5998;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size:1.2em;
    line-height: 1.2;
    font-family:Verdana, sans-serif;
    font-weight : normal;
    letter-spacing: 1px;
    /*letter-spacing: 1px;*/
    /*linha hr de baixo titulo de coluna */
    border-bottom:1px solid #3b5998;
    /*text-transform: uppercase;*/
}
.span_1_of_footer  p {
    font-size:0.7em;
    color:#999999;
    line-height: 1.8em;
    margin-bottom:10px; 
}
.recent-tweet {
    margin-bottom: 1em;
}
.recent-tweet-icon {
    float: left;
    width: 10%;
    margin-top: 3%;
}
.recent-tweet-icon span {
    width: 20px;
    height: 20px;
    display: block;
    background: url(imagem/img_sistema/ftwt-blue.png) no-repeat;
}
.recent-tweet-info {
    float: right;
    width: 88%;
}
.recent-tweet-info a {
    display: block;
    color:#afbdd4;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.recent-tweet-info a:hover{
    color:#ccc;
}
.txt3 {
    color:#3b5998;
    font-size:1em;
    font-style: italic;
}
.link{
    background:url(imagem/img_sistema/more_arrow.png) 95px 6px no-repeat;
    margin-top: 20px;
    font-size: 0.85em;
}
.link a{
    color:#887459;
}
.link a:hover{
    color:#fff;
}
.gallery li {
    float: left;
    width: 28.9%;
    margin: 0 10px 10px 0;
}
.gallery li img {
    display: block;
}
/*--project-- fundo de pagina*/
.project{
    padding:0px 10px 10px 10px;
}
.project-top{
    padding:2% 0;
}
/*  GRID OF Content and sidebar   ============================================================================= */
.cont{
    padding-top:5px;
    overflow-wrap: break-word;   /* quebra apenas quando necessário */
    display: block;
    float:left;
}

.rsidebar{
    display: block;
    float:left;
    margin:0% 0 0% 4.6%;
}   
.span_2_of_3 {
    width: 67.1%;
    padding:0px 20px 0px 0px;
    margin-right:0.5%;
    text-align:justify
}
.project-img img{
    margin-bottom:20px;
}
.span_1_of_3 {
    width: 33.2%;
}
.span_2_of_3  h3{
    color: #777;
    margin-bottom: 10px;
    font-size: 0.7em;
    line-height: 1.2;
    font-family:Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}
.about-left h3 a{
    color: #777;
}
.about-left h3 a:hover{
    color: #555;
}
ul.sidebar h3{
    color:#777;
    margin-bottom:10px;
    font-size:1.2em;
    line-height: 1.2;
    font-family:Verdana, sans-serif;
    font-weight : normal;
    margin-top: 0px;
    letter-spacing: 1px;
    text-transform:uppercase;
}
/*Mude a cor dos textos e tamanho da fonte aba noticias font-size:0.8em;
    color:#003366;
    line-height: 1.8em;
    padding:0px 0 10px;*/
.span_2_of_3 p, .span_1_of_3 p{
    font-size:0.8em;
    line-height: 1.8em;
    letter-spacing:0.7;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    padding:0px 0 10px;
}
.tagP{
    font-size:0.9em;
    line-height: 1.8em;
    letter-spacing:0.7;
    color:#4F4F4F;
    font-family:Arial, Helvetica, sans-serif;
}
span.black a{
    color:#18188A;
    cursor:pointer;
}
span.black a:hover{
    color:#000;
}
p.submitted {
    margin: 5px 0 15px;
    float: left;
    background: url(imagem/img_sistema/icon-admin.png) 0px no-repeat;
    padding: 0 0 0 20px;
}
p.submitted span a {
    color:#000;
}
p.submitted span a:hover{
    color:#555;
}
.post-author {
    margin-bottom: 2em;
    padding:20px 20px 0px;
    border: 1px solid #DDD;
}
.post-author_h a{
    color:#645035;
}
.post-author_h a:hover{
    color:#555;
}
.post-author_gravatar {
    float: left;
    margin: 0 20px 0 0;
}
.post-author_desc{
    float:left;
    width: 83.5%;
}
.post-author_link p a{
    color:#000;
}
.post-author_link p a:hover{
    color:#555;
}
.post-author_gravatar img{
    margin-top:20px;
    margin-bottom:10px;
    box-shadow:none;
}
#comment-6{
    border:1px solid #ddd;
    background:#f7f7f7;
    padding:20px;
}
.comment-author {
    float: left;
    margin: 0 20px 0 0;
}
.wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.comment-author .author {
    display: block;
    padding-top: 6px;
    width: 65px;
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-size: 12px;
    color: #555;
}
.comment-author img{
    margin-bottom:0;
    box-shadow:none;
    border:none;
}
.reply {
    float: right;
    margin-left: 28px;
    font-size: 0.85em;
    color:#000;
}
.reply a{
    color:#000;
}
.reply a:hover{
    color:#555;
}
.comment-meta {
    float: right;
    color:#999;
    font-size:0.7em;
}
.extra-wrap{
    float:left;
}
#comment-7{
    border:1px solid #ddd;
    background:#f5f5f5;
    padding:20px;
    margin: 20px 0px 20px 20px;
}
.comment-form{
    padding:30px 0 0;
}
form[name="directuser"]{
margin-top:1px;
margin-bottom:2px;
padding-bottom:1px;
width: 100%;
height:100%;
background:#f7f7f7;
}
form[name="directuserfat"]{
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
padding-bottom:10px;
width: 100%;
height:100%;
}
.botao-img {
    background-color:#4682B4;
    border:0px solid #3866a3;
    text-align:center;
    margin-top:0px;
    cursor: hand; /*Pro IE*/
    cursor: pointer; /*Pro FF*/ 
}
.botao-img:hover {
    background-color:#993333;
}.botao-img:active {
    position:relative;
    top:0px;
}
.botao-res {
    background-color:#f7f7f7;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:0px solid #3866a3;
    display:inline-block;
    color:#14396a;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    line-height:20px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 1px #7cacde;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:5px;
    cursor: hand; /*Pro IE*/
    cursor: pointer; /*Pro FF*/ 
}
.botao-res:hover {
    background-color:#f7f7f7;
}.botao-res:active {
    position:relative;
    top:0px;
}
.botao-res-fat {
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:0px solid #3866a3;
    display:inline-block;
    color:#14396a;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    line-height:20px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #7cacde;
    margin-top:10px;
    cursor: hand; /*Pro IE*/
    cursor: pointer; /*Pro FF*/ 
}
.fileEmp{
max-width:65%;
min-width:77%;
float:right;
padding: 6px 6px 6px 6px;
margin-right:5px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 4px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.fileEmp:hover{
max-width:65%;
min-width:77%;
padding: 6px 6px 6px 6px;
margin-right:5px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none;
}
.fileEmpleft{
max-width:60%;
min-width:73%;
float:left;
padding: 6px 6px 6px 6px;
margin-left:5px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 4px #ccc;
-moz-box-shadow: 0px 0px 15px 1px #ccc;
box-shadow: 0px 0px 5px 0px #ccc;
border:1px solid #ccc; /*apagando esta linha o efeito é diferente*/
outline:none;
}
.fileEmpleft:hover{
max-width:60%;
min-width:73%;
padding: 6px 6px 6px 6px;
margin-left:5px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 0px 15px 1px #006699;
-moz-box-shadow: 0px 0px 15px 1px #006699;
box-shadow: 0px 0px 5px 0px #006699;
border:1px solid #003366;
outline:none;
}
.comment-form input[type="text"]{
    padding: 10px 10px;
    width: 47.4%;
    font-family: 'ambleregular';
    margin: 10px 0;
    border: 1px solid #E1E2E2;
    color: #999;
    background: #FFF;
    float: left;
    outline: none;
    font-size: 0.85em;
}
.comment-form textarea{
    height:100px;
    padding: 10px 10px;
    width: 97.4%;
    font-family: 'ambleregular';
    margin: 10px 0;
    border: 1px solid #E1E2E2;
    color:#999;
    background: #FFF;
    float: left;
    outline: none;
    font-size: 0.85em;
}
.comment-form input[type="submit"] {
    color: #FFF;
    font-size:0.7em;
    font-weight: normal;
    padding:12px 20px;
    border:none;
    background:#5A462A;
    font-family: 'ambleregular';
    outline:none;
    float: right;
    display: inline-block;
    cursor:pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.comment-form input[type="submit"]:hover{
    background:#523E23;
}
.comment-form h4 {
    color: #777;
    margin-bottom:10px;
    font-size: 1.2em;
    line-height: 1.2;
    font-family:Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0px;
    letter-spacing: 1px;
    text-transform:uppercase;
}
ul.sidebar li {
    list-style-image: url(imagem/img_sistema/marker2.gif);
    margin: 0 20px 10px;
}
ul.sidebar li a {
    font-size:0.7em;
    color:#999;
}
ul.sidebar li a:hover{
    color:#555;
}
.archive{
    padding:20px 0;
}
.archive h3 {
    color: #777;
    margin-bottom: 10px;
    font-size: 1.2em;
    line-height: 1.2;
    font-family:Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0px;
    letter-spacing: 1px;
    text-transform:uppercase;
}
ul.news li .date{
    float: left;
    background: #999;
    margin-right: 20px;
    font-size: 1em;
    color: #FFF;
    padding: 15px;
}
ul.news li{
    margin-bottom:20px;
}
ul.news li .desc{
    float:left;
    width:79.5%;
}
ul.news li .desc h4 {
    text-transform:uppercase;
    margin-bottom:10px;
}
ul.news li .desc h4 a{
    color: #222;
    font-size: 0.85em;
    /*text-transform: uppercase;*/
}
ul.news li .desc h4 a:hover{
    color:#555;
}
.recent-news h3 {
    color: #777;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.2;
    font-family:Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0px;
    letter-spacing: 1px;
    text-transform:uppercase;
}
.poll{
    color:#555;
    font-size:0.8125em;
}
.poll h3 {
    color: #777;
    margin-bottom: 20px;
    font-size: 1.5em;
    line-height: 1.2;
    font-family:Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0px;
    letter-spacing: 1px;
    text-transform:uppercase;
}
.text{
    margin-bottom:5px;
}
.percent {
    float: right;
}
.title{
    margin-bottom:15px;
}
/*----progress-meter----*/
.meter { 
    height: 10px;
    position: relative;
    margin: 0px 0 20px 0;
    background: #FFF;
    border: 1px solid #DDD;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    padding: 1px;
}
        .meter > span {
            display: block;
            height: 100%;
            background-color:#555;
            -webkit-box-shadow: 
              inset 0 2px 9px  rgba(255,255,255,0.3),
              inset 0 -2px 6px rgba(0,0,0,0.4);
            -moz-box-shadow: 
              inset 0 2px 9px  rgba(255,255,255,0.3),
              inset 0 -2px 6px rgba(0,0,0,0.4);
            box-shadow: 
              inset 0 2px 9px  rgba(255,255,255,0.3),
              inset 0 -2px 6px rgba(0,0,0,0.4);
            position: relative;
            overflow: hidden;
        }
        .meter > span:after, .animate > span > span {
            content: "";
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
            background-image: 
               -webkit-gradient(linear, 0 0, 100% 100%, 
                  color-stop(.25, rgba(255, 255, 255, .2)), 
                  color-stop(.25, transparent), color-stop(.5, transparent), 
                  color-stop(.5, rgba(255, 255, 255, .2)), 
                  color-stop(.75, rgba(255, 255, 255, .2)), 
                  color-stop(.75, transparent), to(transparent)
               );
            background-image: 
                -moz-linear-gradient(
                  -45deg, 
                  rgba(255, 255, 255, .2) 25%, 
                  transparent 25%, 
                  transparent 50%, 
                  rgba(255, 255, 255, .2) 50%, 
                  rgba(255, 255, 255, .2) 75%, 
                  transparent 75%, 
                  transparent
               );
            z-index: 1;
            -webkit-background-size: 50px 50px;
            -moz-background-size: 50px 50px;
            background-size: 50px 50px;
            -webkit-animation: move 2s linear infinite;
            -moz-animation: move 2s linear infinite;
            overflow: hidden;
        }
        .animate > span:after {
            display: none;
        }
        @-webkit-keyframes move {
            0% {
        background-position: 0 0;
            }
            100% {
        background-position: 50px 50px;
            }
        }
        @-moz-keyframes move {
            0% {
        background-position: 0 0;
            }
            100% {
        background-position: 50px 50px;
            }
        }
        .orange > span {
            background-color:#555;
        }
        .red > span {
            background-color:#555;
        }
        .nostripes > span > span, .nostripes > span:after {
            -webkit-animation: none;
            -moz-animation: none;
            background-image: none;
        }
/*----progress-meter----*/
/*--blog--*/
/*  GRID OF Content and sidebar   ============================================================================= */
.blogsidebar{
    display: block;
    float:left;
}   
.span_2_of_blog {
    width:74%;
    display:block;
    background:rgba(139,0,0, 0.1);
    padding:10px;
}
.span_1_of_blog {
    width: 29.2%;
}
.blog-list{
    color:#555;
}
.blog-list li{
    color:#555;
    font-size:0.7em;
    margin-bottom:20px;
    line-height: 1.6em;
}
.blog-list li a{
    color:#999;
}
.blog-list li a:hover{
    color:#555;
}
.blog{
    padding:10px 0;
}
.formEditeUser{
    padding:10px 20%;
}
.blog-img{
    padding-top:10px;
}
.blog-img1{
    padding-top:10px;
}
/*--features-*/
.post_meta {
    border: none;
    padding: 10px 30px;
    margin-bottom: 10px;
    font-size: 0.85em;
    font-weight: 300;
    /*text-transform: uppercase;*/
    color: #000;
    background-color: #EDEDED;
    width: auto;
    display: inline-block;
    vertical-align: top;
}
.post_meta a{
    color:#555;
}
.post_meta a:hover{
    color:#000;
}
h5.m_1{
    margin:5px 0 10px 0;
}
h5.m_1 a{
    color:#777;
    font-weight: bold;
    font-size:1em;
    line-height: 24px;
    /*text-transform: uppercase;*/
    margin: 0 0 0 0;
}
.feature-meta{
    margin-bottom:20px;
}
h5.m_1 a:hover{
    color:#555;
}
/*--plans--*/
.plans{
    padding:4% 0;
}
.pricing{
    padding:5% 0 0%;
}
.pricing h3 {
    font-size: 4em;
    color: #333;
    font-family: 'AmbleRegular';
    padding-bottom:4%;
    text-align:center;
}
.pricing h3 span {
    font-family: 'Montserrat', sans-serif;
}
h2.m_2{
    color: #777;
    text-align: center;
    font-size: 2em;
    /*text-transform: uppercase;*/
    margin-bottom: 3%;
    font-family:Verdana, sans-serif;
}
#plans,#plans ul,#plans ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#pricePlans {
    text-align: center;
}
#pricePlans #plans .plan {
    font-family:Verdana, sans-serif;
    background: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    margin: 0 0 20px 0;
    box-shadow: 0 2px 10px #aaa;
    -webkit-box-shadow: 0 2px 10px #aaa;
    -moz-box-shadow: 0 2px 10px #aaa;
    -o-box-shadow: 0 2px 10px #aaa;
}
.planContainer .title h2 {
    font-size: 2.125em;
    color: #3e4f6a;
    margin: 0;
    padding: .6em 0;
    padding: 25px 0;
}
.planContainer .title1 h3 {
    font-size: 2.125em;
    color: #645035;
    margin: 0;
    padding: .6em 0;
}
.planContainer .title h2.bestPlanTitle {
    background:#5A462A;
    color: #fff;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}
.box_input{
background:#FF6633;
height: 45px;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.text{
    padding: 0px 0 10px;
}
.planContainer .price p {
    background:#F7F7F7;
    font-family: 'AmbleRegular';
    color:#645035;
    font-size: 1.5em;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0 0 1em;
}
.planContainer .price p span {
    color:#B3823F;
}
.planContainer .options {
    margin-top: 10em;
}
.planContainer .options li {
    color:#C59F6A;
    line-height:3em;
    font-family: 'AmbleRegular';
    border-bottom: 1px solid #E9E9E9;
    font-size: 1.2em;
}
.planContainer .options li span {
    color: #333;
}
.planContainer .button a {
    /*text-transform: uppercase;*/
    text-decoration: none;
    color: #333;
    letter-spacing: 3px;
    line-height: 2.8em;
    border: 2px solid #5A462A;
    display: inline-block;
    width: 80%;
    height: 2.8em;
    border-radius: 4px;
    margin: 1.5em 0 1.8em;
    font-family: 'AmbleRegular';
    font-size:1.2em;
}
.planContainer .button a.bestPlanButton {
    color: #fff;
    background:#523E23;
}
.planContainer .button a.bestPlanButton {
    color: #FFF;
    background: #5A462A;
    border: 2px solid #5A462A;
}
.planContainer .button a.bestPlanButton:hover {
    background: #5A462A;
    border: 2px solid #5A462A;
}
#pricePlans #plans .plan {
    width:25.9999%;
    margin: 0 3.33% 20px 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
li.plan-middle{
    width:30.9999%;
    margin: 0 3.33% 20px 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
#pricePlans #plans > li:last-child {
    margin-right: 0;
}
.planContainer .button a {
    -webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
     transition: all .25s;
}
.planContainer .button a:hover {
    background:#523E23;
    color: #fff;
}
.planContainer .button a.bestPlanButton:hover {
    background:#523E23;
}
/*--contact--*/
.map{
    margin-bottom:20px;
}
/*fome empresa*/
#cad_dep {
        float:left;
        min-width:24%;
        max-width:      430px;
        margin:0px 10px 10px 10px;
        padding:0px 10px 10px 10px;
        overflow:hidden;
        border: 0px solid #E0E6F3;
        text-align: right;
        background:#FCFDFF;
    }
/* forme registro empresa */
.contatct-form input[type="text"]{
    background: #FFF;
    font-size: 0.85em;
    width:100%;
    border:none;
    outline: none;
    color:#000000;
    font-family: 'ambleregular';
    margin-bottom:20px;
    margin-left:-1px;
    padding: 10px;
    box-shadow: 0 0 3px #AAA;
    -webkit-box-shadow: 0 0 3px #AAA;
    -moz-box-shadow: 0 0 3px #AAA;
    -o-box-shadow: 0 0 3px #AAA;
}
#cam_msg_br_dom_user_nw {width:400px;height:100px;
padding: 10px 10px 10px 10px;
border: 2px solid #990000;
background:#00CC00;}
.contatct-form input[type="text"]:hover, .contatct-form textarea:hover{
    box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 5px #AAA;
    -moz-box-shadow: 0 0 5px #AAA;
    -o-box-shadow: 0 0 5px #AAA;
}
.contatct-form textarea {
    background: #FFF;
    font-size: 0.85em;
    width:100%;
    border:none;
    outline: none;
    color: #000000;
    padding: 10px;
    box-shadow: 0 0 3px #AAA;
    -webkit-box-shadow: 0 0 3px #AAA;
    -moz-box-shadow: 0 0 3px #AAA;
    -o-box-shadow: 0 0 3px #AAA;
    height: 150px;
    resize: none;
    margin-bottom: 20px;
    font-family: 'ambleregular';
}
.contatct-form input[type="password"]{
    background: #FFF;
    font-size: 0.85em;
    width:100%;
    border:none;
    outline: none;
    color:#999;
    font-family: 'ambleregular';
    margin-bottom:20px;
    margin-left:-1px;
    padding: 10px;
    box-shadow: 0 0 3px #AAA;
    -webkit-box-shadow: 0 0 3px #AAA;
    -moz-box-shadow: 0 0 3px #AAA;
    -o-box-shadow: 0 0 3px #AAA;
}
.contatct-form input[type="password"]:hover{
    box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 5px #AAA;
    -moz-box-shadow: 0 0 5px #AAA;
    -o-box-shadow: 0 0 5px #AAA;
}
.company_address h3 {
    color: #777;
    margin-bottom: 10px;
    font-size: 1.2em;
    line-height: 1.2;
    font-family:Verdana, sans-serif;
    font-weight: normal;
    margin-top: 0px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}
.company_address p{
    padding:0;
}
.company_address p span {
    text-decoration: underline;
    color: #666;
    cursor: pointer;
}
.company_address p span:hover{
    text-decoration:none;
}
/*--404--*/
.page-not-found {
    padding: 30px 0;
}
.page-not-found h1 {
    font-size: 15em;
    color: #F0F0F0;
    text-align: center;
    text-shadow: 1px 1px 6px #AAA;
    -moz-text-shadow: 1px 1px 6px #aaa;
    -webkit-text-shadow: 1px 1px 6px #aaa;
    -o-text-shadow: 1px 1px 6px #aaa;
}
@media (max-width:3500px){
/*chrome*/
    .wrap{
        width:90%;
    }
    .product_box {
        /*width: 29.9%;*/
        width: 30.6%;
    }
    .product_box_plan {
        width: 24%;
    }
    .post-author_desc {
        width: 82.5%;
    }
}
@media (max-width:3000px){
/*chrome*/
    .wrap{
        width:90%;
    }
    .product_box {
        /*width: 29.9%;*/
        width: 30.6%;
    }
    .product_box_plan {
        width: 23.3%;
    }
    .post-author_desc {
        width: 82.5%;
    }
}
@media (max-width:2066px){
/*chrome*/
    .wrap{
        width:90%;
    }
    .product_box {
        /*width: 29.9%;*/
        width: 30.6%;
    }
    .product_box_plan {
        width: 23.5%;
    }
    .post-author_desc {
        width: 82.5%;
    }
}
/*--responsive design--*/
@media (max-width:1766px){
/*chrome*/
    .wrap{
        width:90%; 
    }
    .product_box {
        /*width: 29.9%;*/
        width: 30.6%;
    }
    .product_box_plan {
        width: 23.3%;
    }
    .post-author_desc {
        width: 82.5%;
    }
}
/*--responsive design--*/
@media (max-width:1366px){
/*chrome*/
    .wrap{
        width:90%;
    }
    .product_box {
        /*width: 29.9%;*/
        width: 30.6%;
    }
    .product_box_plan {
        width: 23%;
    }
    .post-author_desc {
        width: 82.5%;
    }
}
/*--responsive design--*/
@media (max-width:1280px){
/*mozila*/
    .wrap{
        width:90%;
    }
    .product_box {
        width: 29.8%;
        /*width: 30.4%;*/
    }
    .product_box_plan {
        width: 22.5%;
    }
    #portfoliolist .portfolio {
        width: 23.6%;
    }
    .post-author_desc {
        width: 81.7%;
    }
    ul.news li .desc {
        width: 78.5%;
    }
}
@media (max-width:1024px){
    .wrap{
        width:90%;
    }
    .wmuSliderPagination {
        bottom:20px;
    }
    .wmuSlider {
        padding: 2% 0 5% 0;
    }
    .product_box {
        width: 28.8%;
    }
    .product_box_plan {
        width: 22%;
    }
    .post-author_desc {
        width:76.7%;
    }
    .span_1_of_4 h3 a {
        font-size: 1.2em;
    }
    .gallery li {
        width: 27.9%;
    }
    .cssmenu{
        padding-top:0px;
    }
    .cssmenu ul li {
        padding:0;
    }
    .cssmenu ul li a {
        padding: 7px 12px;
        font-size: 0.89em;
    }
    .header-right {
        padding-top: 7px;
    }
    ul.news li .desc {
        width: 73.5%;
    }
    .middle-top {
        margin-bottom: 20px;
    }
    .blog-left {
        width: 45.5%;
    }
    .blog-right {
        width: 45.5%;
    }
    #login-form-remember {
        padding:7px 0px 0;
    }
    .about-desc {
        float:none;
        width:100%;
    }
    #portfoliolist .portfolio-last {
        width: 22.9%;
    }
    #portfoliolist .portfolio {
        width: 22.9%;
    }
}
@media (max-width:800px){
    .wrap{
        width:90%;
    }
    .wmuSlider {
        padding:2% 0 7% 0;
    }
    .wmuSliderPagination {
        bottom:20px;
    }
    #pricePlans #plans .plan {
        width: 29.9999%;
    }
    .product_box {
        width:26.8%;
    }
    .product_box_plan {
        width:19.6%;
    }
    #portfoliolist .portfolio-last {
        width: 22.5%;
    }
    #portfoliolist .portfolio {
        width: 22.5%;
    }
    .post-author_desc {
        width:68.7%;
    }
    .span_1_of_4 h3 a {
        font-size: 1.2em;
    }
    .gallery li {
        width: 27.9%;
    }
    .cssmenu ul li {
        padding:0;
    }
    .cssmenu ul li a {
        padding: 7px 5px;
        font-size: 0.85em;
    }
    .header-right {
        padding-top: 7px;
    }
    ul.news li .desc {
        width:66.5%;
    }
    .middle-top {
        margin-bottom: 20px;
    }
    .blog-left {
        width: 45.5%;
    }
    .blog-right {
        width: 45.5%;
        padding: 0 0px 0 10px;
    }
    .slider-left h3 {
        font-size: 1.5em;
    }
    p.middle {
        display:none;
    }
    .btn a {
        padding: 8px 20px;
    }
    ul.news li .desc h4 a {
        font-size: 0.95em;
    }
    .about-desc {
        float:none;
        width:100%;
    }
    .desc-portfolio h4 a {
        font-size: 1.1em;
    }
    ul.tag-list {
        font-size: 12px;
    }
    .portfolio-border {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .blog-right h4 {
        font-size:1em;
    }
    .recent-tweet-info {
        width: 83%;
    }
    .recent-tweet-icon {
        padding-right: 10px;
    }
}
@media (max-width:768px){
    .wrap{
        width:90%;
    }
    .product_box {
        width:26.8%;
    }
    .product_box_plan {
        width:21%;
    }
    #portfoliolist .portfolio-last {
        width: 22.5%;
    }
    #portfoliolist .portfolio {
        width: 22.5%;
    }
    .post-author_desc {
        width:67.7%;
    }
    .span_1_of_4 h3 a {
        font-size: 1.2em;
    }
    .gallery li {
        width: 27.9%;
    }
    .cssmenu ul li {
        padding:0;
    }
    .cssmenu ul li a {
        padding: 7px 5px;
        font-size: 0.85em;
    }
    .header-right {
        padding-top: 7px;
    }
    ul.news li .desc {
        width:64.5%;
    }
    .middle-top {
        margin-bottom: 20px;
    }
    .blog-left {
        width: 45.5%;
    }
    .blog-right {
        width: 45.5%;
        padding: 0 0px 0 10px;
    }
    .slider-left h3 {
        font-size: 1.5em;
    }
    p.middle {
        display:none;
    }
    .btn a {
        padding: 8px 20px;
    }
    ul.news li .desc h4 a {
        font-size: 0.85em;
    }
    .about-desc {
        float:none;
        width:100%;
    }
    .desc-portfolio h4 a {
        font-size: 1.1em;
    }
    ul.tag-list {
        font-size: 12px;
    }
    .portfolio-border {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .blog-right h4 {
        font-size:1em;
    }
    h2.m_2 {
        font-size:1.5em;
    }
    .planContainer .title1 h3, .planContainer .title h2{
        font-size:1.5em;
    }
    .planContainer .title h2{
        padding:20px 0;
    }
    .planContainer .price p, .planContainer .options li{
        font-size: 1em;
    }
    .planContainer .button a {
        width: 70%;
        height: 2.3em;
        font-size: 1em;
        line-height: 2.3em;
    }
    .recent-tweet-info {
        width: 83%;
    }
    .recent-tweet-icon {
        padding-right: 10px;
    }
    ul.tag-list li {
        margin: 0 23px 0;
    }
}
@media (max-width:640px){
    .wrap{
        width:90%;
    }
    .product_box {
        width:100%;
        float:none;
    }
    .product_box_plan {
        width:100%;
        float:none;
    }
    .header-top {
        padding: 5px 5px 5px 5px;
    }
    .wmuSlider {
        padding: 0% 0 7% 0;
    }
    .slider-left {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .btn a{
        float:none;
    }
    .slider-right h3 {
        text-align:center;
    }
    .slider-right {
        width: 100%;
        float: none;
        padding-top:0;
        text-align:center;
    }
    #portfoliolist .portfolio-last {
        width: 22.5%;
    }
    #portfoliolist .portfolio {
        width:100%;
    }
    .post-author_desc {
        width:67.7%;
    }
    .span_1_of_4 h3 a {
        font-size: 1.2em;
    }
    .gallery li {
        width: 27.9%;
    }
    .cssmenu ul li {
        padding:0;
    }
    .cssmenu ul li a {
        padding: 7px 8px;
        font-size: 0.85em;
    }
    .cssmenu {
        margin-right:0px;
        float: none;
        text-align: center;
    }
    .header-right {
        padding-top: 7px;
        float:none;
    }
    ul.news li .desc {
        width:64.5%;
    }
    .middle-top {
        margin-bottom: 20px;
    }
    .blog-left {
        width: 45.5%;
    }
    .blog-right {
        width: 45.5%;
        padding: 0 0px 0 10px;
    }
    .logo {
        float: none;
        text-align: center;
    }
    .slider-left h3 {
        font-size: 1.5em;
    }
    p.middle, p.top{
        display:none;
    }
    .btn a {
        padding: 8px 20px;
    }
    ul.news li .desc h4 a {
        font-size: 0.85em;
    }
    .about-desc {
        float:none;
        width:100%;
    }
    .desc-portfolio h4 a {
        font-size: 1.1em;
    }
    ul.tag-list {
        font-size: 12px;
    }
    .portfolio-border {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .blog-right h4 {
        font-size:1em;
    }
    .span_1_of_footer h3 {
        font-size: 1.4em;
    }
    .recent-tweet-info {
        width: 83%;
    }
    .recent-tweet-icon {
        padding-right: 10px;
    }
    ul.tag-list li {
        margin: 0 23px 0;
    }
    .search_box {
        margin-top: 20px;
        width:80%;
    }
    .span_1_of_footer {
        width: 100%;
        margin: 0;
    }
    .span_1_of_4 {
        margin-bottom: 20px;
    }
    #filters2 li span {
        padding: 0px 10px;
        font-size: 0.85em;
    }
    #portfoliolist .portfolio-last, .span_1_of_2, .span_2_of_3, .span_1_of_3, .span_2_of_blog {
        width: 100%;
    }
    .span_2_of_3 h3, .about-left h3, .recent-news h3, ul.sidebar h3{
        font-size: 1.3em;
    }
    .comment-form h4 {
        font-size: 1.3em;
    }
    .span_1_of_4 {
        width: 100%;
    }
    .col_1_of_4 {
        margin:0 0 20px 0;
    }
    .span_1_of_4 h3 {
        margin-bottom: 10px;
    }
    p.thick {
        margin-bottom: 10px;
    }
    #portfoliolist .portfolio {
        width: 100%;
        margin:0;
    }
    .portfolio-right {
        width: 100%;
        float: none;
    }
    .rsidebar {
        margin:0;
    }
    #pricePlans #plans .plan {
        width:70%;
    }
    .cont {
        float: none;
    }
}
@media (max-width:480px){
    .wrap{
        width:90%;
    }
    .product_box {
        width:100%;
    }
    .product_box_plan {
        width:100%;
    }
    .wmuSlider {
        padding: 0% 0 12% 0;
    }
    #portfoliolist .portfolio-last {
        width: 22.5%;
    }
    #portfoliolist .portfolio {
        width:100%;
    }
    .post-author_desc {
        width: 100%;
        float: none;
    }
    .span_1_of_4 h3 a {
        font-size: 1.2em;
    }
    .gallery li {
        width: 27.9%;
    }
    .cssmenu ul li {
        padding:0;
    }
    .cssmenu ul li a {
        padding:4px;
        font-size: 0.85em;
    }
    .cssmenu {
        margin-right:0px;
        float: none;
        text-align: center;
    }
    .header-right {
        padding-top: 7px;
        float:none;
    }
    ul.news li .desc {
        width:64.5%;
    }
    .middle-top {
        margin-bottom: 20px;
    }
    .blog-left {
        width:100%;
    }
    .blog-right {
        width: 100%;
        padding: 0 0px 0 0px;
    }
    .logo {
        float: none;
        text-align: center;
    }
    .slider-left h3 {
        font-size:1.5em;
        margin-bottom: 20px;
    }
    p.middle {
        display:none;
    }
    .btn a {
        padding: 8px 20px;
    }
    ul.news li .desc h4 a {
        font-size: 0.85em;
    }
    .about-desc {
        float:none;
        width:100%;
    }
    .desc-portfolio h4 a {
        font-size: 1.1em;
    }
    ul.tag-list {
        font-size: 12px;
    }
    .portfolio-border {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .blog-right h4 {
        font-size:1em;
    }
    .alert1, .alert2, .alert3, .alert4{
        padding:10px;
    }
    .span_1_of_footer h3 {
        font-size: 1.4em;
    }
    .recent-tweet-info {
        width: 83%;
    }
    .recent-tweet-icon {
        padding-right: 10px;
    }
    ul.tag-list li {
        margin: 0 23px 0;
    }
    .span_1_of_footer {

        width: 100%;
    }
    .span_1_of_4 {
        margin-bottom: 20px;
    }
    #filters2 li span {
        padding: 0px 10px;
        font-size: 0.85em;
    }
    #portfoliolist .portfolio-last, .span_1_of_2, .span_2_of_3, .span_1_of_3, .span_2_of_blog {
        width: 100%;
    }
    .span_2_of_3 h3, .about-left h3, .recent-news h3, ul.sidebar h3{
        font-size: 1.3em;
    }
    .comment-form h4 {
        font-size: 1.3em;
    }
    .portfolio-right {
        width: 100%;
    }
    .span_1_of_about {
        width: 100%;
    }
}
@media (max-width:320px){
    .wrap{
        width:90%;
    }
    .product_box {
        width:100%;
    }
    .product_box_plan {
        width:100%;
    }
    #portfoliolist .portfolio-last {
        width: 22.5%;
    }
    #portfoliolist .portfolio {
        width:100%;
    }
    .post-author_desc {
        width:100%;
    }
    .span_1_of_4 h3 a {
        font-size: 1.2em;
    }
    .gallery li {
        width: 27.9%;
    }
    .cssmenu ul li {
        padding:0;
    }
    .cssmenu ul li a {
        padding:4px;
        font-size: 0.85em;
    }
    .cssmenu {
        margin-right:0px;
        text-align:right;
    }
    .header-right {
        padding-top: 7px;
        float:none;
    }
    ul.news li .desc {
        width:64.5%;
    }
    .middle-top {
        margin-bottom: 20px;
    }
    .blog-left {
        width:100%;
    }
    .blog-right {
        width: 100%;
        padding: 0 0px 0 0px;
    }
    #login-form-remember {
        padding:7px 0px 0;
    }
    .logo {
        float: none;
        text-align: center;
    }
    .slider-left h3 {
        font-size:1.1em;
        margin-bottom: 20px;
    }
    p.middle {
        display:none;
    }
    .btn a {
        padding: 8px 20px;
    }
    ul.news li .desc h4 a {
        font-size: 0.85em;
    }
    .about-desc {
        float:none;
        width:100%;
    }
    .desc-portfolio h4 a {
        font-size: 1.1em;
    }
    ul.tag-list {
        font-size: 12px;
    }
    .portfolio-border {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .blog-right h4 {
        font-size:1em;
    }
    .span_1_of_footer h3 {
        font-size: 1.4em;
    }
    .recent-tweet-info {
        width: 83%;
    }
    .recent-tweet-icon {
        padding-right: 10px;
    }
    ul.tag-list li {
        margin: 0 23px 0;
    }
    .search_box {
        margin-top: 20px;
        width:80%;
    }
    .span_1_of_footer {
        width: 100%;
    }
    .span_1_of_4 {
        margin-bottom: 20px;
    }
    #filters2 li span {
        padding: 0px 5px;
        font-size: 0.85em;
    }
    #portfoliolist .portfolio-last, .span_1_of_2, .span_2_of_3, .span_1_of_3, .span_2_of_blog {
        width: 100%;
    }
    .span_2_of_3 h3, .about-left h3, .recent-news h3, ul.sidebar h3{
        font-size: 1.3em;
    }
    .comment-form h4 {
        font-size: 1.3em;
    }
    .portfolio-right {
        width: 100%;
    }
    .span_1_of_about {
        width: 100%;
    }
    .slider-left {
        float:none;
        padding-top:0;
        width:100%;
    }
    .slider-right {
        width: 100%;
        float: none;
    }
    .big-buttons li {
        margin-right:4px;
        padding-bottom: 5px;
    }
    .slider-right h3 {
        display:none;
    }
    .wmuSlider {
        padding: 0% 0 19% 0;
    }
}
*, *:after, *:before {
  box-sizing: border-box;
}
/*box do X da abbbas*/
.tabs-container {
  position: inherit;
  min-width:100%;
  max-width:inherit;
  margin-top:inherit;
  background:#999999;
}
.tabs-container p{
  margin: 0;
  padding: 0;
}
.tabs-container:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  font-size: 5;
  line-height: 0;
}
input[type="submit"].botao_right {
        float:  right;
        cursor: pointer;
        padding:2px 3px 2px 3px;
        margin: -23px 0px 0px 0px; 
    }
    input[type="submit"].botao_left {
        float:  left;
        cursor: pointer;
        padding:2px 3px 2px 3px;
        margin: -23px 0px 0px 0px; 
    }
.box_check{
    float:  left;
    background:#4682B4;
    padding: 5px;
    margin:  2px;
    border:  1px solid #E0E6F3;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    }
.box_check_right{
    float:  right;
    background:#D3D3D3;
    padding: 5px;
    margin:  7px;
    border:  0px solid #E0E6F3;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    }
.box_text_produto{
    float:  left;
    /*background:#F7F7F7;*/
    padding: 5px;
    margin:  2px;
    border:  0px solid #E0E6F3;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    }
/*efeito interesante tire display*/
.boxleft {
    height:100px;
    background-color:#F5F5F5;
    /*cursor: pointer;*/
    }
.boxfileimg {
padding:10px 10px 30px 10px;
    background-color:#F5F5F0;
    /*cursor: pointer;*/
    }
input.tabs {
  display: none;
}
input.tabs + label {
  line-height: 40px;
  padding: 0 10px;
  float: left;
  background:#eee;
  color:#666666;
  cursor: pointer;
  transition: background ease-in-out .3s;
}
/*fundo da  legenda da abbbas*/
input.tabs:checked + label {
  color:#006699;
  background: #fff;
  border-right:1px solid #666666;
}
/*fundo da abbbas*/
input.tabs + label + div {
  width: 100%;
  opacity: 0;
  position: absolute;
  background: #fff;
  top: 40px;
  left: 0;
  padding: 10px;
  z-index: -1;
  transition: opacity ease-in-out .3s;
}
input.tabs:checked + label + div {
  opacity: 1;
  z-index: 1000;
}
select[id="plano"]{
    height:34px;
    padding:   0px 2px 0px 2px;
    margin-left:7px;
      font-family: Arial, Helvetica, sans-serif;
      color: #006699;
      font-size: 0.9em;
      font-weight: normal;
      border:1px solid #E0E6F3;
      outline: none;
    }
.conteudocontrat{
        font-family: "Century Gothic", Arial, Corbel, sans-serif;
        font-size:     1.0em;
        line-height:   1.5em;
        letter-spacing:0.04em;
        margin: 0px;
        padding:0px;
    }
input[type="submit"].sconect {
        float:     right;
        cursor:    pointer;
        padding: 8px 7px 9px 7px;
        margin:  0px 0px 0px 7px;/* margin-top: -19; para que centralização do formulário poça ser induzida para o ie6 no arquivo form_search*/
        background-color: #ccc;
        color: rgba(0,0,0,0.8);
        /*text-transform: uppercase;*/
        font-weight:      bold;
        border:    0px solid #E0E6F3;
    }

@media (max-width: 768px) {
  /* Mantém os inputs responsivos  input[type="text"],   input[type="password"],*/

  input[type="email"],
  input[type="number"],
  textarea,
  .selectEmp {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    padding: 6px;
    display: block;
    margin: 0 auto;
    /*text-align: center;*/
    border-radius: 5px;
    border: 1px solid #ccc;
    outline: none;
  }

  .selectEmp {
    /* remove seta padrão */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* seta customizada colorida */
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23007BFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0px center;
    background-size: 60px; /* aumenta o tamanho da seta */
    background-color: transparent; /* mantém fundo padrão */
  }

  .selectEmp:focus {
    margin: 0 auto;
    padding: 6px;
    border-color: #007BFF;
    box-shadow: none;
  }

  /* Botão específico do form de atualização */
  #formLog #editar {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    padding: 10px;
    margin: 10px auto 0;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
  }

  /* Hover compartilhado para botão e links */
  #formLog #editar:hover,
  #formLog a:hover {
    background-color: #0056b3;
    color: #fff;
  }
}