@charset "utf-8";

/* Geral /////////////////////////////////// */
body { width: 100%; margin: 50px 0; padding: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #ffffff; color: #000000; font-family: 'Lota Grotesque'; }
a { color: inherit; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }

/*
.background-image: url("img.jpg");
.height: 50vh;
.style="background-image: url('img/foto1.jpg');"
.width: calc(100% - 150px);
.font-family: 'Open Sans', sans-serif;
.rgb(0, 0, 0, 0.2)
.rgb(255, 255, 255, 0.2)
*/
.conteudo_geral { width: 95%; display: table; padding: 0; margin: auto;  }
.geral { width: 100%; display: table; padding: 0; margin: auto; }

.botao_whats { width: 100%; display: table; padding: 20px 0; margin: 20px auto 0px auto; background-color: #47832A; color:#fff; text-transform: uppercase; font-weight: 900; text-align: center; }
.botao_whats:hover { background-color: #315B1C;  }
.contato_texto { width:100%; display: table; padding: 0; margin:0; font-family: 'Lota Grotesque'; font-size: 20px; font-weight: normal; text-align: center; }
.contato_texto span{ font-weight: 900; }




/* HOME /////////////////////////////////// */
.lista_iten { width: 32.3%; float: left; padding: 0 0.5%; margin: 0 0 40px 0;}
.lista_iten img { width:100%;}
.lista_iten_texto { width:100%; display: table; padding: 0; margin:0;}
.lista_iten_texto h1 { width:100%; display: table; padding: 0; margin:0 0 -4px 0; font-family: 'Lota Grotesque'; font-size: 22px; font-weight: bold;}
.lista_iten_texto h2 { width:100%; display: table; padding: 0; margin:0; font-family: 'Lota Grotesque light it'; font-size: 16px; font-weight: normal; }


/* ENSAIO /////////////////////////////////// */
.ensaio_iten { width: 99%; display: table; padding: 0; margin: 0 auto 50px auto; letter-spacing: 1px; font-size: 16px; font-family: 'Lota Grotesque light it'; }

.ensaio_textos {width: 100%; display: table; margin: 80px auto;}
.ensaio_textos_bloco_a {width: 45%; float: left; text-align: left; font-family: 'Lota Grotesque'; font-size: 30px; font-weight: bold;}
.ensaio_textos_bloco_b {width: 25%; float: left; text-align: left; letter-spacing: 1px; font-size: 13px; font-family: 'Lota Grotesque light it';}
.ensaio_textos_bloco_c {width: 30%; float: left; text-align: right;}
.ensaio_textos_bloco_c img{width: 30px;}

.ensaio_foto_principal {width: 100%; display: table;}
.ensaio_foto_principal img{width: 100%;}

.ensaio_fotos {width: 100%; display: table;}
.ensaio_fotos img{width: 100%;}


/* SOBRE /////////////////////////////////// */
.sobre_geral { width: 99%; display: table; padding: 0; margin: 0 auto 50px auto; letter-spacing: 1px; font-size: 16px; font-family: 'Lota Grotesque light it'; }


.sobre_bloco_a{width: 60%; float: left; text-align: left; letter-spacing: 1px; font-size: 30px; font-family: 'Lota Grotesque light it'; margin: 0 9% 100px 0; font-weight: normal; font-style: normal;}
.sobre_bloco_a a{ text-decoration: underline;}
.sobre_bloco_a a:hover { font-weight: 900; text-decoration:none; }

.sobre_bloco_b{width: 30%; float: left; text-align: left; letter-spacing: 1px; font-size: 15px; font-family: 'Lota Grotesque light it';}

.sobre_fotos {width: 100%; display: table;}
.sobre_fotos img{width: 50%; float: left;}

.studio_fotos {width: 100%; display: table;}
.studio_fotos img{width: 33.3%; float: left;}


/* MENU /////////////////////////////////// */
.menu_geral { width: 94%; display: table; padding: 0; margin: 10px auto 80px auto; letter-spacing: 1px; font-size: 16px; font-family: 'Lota Grotesque light it'; }
.menu_bloco_a { width: 33.3%; display: block; float: left; text-align: left; }
.menu_bloco_b { width: 33.3%; display: block; float: left; text-align: center }
.menu_bloco_c { width: 33.3%; display: block; float: left; text-align: right }
.menu_bloco_c a { margin:0 0 0 20px; }
.menu_geral a:hover { text-decoration: none; font-family: 'Lota Grotesque It'; }
.menu_nome { width: 100%; display: table; margin: 50px 0 0 0;}
.menu_nome img { width: 100%;}
.menu_nome img:hover { opacity: 0.8;}


/* RODAPE /////////////////////////////////// */
.rodape_geral { width: 94%; display: table; padding: 0; margin: 70px auto; letter-spacing: 1px; font-size: 16px; font-family: 'Lota Grotesque light it'; }
.rodape_bloco_a { width: 33.3%; display: block; float: left; text-align: left; }
.rodape_bloco_b { width: 33.3%; display: block; float: left; text-align: center }
.rodape_bloco_c { width: 33.3%; display: block; float: left; text-align: right }

.rodape_geral a:hover { text-decoration: none; font-family: 'Lota Grotesque It'; }






@media screen and (max-width:700px) {

.geral { width: 90%; display: table; padding: 0; margin: auto;  }
.lista_iten { width: 100%; float: left; padding: 0 0; margin: 0 0 30px 0;}

.menu_geral { width: 94%; display: table; padding: 0; margin: 10px auto 40px auto; letter-spacing: 1px; font-size: 14px; font-family: 'Lota Grotesque light it'; }

.lista_iten_texto h2 { font-size: 14px;  }

.ensaio_textos {width: 100%; display: table; margin: 40px auto;}
.ensaio_textos_bloco_a {width: 100%; display: table; text-align: left; font-size: 25px;}
.ensaio_textos_bloco_b {width: 100%; display: table; text-align: left; margin:20px 0; font-size: 12px;}
.ensaio_textos_bloco_c {width: 100%; display: table; text-align: left;}
.ensaio_textos_bloco_c img{width: 30px;}

.rodape_geral { width: 94%; display: table; padding: 0; margin: 30px auto; letter-spacing: 1px; font-size: 16px; font-family: 'Lota Grotesque light it'; }





.sobre_geral { width: 99%; display: table; padding: 0; margin: 0 auto 50px auto; letter-spacing: 1px; font-size: 16px; font-family: 'Lota Grotesque light it'; }

.sobre_bloco_a{width: 100%; display: table; font-size: 20px; margin: 0;}
.sobre_bloco_b{width: 100%; display: table; font-size: 12px; margin: 50px 0; }

.sobre_fotos {width: 100%; display: table;}
.sobre_fotos img{width: 100%; float: left;}

.rodape_geral { font-size: 14px; }
.rodape_bloco_a { width: 50%; display: block; float: left; text-align: left; }
.rodape_bloco_b { width: 50%; display: block; float: left; text-align: right }
.rodape_bloco_c { width: 100%; display: block; display: table; text-align: center; margin:20px 0 0 0; padding:20px 0 0 0;  border-top: 1px solid #ededed;}


}