/* PRINCIPAL */
article #principal_0 { width:100%; margin:0px; float:left; height:auto; background-color:#F2F2F2 }
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:#FDED01; border:0px }
article #principal_3 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF; border:0px }
article #principal_4 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px }
article #principal_5 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#eeeeee; border:0px }
article #principal_6 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F5F5F5; border:0px }
article #principal_7 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#FFFFFF; border:0px }
article #principal_9 { width:100%; margin:0px; float:left; height:auto; background-color:#111111 }
article #principal_8 { width:100%; margin:0px; left:0px; top:0px; float:left; height:auto; background-color:#F2F2F2; 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 { width:100%; height:auto; float:left } 
article #principal_5 #principal_5_site #principal-5 h1 { font-family:"Playfair+Display"; font-weight:900; text-align:center }

article #principal_0 #principal_0_site #principal-0 { width:100%; height:auto; float:left; padding:20px 0 20px 0; background-position:center center; background-repeat:no-repeat; background-size:cover } 
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:20px 0 40px 0;  } 
article #principal_2 #principal_2_site #principal-2 h1 { margin:30px 0 5px 0; font-size:30px; line-height:25px; font-family:"Playfair+Display"; font-weight:700; text-align: center; color:#000000 }
article #principal_2 #principal_2_site #principal-2 h2 { font-size:18px; line-height:20px; font-weight:200; margin:5px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#777777; margin:0 0 20px 0 }
article #principal_2 #principal_2_site #principal-2 h3 { font-size:22px; line-height:24px; font-weight:600; margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FDED01 }
article #principal_2 #principal_2_site #principal-2 h5 { font-size:16px; line-height:18px; font-weight:300; margin:10px 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF }
.principal-2 { height:auto; float:left; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; background-color:#111111; }
.principal-2:hover { background-color:#222222; }


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 5px 0; font-size:30px; line-height:25px; font-family:"Playfair+Display"; font-weight:700; text-align: center; color:#000000 }
article #principal_3 #principal_3_site #principal-3 h2 { font-size:18px; line-height:20px; font-weight:200; margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#999999; margin:0 0 20px 0 }


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 5px 0; font-size:30px; line-height:25px; font-family:"Playfair+Display"; font-weight:700; text-align: center; color:#000000 }
article #principal_4 #principal_4_site #principal-4 h2 { font-size:18px; line-height:20px; font-weight:200; margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#999999; margin:0 0 20px 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; }


article #principal_6 #principal-6 { width:100%; height:auto; float:left; padding:30px 0 50px 0 } 
article #principal_6 #principal-6 h1 { margin:30px 0 5px 0; font-size:30px; line-height:25px; font-family:"Playfair+Display"; font-weight:700; text-align: center; color:#000000 }
article #principal_6 #principal-6 h2 { font-size:18px; line-height:20px; font-weight:200; margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#999999; margin:0 0 40px 0 }
.principal-6-imagem { width:auto; margin:0 15px 20px 15px; -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_7 #principal_7_site #principal-7 { width:100%; height:auto; float:left; padding:30px 0 0 0;  } 
article #principal_7 #principal_7_site #principal-7 h1 { margin:30px 0 5px 0; font-size:30px; line-height:25px; font-family:"Playfair+Display"; font-weight:700; text-align: center; color:#000000 }
article #principal_7 #principal_7_site #principal-7 h2 { font-size:18px; line-height:20px; font-weight:200; margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#999999; margin:0 0 20px 0 }
.principal-7 { width:100%; height:400px; float:left }

article #principal_9 #principal_9_site #principal-9 { width:100%; height:auto; float:left; padding:0 0 50px 0 } 
article #principal_9 #principal_9_site #principal-9 h1 { margin:50px 0 5px 0; font-size:30px; line-height:25px; font-family:"Playfair+Display"; font-weight:700; text-align: center; color:#000000 }
article #principal_9 #principal_9_site #principal-9 h2 { font-size:18px; line-height:20px; font-weight:200; margin:5px 0 0 0; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#999999; margin:0 0 20px 0 }

article #principal_8 #principal_8_site #principal-8 { width:100%; height:auto; float:left; padding:30px 0 50px 0 } 
article #principal_8 #principal_8_site #principal-8 h1 { margin:30px 0 5px 0; font-size:30px; line-height:25px; font-family:"Playfair+Display"; font-weight:700; text-align: center; color:#000000 }
article #principal_8 #principal_8_site #principal-8 h2 { font-size:18px; line-height:20px; font-weight:200; margin:0px; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#999999; margin:0 0 20px 0 }


@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(60% - 10px); height:auto; float:left; margin:0 10px 0 0 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { margin:50px 0 10px 0; font-size:60px; line-height:60px; font-family:"Playfair+Display"; font-weight:900; text-align: left; color:#000000 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:20px; margin:15px 0 0 0; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:25px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h3 { font-size:26px; margin:15px 0 0 0; font-weight:200; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:30px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:calc(40% - 10px); height:auto; float:left; margin:0 0 0 10px }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; height:auto; float:left }


article #principal_2 #principal_2_site { width:1170px }
.principal-2 { width:calc(((100% / 4) - 30px) - 40px); margin:15px 15px 0 15px; padding:0 20px 20px 20px }


article #principal_3 #principal_3_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.2colunas { -webkit-column-count:2; -moz-column-count:2; column-count:2 }

article #principal_4 #principal_4_site { width:1170px }
article #principal_4 #mFotos { width:100%; float:left; height:auto }
.foto-fotos { width:calc(20% - 10px); height:200px; float:left; margin:1px 5px 10px 5px; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
article #principal_4 #mFotos #mDivFotos { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
article #principal_4 #mFotos #mDivFotos:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }


/* PARALAX */
article #principal_5 #principal_5_site { width:1170px }
article #principal_5 #principal_5_site #principal-5 { width:100%; height:auto; padding:100px 0 100px 0; float:left }
article #principal_5 #principal_5_site #principal-5 h1 { font-size:80px; line-height:70px; margin:0px; color:#F9F9F9 }

article #principal_6 #principal_6_site { width:1170px }


article #principal_9 #principal_9_site { width:1170px }
article #principal_9 #principal_9_site #principal-9 #principal-9-2 { width:calc(100% - 30px); height:642px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; font-size:16px; line-height:22px; text-align:center; font-weight:300; margin:0 15px 0 15px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }
.principal-9-video { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }

/* BLOG */
article #principal_8 #principal_8_site { width:1170px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-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-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:200px; height:auto; float:left; margin:0 10px 10px 0 }


}




@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(55% - 10px); height:auto; float:left; margin:0 10px 0 0 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { margin:50px 0 10px 0; font-size:60px; line-height:60px; font-family:"Playfair+Display"; font-weight:900; text-align: left; color:#000000 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; margin:15px 0 0 0; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:23px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h3 { font-size:26px; margin:15px 0 0 0; font-weight:200; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:30px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:45%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; height:auto; float:left }


article #principal_2 #principal_2_site { width:960px }
.principal-2 { width:calc(((100% / 4) - 30px) - 40px); margin:15px 15px 0 15px; padding:0 20px 20px 20px }


article #principal_3 #principal_3_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3-imagem { width:100%; height:auto; float:left; }
.principal-3-imagem-1 { width:auto; height:150px; max-width:170px; margin:20px 0 15px 0 }
.principal-3-texto { height:200px; font-size:22px; line-height:24px }
.principal-3 { width:calc((100% / 4) - 30px); margin:20px 10px 10px 10px } 
.2colunas { -webkit-column-count:2; -moz-column-count:2; column-count:2 }


article #principal_4 #principal_4_site { width:960px }
article #principal_4 #mFotos { width:100%; float:left; height:auto }
.foto-fotos { width:calc(20% - 10px); height:180px; float:left; margin:1px 5px 10px 5px; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
article #principal_4 #mFotos #mDivFotos { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
article #principal_4 #mFotos #mDivFotos:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }



/* dica */
article #principal_5 #principal_5_site { width:960px }
.mapa-brasil-div { width:calc(100% - 200px); height:auto; float:left; margin:0 100px 0 100px }
.mapa-brasil-img { width:300px; height:auto; float:left; margin:0 40px 0 0 }
.mapa-brasil-texto { width:calc(100% - (300px + 40px)); height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20px; line-height:22px; text-align:left; font-weight:300; margin:50px 0 0 0 }


article #principal_9 #principal_9_site { width:960px }
article #principal_9 #principal_9_site #principal-9 #principal-9-2 { width:calc(100% - 30px); height:525px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; font-size:16px; line-height:22px; text-align:center; font-weight:300; margin:0 15px 0 15px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }
.principal-9-video { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }

/* BLOG */
article #principal_8 #principal_8_site { width:960px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-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-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:200px; height:auto; float:left; margin:0 10px 10px 0 }

}




@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(55% - 10px); height:auto; float:left; margin:0 10px 0 0 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { margin:50px 0 10px 0; font-size:50px; line-height:50px; font-family:"Playfair+Display"; font-weight:900; text-align: left; color:#000000 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; margin:15px 0 0 0; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:23px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h3 { font-size:26px; margin:15px 0 0 0; font-weight:200; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:30px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:45%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; height:auto; float:left }


/* PRINCIPAL */
article #principal_2 #principal_2_site { width:768px }
.principal-2 { width:calc(((100% / 4) - 20px) - 20px); margin:15px 10px 0 10px; padding:0 10px 20px 10px }


article #principal_3 #principal_3_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3-imagem { width:100%; height:auto; float:left; }
.principal-3-imagem-1 { width:auto; height:180px; max-width:200px; margin:20px 0 15px 0 }
.principal-3-texto { height:150px; font-size:22px; line-height:24px }
.principal-3 { width:calc((100% / 2) - 30px); margin:15px 15px 15px 15px } 
.2colunas { -webkit-column-count:2; -moz-column-count:2; column-count:2 }


article #principal_4 #principal_4_site { width:768px }
article #principal_4 #mFotos { width:100%; float:left; height:auto }
.foto-fotos { width:calc(33% - 10px); height:200px; float:left; margin:1px 5px 10px 5px; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
article #principal_4 #mFotos #mDivFotos { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
article #principal_4 #mFotos #mDivFotos:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }



/* dica */
article #principal_5 #principal_5_site { width:768px }
.mapa-brasil-div { width:calc(100% - 200px); height:auto; float:left; margin:0 100px 0 100px }
.mapa-brasil-img { width:300px; height:auto; float:left; margin:0 40px 0 0 }
.mapa-brasil-texto { width:calc(100% - (300px + 40px)); height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20px; line-height:22px; text-align:left; font-weight:300; margin:30px 0 0 0 }


article #principal_9 #principal_9_site { width:768px }
article #principal_9 #principal_9_site #principal-9 #principal-9-2 { width:calc(100% - 20px); height:420px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; font-size:16px; line-height:22px; text-align:center; font-weight:300; margin:0 10px 0 10px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }
.principal-9-video { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }

/* BLOG */
article #principal_8 #principal_8_site { width:768px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-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-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:100%; height:auto; float:left; margin:0 0 10px 0 }

}





@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:100%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { margin:50px 0 10px 0; font-size:50px; line-height:50px; font-family:"Playfair+Display"; font-weight:900; text-align: left; color:#000000 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; margin:15px 0 0 0; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:23px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h3 { font-size:26px; margin:15px 0 0 0; font-weight:200; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:30px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:calc(100% - 200px); height:auto; float:left; margin:0 100px 0 100px }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; height:auto; float:left }


/* PRINCIPAL */
article #principal_2 #principal_2_site { width:620px }
.principal-2 { width:calc(((100% / 2) - 20px) - 20px); margin:15px 10px 0 10px; padding:0 10px 20px 10px }


article #principal_3 #principal_3_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3-imagem { width:100%; height:auto; float:left; }
.principal-3-imagem-1 { width:auto; height:180px; max-width:200px; margin:20px 0 15px 0 }
.principal-3-texto { height:170px; font-size:22px; line-height:24px }
.principal-3 { width:calc((100% / 2) - 30px); margin:10px 10px 10px 10px } 


article #principal_4 #principal_4_site { width:620px }
article #principal_4 #mFotos { width:100%; float:left; height:auto }
.foto-fotos { width:calc(33% - 10px); height:180px; float:left; margin:1px 5px 10px 5px; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
article #principal_4 #mFotos #mDivFotos { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
article #principal_4 #mFotos #mDivFotos:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }


/* dica */
article #principal_5 #principal_5_site { width:620px }
.mapa-brasil-div { width:calc(100% - 20px); height:auto; float:left; margin:0 10px 0 10px }
.mapa-brasil-img { width:300px; height:auto; float:left; margin:0 40px 0 0 }
.mapa-brasil-texto { width:calc(100% - (300px + 40px)); height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:18px; line-height:20px; text-align:left; font-weight:300; margin:30px 0 0 0 }


article #principal_9 #principal_9_site { width:620px }
article #principal_9 #principal_9_site #principal-9 #principal-9-2 { width:calc(100% - 20px); height:338px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; font-size:16px; line-height:22px; text-align:center; font-weight:300; margin:0 10px 0 10px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }
.principal-9-video { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }

/* BLOG */
article #principal_8 #principal_8_site { width:620px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-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-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:100%; height:auto; float:left; margin:0 0 10px 0 }

}




@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:100%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { margin:50px 0 10px 0; font-size:50px; line-height:50px; font-family:"Playfair+Display"; font-weight:900; text-align: left; color:#000000 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; margin:15px 0 0 0; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:23px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h3 { font-size:26px; margin:15px 0 0 0; font-weight:200; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:30px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:calc(100% - 100px); height:auto; float:left; margin:0 50px 0 50px }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; height:auto; float:left }


/* PRINCIPAL */
article #principal_2 #principal_2_site { width:480px }
.principal-2 { width:calc(((100% / 2) - 20px) - 20px); margin:15px 10px 0 10px; padding:0 10px 20px 10px }


article #principal_3 #principal_3_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.principal-3-imagem { width:100%; height:auto; float:left; }
.principal-3-imagem-1 { width:auto; height:140px; max-width:180px; margin:20px 0 15px 0 }
.principal-3-texto { height:200px; font-size:20px; line-height:22px }
.principal-3 { width:calc((100% / 2) - 30px); margin:10px 10px 10px 10px } 


article #principal_4 #principal_4_site { width:480px }
article #principal_4 #mFotos { width:100%; float:left; height:auto }
.foto-fotos { width:calc(50% - 10px); height:180px; float:left; margin:1px 5px 10px 5px; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
article #principal_4 #mFotos #mDivFotos { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
article #principal_4 #mFotos #mDivFotos:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }


/* dica */
article #principal_5 #principal_5_site { width:480px }
.mapa-brasil-div { width:calc(100% - 20px); height:auto; float:left; margin:0 10px 0 10px }
.mapa-brasil-img { width:calc(100% - 100px); height:auto; float:left; margin:0 50px 0 50px }
.mapa-brasil-texto { width:100%; height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:18px; line-height:20px; text-align:center; font-weight:300; margin:30px 0 0 0 }


article #principal_9 #principal_9_site { width:480px }
article #principal_9 #principal_9_site #principal-9 #principal-9-2 { width:calc(100% - 20px); height:260px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; font-size:16px; line-height:22px; text-align:center; font-weight:300; margin:0 10px 0 10px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }
.principal-9-video { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }


/* BLOG */
article #principal_8 #principal_8_site { width:480px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-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-blog-2 { width:calc((100% / 2) - 50px); height:auto; float:left; padding:0 0 0 50px; text-align:left; cursor:pointer }
.div-blog-img { width:100%; height:auto; float:left; margin:0 0 10px 0 }


}





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

/* PRINCIPAL */
article #principal_0 #principal_0_site { width:320px }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 { width:100%; height:auto; float:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h1 { margin:20px 0 10px 0; font-size:40px; line-height:40px; font-family:"Playfair+Display"; font-weight:900; text-align: left; color:#000000 }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h2 { font-size:18px; margin:15px 0 0 0; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:23px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-1 h3 { font-size:22px; margin:15px 0 0 0; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; line-height:25px; text-align:left }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 { width:100%; height:auto; float:left; margin:0px }
article #principal_0 #principal_0_site #principal-0 #principal-0-2 img { width:100%; height:auto; float:left }


/* PRINCIPAL */
article #principal_2 #principal_2_site { width:320px }
article #principal_2 #principal_2_site #principal-2 h1 { font-size:30px; line-height:25px }
.principal-2 { width:calc(((100% / 1) - 0px) - 30px); margin:15px 0 0 0; padding:0 15px 20px 15px }


article #principal_3 #principal_3_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif }
article #principal_3 #principal_3_site #principal-3 h1 { font-size:30px; line-height:25px }
.principal-3-imagem { width:100%; height:auto; float:left; }
.principal-3-imagem-1 { width:auto; height:200px; max-width:250px; margin:20px 0 15px 0 }
.principal-3-texto { height:auto; font-size:24px; line-height:26px; margin:0 0 20px 0 }
.principal-3 { width:100%; margin:10px 0 10px 0 } 


article #principal_4 #principal_4_site { width:320px }
article #principal_4 #principal_4_site #principal-4 h1 { font-size:30px; line-height:25px }
article #principal_4 #mFotos { width:100%; float:left; height:auto }
.foto-fotos { width:calc(50% - 10px); height:160px; float:left; margin:1px 5px 10px 5px; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
article #principal_4 #mFotos #mDivFotos { background-size:cover; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
article #principal_4 #mFotos #mDivFotos:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;  }


/* dica */
article #principal_5 #principal_5_site { width:320px }
.mapa-brasil-div { width:calc(100% - 20px); height:auto; float:left; margin:0 10px 0 10px }
.mapa-brasil-img { width:calc(100% - 50px); height:auto; float:left; margin:0 25px 0 25px }
.mapa-brasil-texto { width:100%; height:auto; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:18px; line-height:20px; text-align:center; font-weight:300; margin:20px 0 0 0 }


article #principal_9 #principal_9_site { width:320px }
article #principal_9 #principal_9_site #principal-9 #principal-9-2 { width:100%; height:180px; float:left; font-family:"Roboto", Arial, Helvetica, sans-serif; color:#000000; font-size:16px; line-height:22px; text-align:center; font-weight:300; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }
.principal-9-video { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }


/* BLOG */
article #principal_8 #principal_8_site { width:320px; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-blog-1 { width:100%; height:auto; float:left; padding:0 0 50px 0; border-bottom:1px solid #CCCCCC; text-align:left; cursor:pointer }
.div-blog-2 { width:100%; height:auto; float:left; padding:50px 0 0 0; text-align:left; cursor:pointer }
.div-blog-img { width:100%; height:auto; float:left; margin:0 0 10px 0 }

}