/* 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 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento { margin:0px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #NOME { width:calc(100% - 22px); 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:10px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #ENDERECOE { width:calc(100% - 22px); 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:10px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #TELEFONE { width:calc(100% - 22px); 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:10px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #CONSUMO { width:calc(100% - 22px); 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:10px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #CONTA { width:calc(100% - 22px); 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:10px; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #ENDERECO { width:calc(70% - 22px); 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:10px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #NUMERO { width:calc(30% - 32px); 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:10px; margin:5px 0 5px 10px; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #COMPLEMENTO { width:calc(100% - 22px); 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:10px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #BAIRRO { width:calc(60% - 22px); 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:10px; margin:5px 0 5px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #CEP { width:calc(40% - 32px); 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:10px; margin:5px 0 5px 10px; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #CIDADE { width:calc(70% - 22px); 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:10px; margin:5px 0 10px 0; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #ESTADO { width:calc(30% - 32px); 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:10px; margin:5px 0 10px 10px; border:1px solid #CCCCCC } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #frmOrcamento #enviarOrcamento { font-size:20px; padding:10px; margin:0 0 30px 0 } /* CONTEUDOS */ .divMostraFotos { height:auto; float:left; overflow: hidden; float:left; padding:15px; background-color:#F2F2F2; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 20px 0 } .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:#222222; 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; } .imgHover3:hover { opacity: 0.5; filter: alpha(opacity=50); transition: .5s ease; background-color: #f2f2f2 } 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:#222222; margin:0px; line-height:32px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #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:10px; background-color:#F2F2F2; margin:0 0 20px 0; } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #meio_depoimentos_mostra #divImg { max-width:100%; height:auto; margin:0 15px 5px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #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; font-family:"Roboto"; font-weight:300; font-size:17px; color:#333333 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #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 } .meio_depoimentos_mostra { font-family:"Roboto"; font-weight:300; font-size:17px; color:#333333 } .modulos-3-imagem:hover { -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -webkit-box-shadow:inset 0px 0px 0px 7px #222222; -moz-box-shadow:inset 0px 0px 0px 7px #222222; box-shadow:inset 0px 0px 0px 7px #222222; } .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 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal-3 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal-3 h1 { margin:30px 0 0 0; font-size:45px; line-height:45px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center; color:#222222 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo #principal-3 h2 { font-size:20px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center } .principal-3 { float:left; height:auto; cursor:pointer; background-color:#F5F5F5; color:#333333; font-size:20px; font-family:"Roboto", Arial, Helvetica, sans-serif } .principal-3:hover { background-color:#E9E9E9; color:#000000 } .principal-3-texto { width:calc(100% - 30px); float:left; padding:0 15px 0 15px; text-align:center } .principal-3-botao { width:100%; height:auto; float:left; padding:0 0 20px 0 } .classDivMFoto { 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; z-index:99; margin:0 15px 15px 0; background-color:#F2F2F2; background-repeat:no-repeat } /* PORTFOLIO */ .portfolio-texto { display: table-cell; vertical-align: middle; text-align:center; color:#FFFFFF; font-size:25px; line-height:25px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:800; text-shadow:1px 1px #000000 } .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 } .portfolio-imagem:hover { -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; -webkit-box-shadow:inset 0px 0px 0px 200px #f2f2f2; -moz-box-shadow:inset 0px 0px 0px 200px #f2f2f2; box-shadow:inset 0px 0px 0px 200px #f2f2f2; } 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 #FFFFFF } 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 #f2f2f2; -moz-box-shadow:inset 0px 0px 0px 200px #f2f2f2; box-shadow:inset 0px 0px 0px 200px #f2f2f2; border:2px solid #f2f2f2 } @media only screen and (min-width: 1171px){ /* DESTAQUES */ article #principal_1 #principal_1_site { width:1170px; height:auto } article #principal_1 #principal_1_site #meio_titulo { width:1170px; 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:1170px; 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:1170px; 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 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #meio_conteudo_comofunciona { width:100%; 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:15px 0 0 15px; background-color:#F2F2F2; margin:5px 0 0 0 } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos #mostraGaleria #divMFoto { width:calc((100% / 3) - 15px); height:100px } .classDivMFoto { width:calc((100% / 3) - 15px); height:140px } .classDivMFotoG { width:calc(100% - 15px); height:auto; float:left; margin:0px } article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #mostraGaleria { width:1170px; 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:1170px } 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:1170px; 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:1170px; margin:10px 0 0 0; float:left } article #principal_1 #principal_1_site #meio_internas #meio_conteudo_conteudos2 #divInternaShare { width:1170px; 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:calc(100% - 30px); } .divMostraFotosTitulo { font-size:25px; text-align:left } .divMostraFotosTituloH1 { font-size:25px; margin:0px; text-align:left; color:#222222 } .divMostraFotosImgOut { height:220px; } .divMostraFotosImgInner { height:220px; } .imgGaleriaFotos { width:auto; height:auto; float:left; overflow:hidden; margin:0 0 10px 0 } .principal-3-imagem { width:100%; height:160px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 } .principal-3-texto { height:155px } .principal-3 { width:calc((100% / 3) - 20px); margin:0 10px 20px 10px } /* AREA DO ALUNO */ article #principal_1 #principal_1_site #meio_internas #meio_conteudo2 #divLogin #divLoginForm { width:calc((100% - 50% - 40px)); margin:0 25% 0 25% } /* CONTEUDOS */ .divMostraInformativos { width:845px; } .divMostraInformativosTitulo { font-size:25px } .divMostraInformativosImgOut { height:220px; } .divMostraInformativosImgInner { height:220px; } /* 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 #FFFFFF } .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: 961px) and (max-width: 1170px){ /* 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:15px 0 0 15px; background-color:#f2f2f2; 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 } .classDivMFoto { width:calc((100% / 3) - 15px); height:110px } .classDivMFotoG { width:calc(100% - 15px); height:auto; float:left; margin:0px } 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 #FFFFFF } /* 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 */ .divMostraInformativos { width:635px; } .divMostraInformativosTitulo { font-size:22px } .divMostraInformativosImgOut { height:220px; } .divMostraInformativosImgInner { height:220px; } /* CONTEUDOS */ .divMostraFotos { width:100%; } .divMostraFotosTituloH1 { font-size:25px; margin:0px; text-align:left; color:#222222 } .divMostraFotosTitulo { font-size:22px; text-align:left } .divMostraFotosImgOut { height:220px; } .divMostraFotosImgInner { height:220px; } .imgGaleriaFotos { width:auto; height:auto; float:left; overflow:hidden; margin:0 0 10px 0 } .principal-3-imagem { width:100%; height:160px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 } .principal-3-texto { height:150px } .principal-3 { width:calc((100% / 2) - 20px); margin:0 10px 20px 10px } /* 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 #FFFFFF } .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:15px 0 0 15px; background-color:#f2f2f2; 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 } .classDivMFoto { width:calc((100% / 2) - 15px); height:120px } .classDivMFotoG { width:calc(100% - 15px); height:auto; float:left; margin:0px } 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 #FFFFFF } 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 */ .divMostraInformativos { width:443px; } .divMostraInformativosTitulo { font-size:22px; width:calc(100% - 220px) } .divMostraInformativosImgOut { width:200px; height:120px } .divMostraInformativosImgInner { width:200px; height:120px } .divMostraInformativosData { width:calc(100% - 220px); } .divMostraInformativosChamada { width:calc(100% - 220px); } /* CONTEUDOS */ .divMostraFotos { width:100%; } .divMostraFotosTituloH1 { font-size:20px; margin:0px; text-align:left; color:#222222 } .divMostraFotosTitulo { font-size:22px; width:calc(100% - 220px); text-align:left } .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 } .principal-3-imagem { width:100%; height:150px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 } .principal-3-texto { height:210px } .principal-3 { width:calc((100% / 2) - 20px); margin:0 10px 20px 10px } /* 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 #FFFFFF } .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:15px 0 0 15px; background-color:#f2f2f2; 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 } .classDivMFoto { width:calc((100% / 3) - 15px); height:110px } .classDivMFotoG { width:calc(100% - 15px); height:auto; float:left; margin:0px } 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 #FFFFFF } 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 */ .divMostraInformativos { width:620px; } .divMostraInformativosTitulo { font-size:22px; width:calc(100% - 320px) } .divMostraInformativosImgOut { width:300px; height:170px } .divMostraInformativosImgInner { width:300px; height:170px } .divMostraInformativosData { width:calc(100% - 320px); } .divMostraInformativosChamada { width:calc(100% - 320px); } /* CONTEUDOS */ .divMostraFotos { width:100%; } .divMostraFotosTituloH1 { font-size:20px; margin:0px; text-align:left; color:#222222 } .divMostraFotosTitulo { font-size:22px; width:calc(100% - 320px); text-align:left } .divMostraFotosImgOut { width:300px; height:170px } .divMostraFotosImgInner { width:300px; height:170px } .divMostraFotosData { width:calc(100% - 320px); } .divMostraFotosChamada { width:calc(100% - 320px); } .principal-3-imagem { width:100%; height:165px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 } .principal-3-texto { height:150px } .principal-3 { width:calc((100% / 2) - 20px); margin:0 10px 20px 10px } /* 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 #FFFFFF } .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:15px 0 0 15px; background-color:#f2f2f2; 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 } .classDivMFoto { width:calc((100% / 2) - 15px); height:130px } .classDivMFotoG { width:calc(100% - 15px); height:auto; float:left; margin:0px } 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 #FFFFFF } 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 */ .divMostraInformativos { width:480px; } .divMostraInformativosTitulo { font-size:22px; width:calc(100% - 240px) } .divMostraInformativosImgOut { width:220px; height:130px } .divMostraInformativosImgInner { width:220px; height:130px } .divMostraInformativosData { width:calc(100% - 240px); } .divMostraInformativosChamada { width:calc(100% - 240px); } /* CONTEUDOS */ .divMostraFotos { width:100%; } .divMostraFotosTituloH1 { font-size:20px; margin:0px; text-align:left; color:#222222 } .divMostraFotosTitulo { font-size:22px; width:calc(100% - 240px); text-align:left } .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 } .principal-3-imagem { width:100%; height:160px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 } .principal-3-texto { height:180px } .principal-3 { width:calc((100% / 2) - 20px); margin:20px 10px 0 10px } /* 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 #FFFFFF } .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:15px 0 0 15px; background-color:#f2f2f2; 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 } .classDivMFoto { width:100%; height:auto; margin:0 0 5px 0 } .classDivMFotoG { width:100%; height:auto; float:left; margin:0 0 5px 0 } 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 #FFFFFF } 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 */ .divMostraInformativos { width:320px; } .divMostraInformativosTitulo { font-size:22px; width:calc(100% - 0px) } .divMostraInformativosImgOut { width:320px; height:180px } .divMostraInformativosImgInner { width:320px; height:180px } .divMostraInformativosData { width:calc(100% - 0px); margin:7px 0 0 0 } .divMostraInformativosChamada { width:calc(100% - 0px); } /* CONTEUDOS */ .divMostraFotos { width:100%; } .divMostraFotosTituloH1 { font-size:20px; margin:0px; text-align:left; color:#222222 } .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 } .principal-3-imagem { width:100%; height:175px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 } .principal-3-texto { height:auto } .principal-3 { width:calc(100% / 1); margin:0 0 40px 0 } /* 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 #FFFFFF } .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 } }