/* PRINCIPAL */ article #principal_0 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#E9E9E9; padding:12px 0 12px 0 } article #principal_1 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; padding:0 0 15px 0 } article #principal_mapa { width:100%; margin:0px; left:0px; top:0px; float:left; border-bottom:10px solid #EEEEEE; border-top:10px solid #EEEEEE } article #principal_video { width:100%; height:auto; margin:15px 0 0 0; left:0px; top:0px; float:left } article #principal_depoimentos { width:100%; margin:20px 0 0 0; left:0px; top:0px; float:left; height:auto; border:0px } article #principal_marcas { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#E9E9E9; border:0px } article #principal_noticias { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F2F2F2; border:0px } article #principal_instagram { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F9F9F9; border:0px } article #principal_1 #principal_1_site #principal_modulos h1 { margin:30px 0 0 0; font-size:40px; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center; color:#04214B } article #principal_1 #principal_1_site #principal_modulos h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#CCCCCC; line-height:20px; text-align:center; margin:10px 0 15px 0 } article #principal_instagram #principal_instagram_site #principal-instagram { width:100%; height:auto; float:left; padding:20px 0 70px 0 } article #principal_instagram #principal_instagram_site #principal-instagram h1 { margin:30px 0 10px 0; font-size:45px; line-height:45px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center; color:#8C0000 } article #principal_instagram #principal_instagram_site #principal-instagram h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#CCCCCC; line-height:20px; text-align:center; margin:10px 0 30px 0 } /* dica */ article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos { width:100%; padding:25px 0 0 0; float:left } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:20px; text-align:center } .text-h3 { color:#000000; font-size:18px } /* VIDEO */ article #principal_video #principal_1_video #wrapper { width:100%; height:auto; left:0px; top:0px; float:left } article #principal_video #principal_1_video #wrapper #customElement { width:100%; margin:0px; left:0px; top:0px; float:left; background-position:center center; background-repeat:no-repeat; background-size:100% auto } article #principal_marcas #principal-marcas { width:100%; height:auto; float:left; padding:30px 0 30px 0 } article #principal_marcas #principal-marcas h1 { margin:30px 0 0 0; font-size:40px; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center; color:#04214B } article #principal_marcas #principal-marcas h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#CCCCCC; line-height:20px; text-align:center; margin:10px 0 15px 0 } .principal-marcas-imagem { width:auto; margin:0 10px 20px 10px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; filter: alpha(opacity=30); -webkit-transition: opacity 1s; transition: opacity 1s; cursor:pointer } .principal-marcas-imagem:hover { opacity: 1; filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .principal-marcas-imagem { height:45px; } /* MODULOS */ article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo a { text-decoration:none } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo a:hover { text-decoration:underline } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto img { width:100% } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto { float:left; overflow:hidden; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:cover; position: relative; } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo { width:100%; height:auto; float:left; text-align:left } .moduloPrincipal { margin:20px 10px 0 10px; border: 1px solid #E9E9E9 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto { width:100%; float:left; overflow:hidden; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:cover } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_titulo { width:calc(100% - 20px); height:auto; float:left; padding:10px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_titulo span { font-size:20px; font-weight:bold; color:#FFFFFF } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_mm { width:calc(100% - 20px); height:40px; float:left; padding:10px; background-color:#E9E9E9 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto:hover { opacity: 0.5; transition: opacity 0.5s; } /* PAINEL L */ article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_foto_1 img { width:100%; height:auto; float:left } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 { width:100%; height:auto; float:left; cursor:pointer } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 { width:calc(100% - 32px); height:auto; float:left; text-align:left; padding:15px; margin:20px 0 0 0 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_foto_1 { height:auto; float:left; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover } .modulo_dados_1 { width:calc(100% - 20px); padding:0 0 7px 0; margin:0 10px 7px 10px; border-bottom:1px solid #333333; height:auto; float:left } article #principal_noticias #principal_noticias_site #principal-noticias { width:100%; height:auto; float:left; padding:30px 0 70px 0 } article #principal_noticias #principal_noticias_site #principal-noticias h1 { margin:30px 0 0 0; font-size:40px; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center; color:#8C0000 } article #principal_noticias #principal_noticias_site #principal-noticias h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center } @media only screen and (min-width: 1171px){ /* MODULOS */ article #principal_1 #principal_1_site { width:1170px; height:auto; margin:0 0 20px 0 } article #principal_1 #principal_1_site #principal_modulos { width:1170px; height:auto; float:left } /* MODULOS */ .principal_modulos_mostra { width:calc((100% / 4) - 20px); height:auto; float:left; margin:20px 10px 0 10px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto { height:180px } /* VIDEO */ article #principal_video #principal_1_video { width:1170px; height:500px; margin:25px 0 25px 0 } article #principal_video #principal_1_video #wrapper #customElement { height:500px } /* MAPA HOME */ article #principal_mapa { height:300px } /* DEPOIMENTOS */ article #principal_depoimentos #principal_depoimentos_site { width:1170px; height:auto; margin:25px 0 25px 0; padding:20px 0 0 0 } article #principal_depoimentos #principal_depoimentos_site h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#666666; font-weight:normal } /* dica */ article #principal_depoimentos #principal_depoimentos_site { width:1170px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos { height:500px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos h1 { font-size:40px; margin:0 0 10px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center } /* NOTÍCIAS */ article #principal_noticias #principal_noticias_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif } .div-noticias-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer } .div-noticias-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer } .div-noticias-img { width:200px; height:auto; float:left; margin:0 10px 10px 0 } /* PAINEL L */ article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_foto_1 { width:300px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 { width:calc(100% - 550px); height:auto; float:left; padding:0 15px 0 15px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_preco_1 { width:220px; height:auto; float:left; text-align:right; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:28px; font-weight:900 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_titulo { width:calc(100% - 20px); height:auto; float:left; padding:0 10px 15px 10px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:400 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_info { width:100%; height:auto; float:left; padding:10px 0 0 0 } .modulo_dados { width:calc(100% / 4); height:auto; float:left } /* INMSTAGRAM */ article #principal_instagram #principal_instagram_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_instagram #principal_instagram_site #principal-instagram #instagram img { width:calc((100% / 6) - 1px); height:auto; margin:0 0 1px 1px; float:left } } @media only screen and (min-width: 961px) and (max-width: 1170px){ /* MODULOS */ article #principal_1 #principal_1_site { width:960px; height:auto; margin:0 0 20px 0 } article #principal_1 #principal_1_site #principal_modulos { width:960px; height:auto; float:left } /* MODULOS */ .principal_modulos_mostra { width:calc((100% / 3) - 20px); height:auto; float:left; margin:20px 10px 0 10px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto { height:170px } /* VIDEO */ article #principal_video #principal_1_video { width:960px; height:400px; margin:25px 0 25px 0 } article #principal_video #principal_1_video #wrapper #customElement { height:400px } /* MAPA HOME */ article #principal_mapa { height:300px } /* DEPOIMENTOS */ article #principal_depoimentos #principal_depoimentos_site { width:960px; height:auto; margin:25px 0 25px 0; padding:20px 0 0 0 } article #principal_depoimentos #principal_depoimentos_site h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#666666; font-weight:normal } /* dica */ article #principal_depoimentos #principal_depoimentos_site { width:960px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos { height:500px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos h1 { font-size:40px; margin:0 0 10px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center } /* NOTÍCIAS */ article #principal_noticias #principal_noticias_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif } .div-noticias-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer } .div-noticias-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer } .div-noticias-img { width:200px; height:auto; float:left; margin:0 10px 10px 0 } /* PAINEL L */ article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_foto_1 { width:250px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 { width:calc(100% - 480px); height:auto; float:left; padding:0 15px 0 15px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_preco_1 { width:200px; height:auto; float:left; text-align:right; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:28px; font-weight:900 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_titulo { width:calc(100% - 20px); height:auto; float:left; padding:0 10px 15px 10px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:400 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_info { width:100%; height:auto; float:left; padding:10px 0 0 0 } .modulo_dados { width:calc(100% / 4); height:auto; float:left } /* INMSTAGRAM */ article #principal_instagram #principal_instagram_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_instagram #principal_instagram_site #principal-instagram #instagram img { width:calc((100% / 6) - 1px); height:auto; margin:0 0 1px 1px; float:left } } @media only screen and (min-width: 769px) and (max-width: 960px){ /* MODULOS */ article #principal_1 #principal_1_site { width:768px; height:auto; margin:0 0 20px 0 } article #principal_1 #principal_1_site #principal_modulos { width:768px; height:auto; float:left } /* MODULOS */ .principal_modulos_mostra { width:calc((100% / 2) - 20px); height:auto; float:left; margin:20px 10px 0 10px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto { height:200px } /* VIDEO */ article #principal_video #principal_1_video { width:768px; height:350px; margin:25px 0 25px 0 } article #principal_video #principal_1_video #wrapper #customElement { height:350px } /* MAPA HOME */ article #principal_mapa { height:250px } /* DEPOIMENTOS */ article #principal_depoimentos #principal_depoimentos_site { width:768px; height:auto; margin:25px 0 25px 0; padding:20px 0 0 0 } article #principal_depoimentos #principal_depoimentos_site h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#666666; font-weight:normal } /* dica */ article #principal_depoimentos #principal_depoimentos_site { width:768px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos { height:500px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos h1 { font-size:40px; margin:0 0 10px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center } /* NOTÍCIAS */ article #principal_noticias #principal_noticias_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif } .div-noticias-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer } .div-noticias-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer } .div-noticias-img { width:100%; height:auto; float:left; margin:0 0 10px 0 } /* PAINEL L */ article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_foto_1 { width:250px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 { width:calc(100% - 460px); height:auto; float:left; padding:0 15px 0 15px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_preco_1 { width:180px; height:auto; float:left; text-align:right; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:900 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_titulo { width:calc(100% - 20px); height:auto; float:left; padding:0 10px 0 10px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:400 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_info { width:100%; height:auto; float:left; padding:10px 0 0 0 } .modulo_dados { width:calc(100% / 4); height:auto; float:left; min-width:50%; margin:20px 0 0 0 } /* INMSTAGRAM */ article #principal_instagram #principal_instagram_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_instagram #principal_instagram_site #principal-instagram #instagram img { width:calc((100% / 6) - 1px); height:auto; margin:0 0 1px 1px; float:left } } @media only screen and (min-width: 621px) and (max-width: 768px){ /* MODULOS */ article #principal_1 #principal_1_site { width:620px; height:auto; margin:0 0 20px 0 } article #principal_1 #principal_1_site #principal_modulos { width:620px; height:auto; float:left } /* MODULOS */ .principal_modulos_mostra { width:calc((100% / 2) - 20px); height:auto; float:left; margin:20px 10px 0 10px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto { height:180px } /* MAPA HOME */ article #principal_mapa { height:250px } /* DEPOIMENTOS */ article #principal_depoimentos #principal_depoimentos_site { width:620px; height:auto; margin:25px 0 25px 0; padding:20px 0 0 0 } article #principal_depoimentos #principal_depoimentos_site h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#666666; font-weight:normal } /* dica */ article #principal_depoimentos #principal_depoimentos_site { width:620px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos { height:550px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos h1 { font-size:40px; margin:0 0 10px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center } /* NOTÍCIAS */ article #principal_noticias #principal_noticias_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif } .div-noticias-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer } .div-noticias-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer } .div-noticias-img { width:100%; height:auto; float:left; margin:0 0 10px 0 } /* PAINEL L */ article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_foto_1 { width:50% } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 { width:calc(50% - 15px); height:auto; float:left; padding:0 0 0 15px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_preco_1 { width:100%; height:auto; float:left; text-align:right; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:35px; font-weight:900; text-align:center; padding:15px 0 0 0; border-top:1px solid #DDDDDD; margin:20px 0 0 0 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_titulo { width:calc(100% - 20px); height:auto; float:left; padding:0 10px 0 10px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:400 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_info { width:100%; height:auto; float:left; padding:10px 0 0 0 } .modulo_dados { width:calc(100% / 4); height:auto; float:left; min-width:50%; margin:15px 0 0 0 } /* INMSTAGRAM */ article #principal_instagram #principal_instagram_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_instagram #principal_instagram_site #principal-instagram #instagram img { width:calc((100% / 4) - 1px); height:auto; margin:0 0 1px 1px; float:left } } @media only screen and (min-width: 481px) and (max-width: 620px){ /* MODULOS */ article #principal_1 #principal_1_site { width:480px; height:auto; margin:0 0 20px 0 } article #principal_1 #principal_1_site #principal_modulos { width:480px; height:auto; float:left } /* MODULOS */ .principal_modulos_mostra { width:calc((100% / 2) - 20px); height:auto; float:left; margin:20px 10px 0 10px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto { height:150px } /* MAPA HOME */ article #principal_mapa { height:250px } /* DEPOIMENTOS */ article #principal_depoimentos #principal_depoimentos_site { width:480px; height:auto; margin:25px 0 25px 0; padding:20px 0 0 0 } article #principal_depoimentos #principal_depoimentos_site h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#666666; font-weight:normal } /* dica */ article #principal_depoimentos #principal_depoimentos_site { width:480px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos { height:550px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos h1 { font-size:40px; margin:0 0 10px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center } /* NOTÍCIAS */ article #principal_noticias #principal_noticias_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif } .div-noticias-1 { width:calc((100% / 2) - 51px); height:auto; float:left; padding:0 50px 0 0; border-right:1px solid #CCCCCC; text-align:left; cursor:pointer } .div-noticias-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer } .div-noticias-img { width:100%; height:auto; float:left; margin:0 0 10px 0 } /* PAINEL L */ article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_foto_1 { width:100% } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 { width:calc(100% - 0px); height:auto; float:left; padding:15px 0 0 0 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_preco_1 { width:100%; height:auto; float:left; text-align:right; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:35px; font-weight:900; text-align:center; padding:15px 0 0 0; border-top:1px solid #DDDDDD; margin:20px 0 0 0 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_titulo { width:calc(100% - 0px); height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:400; text-align:center } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_info { width:100%; height:auto; float:left; padding:10px 0 0 0 } .modulo_dados { width:calc(100% / 4); height:auto; float:left; min-width:25%; margin:15px 0 0 0 } /* INMSTAGRAM */ article #principal_instagram #principal_instagram_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_instagram #principal_instagram_site #principal-instagram #instagram img { width:calc((100% / 4) - 1px); height:auto; margin:0 0 1px 1px; float:left } } @media only screen and (min-width: 0px) and (max-width: 480px){ /* MODULOS */ article #principal_1 #principal_1_site { width:320px; height:auto; margin:0 0 20px 0 } article #principal_1 #principal_1_site #principal_modulos { width:320px; height:auto; float:left } /* MODULOS */ .principal_modulos_mostra { width:calc(100% - 20px); height:auto; float:left; margin:20px 10px 0 10px } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra #modulo_principal_conteudo #modulo_principal_foto { height:180px } /* MAPA HOME */ article #principal_mapa { height:250px } /* DEPOIMENTOS */ article #principal_depoimentos #principal_depoimentos_site { width:320px; height:auto; margin:25px 0 25px 0; padding:20px 0 0 0 } article #principal_depoimentos #principal_depoimentos_site h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#666666; font-weight:normal } /* dica */ article #principal_depoimentos #principal_depoimentos_site { width:320px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos { height:600px } article #principal_depoimentos #principal_depoimentos_site #principal_depoimentos_depoimentos h1 { font-size:40px; margin:0 0 10px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center } /* NOTÍCIAS */ article #principal_noticias #principal_noticias_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif } .div-noticias-1 { width:100%; height:auto; float:left; padding:0 0 50px 0; border-bottom:1px solid #CCCCCC; text-align:left; cursor:pointer } .div-noticias-2 { width:100%; height:auto; float:left; padding:50px 0 0 0; text-align:left; cursor:pointer } .div-noticias-img { width:100%; height:auto; float:left; margin:0 0 10px 0 } /* PAINEL L */ article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_foto_1 { width:100% } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 { width:calc(100% - 0px); height:auto; float:left; padding:15px 0 0 0 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_preco_1 { width:100%; height:auto; float:left; text-align:right; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:35px; font-weight:900; text-align:center; padding:15px 0 0 0; border-top:1px solid #DDDDDD; margin:20px 0 0 0 } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_titulo { width:calc(100% - 0px); height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:25px; font-weight:400; text-align:center } article #principal_1 #principal_1_site #principal_modulos #principal_modulos_mostra_1 #modulo_principal_conteudo_1 #modulo_principal_dados_1 #modulo_principal_dados_info { width:100%; height:auto; float:left; padding:10px 0 0 0 } .modulo_dados { width:calc(100% / 4); height:auto; float:left; min-width:50%; margin:15px 0 0 0 } /* INMSTAGRAM */ article #principal_instagram #principal_instagram_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif } article #principal_instagram #principal_instagram_site #principal-instagram #instagram img { width:calc((100% / 3) - 1px); height:auto; margin:0 0 1px 1px; float:left } }