/* PRINCIPAL */

article #principal_0 { width:100%; margin:0px; float:left; height:auto; background-color:#1B285D; background-position:top center; background-repeat:no-repeat; background-size:105% auto; background-position:-1px -1px; border:none; border:0px }

article #principal_1 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#ffffff; border:0px }

article #principal_2 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px }

article #principal_3 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF; border:0px }

article #principal_7 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#E9E9E9; border:0px }

article #principal_5 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#E9E9E9; border:0px }

article #principal_6 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px }

article #principal_4 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px }





article #principal_mapa { width:100%; margin:0px; left:0px; top:0px; float:left; border-bottom:10px solid #EEEEEE; border-top:10px solid #EEEEEE }



/* dica */

article #principal_5 #principal_5_site #principal_5_depoimentos { width:100%; padding:40px 0 0 0; float:left }

article #principal_5 #principal_5_site #principal_5_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 }



article #principal_0 #principal_0_site #principal-0 { width:100%; height:auto; float:left; padding:90px 0 90px 0 } 

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 input { font-size:22px; margin:10px 0 0 0; padding:7px 15px 7px 15px;  font-weight:600 }



article #principal_2 #principal_2_site #principal-2 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } 

article #principal_2 #principal_2_site #principal-2 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:#1B285D }

article #principal_2 #principal_2_site #principal-2 h2 { font-size:22px; line-height:24px; font-weight:200; margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; margin:10px 0 20px 0 }

article #principal_2 #principal_2_site #principal-2 h3 { font-size:24px; line-height:28px; font-weight:200; margin:15px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666 }

article #principal_2 #principal_2_site #principal-2 h5 { font-size:30px; line-height:30px; font-weight:200; margin:10px 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#1B285D; font-weight:700 }

.principal-2 { height:auto; float:left; padding:0 0 20px 0; }





article #principal_3 #principal_3_site #principal-3 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } 

article #principal_3 #principal_3_site #principal-3 h1 { margin:30px 0 0 0; font-size:45px; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:900; text-align: center; color:#1B285D }

article #principal_3 #principal_3_site #principal-3 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center; margin:5px 0 25px 0 }

.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 }

.principal-3-botao { width:100%; height:auto; float:left; padding:0 0 20px 0 }





article #principal_7 #principal_7_site #principal-7 { width:100%; height:auto; float:left; padding:30px 0 40px 0;  } 

article #principal_7 #principal_7_site #principal-7 h2 { font-weight:200; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#1B285D }

article #principal_7 #principal_7_site #principal-7 h1 { font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:800; text-align: center; color:#333333 }





article #principal_6 #principal-6 { width:100%; height:auto; float:left; padding:30px 0 30px 0 } 

article #principal_6 #principal-6 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:#1B285D }

article #principal_6 #principal-6 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center; margin-bottom:30px }

.principal-6-imagem { width:auto; margin:0 5px 20px 5px; -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; }

.principal-6-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-6-imagem { height:100px; }





article #principal_4 #principal_4_site #principal-4 { width:100%; height:auto; float:left; padding:30px 0 10px 0 } 

article #principal_4 #principal_4_site #principal-4 input { font-size:22px; margin:30px 0 0 0; padding:7px 15px 7px 15px;  font-weight:600 }

article #principal_4 #principal_4_site #principal-4 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:#1B285D }

article #principal_4 #principal_4_site #principal-4 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#666666; line-height:20px; text-align:center; margin:5px 0 25px 0 }

