html { width: 100%; height: 100%; border: 0px; padding: 0px; margin: 0px; }
body { width: 100%; height: 100%; border: 0px; padding: 0px; margin: 0px; font-family: verdana; font-size: 14px; background: #FFFFFF; color: #000000; overflow-y: scroll; }
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-input-placeholder { color: #666666; }
::-moz-placeholder { color: #666666; }
/*- TOPO ----------------------------------------------------------------------------------------------------------------------------------------*/
.topo { margin: 0px 0px 0px 0px; width: 100%; height: 150px; background-color: rgba(255, 255, 255, 0.8); position: fixed; top: 0px; left: 0px; z-index: 100; box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.2); }
.topo-1000 { margin: 0px auto; width: 1000px; height: 10px; }
.topo-1000 .logo { float: left; margin: 15px 0px 0px 0px; }
.topo-1000 .menu { float: right; margin: 6px 0px 0px 0px; }
.topo-1000 .menu .menu-opcao1 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .menu-opcao2 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .menu-opcao3 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .menu-opcao4 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .menu-opcao5 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .menu-opcao6 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .menu-opcao7 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .submenu { float: right; margin: 30px 0px 40px 0px; }
.topo-1000 .menu .submenu .submenu-opcao1 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .submenu .submenu-opcao2 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .submenu .submenu-opcao3 { float: left; margin: 0px 0px 0px 0px; }
.topo-1000 .menu .menu-espaco1 { float: left; margin: 0px 7px 0px 7px; color: #C26F25; font-size: 14px; }
.menu-opcao { text-decoration: none; color: #C26F25; font-size: 12px; text-transform: uppercase; }
.menu-opcao:hover { text-decoration: none; color: #6E3F16; font-size: 12px; text-transform: uppercase; }
.submenu-opcao { text-decoration: none; color: #C26F25; font-size: 15px; text-transform: uppercase; }
.submenu-opcao:hover { text-decoration: none; color: #6E3F16; font-size: 15px; text-transform: uppercase; }
/*- BANNER HOME ---------------------------------------------------------------------------------------------------------------------------------*/
.banner-home-center { margin: 0px 0px 0px 0px; width: 100%; min-height: 100%; height: auto; overflow: hidden; }
.banner-home-center .funcao-banner { margin: 0px 0px 0px 0px; width: 100%; min-height: 100%; height: auto; background: center center no-repeat; background-size: cover; padding: 0px 0px 0px 0px; }
.banner-home-center .funcao-banner .caixa-1000 { margin: 0px 0px 0px 0px; width: 100%; min-height: 100%; height: 100vh; background:url('/imagens/002.png'); }
/*- CONTEUDO ------------------------------------------------------------------------------------------------------------------------------------*/
.conteudo-interno { margin: 0px 0px 0px 0px; width: 100%; min-height: 100%; background: url('/imagens/002.png') #DDD; }
.conteudo-interno-1000 { margin: 0px auto; width: 1000px; }
.conteudo-interno-1000 .caixa1 { margin: 0px 0px 0px 0px; width: 100%; height: 180px; }
.conteudo-interno-1000 .caixa2 { margin: 0px 0px 0px 0px; padding: 20px; width: 100%; min-height: 500px; color: #878787; text-align: justify; background: #FFFFFF; box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.2); }
.conteudo-interno-1000 .caixa2 .home-bloco-titulo-texto { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background:url('/imagens/008.png') center center repeat-x; text-align: left; }
.conteudo-interno-1000 .caixa2 .home-bloco-titulo-texto h1 { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; display: inline; font-size: 28px; color: #C26F25; background: #FFFFFF; text-transform: uppercase; }
/*- Studio --------------------------------------------------------------------------------------------------------------------------------------*/
.conteudo-interno-1000 .caixa2 .studio-fotos-1000 { margin: 0px auto; width: 96%; }
.conteudo-interno-1000 .caixa2 .studio-fotos-1000 .caixa-tecnologia { float: left; padding: 0px 0px 0px 0px; width: 220px; }
.conteudo-interno-1000 .caixa2 .studio-fotos-1000 .caixa-tecnologia .icone { padding: 0px 0px 0px 0px; background: center center no-repeat; background-size: cover; width: 220px; height: 130px; }
/*- Produtos -------------------------------------------------------------------------------------------------------------------------------------*/
.produtos-bloco { float: left; width: 220px; min-height: 200px; }
.produtos-bloco .produtos-fotos { float: left; margin: 0px 0px 8px 0px; width: 220px; height: 130px; text-align: center; border: 2px solid #dedede; border-radius: 6px; background: center center no-repeat; background-size: cover; }
.produtos-bloco .produtos-texto { float: left; margin: 0px 0px 0px 0px; width: 220px; min-height: 50px; padding: 10px; text-align: center; font-size: 13px; color: #000000; }
.galeria-bloco { float: left; width: 220px; min-height: 200px; }
.galeria-bloco .galeria-fotos { float: left; margin: 0px 0px 8px 0px; width: 220px; height: 130px; text-align: center; border: 2px solid #dedede; border-radius: 6px; background: center center no-repeat; background-size: cover; }
.galeria-bloco .galeria-texto { float: left; margin: 0px 0px 0px 0px; width: 220px; min-height: 50px; padding: 10px; text-align: center; font-size: 13px; color: #000000; }
.galeria-fotos-galeria { float: left; width: 176px; height: 160px; text-align: center; border: 4px solid #dedede; background: center center no-repeat; background-size: contain; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.8); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); }
.parceiros-bloco { float: left; width: 220px; min-height: 200px; }
.parceiros-bloco .parceiros-fotos { float: left; margin: 0px 0px 8px 0px; width: 220px; height: 130px; text-align: center; border: 2px solid #dedede; border-radius: 6px; background: center center no-repeat; background-size: contain; }
.parceiros-bloco .parceiros-texto { float: left; margin: 0px 0px 0px 0px; width: 220px; min-height: 50px; padding: 10px; text-align: center; font-size: 13px; color: #000000; }
/*- Autoral -------------------------------------------------------------------------------------------------------------------------------------*/
.autoral { float: left; width: 100%; }
.autoral .autoral-fotos { float: left; margin: 0px 10px 0px 0px; width: 130px; height: 130px; background: center center no-repeat #EBEBEB; background-size: cover; border-radius: 6px; -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2); box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2); }
.autoral .autoral-conteudo { float: left; margin: 0px 0px 0px 0px; width: 600px; }
.autoral .autoral-conteudo .titulo { font-weight: bold; margin: 6px 0px 8px 0px; font-size: 14px; color: #000000; display: block; }
.autoral .autoral-conteudo .conteudo { font-size: 11px; color: #666666; display: block; line-height: 20px; }
.autoral .autoral-conteudo .conteudo .leiamais { font-size: 11px; color: #DE251B; font-weight: bold; }
.autoral .autoral-conteudo .conteudo .leiamais:hover { font-size: 11px; color: #0000FF; font-weight: bold; }
.autoral-fotos-galeria { float: left; width: 176px; height: 160px; text-align: center; border: 4px solid #dedede; background: center center no-repeat; background-size:cover; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.8); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); }
.autoral-voltar { float: right; }
.autoral-voltar a { margin: 0px 10px 0px 0px; font-size: 12px; color: #666666; text-decoration: none; }
/*- Depoimentos -------------------------------------------------------------------------------------------------------------------------------------*/
.depoimentos { float: left; width: 220px; }
.depoimentos .depoimentos-fotos-mascara { float: left; width: 220px; height: 162px; background:url('/imagens/013.png') no-repeat;}
.depoimentos .depoimentos-fotos { float: left; margin: 0px 0px 0px 0px; width: 220px; height: 162px; background: center center no-repeat; background-size: cover; }
.depoimentos .depoimentos-fotos1 { float: left; margin: 0px 0px 0px 0px; width: 220px; height: 162px; background: center center no-repeat; background-size: cover;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.depoimentos .depoimentos-conteudo { float: left; margin: 0px 0px 0px 0px; width: 100%; }
.depoimentos .depoimentos-conteudo .titulo { font-weight: bold; margin: 6px 0px 8px 0px; font-size: 14px; color: #000000; display: block; }
.depoimentos-interno { float: left; width: 100%; margin: 0px 0px 0px 0px; }
.depoimentos-interno .depoimentos-fotos { float: left; margin: 0px 60px 0px 0px; width: 100px; height: 140px; background: center center no-repeat; background-size: cover; }
.depoimentos-interno .depoimentos-conteudo { float: left; width: 800px; background: #ECECEC; padding: 20px; }
.depoimentos-interno .depoimentos-conteudo .depoimentos-seta { margin: 0px 0px 0px -54px; position: absolute; }
/*- Fale Conosco --------------------------------------------------------------------------------------------------------------------------------------*/
.contato-mapa { float: left; width: 50%; margin: 0px 30px 0px 0px; }
.contato-form { float: left; width: calc(50% - 30px); margin: 0px 0px 0px 0px; }
.contato .field { float: left; width: 100%; margin: 0px 0px 8px 0px; }
.contato .field input { width: 100%; border-radius: 6px; border: 1px solid #ccc; margin: 0px 0px 0px 0px; padding: 10px; outline: none; }
.contato .field textarea { width: 100%; border-radius: 6px; border: 1px solid #ccc; margin: 0px 0px 0px 0px; padding: 10px; outline: none; height: 165px; }
.contato .enviar { float: right; border-radius: 6px; border: 1px solid #C26F25; background: #C26F25; color: #FFFFFF; padding: 11px; width: 40%; font-size: 15px; margin: 0px 0px 0px 0px; cursor: pointer; outline: none; }
.contato-obrigado { font-size: 18px; color: #C26F25; text-transform: uppercase; }
/*- Footer --------------------------------------------------------------------------------------------------------------------------------------*/
footer { min-width: 960px; width: 100%; position: absolute; bottom:0; z-index: 100; }
footer .content-footer { min-width: 960px }
footer .content-footer .redes { float: left; padding: 10px; background: #FFFFFF; position: relative; width: 44px; overflow: hidden; margin: 0px 0px 10px 10px; }
footer .content-footer .redes .sociais { float: left; width: 24px; height: 24px; background:url('/imagens/009.png') no-repeat; margin: 16px 0px 0px 0px; }
footer .content-footer .redes .sociais.node { margin: 0px }
footer .content-footer .redes .sociais.facebook { background-position: 0px 0px }
footer .content-footer .redes .sociais.twitter { background-position: -27px 0px }
footer .content-footer .redes .sociais.flickr { background-position: -53px 0px }
footer .content-footer .icone2 { float: right; width: 170px; height: 120px; position: relative; background: #FFFFFF; padding: 10px; }
footer .content-footer .icone2 a { float: left; overflow: hidden; }
footer .content-footer .icone2 a .clock-icon { width: 150px; height: 100px; background:url('/imagens/010.png') no-repeat; background-position: 0px 0px; }
footer .content-footer .icone2 a:hover .clock-icon { background-position: -159px 0; }
footer .content-footer .icone1 { float: right; width: 169px; height: 120px; position: relative; background: #FFFFFF; padding: 10px; margin:0 10px 0 10px; }
footer .content-footer .icone1 a { float: left; overflow: hidden; }
footer .content-footer .icone1 a .camera-icon { width: 148px; height: 100px; background:url('/imagens/010.png') no-repeat; background-position: 0 -114px; }
footer .content-footer .icone1 a:hover .camera-icon { background-position: -161px -114px; }
/*- Shadowbox --------------------------------------------------------------------------------------------------------------------------------*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message { font-family: verdana; font-weight: 200; color:#FFFFFF; } #sb-container { position: fixed; margin: 0; padding: 0; top: 0; left:0; z-index: 99999; text-align: left; visibility: hidden; display: none; } #sb-overlay { position:relative; height: 100%; width: 100%; } #sb-wrapper { position: absolute; visibility: hidden; width: 100px; } #sb-wrapper-inner { position: relative; border: 1px solid #303030; overflow: hidden; height: 100px; } #sb-body { position: relative; height: 100%; } #sb-body-inner { position: absolute; height: 100%; width: 100%; } #sb-player.html { height: 100%; overflow: auto; } #sb-body img { border: none; } #sb-loading { position: relative; height: 100%; } #sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; } #sb-loading-inner span { background: url(../imagens/adm_08.gif) no-repeat; padding-left: 34px; display: inline-block; } #sb-body,#sb-loading { background-color: #060606; } #sb-title,#sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; } #sb-title,#sb-title-inner { height: 26px; line-height: 26px; } #sb-title-inner { font-size: 16px; } #sb-info,#sb-info-inner { height: 20px; line-height: 20px; } #sb-info-inner { font-size: 12px; } #sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; } #sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; } #sb-counter { float: left; width: 45%; } #sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #FFFFFF; } #sb-counter a.sb-counter-current { text-decoration: underline; } div.sb-message { font-size: 12px; padding: 10px; text-align: center; } div.sb-message a:link,div.sb-message a:visited { color: #FFFFFF; text-decoration: underline; }
#sb-nav-close { background-image: url(../imagens/adm_69.png); }
#sb-nav-next { background-image: url(../imagens/adm_70.png); }
#sb-nav-previous { background-image: url(../imagens/adm_71.png); }
#sb-nav-play { background-image: url(../imagens/adm_72.png); }
#sb-nav-pause { background-image: url(../imagens/adm_73.png); }