/* Fontes */
@font-face {
  font-family: 'Titillium';
  src: url('/_include/font/titillium-semibold-webfont.eot');
  src: url('/_include/font/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/_include/font/titillium-semibold-webfont.woff2') format('woff2'),
       url('/_include/font/titillium-semibold-webfont.woff') format('woff'),
       url('/_include/font/titillium-semibold-webfont.ttf') format('truetype'),
       url('/_include/font/titillium-semibold-webfont.svg#titilliumbold') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium';
  src: url('/_include/font/titillium-regular-webfont.eot');
  src: url('/_include/font/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/_include/font/titillium-regular-webfont.woff2') format('woff2'),
       url('/_include/font/titillium-regular-webfont.woff') format('woff'),
       url('/_include/font/titillium-regular-webfont.ttf') format('truetype'),
       url('/_include/font/titillium-regular-webfont.svg#titilliumregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium';
  src: url('/_include/font/titillium-regularitalic-webfont.eot');
  src: url('/_include/font/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('/_include/font/titillium-regularitalic-webfont.woff2') format('woff2'),
       url('/_include/font/titillium-regularitalic-webfont.woff') format('woff'),
       url('/_include/font/titillium-regularitalic-webfont.ttf') format('truetype'),
       url('/_include/font/titillium-regularitalic-webfont.svg#titilliumitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Titillium';
  src: url('/_include/font/titillium-bold-webfont.eot');
  src: url('/_include/font/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/_include/font/titillium-bold-webfont.woff2') format('woff2'),
       url('/_include/font/titillium-bold-webfont.woff') format('woff'),
       url('/_include/font/titillium-bold-webfont.ttf') format('truetype'),
       url('/_include/font/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium';
  src: url('/_include/font/titillium-bolditalic-webfont.eot');
  src: url('/_include/font/titillium-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('/_include/font/titillium-bolditalic-webfont.woff2') format('woff2'),
       url('/_include/font/titillium-bolditalic-webfont.woff') format('woff'),
       url('/_include/font/titillium-bolditalic-webfont.ttf') format('truetype'),
       url('/_include/font/titillium-bolditalic-webfont.svg#titillium_bdbold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}

/* Reset */
blockquote, body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, ol, option, p, select, table, textarea, ul { margin:0; padding:0 }
img, input, fieldset, select, textarea { border:none }
li { list-style-type:none }
hr { display:none }

/* Cores */
body { background:#F2F2F2; color:#666 }

/* Fontes - family, weight */
body, button, input, select, textarea, .b-sacola .prod-quantidade button
{ font-family:Titillium, Arial, Helvetica, sans-serif; font-weight:normal }

/* Fontes - size, line-height */
html { font-size:100% }
body, input, legend, textarea, select { font-size:62.5% }
button, dd p, dd ul, h1, h2, h3, h4, h5, h6, input, legend, ol p, ol ul, p label, select, textarea, td p, ul ol, ul p, ul dl, ul ul, .ct-conteiner { font-size:1em }
address, dl, ol, p, table, ul { font-size:1.4em; line-height:1.714em }

/* Links */
a { color:#1b100c }
a:active { outline:none }
a:hover { text-decoration:none }

/* Margens */
address, dl, ol, p, table, ul { margin:1.714em 0 }
.defaultSkin .mce_h2 span.mceText, .defaultSkin .mce_h3 span.mceText, .defaultSkin .mce_h4 span.mceText, .defaultSkin .mce_h5 span.mceText { margin:0 }

/* Listas */
.bloco { margin-left:0 }
.itens > li { margin-bottom:1.5em }

.lista-simples { margin-left:1.5em }
.lista-simples > li { list-style:url(/_images/diversos/bullet.png) outside }
.lista-simples.com-imagens * { vertical-align:middle }

.lista-definicao-a > dt { margin-top:1.5em }
.lista-definicao-a > dd.destaque { padding-left:7px; margin-left:7px; background:url(/_images/diversos/bullet.png) no-repeat left; color:#000 }
.lista-definicao-a > dt:first-child, .lista-definicao-a > dt:first-child + dd { margin-top:0 }

#popup, .popup-content { display:none }
.popup-link { position:absolute; width:100%; height:100%; text-indent:-9999px; overflow:hidden }

/* Tabelas */
.tabela-a { border-collapse:collapse }
.tabela-a th, .tabela-a td { padding:2px 5px; border:1px solid #CCC }

.tabela-b { border-collapse:collapse }
.tabela-b th, .tabela-b td { padding:5px 8px; border:1px solid #CCC }
.tabela-b th { width:33%; background:#666; color:#FFF; font-size:1.143em }
.tabela-b tr.odd td { background:#F1F1F1 }
.tabela-b tbody tr.odd:first-child td:first-child { background:none }

/* Classes Gerais */
.centralizado { text-align:center }
.clear { clear:both }
.hidden { display:none }
.mensagem { margin:3em 0; font-style:italic }
.observacao-simples { font-size:1em }
.primeiro { margin-top:0 !important; margin-left:0 !important }
.separador { display:none !important }
.ultimo { margin-right:0 !important; margin-bottom:0 !important }

.botao, .botao.disabled:hover, .botao.disabled:active { position:static; display:inline-block; padding:0 20px; border:none; border-radius:3px; color:#FFF; font-weight:300; font-size:1.4em; line-height:2.571em; text-decoration:none; text-transform:uppercase; vertical-align:middle;
  -webkit-box-shadow:inset 0 2px 2px 0 rgba(255, 255, 255, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow:inset 0 2px 2px 0 rgba(255, 255, 255, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow:inset 0 2px 2px 0 rgba(255, 255, 255, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.botao:active { position:relative; top:1px; right:-1px }
.botao:hover { -webkit-box-shadow:none; -moz-box-shadow:none;
  -webkit-box-shadow:inset 0 2px 2px 0 rgba(255, 255, 255, 0.2), 0 1px 7px 0 rgba(0, 0, 0, 0.7);
  -moz-box-shadow:inset 0 2px 2px 0 rgba(255, 255, 255, 0.2), 0 1px 7px 0 rgba(0, 0, 0, 0.7);
  box-shadow:inset 0 2px 2px 0 rgba(255, 255, 255, 0.2), 0 1px 7px 0 rgba(0, 0, 0, 0.7);
}

.botao.cinza {
  background:#494949;
  background:-moz-linear-gradient(top, #494949 0%, #161616 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #161616));
  background:-webkit-linear-gradient(top, #494949 0%, #161616 100%);
  background:-o-linear-gradient(top, #494949 0%, #161616 100%);
  background:-ms-linear-gradient(top, #494949 0%, #161616 100%);
  background:linear-gradient(top bottom, #494949 0%, #161616 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#161616', GradientType=0);
}

.botao.marrom {
  background:#005F36;
  background:-moz-linear-gradient(top, #3E251B 0%, #1e120d 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3E251B), color-stop(100%, #1E120D));
  background:-webkit-linear-gradient(top, #3E251B 0%, #1e120d 100%);
  background:-o-linear-gradient(top, #3E251B 0%, #1e120d 100%);
  background:-ms-linear-gradient(top, #3E251B 0%, #1e120d 100%);
  background:linear-gradient(top bottom, #3E251B 0%, #1e120d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E251B', endColorstr='#1e120d', GradientType=0);
}

.botao.verde {
  background:#005F36;
  background:-moz-linear-gradient(top, #005F36 0%, #004E2C 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #005F36), color-stop(100%, #004E2C));
  background:-webkit-linear-gradient(top, #005F36 0%, #004E2C 100%);
  background:-o-linear-gradient(top, #005F36 0%, #004E2C 100%);
  background:-ms-linear-gradient(top, #005F36 0%, #004E2C 100%);
  background:linear-gradient(top bottom, #005F36 0%, #004E2C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005F36', endColorstr='#004E2C', GradientType=0);
}

.botao.disabled { color:#999 !important; cursor:default; text-shadow:none;
  background:#FFFFFF;
  background:-moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #DFDFDF));
  background:-webkit-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
  background:-o-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
  background:-ms-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
  background:linear-gradient(top bottom, #FFFFFF 0%, #DFDFDF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDFDF', GradientType=0);
}

.botao.imagem { padding:0 10px }
.botao.imagem * { vertical-align:middle }
.botao.imagem img { margin-right:6px }

.carregando { display:block; width:24px; height:24px; background:url(/_images/diversos/loading.gif) no-repeat center; text-indent:-9999px }

.cliente { float:left; margin:0 29px 29px 0 }
.cliente:nth-child(4n) { margin-right:0 }
.cliente img { display:block }

.coluna > :first-child { margin-top:0 }
.coluna1 { width:216px }
.coluna2 { width:464px }
.coluna3 { width:712px }
.coluna4 { width:960px }
.coluna1, .coluna2, .coluna3 { float:left; margin-right:32px }

.download { padding:21px; background:#1391AF; background:rgba(0, 0, 0, 0.1); font-weight:500 !important }
.download.coluna1, .download.coluna2, .download.coluna3 { margin-top:0 }
.download.coluna1 { width:174px }
.download.coluna2 { width:422px }
.download.coluna3 { width:670px }
.download.coluna4 { width:918px }
.download-arquivo, .download a { font-size:0.833em }

.galeria ul { overflow:hidden }
.galeria li { float:left; margin-left:15px; margin-bottom:15px }
.galeria li:nth-child(5n+1) { margin-left:0 }
.galeria a { display:block }
.galeria img { display:block; border-radius:3px }

.h1 { display:block; margin-top:0; margin-bottom:0.857em; color:#252525; font-weight:bold; font-size:2.8em; line-height:0.857em; text-transform:uppercase; letter-spacing:-1px; text-decoration:none }
.h2 { display:block; margin-bottom:1.263em; color:#252525; font-weight:bold; font-size:1.9em; line-height:1.263em; text-transform:uppercase; letter-spacing:-1px; text-decoration:none }
.h3 { display:block; margin-bottom:1.143em; color:#808080; font-weight:normal; font-size:2.1em; line-height:1.143em; text-transform:uppercase; text-decoration:none }
.h4 { display:block; margin:0; font-weight:normal; font-size:3em; color:#004E2C }
.h5 { display:block; margin:0; font-size:1.8em }
.h6 { margin-top:0; font-size:1.2em; color:#1b100c }
.h7 { margin:1.418em 0; color:#252525; font-weight:300; font-size:1.7em; line-height:1.418em; text-transform:uppercase }

.imagem-direita { float:right; margin-left:24px; margin-bottom:24px; border-radius:3px }

.imagens { overflow:hidden }
.imagens img { float:left; margin:0 0 32px 32px; border-radius:3px }
.imagens img:nth-child(3n+1) { margin-left:0 }

.mapa { display:none }
.mapa.exibir-mapa { display:block; width:100%; height:350px; border-radius:4px; border:1px solid #DFDFDF }

.mensagem-atencao, .mensagem-atencao * { color:#333 }
.mensagem-atencao { padding:13px 13px 14px; background:#EFD31D; border-radius:4px }
.mensagem-atencao dt, .mensagem-atencao strong { font-weight:bold }
.mensagem-atencao dt { font-weight:bold }
.mensagem-atencao dd { padding-left:13px; background:url(/_images/diversos/bullet-erro-a.png) no-repeat left 0.8em; font-weight:300 }

.mensagem-informacao { padding:10px 0 11px; background:#59B9D1; background:rgba(255, 255, 255, 0.3); border-radius:4px }
p.mensagem-informacao { padding-left:22px }
.mensagem-informacao li, p.mensagem-informacao { padding-left:26px; background:url(/_images/diversos/bullet-erro-b.png) no-repeat 10px }

.modulo { padding-bottom:7px; margin-bottom:41px; background:url(/_images/diversos/sombra-pequena.png) no-repeat center bottom }
.modulo img { display:block; border-radius:3px; margin-bottom:1px }
.modulo span { display:block; padding:19px 0; border-radius:3px; background:#252525; color:#FFF; font-weight:300; text-transform:uppercase; text-align:center }
.modulo a { text-decoration:none }
.modulo a:hover span { background-color:#003F23 }
.modulo.longo { line-height:1em }
.modulo.longo span { padding:17px 0 }

.modulo-b { text-align:center; border-radius:4px; border:1px solid #E8E8E8;
  -webkit-box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.5);
  box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.5);
}

.novidade { overflow:hidden; padding-bottom:23px; margin-bottom:24px; border-bottom:1px solid #E8E8E8; font-size:0.714em }
.novidade:nth-child(even) { margin-right:0 }
.novidade a { text-decoration:none; outline:none }
.novidade br { display:none }
.novidade img { position:relative; float:left; margin:0 22px -2px 0; border:1px solid #D4D4D4; border-radius:4px }
.novidade-titulo { display:block; font-size:1.8em; line-height:1.333em; color:#004E2C }
.novidade-data { color:#1B100C; font-size:0.667em; line-height:normal }
.novidade-texto { display:block; color:#666; font-size:1.2em; line-height:2em }

.paginacao { clear:both; margin:0; text-align:right; font-size:1.9em }
.paginacao .botao { margin-left:5px; padding:10px; line-height:1px; text-align:left }
.paginacao .botao span { display:inline-block; width:13px; height:11px; text-indent:-9999px; overflow:hidden; background-image:url(/_images/diversos/navegacao-sprite.png); background-repeat:no-repeat }
.paginacao .anterior span { background-position:left }
.paginacao .proximo span { background-position:right }
.paginacao.inferior { margin-top:48px }
.posicao-atual { margin-right:10px; font-weight:bold }
.posicao-atual strong { color:#000 }

.projetar { display:inline-block; width:71px; height:16px; margin:0 2px; background:url(/_images/diversos/logo-p.png) no-repeat; text-indent:-9999px; vertical-align:bottom }

.submenu { margin:0 0 48px; font-size:1.3em; line-height:1em }
.submenu a { display:block; padding:8px 10px; margin-bottom:10px; color:#666; text-transform:uppercase; text-decoration:none }
.submenu a:hover { text-decoration:underline }
.submenu .ativo a { background:#EBEBEB; color:#A3A3A3 }

.titulo-menu { padding:6px 12px; margin-bottom:10px; border-radius:3px; background:#F6D900; font-weight:300; font-size:1.3em; line-height:1.846em; color:#FFF; text-transform:uppercase; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.11) }
.titulo-sombra { margin-bottom:48px; padding-bottom:28px; background:url(/_images/diversos/sombra-grande.png) no-repeat center bottom }

/* Estrutura */
.ct-conteiner { position:relative; width:960px; padding:0 10px; margin:0 auto }

/* Cabeçalho */
/* Original, sem logo 40 anos
#ct-cabecalho { padding:47px 0 24px; background:#FFF url(/_images/bg.jpg) no-repeat center top }
*/
#ct-cabecalho { padding:22px 0 24px; background:#FFF url(/_images/bg.jpg) no-repeat center top }

/* Original, sem logo 40 anos
#ct-logo, #ct-logo * { display:block; width:353px; height:97px }
*/
#ct-logo, #ct-logo * { display:block; width:409px; height:116px }
#ct-logo { margin:0 auto; background:url(/_images/sup-logo-new.png?v4) no-repeat center }
#ct-logo * { text-indent:-9999px; overflow:hidden }

.ct-menu { font-size:1.4em; text-transform:uppercase; text-align:center }
.ct-menu a { text-decoration:none; outline:none; color:#000 }

#ct-menu-auxiliar li { display:inline-block; border-left:1px solid #C3C3C3 }
#ct-menu-auxiliar li:first-child { border-left:none }
#ct-menu-auxiliar a { padding:4px 10px }
#ct-menu-auxiliar .ativo a { color:#7ea6c1 }

#ct-menu { height:101px; margin:0 0 19px;
  background:#FAFAFA;
  background:-moz-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E4E4E4));
  background:-webkit-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background:-o-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background:-ms-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background:linear-gradient(top bottom, #FFFFFF 0%, #E4E4E4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E4E4E4', GradientType=0);
  -webkit-box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.16);
}
#ct-menu li { float:left; width:25% }
#ct-menu a { display:block; padding:20px 0 21px; border-bottom:5px solid #808080; color:#808080 }
#ct-menu a:hover { position:relative; top:-6px; margin-left:-6px; margin-right:-6px; padding:26px 5px 18px; border-bottom:8px solid #F6D900; background:#FFF;
  -webkit-box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.05);
  box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.05)
}
#ct-menu a span { display:block; height:28px; margin:0 auto 3px; background-image:url(/_images/menu-sprite.png?v=2) }

#m-loja span { width:24px; background-position:0 0 }
#m-servicos span { width:28px; background-position:-53px 0 }
#m-deupane span { width:29px; background-position:-24px 0 }
#m-novidades span { width:35px; background-position:-81px 0 }

/* Menu Loja */
#menu-loja { clear:both; overflow:hidden; margin-bottom:40px; text-transform:uppercase }
#menu-loja a { float:left; text-decoration:none }

#menu-produtos { float:left; margin:0; border:1px solid #DDD; font-weight:300; font-size:1.4em; line-height:1.714em;
  background:#F9F9F9;
  background:-moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E5E5E5));
  background:-webkit-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
  background:-o-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
  background:-ms-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
  background:linear-gradient(top bottom, #FFFFFF 0%, #E5E5E5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E5E5E5', GradientType=0);
}
#menu-produtos a { padding:5px 0; color:#707070 }
#menu-produtos a span { display:block; padding:7px 18px; border-left:1px solid #DDD }
#menu-produtos a:first-child span { border-left:none }
a#calcular { color:#FF0F0F }
#menu-produtos a:hover { color:#333 }

#menu-compra { float:right; margin:0; background:#BCBCBC; color:#FFF; font-size:1.1em; line-height:0.9em }
#menu-compra a { padding:20px 0; color:#FFF }
#menu-compra a span { display:block; padding:0 10px; border-left:1px solid #FFF }
#menu-compra a:first-child span { border-left:none }
#menu-compra .sacola { padding-right:13px; padding-left:36px; background:#252525 url(/_images/menu-sacola-sprite.png) no-repeat 12px; font-weight:300; font-size:1.182em }
#menu-compra .sacola span { border-left:none; padding-right:14px; padding-left:0; background:url(/_images/menu-sacola-sprite.png) no-repeat right }

/* Menu Modelos */
#ct-menu-modelos { padding:0 25px; margin-bottom:20px; border:none; border-radius:0;
  background:#FAFAFA;
  background:-moz-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E4E4E4));
  background:-webkit-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background:-o-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background:-ms-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background:linear-gradient(top bottom, #FFFFFF 0%, #E4E4E4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E4E4E4', GradientType=0);
  -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.10);
  -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.10);
  box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.10);
}
#ct-menu-modelos .ct-menu { overflow:hidden; font-size:1.1em }
#ct-menu-modelos .ct-menu li { float:left }
#ct-menu-modelos .ct-menu li a { position:relative; display:block; width:130px; padding:10px 0; margin:15px 0 }
#ct-menu-modelos .ct-menu li a:hover { background:#FFF;
  -webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.20);
  -moz-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.20);
  box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.20);
}
#ct-menu-modelos .imagem { display:block; height:70px; line-height:70px; margin-bottom:5px }
#ct-menu-modelos .imagem img { display:inline !important; width:auto !important; vertical-align:middle }

#ct-menu-modelos .selo { position:absolute; top:10px; right:10px; width:22px; height:22px; background-image:url(/_images/produtos/modelos/selos_sprite.png); background-repeat:no-repeat }
#ct-menu-modelos .selo.agua { background-position:left }
#ct-menu-modelos .selo.eco { background-position:right }

#ct-menu-modelos .flex-direction-nav a { width:32px; height:33px; padding:0; margin:-16px 0 0; opacity:1; background:url(/_images/diversos/setas_sprite.png) no-repeat 0 0 }
#ct-menu-modelos .flex-direction-nav .flex-next { background-position:right top; right:-15px }
#ct-menu-modelos .flex-direction-nav .flex-prev { background-position:left top; left:-15px }

#ct-menu-modelos .flex-direction-nav .flex-disabled { cursor:default; opacity:1 !important }
#ct-menu-modelos .flex-direction-nav .flex-next.flex-disabled { background-position:right bottom }
#ct-menu-modelos .flex-direction-nav .flex-prev.flex-disabled { background-position:left bottom }

/* Calculadora */
#calculadora { display:none; position:relative; overflow:hidden; padding:20px; margin-bottom:24px; border:1px solid #DDD }
#calculadora .bloco { position:relative; float:left; width:198px; height:65px; padding:15px 15px 15px 85px; margin:0 12px 12px 0; background-color:#F8F8F8; background-repeat:no-repeat; background-position:10px }
#calculadora .bloco:nth-child(3n) { margin-right:0 }
#calculadora .bloco.sem-imagem { width:268px; padding-left:15px }
#calculadora .titulo { float:left; width:100%; color:#252525; margin-bottom:10px; font-weight:300; font-size:1.6em }
#calculadora p { margin:0 0 0 5px; font-size:1.1em }
#calculadora legend + p { margin-left:0 }
#calculadora input[type="text"] { margin-top:7px }
#calculadora #fs-eletronicos { background-image:url(/_images/diversos/ico_eletronicos.png) }
#calculadora #fs-pessoas { background-image:url(/_images/diversos/ico_pessoas.png) }
#calculadora #fs-exposicao { background-image:url(/_images/diversos/ico_exposicao.png) }
#calculadora #fs-exposicao p { font-size:1.4em }
#calculadora #fs-exposicao label { margin-right:10px }
#calculadora #botao-calcular { text-align:center }
#calculadora #botao-calcular button { margin-top:10px; font-weight:bold; font-size:2.1em; line-height:2em }
#calculadora .observacao { margin:0; font-size:1.1em }
#calculadora .observacao.clear { margin-top:5px; padding-top:5px; border-top:1px dotted #CCC }
#resultado { position:relative; float:left; width:298px; height:95px; overflow:hidden; text-align:center }
#resultado p { position:relative; left:298px; font-size:1.4em; margin:0 }
#resultado .erro { top:35px; left:0; border-radius:5px; background:#EFD31D; color:#333 }
#resultado .sucesso { top:18px; left:0; padding:10px 0; border-radius:5px; background:rgba(133, 168, 208, 0.5); color:#333 }
#resultado .carregando { display:none; position:absolute; top:50%; left:50%; margin:-12px; border-radius:50% }

/* Conteúdo */
#conteudo { padding:0 0 66px; background:#FFF }
#conteudo .ct-conteiner { position:relative }

  #bemvindo { text-align:right; margin:0 0 10px }
  #bemvindo-cadastro { color:#005333 }
  #bemvindo-sair { margin-left:5px }

  #busca .form-campo { overflow:hidden; padding-right:0; margin:0; font-size:1em; background:#FAFAFA;
    -webkit-box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  }
  #busca .form-campo {
    -webkit-box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  }
  #busca label { font-size:1.3em; line-height:2.769em }
  #busca label, #busca input[type="submit"] { float:left }
  #busca input[type="submit"] { padding:0 10px }
  #busca input[type="text"] { width:200px }

  #conteudo > .h1:first-child { margin-top:0 }

/* Rodapé */
#ct-rodape-a { margin-top:96px; padding-top:23px; border-top:1px solid #E8E8E8 }

  #ct-rd-newsletter { position:relative }
  #ct-rd-newsletter .h2 { margin-bottom:16px }
  #ct-rd-newsletter input[type="text"] { width:140px }
  #ct-rd-newsletter input[type="submit"] { height:36px; padding:0 10px; line-height:normal }
  #ct-rd-lb-email { padding-right:30px }
  #ct-rd-newsletter .mensagem-atencao { padding:5px 10px }
  #ct-rd-newsletter .carregando { position:absolute; top:0; right:0; margin:0 }
  #ct-rd-newsletter .mensagem { margin:1.714em 0 }

  #ct-rd-redes .h2 { margin-bottom:0.631em }
  #ct-rd-redes ul { margin:0 }
  #ct-rd-redes li { float:left; margin-right:10px }
  #ct-rd-redes a { position:relative; top:0; display:block; width:46px; height:46px; text-indent:-9999px; outline:none; background-image:url(/_images/rodape-sprites.png?v2); background-repeat:no-repeat;
    -webkit-transition:top .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition:top .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition:top .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition:top .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  #ct-rd-redes a:hover { top:-10px }

  #ct-rd-facebook a { background-position:0 0 }
  #ct-rd-youtube a { background-position:-46px 0 }
  #ct-rd-instagram a { background-position:-92px 0 }

#ct-rodape-b { clear:both; background:url(/_images/diversos/sombra-grande.png) no-repeat center top; color:#000 }
#ct-rodape-b .ct-conteiner { overflow:hidden; background:url(/_images/inf-logo.png?v2) no-repeat 21px }
#ct-rodape-b address { overflow:hidden; margin:10px 0 10px 174px; padding:40px 10px 40px 21px; border-left:1px solid #CDCDCD; font-size:1em; font-style:normal }
#ct-rodape-b address br { display:none }

  #ct-rd-endereco { float:left; font-size:1.4em; line-height:1.5em }

  #ct-rd-fone { float:right; color:#004E2C; text-transform:uppercase; font-weight:bold; font-size:1.5em; line-height:1.4em }

  #ct-assinatura { position:absolute; right:20px; bottom:0; margin:0; font-size:1.1em; line-height:3.636em }
  #ct-assinatura a { display:block; text-decoration:none; padding-right:42px; background:url(/_images/tua.png) no-repeat right; color:#666 }
  #ct-assinatura span { display:block; width:0; white-space:nowrap; overflow:hidden;
    -webkit-transition:width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition:width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition:width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition:width .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  #ct-assinatura a:hover span { width:16.5em }

/* Impressão */
@media print {
  * { font-family:"Times New Roman", Times, serif !important }
  body { background:#FFF }
  /*
    { display:none }
    { position:static; float:none; padding:0; margin:0; width:auto !important; background:none; text-shadow:none }
    { color:#000; font-weight:normal; font-style:normal }
    .lista-simples > li { list-style:disc outside }
  */
}

/* Geral - Formulários */
input[type="text"], input[type="password"], select, textarea { border:none; background-color:#E4E4E4 }
select option { padding-right:10px }

.form-campo, .legend2, .form-radio { margin:0 0 20px; font-size:1.3em; line-height:2.769em }

.form-campo, .form-radio { position:relative; display:block; padding:0 10px; border-radius:3px; background-color:#E4E4E4;
	-webkit-box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.2); 
}
.form-campo * { vertical-align:middle }
.form-campo label { display:block; color:#8A8A8A }
.form-campo input[type="text"], .form-campo input[type="password"], .form-campo select { position:absolute; top:10px; right:10px }

.compacto .form-campo { float:left; overflow:hidden; margin:0 5px 0 0 }
.compacto .submit { position:relative; float:right; margin:-36px 0 0 }
.compacto input[type="text"] { position:static; float:right; margin-left:10px; margin-top:9px }

.form-campo.atencao label { color:#333 }
.form-campo.atencao, .form-campo.atencao input[type="text"], .form-campo.atencao input[type="password"], .form-campo.atencao select, .form-campo.atencao textarea
{ background-color:#EFD31D }

.form-campo:hover, .form-campo.focus { color:#151515 }
.form-campo:hover, .form-campo:hover input[type="text"], .form-campo:hover input[type="password"], .form-campo:hover select, .form-campo:hover textarea, 
.form-campo.focus, .form-campo.focus input[type="text"], .form-campo.focus input[type="password"], .form-campo.focus select, .form-campo.focus textarea
{ background-color:#F1F4A0 }

.form-campo.light, .form-campo.light input[type="text"], .form-campo.light select { background:#FAFAFA !important }
.form-campo.light:hover, .form-campo.light.focus { color:#151515 !important }
.form-campo.light:hover, .form-campo.light:hover input[type="text"], .form-campo.light:hover input[type="password"], .form-campo.light:hover select, .form-campo.light:hover textarea, 
.form-campo.light.focus, .form-campo.light.focus input[type="text"], .form-campo.light.focus input[type="password"], .form-campo.light.focus select, .form-campo.light.focus textarea
{ background-color:#FFF !important }

/*.numero { text-align:right }*/
.textarea { padding-bottom:14px }

.submit { font-size:1em; text-align:right }
.submit a { display:inline-block; height:auto; padding:10px; text-decoration:none; outline:none }

.legend1 { margin-top:0 }
.legend2 { font-size:1.2em; line-height:1.75em }
.legend3 { margin-bottom:1.5em; font-size:1.4em }

.atencao .obrigatorio, .atencao .opcional { color:#FFF; color:rgba(255, 255, 255, 0.5) }
.obrigatorio, .opcional, .focus .obrigatorio, .focus .opcional, .form-campo:hover .obrigatorio, .form-campo:hover .opcional { color:#88898C; color:rgba(0, 0, 0, 0.5); font-size:0.786em; line-height:normal; text-transform:none }
.legend2 .obrigatorio, .legend2 .opcional { color:#0A4F60; color:rgba(0, 0, 0, 0.5) }

.form-radio { padding:8px 10px 7px; line-height:1.5em }
.form-radio label { margin-right:10px }

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author:Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline:none }
.slides, .flex-control-nav, .flex-direction-nav { margin:0; padding:0; list-style:none } 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { margin:0; padding:0 }
.flexslider .slides > li { display:none; -webkit-backface-visibility:hidden } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width:100%; display:block }
.flex-pauseplay span { text-transform:capitalize }

/* Clearfix for the .slides element */
.slides:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } 
html[xmlns] .slides { display:block } 
* html .slides { height:1% }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display:block }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin:0 0 60px; background:#fff; border:4px solid #fff; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2); -moz-box-shadow:0 1px 4px rgba(0,0,0,.2); -o-box-shadow:0 1px 4px rgba(0,0,0,.2); zoom:1 }
.flex-viewport { max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease }
.loading .flex-viewport { max-height:300px }
.flexslider .slides { zoom:1 }

.carousel li { margin-right:5px }

/* Direction Nav */
.flex-direction-nav { *height:0 }
.flex-direction-nav a { width:30px; height:30px; margin:-20px 0 0; display:block; background:url(/_images/diversos/flexslider_navegacao.png) no-repeat 0 0; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease }
.flex-direction-nav .flex-next { background-position:100% 0; right:-36px; }
.flex-direction-nav .flex-prev { left:-36px }
.flexslider:hover .flex-next { opacity:0.8; right:5px }
.flexslider:hover .flex-prev { opacity:0.8; left:5px }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity:1 }
.flex-direction-nav .flex-disabled { opacity:.3!important; filter:alpha(opacity=30); cursor:default }

/* Control Nav */
.flex-control-nav { width:100%; position:absolute; bottom:-40px; text-align:center }
.flex-control-nav li { margin:0 6px; display:inline-block; zoom:1; *display:inline }
.flex-control-paging li a { width:11px; height:11px; display:block; background:#666; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3) }
.flex-control-paging li a:hover { background:#333; background:rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background:#000; background:rgba(0,0,0,0.9); cursor:default; }

.flex-control-thumbs { margin:5px 0 0; position:static; overflow:hidden }
.flex-control-thumbs li { width:25%; float:left; margin:0 }
.flex-control-thumbs img { width:100%; display:block; opacity:.7; cursor:pointer }
.flex-control-thumbs img:hover { opacity:1 }
.flex-control-thumbs .flex-active { opacity:1; cursor:default }

@media screen and (max-width:860px) { .flex-direction-nav .flex-prev { opacity:1; left:0 }
  .flex-direction-nav .flex-next { opacity:1; right:0 }
}