.principal-4-imagem:hover { -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; -webkit-box-shadow:inset 0px 0px 0px 200px #222222; -moz-box-shadow:inset 0px 0px 0px 200px #222222; box-shadow:inset 0px 0px 0px 200px #222222; }







@media only screen and (min-width: 1171px){



/* PRINCIPAL */

article #principal_0 #principal_0_site { width:1170px }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(65% - 40px); height:auto; float:left; margin:0 40px 0 0 }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#F2F2F2; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:25px; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:35%; height:auto; float:left }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:350px; height:auto; float:right; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }





article #principal_2 #principal_2_site { width:1170px }

.principal-2 { width:calc((100% / 3) - 80px); margin:0 40px 0 40px }





article #principal_3 #principal_3_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif }

.principal-3-imagem { width:100%; height:200px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 }

.principal-3-texto { height:140px; font-size:25px }

.principal-3 { width:calc((100% / 4) - 20px); margin:0 10px 20px 10px } 





article #principal_7 #principal_7_site #principal-7 h2 { margin:20px 0 0 0; font-size:30px; line-height:32px }

.div_whats_modulo_7 { --w-whatsapp: 280px; width:var(--w-whatsapp); height:auto; float:left; background-color:#0CB466; padding:10px 0 10px 0; color:#FFFFFF; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:15px calc((100% / 2) - (var(--w-whatsapp) / 2)) 0 calc((100% / 2) - (var(--w-whatsapp) / 2)); font-size:25px; font-weight:700; white-space:nowrap }



/* dica */

article #principal_5 #principal_5_site { width:1170px }

article #principal_5 #principal_5_site #principal_5_depoimentos { height:500px }

article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000 }



article #principal_4 #principal_4_site { width:1170px }

article #principal_4 #mPortfolio { width:100%; float:left; height:auto }

.foto-portfolio { width:calc(25% - 2px); height:220px; float:left; margin:1px; cursor:pointer; }

article #principal_4 #mPortfolio #mDivPortfolio { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

article #principal_4 #mPortfolio #mDivPortfolio:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }







}









@media only screen and (min-width: 961px) and (max-width: 1170px){



/* PRINCIPAL */

article #principal_0 #principal_0_site { width:960px }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(65% - 40px); height:auto; float:left; margin:0 40px 0 0 }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#F2F2F2; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:20px; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:35%; height:auto; float:left }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:500px; height:auto; float:right; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }





article #principal_2 #principal_2_site { width:960px }

.principal-2 { width:calc((100% / 3) - 40px); margin:0 20px 0 20px }





article #principal_3 #principal_3_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif }

.principal-3-imagem { width:100%; height:170px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 }

.principal-3-texto { height:150px; font-size:25px }

.principal-3 { width:calc((100% / 4) - 20px); margin:0 10px 20px 10px } 





article #principal_7 #principal_7_site #principal-7 h2 { margin:20px 0 0 0; font-size:30px; line-height:32px }

.div_whats_modulo_7 { --w-whatsapp: 280px; width:var(--w-whatsapp); height:auto; float:left; background-color:#0CB466; padding:10px 0 10px 0; color:#FFFFFF; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:15px calc((100% / 2) - (var(--w-whatsapp) / 2)) 0 calc((100% / 2) - (var(--w-whatsapp) / 2)); font-size:25px; font-weight:700; white-space:nowrap }







/* dica */

article #principal_5 #principal_5_site { width:960px }

article #principal_5 #principal_5_site #principal_5_depoimentos { height:500px }

article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000 }





article #principal_4 #principal_4_site { width:960px }

article #principal_4 #mPortfolio { width:100%; float:left; height:auto }

.foto-portfolio { width:calc(25% - 2px); height:200px; float:left; margin:1px; cursor:pointer; }

article #principal_4 #mPortfolio #mDivPortfolio { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

article #principal_4 #mPortfolio #mDivPortfolio:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }





}









@media only screen and (min-width: 769px) and (max-width: 960px){



/* PRINCIPAL */

article #principal_0 #principal_0_site { width:768px }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(70% - 40px); height:auto; float:left; margin:0 40px 0 0 }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#F2F2F2; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:20px; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:30%; height:auto; float:left }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:500px; height:auto; float:right; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }





/* PRINCIPAL */

article #principal_2 #principal_2_site { width:768px }

.principal-2 { width:calc((100% / 3) - 40px); margin:0 20px 0 20px }





article #principal_3 #principal_3_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif }

.principal-3-imagem { width:100%; height:170px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 }

.principal-3-texto { height:150px; font-size:25px }

.principal-3 { width:calc((100% / 3) - 20px); margin:0 10px 20px 10px } 





article #principal_7 #principal_7_site #principal-7 h2 { margin:20px 0 0 0; font-size:30px; line-height:32px }

.div_whats_modulo_7 { --w-whatsapp: 280px; width:var(--w-whatsapp); height:auto; float:left; background-color:#0CB466; padding:10px 0 10px 0; color:#FFFFFF; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:15px calc((100% / 2) - (var(--w-whatsapp) / 2)) 0 calc((100% / 2) - (var(--w-whatsapp) / 2)); font-size:25px; font-weight:700; white-space:nowrap }







/* dica */

article #principal_5 #principal_5_site { width:768px }

article #principal_5 #principal_5_site #principal_5_depoimentos { height:500px }

article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000 }



article #principal_4 #principal_4_site { width:768px }

article #principal_4 #mPortfolio { width:100%; float:left; height:auto }

.foto-portfolio { width:calc(50% - 2px); height:250px; float:left; margin:1px; cursor:pointer; }

article #principal_4 #mPortfolio #mDivPortfolio { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

article #principal_4 #mPortfolio #mDivPortfolio:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }



}











@media only screen and (min-width: 621px) and (max-width: 768px){



/* PRINCIPAL */

article #principal_0 #principal_0_site { width:620px }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(100% - 40px); height:auto; float:left; margin:0 20px 0 20px }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#F2F2F2; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:20px; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:100%; height:auto; float:left }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:320px; height:auto; float:left; margin:20px 150px 0 150px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }





/* PRINCIPAL */

article #principal_2 #principal_2_site { width:620px }

.principal-2 { width:calc((100% / 3) - 40px); margin:0 20px 0 20px }





article #principal_3 #principal_3_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif }

.principal-3-imagem { width:100%; height:200px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 }

.principal-3-texto { height:150px; font-size:25px }

.principal-3 { width:calc((100% / 2) - 20px); margin:0 10px 20px 10px } 





article #principal_7 #principal_7_site #principal-7 h2 { margin:20px 0 0 0; font-size:25px; line-height:27px }

.div_whats_modulo_7 { --w-whatsapp: 280px; width:var(--w-whatsapp); height:auto; float:left; background-color:#0CB466; padding:10px 0 10px 0; color:#FFFFFF; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:15px calc((100% / 2) - (var(--w-whatsapp) / 2)) 0 calc((100% / 2) - (var(--w-whatsapp) / 2)); font-size:25px; font-weight:700; white-space:nowrap }





/* dica */

article #principal_5 #principal_5_site { width:620px }

article #principal_5 #principal_5_site #principal_5_depoimentos { height:550px }

article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000 }





article #principal_4 #principal_4_site { width:620px }

article #principal_4 #mPortfolio { width:100%; float:left; height:auto }

.foto-portfolio { width:calc(50% - 2px); height:230px; float:left; margin:1px; cursor:pointer; }

article #principal_4 #mPortfolio #mDivPortfolio { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

article #principal_4 #mPortfolio #mDivPortfolio:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }



}









@media only screen and (min-width: 481px) and (max-width: 620px){



/* PRINCIPAL */

article #principal_0 #principal_0_site { width:480px }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:calc(100% - 40px); height:auto; float:left; margin:0 20px 0 20px }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#F2F2F2; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:20px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:22px; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:100%; height:auto; float:left }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:280px; height:auto; float:left; margin:20px 100px 0 100px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }





/* PRINCIPAL */

article #principal_2 #principal_2_site { width:480px }

.principal-2 { width:100%; margin:0px }





article #principal_3 #principal_3_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif }

.principal-3-imagem { width:100%; height:180px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 }

.principal-3-texto { height:150px; font-size:25px }

.principal-3 { width:calc((100% / 2) - 20px); margin:0 10px 20px 10px } 





article #principal_7 #principal_7_site #principal-7 h2 { margin:20px 0 0 0; font-size:20px; line-height:22px }

.div_whats_modulo_7 { --w-whatsapp: 280px; width:var(--w-whatsapp); height:auto; float:left; background-color:#0CB466; padding:10px 0 10px 0; color:#FFFFFF; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:15px calc((100% / 2) - (var(--w-whatsapp) / 2)) 0 calc((100% / 2) - (var(--w-whatsapp) / 2)); font-size:25px; font-weight:700; white-space:nowrap }





/* dica */

article #principal_5 #principal_5_site { width:480px }

article #principal_5 #principal_5_site #principal_5_depoimentos { height:550px }

article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000 }





article #principal_4 #principal_4_site { width:480px }

article #principal_4 #mPortfolio { width:100%; float:left; height:auto }

.foto-portfolio { width:calc(50% - 2px); height:200px; float:left; margin:1px; cursor:pointer; }

article #principal_4 #mPortfolio #mDivPortfolio { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

article #principal_4 #mPortfolio #mDivPortfolio:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }





}











@media only screen and (min-width: 0px) and (max-width: 480px){



/* PRINCIPAL */

article #principal_0 #principal_0_site { width:320px; font-size:18px }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:100%; height:auto; float:left; margin:0px  }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { font-size:40px; font-weight:900; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#F2F2F2; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:20px; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:22px; text-align:center }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:100%; height:auto; float:left }

article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; max-width:220px; height:auto; float:left; margin:20px 50px 0 50px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }





/* PRINCIPAL */

article #principal_2 #principal_2_site { width:320px }

article #principal_2 #principal_2_site #principal-2 h1 { font-size:40px; line-height:40px }

.principal-2 { width:calc(100% - 40px); margin:0 20px 0 20px }





article #principal_3 #principal_3_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif }

.principal-3-imagem { width:100%; height:200px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0 0 15px 0 }

.principal-3-texto { height:auto; font-size:25px }

.principal-3 { width:calc((100% / 1) - 20px); margin:0 10px 20px 10px } 





article #principal_7 #principal_7_site #principal-7 h2 { margin:20px 0 0 0; font-size:20px; line-height:22px }

.div_whats_modulo_7 { --w-whatsapp: 280px; width:var(--w-whatsapp); height:auto; float:left; background-color:#0CB466; padding:10px 0 10px 0; color:#FFFFFF; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:15px calc((100% / 2) - (var(--w-whatsapp) / 2)) 0 calc((100% / 2) - (var(--w-whatsapp) / 2)); font-size:25px; font-weight:700; white-space:nowrap }





/* dica */

article #principal_5 #principal_5_site { width:320px }

article #principal_5 #principal_5_site #principal_5_depoimentos { height:600px }

article #principal_5 #principal_5_site #principal_5_depoimentos h1 { font-size:45px; margin:30px 0 20px 0; line-height:40px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000 }





article #principal_4 #principal_4_site { width:320px }

article #principal_4 #principal_4_site #principal-4 h1 { font-size:60px; line-height:45px }

article #principal_4 #mPortfolio { width:100%; float:left; height:auto }

.foto-portfolio { width:calc(100% - 2px); height:220px; float:left; margin:1px; cursor:pointer; }

article #principal_4 #mPortfolio #mDivPortfolio { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

article #principal_4 #mPortfolio #mDivPortfolio:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }



}