/* PRINCIPAL */ article #principal_1 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F9F9F9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmContato { margin:0px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmContato #CIDADE { width:90%; height:auto; float:left; z-index:99; font-size:18px; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:8px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmContato #NOME { width:90%; height:auto; float:left; z-index:99; font-size:18px; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:8px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmContato #ENDERECOE { width:90%; height:auto; float:left; z-index:99; font-size:18px; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:8px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmContato #TELEFONE { width:90%; height:auto; float:left; z-index:99; font-size:18px; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:8px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmContato #MENSAGEM { width:90%; height:auto; float:left; z-index:99; font-size:18px; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:8px; margin:5px 0 10px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmContato #enviarContato {font-size:18px; margin:0 0 30px 0 } /* CONTEUDOS */ .divMostraFotos { height:auto; float:left; cursor:pointer; overflow: hidden; float:left } .divMostraFotosImgOut { width:300px; margin:0 20px 0 0; float:left; position: relative; overflow: hidden; } .divMostraFotosImgInner { width:300px; float:left; background-size:cover; background-position:center center; transition-duration: 0.3s; } .divMostraFotosData { width:calc(100% - 320px); height:auto; float:left; text-align:left; font-size:12px; color:#000000 } .divMostraFotosTitulo { width:calc(100% - 320px); height:auto; float:left; margin:5px 0 10px 0; text-align:center; font-family:"Roboto"; font-weight:900; color:#000000 } .divMostraFotosChamada { width:calc(100% - 320px); height:auto; float:left; margin:0px; text-align:left; font-family:"Roboto"; font-weight:300; font-size:16px; color:#000000 } .divMostraFotosImgOut:hover .divMostraFotosImgInner { transform: scale(1.15); } /* CONTEUDOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #divMostraFotos #moduloFotos:hover { cursor:pointer; background-color:#101010; } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_mapa h1 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#000000; margin:0px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_video h1 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#000000; margin:0px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #divInternaShare { height:auto; float:left; margin:15px 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #divInternaShare #divInternaShare1 { height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:0px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #divInternaShare #divInternaShare2 { height:auto; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_mostra_botao_voltar #btVoltar { margin:20px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_botao_voltar #btVoltar { margin:20px 0 0 0 } .iconeRedesSocias2 { width:auto; float:left; height:30px; margin:0 10px 0 0 } /* PAGINAÇÃO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_paginas { height:auto; float:left; z-index:99; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:40px 0 0 0; text-decoration:none; padding:0 20px 30px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_paginas a { text-decoration:none } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_paginas a:hover { text-decoration:underline } /* CONTEUDOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra hr { height:4px; border:0px; box-shadow:inset 0 4px 4px -4px #D9D9D9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra hr { height:4px; border:0px; box-shadow:inset 0 4px 4px -4px #000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mVideoConteudo { float:left; width:400px; height:225px; padding:0 15px 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mDataConteudo { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-size:14px; color:#777777 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mDataConteudo a { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-size:14px; color:#777777; text-decoration:none } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mDataConteudo a:hover { text-decoration:underline } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mTituloConteudo a { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-size:25px; color:#333333; font-weight:bold; text-decoration:none; line-height:30px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mTituloConteudo a:hover { text-decoration:underline } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mPreviaConteudo { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-size:16px; color:#666666; text-decoration:none } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos h1 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:38px; font-weight:bold; color:#497CA3; margin:0px; line-height:40px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos h3 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#000000; margin:0px; line-height:22px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare { height:auto; float:left; margin:10px 0 30px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare1 { height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:12px; margin:0px; color:#000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare2 { height:auto; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria img:hover { cursor:pointer; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } .imgHover:hover { outline:2px solid #000000; } .imgHover2:hover { outline:2px solid #CCCCCC; } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra { float:left; overflow:hidden; margin:0 10px 20px 10px; cursor:pointer } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo a { text-decoration:none } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo a:hover { text-decoration:underline } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_foto { float:left; overflow:hidden; cursor:pointer; background-size:100% auto; background-repeat:no-repeat; background-position:center center; transition-duration: 0.3s } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_foto:hover { transform: scale(1.15); } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo input { padding:10px 0 10px 0; font-size:16px; border:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; white-space:nowrap; cursor:pointer; width:100%; background-color:#333333; color:#000000; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; margin:20px 0 0 0 } /* FAQ */ .mPergunta { width:calc(100% - 20px); height:auto; float:left; z-index:99; line-height:auto; font-size:16px; font-family:"Roboto"; padding:10px; background-color:#F2F2F2; margin:10px 0 0 0; cursor:pointer } .mResposta { width:calc(100% - 30px); height:auto; float:left; z-index:99; line-height:auto; font-size:14px; font-family:"Roboto"; padding:0 10px 0 10px; background-color:#F9F9F9; margin:0 0 30px 0; border-bottom:5px solid #000000; border-left:5px solid #000000; border-right:5px solid #000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto { overflow:hidden; background-position:center center; background-size: 100% auto; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; cursor:pointer; float:left; overflow:hidden; z-index:99; margin:0 15px 15px 0; background-color:#F2F2F2; background-repeat:no-repeat } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto:hover { background-size: 110% auto } /* MAPA */ article #principal_1 #principal_mapa_endereco { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto } article #principal_1 #principal_mapa_endereco #principal_endereco_1 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#E9E9E9; border-bottom:1px solid #CCCCCC } article #principal_1 #principal_mapa_endereco #principal_endereco_1 div { width:100%; float:left; height:auto; padding:15px 0 15px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; font-size:16px; text-align:center } article #principal_1 #principal_mapa_1 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo h2 { line-height:28px } /* DEPOIMENTOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 { width:100%; height:auto; float:left; line-height:20px; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:0 0 30px 0; color:#000000; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 h1 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#497CA3; margin:0px; line-height:32px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_depoimentos_mostra { width:calc(100% - 40px); height:auto; float:left; z-index:99; line-height:20px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:15px 0 10px 0; border:1px solid #333333 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_depoimentos_mostra #divImg { max-width:100%; height:auto; margin:0 15px 10px 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_depoimentos_mostra #mDepoimento { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-size:17px; line-height:normal; color:#000000; text-decoration:none; margin:20px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_depoimentos_mostra #mNomeDepoimento { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-size:15px; line-height:normal; color:#666666; text-decoration:none } /* EDQUIPE */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra #divImg { max-width:100%; height:auto; margin:0 15px 10px 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra #mEquipe { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-size:20px; line-height:normal; color:#000000; text-decoration:none; margin:20px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra #mDescricaoEquipe { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:center; font-weight:300; font-size:14px; color:#999999; text-decoration:none } /* EDQUIPE */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra #divImg { max-width:100%; height:auto; margin:0 15px 10px 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra #mPortfolio { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-size:20px; line-height:normal; color:#000000; text-decoration:none; margin:20px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra #mDescricaoPortfolio { font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:center; font-weight:300; font-size:14px; color:#999999; text-decoration:none } .modulos-3-imagem:hover { -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -webkit-box-shadow:inset 0px 0px 0px 7px #497CA3; -moz-box-shadow:inset 0px 0px 0px 7px #497CA3; box-shadow:inset 0px 0px 0px 7px #497CA3; } .modulos-3:hover { background-color:#000000 } .modulos-3-titulo-h3 { font-family:"myriad-b", Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; color:#656565; margin:0 0 5px 0 } /* PORTFOLIO */ .portfolio-imagem:hover { -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; -webkit-box-shadow:inset 0px 0px 0px 200px #497CA3; -moz-box-shadow:inset 0px 0px 0px 200px #497CA3; box-shadow:inset 0px 0px 0px 200px #497CA3; } .portfolio-texto { display: table-cell; vertical-align: middle; text-align:center; color:#497CA3; font-size:25px; line-height:25px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:800 } .portfolio-imagem { width:100%; height:auto; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; display: table; cursor:pointer } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria #divMFoto { overflow:hidden; background-position:center center; background-size: 100% auto; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; cursor:pointer; float:left; overflow:hidden; z-index:99; background-repeat:no-repeat; border:2px solid #000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria #divMFoto:hover {-moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; -webkit-box-shadow:inset 0px 0px 0px 200px #497CA3; -moz-box-shadow:inset 0px 0px 0px 200px #497CA3; box-shadow:inset 0px 0px 0px 200px #497CA3; border:2px solid #497CA3 } @media only screen and (min-width: 1251px){ /* DESTAQUES */ article #principal_1 #principal_1_site { width:1250px; height:auto } article #principal_1 #principal_1_site #meio_titulo { width:1250px; height:auto; float:left; z-index:99; margin:25px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#333333 } article #principal_1 #principal_1_site #meio_titulo span { font-weight:bold; color:#F3781F } article #principal_1 #principal_1_site #meio_titulo h1 { margin:0px; font-size:25px; font-weight:normal } article #principal_1 #principal_1_site #meio_menu_navegacao { width:1250px; height:auto; float:left; z-index:99; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; padding:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas { width:1250px; height:auto; float:left; z-index:99; margin:30px 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu { width:300px; height:auto; float:left; z-index:99; margin:0 25px 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu input[type=button] { width:300px; font-size:18px; text-align:left; padding:15px; margin:0 0 10px 0; text-align:left } article #principal_1 #principal_1_site #meio_internas #meio_menu button { width:300px; font-size:18px; text-align:left; padding:15px; margin:0 0 10px 0; text-align:left; white-space:normal } article #principal_1 #principal_1_site #meio_internas #meio_conteudo { width:845px; height:auto; float:left; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra { width:845px; height:auto; float:left; z-index:99; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria { width:830px; float:left; height:auto; z-index:99; padding:0 0 0 15px; background-color:#222222; margin:5px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto { width:calc((100% / 3) - 15px); height:145px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria { width:1250px; float:left; height:auto; z-index:99 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria #divMFoto { width:calc((100% / 3) - 4px); height:275px } /* CONTEUDOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_paginas { width:825px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_internas_paginas { width:1250px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra { width:845px; float:left; padding:0 0 25px 0; border-bottom:1px solid #D9D9D9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra a img { margin:0 10px 5px 0; width:300px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos { width:845px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; line-height:22px; color:#000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos img { max-width:100%; height:auto; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria img { width:calc((100% / 4) - 15px); float:left; height:auto; z-index:99; margin:0 15px 15px 0; max-width: } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare { width:845px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare1 { width:245px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare2 { width:320px; margin:0 0 0 280px } /* CONTEUDO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 { width:1250px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divMostraConteudo { width:1250px; margin:10px 0 0 0; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare { width:1250px; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare #divInternaShare1 { width:850px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare #divInternaShare2 { width:320px; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include { width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo { width:258px; height:auto; float:left; text-align:left; border:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_foto { width:238px; height:160px; margin:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_titulo { background-color:#F2F2F2; width:238px; height:55px; float:left; font-size:16px; color:#333333; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_porc { width:238px; height:auto; float:left; border-top:1px solid #E9E9E9; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao { width:258px; height:auto; float:left; border-top:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao input { width:238px; margin:10px 0 10px 0 } /* CONTEUDOS */ .divMostraFotos { width:845px; } .divMostraFotosTitulo { font-size:25px; text-align:left } .divMostraFotosTituloH1 { font-size:25px; margin:0px; text-align:left; color:#497CA3 } .divMostraFotosImgOut { height:220px; } .divMostraFotosImgInner { height:220px; } .imgGaleriaFotos { width:auto; height:auto; float:left; overflow:hidden; margin:0 0 10px 0 } .modulos-3 { width:calc((100% / 3) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#000000 } .modulos-3-imagem { width:100%; height:175px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s } .modulos-3-titulo { width:calc(100% - 20px); height:80px; float:left; padding:10px 10px 0 10px; text-align:center } /* EQUIPE */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra { width:calc((100% / 3) - 62px); height:400px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:15px 10px 10px 10px; border:1px solid #333333 } /* PORTFOLIO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra { width:calc((100% / 3) - 44px); height:250px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:0px; border:2px solid #000000 } .portfolio-div-titulo { width:calc(100% - 320px); height:auto; float:left; margin:0 0 10px 0 } .portfolio-div-social { width:320px; height:auto; float:left; min-width:320px; margin:0 0 10px 0 } } /* PRODUTOS */ .produtos-publicos h1, .produto-publico h1 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:38px; font-weight:bold; color:#497CA3; margin:0 0 10px 0; line-height:42px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo.produtos-publicos, article #principal_1 #principal_1_site #meio_internas #meio_conteudo.produto-publico { width:100%; box-sizing:border-box } .produtos-intro { width:100%; float:left; margin:0 0 25px 0; font-size:18px; line-height:26px; color:#333333 } .produtos-grid { width:100%; height:auto; float:left; display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin:5px 0 30px 0 } .produto-card { display:flex; flex-direction:column; min-height:100%; text-decoration:none; color:#333333; background:#FFFFFF; border:1px solid #E1E1E1; overflow:hidden; transition:all .25s ease } .produto-card:hover { border-color:#497CA3; box-shadow:0 8px 24px rgba(0,0,0,.08); transform:translateY(-2px) } .produto-card-imagem { width:100%; height:220px; display:flex; align-items:center; justify-content:center; background:#FFFFFF; overflow:hidden } .produto-card-imagem img { width:100%; height:100%; object-fit:contain; padding:16px; box-sizing:border-box } .produto-placeholder { width:100%; height:100%; min-height:180px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:20px; text-align:center; background:#EFEFEF; color:#777777; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:bold; line-height:22px } .produto-card-conteudo { display:flex; flex-direction:column; flex:1; padding:16px; border-top:1px solid #E9E9E9 } .produto-card-conteudo h2 { margin:0 0 10px 0; font-size:20px; line-height:24px; color:#333333; font-family:"Roboto", Arial, Helvetica, sans-serif } .produto-card-conteudo p { margin:0 0 15px 0; font-size:15px; line-height:21px; color:#555555; flex:1 } .produto-card-conteudo span { width:auto; align-self:flex-start; margin-top:auto; padding:10px 14px; background:#333333; color:#FFFFFF; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:13px } .produto-detalhe-topo { width:100%; height:auto; float:left; display:grid; grid-template-columns:minmax(320px, 38%) 1fr; gap:30px; align-items:start; margin:0 0 35px 0 } .produto-detalhe-imagem { width:100%; min-height:360px; display:flex; align-items:center; justify-content:center; background:#FFFFFF; border:1px solid #E1E1E1; box-sizing:border-box } .produto-detalhe-imagem img { width:100%; max-height:460px; object-fit:contain; padding:20px; box-sizing:border-box } .produto-placeholder-grande { min-height:360px } .produto-detalhe-info { width:100%; height:auto } .produto-resumo { margin:0 0 20px 0; font-size:18px; line-height:27px; color:#333333 } .produto-cta { width:100%; box-sizing:border-box; padding:20px; background:#F2F2F2; border-left:5px solid #0CB466; margin:20px 0 0 0 } .produto-cta h2 { margin:0 0 8px 0; font-size:22px; line-height:26px; color:#333333; font-family:"Roboto", Arial, Helvetica, sans-serif } .produto-cta p { margin:0 0 15px 0; font-size:16px; line-height:23px; color:#555555 } .produto-whatsapp { display:inline-block; background:#0CB466; color:#FFFFFF; text-decoration:none; padding:13px 18px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase; line-height:20px; text-align:center } .produto-whatsapp:hover { background:#0A9251; color:#FFFFFF } .produto-descricao { width:100%; height:auto; float:left; margin:0 0 35px 0; font-size:16px; line-height:25px; color:#333333 } .produto-descricao h2 { margin:0 0 15px 0; font-size:26px; line-height:30px; color:#497CA3; font-family:"Roboto", Arial, Helvetica, sans-serif } @media only screen and (min-width: 681px) and (max-width: 980px){ .produtos-grid { grid-template-columns:repeat(2, 1fr) } .produto-detalhe-topo { grid-template-columns:1fr 1fr; gap:22px } } @media only screen and (min-width: 0px) and (max-width: 680px){ .produtos-publicos h1, .produto-publico h1 { font-size:30px; line-height:34px } .produtos-grid { grid-template-columns:1fr; gap:18px } .produto-card-imagem { height:210px } .produto-detalhe-topo { display:block; margin:0 0 25px 0 } .produto-detalhe-imagem { min-height:260px; margin:0 0 20px 0 } .produto-placeholder-grande { min-height:260px } .produto-resumo { font-size:16px; line-height:24px } .produto-whatsapp { width:100%; box-sizing:border-box } } /* SERVIÇOS */ .servicos-publicos h1, .servico-publico h1 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:38px; font-weight:bold; color:#497CA3; margin:0 0 10px 0; line-height:42px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo.servicos-publicos, article #principal_1 #principal_1_site #meio_internas #meio_conteudo.servico-publico { width:100%; box-sizing:border-box } .servicos-intro { width:100%; float:left; margin:0 0 25px 0; font-size:18px; line-height:26px; color:#333333 } .servicos-grid { width:100%; height:auto; float:left; display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin:5px 0 30px 0 } .servico-card { display:flex; flex-direction:column; min-height:100%; text-decoration:none; color:#333333; background:#FFFFFF; border:1px solid #E1E1E1; overflow:hidden; transition:all .25s ease } .servico-card:hover { border-color:#497CA3; box-shadow:0 8px 24px rgba(0,0,0,.08); transform:translateY(-2px) } .servico-card-imagem { width:100%; height:220px; display:block; background:#F2F2F2; overflow:hidden } .servico-card-imagem img { width:100%; height:100%; object-fit:cover; box-sizing:border-box } .servico-placeholder { width:100%; height:100%; min-height:180px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:20px; text-align:center; background:#EFEFEF; color:#777777; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:bold; line-height:22px } .servico-card-conteudo { display:flex; flex-direction:column; flex:1; padding:16px; border-top:1px solid #E9E9E9; text-align:left } .servico-card-conteudo h2 { margin:0 0 10px 0; font-size:20px; line-height:24px; color:#333333; font-family:"Roboto", Arial, Helvetica, sans-serif } .servico-card-conteudo p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:0 0 15px 0; font-size:15px; line-height:21px; color:#555555; flex:1 } .servico-card-conteudo span { width:auto; align-self:flex-start; margin-top:auto; padding:10px 14px; background:#333333; color:#FFFFFF; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:13px } .servico-detalhe-topo { width:100%; height:auto; float:left; display:grid; grid-template-columns:minmax(320px, 38%) 1fr; gap:30px; align-items:start; margin:0 0 35px 0 } .servico-detalhe-imagem { width:100%; min-height:360px; display:flex; align-items:center; justify-content:center; background:#F2F2F2; border:1px solid #E1E1E1; box-sizing:border-box; overflow:hidden } .servico-detalhe-imagem img { width:100%; height:100%; min-height:360px; object-fit:cover; box-sizing:border-box } .servico-placeholder-grande { min-height:360px } .servico-detalhe-info { width:100%; height:auto } .servico-resumo { margin:0 0 20px 0; font-size:18px; line-height:27px; color:#333333 } .servico-cta { width:100%; box-sizing:border-box; padding:20px; background:#F2F2F2; border-left:5px solid #0CB466; margin:20px 0 0 0 } .servico-cta h2 { margin:0 0 8px 0; font-size:22px; line-height:26px; color:#333333; font-family:"Roboto", Arial, Helvetica, sans-serif } .servico-cta p { margin:0 0 15px 0; font-size:16px; line-height:23px; color:#555555 } .servico-whatsapp { display:inline-block; background:#0CB466; color:#FFFFFF; text-decoration:none; padding:13px 18px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase; line-height:20px; text-align:center } .servico-whatsapp:hover { background:#0A9251; color:#FFFFFF } .servico-descricao { width:100%; height:auto; float:left; margin:0 0 35px 0; font-size:16px; line-height:25px; color:#333333 } .servico-descricao h2 { margin:0 0 15px 0; font-size:26px; line-height:30px; color:#497CA3; font-family:"Roboto", Arial, Helvetica, sans-serif } .servico-descricao img { max-width:100%; height:auto } @media only screen and (min-width: 681px) and (max-width: 980px){ .servicos-grid { grid-template-columns:repeat(2, 1fr) } .servico-detalhe-topo { grid-template-columns:1fr 1fr; gap:22px } } @media only screen and (min-width: 0px) and (max-width: 680px){ .servicos-publicos h1, .servico-publico h1 { font-size:30px; line-height:34px } .servicos-grid { grid-template-columns:1fr; gap:18px } .servico-card-imagem { height:210px } .servico-detalhe-topo { display:block; margin:0 0 25px 0 } .servico-detalhe-imagem { min-height:260px; margin:0 0 20px 0 } .servico-detalhe-imagem img { min-height:260px } .servico-placeholder-grande { min-height:260px } .servico-resumo { font-size:16px; line-height:24px } .servico-whatsapp { width:100%; box-sizing:border-box } } @media only screen and (min-width: 961px) and (max-width: 1250px){ /* DESTAQUES */ article #principal_1 #principal_1_site { width:960px; height:auto } article #principal_1 #principal_1_site #meio_titulo { width:960px; height:auto; float:left; z-index:99; margin:25px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#333333 } article #principal_1 #principal_1_site #meio_titulo span { font-weight:bold; color:#F3781F } article #principal_1 #principal_1_site #meio_titulo h1 { margin:0px; font-size:25px; font-weight:normal } article #principal_1 #principal_1_site #meio_menu_navegacao { width:960px; height:auto; float:left; z-index:99; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; padding:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas { width:960px; height:auto; float:left; z-index:99; margin:30px 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu { width:300px; height:auto; float:left; z-index:99; margin:0 25px 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu input[type=button] { width:300px; font-size:18px; text-align:left; padding:12px; margin:0 0 10px 0; text-align:left } article #principal_1 #principal_1_site #meio_internas #meio_menu button { width:300px; font-size:18px; text-align:left; padding:12px; margin:0 0 10px 0; text-align:left; white-space:normal } article #principal_1 #principal_1_site #meio_internas #meio_conteudo { width:635px; height:auto; float:left; z-index:99; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra { width:635px; height:auto; float:left; z-index:99; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif } /* CONTEUDOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra { width:635px; float:left; padding:0 0 25px 0; border-bottom:1px solid #D9D9D9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra a img { margin:0 10px 5px 0; width:300px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos { width:635px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; line-height:22px; margin:20px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos img { max-width:100%; height:auto; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria img { width:calc((100% / 3) - 15px); float:left; height:auto; z-index:99; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare { width:635px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare1 { width:235px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare2 { width:320px; margin:0 0 0 80px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos h1 { font-size:30px; line-height:32px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria { width:620px; float:left; height:auto; z-index:99; padding:0 0 0 15px; background-color:#222222; margin:5px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto { width:calc((100% / 3) - 15px); height:120px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria { width:960px; float:left; height:auto; z-index:99 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria #divMFoto { width:calc((100% / 3) - 4px); height:230px; border:2px solid #000000 } /* CONTEUDO 2 */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 { width:960px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divMostraConteudo { width:960px; margin:10px 0 0 0; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare { width:960px; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare #divInternaShare1 { width:640px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare #divInternaShare2 { width:320px; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include { width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo { width:189px; height:auto; float:left; text-align:left; border:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_foto { width:169px; height:130px; margin:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_titulo { background-color:#F2F2F2; width:169px; height:90px; float:left; font-size:16px; color:#333333; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_porc { width:169px; height:auto; float:left; border-top:1px solid #E9E9E9; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao { width:189px; height:auto; float:left; border-top:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao input { width:169px; margin:10px 0 10px 0 } /* CONTEUDOS */ .divMostraFotos { width:635px; } .divMostraFotosTituloH1 { font-size:25px; margin:0px; text-align:left; color:#497CA3 } .divMostraFotosTitulo { font-size:22px } .divMostraFotosImgOut { height:220px; } .divMostraFotosImgInner { height:220px; } .imgGaleriaFotos { width:auto; height:auto; float:left; overflow:hidden; margin:0 0 10px 0 } /* modulos */ .modulos-3 { width:calc((100% / 2) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } .modulos-3-imagem { width:100%; height:175px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s } .modulos-3-titulo { width:calc(100% - 20px); height:80px; float:left; padding:10px 10px 0 10px; text-align:center } /* EQUIPE */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra { width:calc((100% / 3) - 62px); height:450px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:15px 10px 10px 10px; border:1px solid #333333 } /* PORTFOLIO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra { width:calc((100% / 3) - 44px); height:200px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:0px; border:2px solid #000000 } .portfolio-div-titulo { width:calc(100% - 320px); height:auto; float:left; margin:0 0 10px 0 } .portfolio-div-social { width:320px; height:auto; float:left; min-width:320px; margin:0 0 10px 0 } } @media only screen and (min-width: 769px) and (max-width: 960px){ /* DESTAQUES */ article #principal_1 #principal_1_site { width:768px; height:auto } article #principal_1 #principal_1_site #meio_titulo { width:768px; height:auto; float:left; z-index:99; margin:25px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#333333 } article #principal_1 #principal_1_site #meio_titulo span { font-weight:bold; color:#F3781F } article #principal_1 #principal_1_site #meio_titulo h1 { margin:0px; font-size:25px; font-weight:normal } article #principal_1 #principal_1_site #meio_menu_navegacao { width:768px; height:auto; float:left; z-index:99; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; padding:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas { width:768px; height:auto; float:left; z-index:99; margin:30px 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu {width:300px; height:auto; float:left; z-index:99; margin:0 25px 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu input[type=button] { width:300px; font-size:18px; text-align:left; padding:12px; margin:0 0 10px 0; text-align:left } article #principal_1 #principal_1_site #meio_internas #meio_menu button { width:300px; font-size:18px; text-align:left; padding:12px; margin:0 0 10px 0; text-align:left; white-space:normal } article #principal_1 #principal_1_site #meio_internas #meio_conteudo { width:443px; height:auto; float:left; z-index:99; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra { width:443px; height:auto; float:left; z-index:99; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif } /* CONTEUDOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra { width:443px; float:left; padding:0 0 25px 0; border-bottom:1px solid #D9D9D9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra a img { margin:0 10px 5px 0; width:180px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos h1 { font-size:30px; line-height:32px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos { width:443px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; line-height:22px; margin:20px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos img { max-width:100%; height:auto; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria img { width:calc((100% / 2) - 15px); float:left; height:auto; z-index:99; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mVideoConteudo { float:left; width:100%; height:225px; padding:0 0 10px 0 } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria { width:428px; float:left; height:auto; z-index:99; padding:0 0 0 15px; background-color:#222222; margin:5px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto { width:calc((100% / 2) - 15px); height:120px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria { width:768px; float:left; height:auto; z-index:99 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria #divMFoto { width:calc((100% / 2) - 4px); height:250px; border:2px solid #000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare { width:443px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare1 { width:180px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare2 { width:263px; margin:0px } /* CONTEUDO 2 */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 { width:768px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divMostraConteudo { width:768px; margin:10px 0 0 0; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare { width:768px; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare #divInternaShare1 { width:505px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare #divInternaShare2 { width:263px; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include { width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo { width:199px; height:auto; float:left; text-align:left; border:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_foto { width:179px; height:130px; margin:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_titulo { background-color:#F2F2F2; width:179px; height:90px; float:left; font-size:16px; color:#333333; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_porc { width:179px; height:auto; float:left; border-top:1px solid #E9E9E9; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao { width:199px; height:auto; float:left; border-top:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao input { width:179px; margin:10px 0 10px 0 } /* CONTEUDOS */ .divMostraFotos { width:443px; } .divMostraFotosTituloH1 { font-size:20px; margin:0px; text-align:left; color:#497CA3 } .divMostraFotosTitulo { font-size:22px; width:calc(100% - 220px) } .divMostraFotosImgOut { width:200px; height:120px } .divMostraFotosImgInner { width:200px; height:120px } .divMostraFotosData { width:calc(100% - 220px); } .divMostraFotosChamada { width:calc(100% - 220px); } .imgGaleriaFotos { width:100%; height:auto; float:left; overflow:hidden; margin:0 0 10px 0 } /* modulos */ .modulos-3 { width:calc((100% / 2) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } .modulos-3-imagem { width:100%; height:150px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s } .modulos-3-titulo { width:calc(100% - 20px); height:140px; float:left; padding:10px 10px 0 10px; text-align:center } /* EQUIPE */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra { width:calc((100% / 2) - 62px); height:400px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:15px 10px 10px 10px; border:1px solid #333333 } /* PORTFOLIO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra { width:calc((100% / 3) - 44px); height:175px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:0px; border:2px solid #000000 } .portfolio-div-titulo { width:calc(100% - 320px); height:auto; float:left; margin:0 0 10px 0 } .portfolio-div-social { width:320px; height:auto; float:left; min-width:320px; margin:0 0 10px 0 } } @media only screen and (min-width: 621px) and (max-width: 768px){ /* DESTAQUES */ article #principal_1 #principal_1_site { width:620px; height:auto } article #principal_1 #principal_1_site #meio_titulo { width:620px; height:auto; float:left; z-index:99; margin:25px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#333333 } article #principal_1 #principal_1_site #meio_titulo span { font-weight:bold; color:#F3781F } article #principal_1 #principal_1_site #meio_titulo h1 { margin:0px; font-size:25px; font-weight:normal } article #principal_1 #principal_1_site #meio_menu_navegacao { width:620px; height:auto; float:left; z-index:99; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; padding:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas { width:620px; height:auto; float:left; z-index:99; margin:30px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu { width:620px; height:auto; float:left; z-index:99; margin:0 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu input[type=button] { width:300px; font-size:18px; text-align:left; padding:12px; margin:0 5px 10px 5px; text-align:left } article #principal_1 #principal_1_site #meio_internas #meio_menu button { width:300px; font-size:18px; text-align:left; padding:12px; margin:0 5px 10px 5px; text-align:left; white-space:normal; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo { width:620px; height:auto; float:left; z-index:99; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra { width:620px; height:auto; float:left; z-index:99; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif } /* CONTEUDOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra { width:620px; float:left; padding:0 0 25px 0; border-bottom:1px solid #D9D9D9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra a img { margin:0 10px 5px 0; width:300px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos { width:620px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; line-height:22px; margin:20px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos img { max-width:100%; height:auto; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria img { width:calc((100% / 3) - 15px); float:left; height:auto; z-index:99; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mVideoConteudo { float:left; width:350px; height:200px; padding:0 10px 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare { width:620px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare1 { width:220px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare2 { width:300px; margin:0 0 0 100px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos h1 { font-size:30px; line-height:32px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria { width:605px; float:left; height:auto; z-index:99; padding:0 0 0 15px; background-color:#222222; margin:5px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto { width:calc((100% / 3) - 15px); height:110px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria { width:620px; float:left; height:auto; z-index:99 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria #divMFoto { width:calc((100% / 2) - 4px); height:230px; border:2px solid #000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo { width:184px; height:auto; float:left; text-align:left; border:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_foto { width:164px; height:120px; margin:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_titulo { background-color:#F2F2F2; width:164px; height:90px; float:left; font-size:16px; color:#333333; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_porc { width:164px; height:auto; float:left; border-top:1px solid #E9E9E9; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao { width:184px; height:auto; float:left; border-top:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao input { width:164px; margin:10px 0 10px 0 } /* CONTEUDOS */ .divMostraFotos { width:620px; } .divMostraFotosTituloH1 { font-size:20px; margin:0px; text-align:left; color:#497CA3 } .divMostraFotosTitulo { font-size:22px; width:calc(100% - 320px) } .divMostraFotosImgOut { width:300px; height:170px } .divMostraFotosImgInner { width:300px; height:170px } .divMostraFotosData { width:calc(100% - 320px); } .divMostraFotosChamada { width:calc(100% - 320px); } /* modulos */ .modulos-3 { width:calc((100% / 2) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } .modulos-3-imagem { width:100%; height:150px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s } .modulos-3-titulo { width:calc(100% - 20px); height:80px; float:left; padding:10px 10px 0 10px; text-align:center } /* EQUIPE */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra { width:calc((100% / 2) - 62px); height:430px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:15px 10px 10px 10px; border:1px solid #333333 } /* PORTFOLIO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra { width:calc((100% / 2) - 44px); height:175px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:0px; border:2px solid #000000 } .portfolio-div-titulo { width:100%; height:auto; float:left; margin:0 0 15px 0 } .portfolio-div-social { width:320px; height:auto; float:left; min-width:320px; margin:0 0 10px 0 } } @media only screen and (min-width: 481px) and (max-width: 620px){ /* DESTAQUES */ article #principal_1 #principal_1_site { width:480px; height:auto } article #principal_1 #principal_1_site #meio_titulo { width:480px; height:auto; float:left; z-index:99; margin:25px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#333333 } article #principal_1 #principal_1_site #meio_titulo span { font-weight:bold; color:#F3781F } article #principal_1 #principal_1_site #meio_titulo h1 { margin:0px; font-size:25px; font-weight:normal } article #principal_1 #principal_1_site #meio_menu_navegacao { width:480px; height:auto; float:left; z-index:99; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; padding:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas { width:480px; height:auto; float:left; z-index:99; margin:30px 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu {width:480px; height:auto; float:left; z-index:99; margin:0px } article #principal_1 #principal_1_site #meio_internas #meio_menu input[type=button] { width:480px; font-size:20px; text-align:left; padding:12px; margin:0 0 10px 0; text-align:center } article #principal_1 #principal_1_site #meio_internas #meio_menu button { width:480px; font-size:20px; text-align:left; padding:12px; margin:0 0 10px 0; text-align:center; white-space:normal } article #principal_1 #principal_1_site #meio_internas #meio_conteudo { width:480px; height:auto; float:left; z-index:99; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra { width:480px; height:auto; float:left; z-index:99; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:30px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos h1 { font-size:30px; line-height:32px } /* CONTEUDOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra { width:480px; float:left; padding:0 0 25px 0; border-bottom:1px solid #D9D9D9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra a img { margin:0 10px 5px 0; width:200px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos { width:480px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:30px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos img { max-width:100%; height:auto; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria img { width:calc((100% / 2) - 15px); float:left; height:auto; z-index:99; margin:0 15px 15px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mVideoConteudo { float:left; width:100%; height:265px; padding:0 0 10px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare { width:480px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare1 { width:180px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare2 { width:300px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria { width:465px; float:left; height:auto; z-index:99; padding:0 0 0 15px; background-color:#222222; margin:5px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto { width:calc((100% / 2) - 15px); height:130px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria { width:480px; float:left; height:auto; z-index:99 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria #divMFoto { width:calc((100% / 1) - 4px); height:auto; border:2px solid #000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include { width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo { width:218px; height:auto; float:left; text-align:left; border:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_foto { width:198px; height:130px; margin:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_titulo { background-color:#F2F2F2; width:198px; height:80px; float:left; font-size:16px; color:#333333; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_porc { width:198px; height:auto; float:left; border-top:1px solid #E9E9E9; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao { width:218px; height:auto; float:left; border-top:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao input { width:198px; margin:10px 0 10px 0 } /* CONTEUDOS */ .divMostraFotos { width:480px; } .divMostraFotosTituloH1 { font-size:20px; margin:0px; text-align:left; color:#497CA3 } .divMostraFotosTitulo { font-size:22px; width:calc(100% - 240px) } .divMostraFotosImgOut { width:220px; height:130px } .divMostraFotosImgInner { width:220px; height:130px } .divMostraFotosData { width:calc(100% - 240px); } .divMostraFotosChamada { width:calc(100% - 240px); } .imgGaleriaFotos { width:100%; height:auto; float:left; overflow:hidden; margin:0 0 10px 0 } /* modulos */ .modulos-3 { width:calc((100% / 2) - 20px); float:left; height:auto; margin:0 10px 20px 10px; cursor:pointer; background-color:#f9f9f9 } .modulos-3-imagem { width:100%; height:150px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s } .modulos-3-titulo { width:calc(100% - 20px); height:120px; float:left; padding:10px 10px 0 10px; text-align:center } /* EQUIPE */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra { width:calc((100% / 1) - 62px); height:auto; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:15px 10px 10px 10px; border:1px solid #333333 } /* PORTFOLIO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra { width:calc((100% / 2) - 44px); height:150px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:0px; border:2px solid #000000 } .portfolio-div-titulo { width:100%; height:auto; float:left; margin:0 0 15px 0 } .portfolio-div-social { width:320px; height:auto; float:left; min-width:320px; margin:0 0 10px 0 } } @media only screen and (min-width: 0px) and (max-width: 480px){ /* DESTAQUES */ article #principal_1 #principal_1_site { width:320px; height:auto } article #principal_1 #principal_1_site #meio_titulo { width:320px; height:auto; float:left; z-index:99; margin:25px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#333333 } article #principal_1 #principal_1_site #meio_titulo span { font-weight:bold; color:#F3781F } article #principal_1 #principal_1_site #meio_titulo h1 { margin:0px; font-size:25px; font-weight:normal } article #principal_1 #principal_1_site #meio_menu_navegacao { width:320px; height:auto; float:left; z-index:99; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; padding:10px 0 0 0 } article #principal_1 #principal_1_site #meio_internas { width:320px; height:auto; float:left; z-index:99; margin:30px 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_menu {width:320px; height:auto; float:left; z-index:99; margin:0px } article #principal_1 #principal_1_site #meio_internas #meio_menu input[type=button] { width:320px; font-size:20px; text-align:left; padding:12px; margin:0 0 10px 0; text-align:center } article #principal_1 #principal_1_site #meio_internas #meio_menu button { width:320px; font-size:20px; text-align:left; padding:12px; margin:0 0 10px 0; text-align:center; white-space:normal } article #principal_1 #principal_1_site #meio_internas #meio_conteudo { width:320px; height:auto; float:left; z-index:99; line-height:23px; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra { width:320px; height:auto; float:left; z-index:99; line-height:23px; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; margin:30px 0 0 0 } /* CONTEUDOS */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra { width:320px; float:left; padding:0 0 25px 0; border-bottom:1px solid #D9D9D9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra a img { margin:0 0 10px 0; width:300px; border:10px solid #F2F2F2 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_conteudo_mostra #meio_conteudos_mostra #mVideoConteudo { float:left; width:100%; height:180px; padding:0 0 10px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos h1 { font-size:30px; line-height:32px } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos { width:320px; height:auto; float:left; font-size:16px; font-family:"Roboto", Arial, Helvetica, sans-serif; line-height:22px; margin:30px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos img { max-width:calc(100% - 20px); height:auto; border:10px solid #F2F2F2; margin:0 0 10px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria img { width:calc((100% / 2) - 13px); float:left; height:auto; z-index:99; margin:0 10px 10px 0; border:0px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare { width:320px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare1 { width:320px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #divInternaShare #divInternaShare2 { width:320px; margin:10px 0 0 0 } /* CONTEUDOS MOSTRA */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria { width:305px; float:left; height:auto; z-index:99; padding:0 0 0 15px; background-color:#222222; margin:5px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto { width:calc(100% - 15px); margin:0 15px 5px 0; height:auto } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria { width:320px; float:left; height:auto; z-index:99 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria #divMFoto { width:calc((100% / 1) - 4px); height:auto; border:2px solid #000000 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include { width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo { width:318px; height:auto; float:left; text-align:left; border:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_foto { width:298px; height:130px; margin:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_titulo { background-color:#F2F2F2; width:298px; height:35px; float:left; font-size:16px; color:#333333; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_porc { width:298px; height:auto; float:left; border-top:1px solid #E9E9E9; padding:10px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao { width:318px; height:auto; float:left; border-top:1px solid #E9E9E9 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal_modulos_mostra #principal_modulos_include #modulo_principal_conteudo #modulo_principal_botao input { width:298px; margin:10px 0 10px 0 } /* CONTEUDOS */ .divMostraFotos { width:320px; } .divMostraFotosTituloH1 { font-size:20px; margin:0px; text-align:left; color:#497CA3 } .divMostraFotosTitulo { font-size:22px; width:calc(100% - 0px); float:left; margin:30px 0 0 0 } .divMostraFotosImgOut { width:320px; height:180px } .divMostraFotosImgInner { width:320px; height:180px } .divMostraFotosData { width:calc(100% - 0px); margin:7px 0 0 0 } .divMostraFotosChamada { width:calc(100% - 0px); } .imgGaleriaFotos { width:auto; height:auto; float:left; overflow:hidden; margin:0 0 10px 0 } /* modulos */ .modulos-3 { width:calc((100% / 1) - 0px); float:left; height:auto; margin:0 0 20px 0; cursor:pointer; background-color:#f9f9f9 } .modulos-3-imagem { width:100%; height:200px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s } .modulos-3-titulo { width:calc(100% - 20px); height:auto; float:left; padding:10px; text-align:center } /* EQUIPE */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_equipe_mostra { width:calc((100% / 1) - 42px); height:auto; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:15px 0 15px 0; border:1px solid #333333 } /* PORTFOLIO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_portfolio_mostra { width:calc(100% - 44px); height:180px; float:left; z-index:99; line-height:18px; font-size:15px; font-family:"Roboto", Arial, Helvetica, sans-serif; padding:20px; background-color:#111111; margin:0px; border:2px solid #000000 } .portfolio-div-titulo { width:100%; height:auto; float:left; margin:0 0 15px 0 } .portfolio-div-social { width:320px; height:auto; float:left; min-width:320px; margin:0 0 10px 0 } }