/*DEFAULTS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; list-style: none; vertical-align: baseline; right: 0; left: 0; font-weight: normal }

@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; } }

body { font-family: Arial; margin: 0; padding: 0; }

.page { margin: 0; padding: 0; width: 100%; position: relative; bottom: 0; }

.main-pagina-inicial 
{ width: 100%; position: relative; margin: 0; padding: 0; bottom: 0; height: calc(100vh - 13px); line-height: 0; border-bottom: solid 13px rgb(176, 22, 110); }

.area-esquerda, .area-direita { width: 50%; line-height: 0; position: relative; height: 100% }

.imagem-esquerda, .imagem-direita { height: 100%; }

.area-direita { top: -100%; left: 100%; margin-left: -50%; }

.imagem-pagina-inicial { line-height: 0; width: 100%; height: 100%; position: relative; }

.imagem-mao { top: -100%; position: relative; width: 58.5%; height: 100%; }

.espaco-logo-imagem-esquerda 
{ width: 34.5vh; height: 11.8vh; margin-top: calc(-97vh + 13px); z-index: 99; left: 91%; margin-left: -31.395vh; position: relative; }

.logo-imagem-esquerda { width: 34.5vh; height: 11.8vh; left: 100%; margin-left: -34.5vh; position: relative; }

.area-seta { width: 53.5%; left: 100%; margin-left: -53.5%; position: relative; margin-top: 9.3vh; height: 6.2vh; }

.seta { width: 10%; height: 6.2vh; left: 0; margin-left: 0; position: relative; }

.online
{ width: 87%; left: 100%; margin-left: -87%; position: relative; height: 6.2vh; margin-top: -6.2vh; display: flex; align-items: center; font-family: Arial; 
  color: #fff; font-size: 2.5vw; letter-spacing: 0.07vw; }

.area-matriculas-abertas 
{ margin-top: 0; width: 41.8%; left: 100%; margin-left: -41.8%; height: calc(39vh - 13px); display: flex; align-items: center; z-index: 99; 
  position: relative; }

.matriculas-abertas { width: 100%; left: 0; margin-left: 0; height: 30.5vh; position: relative; margin-top: 0; }

.matriculas-abertas-imagem { width: 100%; height: 30.5vh; }

.matriculas-abertas-texto 
{ height: 30.5vh; margin-top: -28vh; width: 17.55vw; left: 100%; margin-left: -17.55vw; position: relative; text-align: center; line-height: normal; }

.matriculas-abertas a { font-family: Arial; color: #fff; font-size: 2.79vw; line-height: 8vh; text-decoration: none; letter-spacing: 0.07vw; }

.matriculas-abertas a:hover, .conheca-os-cursos-link a:hover, .conheca-a-sexualidade-clinica-link a:hover { text-decoration: underline; }

.conheca-os-cursos, .conheca-a-sexualidade-clinica { left: 0; margin-left: 45.2%; }

.conheca-os-cursos { width: 46%; height: 10.5vh; margin-top: 1vh; z-index: 99; position: relative; }

.conheca-os-cursos-imagem { width: 100%; height: 10.5vh; }

.conheca-os-cursos-link 
{ height: 10vh; margin-top: -10.5vh; display: flex; align-items: center; line-height: normal; width: 84.5%; left: 30%; margin-left: -25.35%; text-align: center; position: relative; }

.conheca-os-cursos-link a, .conheca-a-sexualidade-clinica-link a
{ font-family: Arial; font-size: 1.55vw; color: #fff; text-decoration: none; letter-spacing: 0.07vw; }

.conheca-a-sexualidade-clinica { width: 53.5%; height: 12vh; margin-top: 4vh; z-index: 99; position: relative; line-height: normal }

.conheca-a-sexualidade-clinica-imagem { width: 100%; height: 12vh; }

.conheca-a-sexualidade-clinica-link 
{ height: 11.5vh; margin-top: -10.3vh; display: flex; align-items: center; height: 8vh; width: 90%; left: 42%; margin-left: -37.8%; text-align: center; position: relative; }

.acessar-site { width: 22.74vw; height: 14.5vh; top: -97%; z-index: 99; left: 0; margin-left: 3vh; position: relative; }

.acessar-site-imagem { width: 100%; height: 14.5vh; }

.acessar-ao-site-link 
{ height: 14.5vh; margin-top: -15.1vh; display: flex; align-items: center; width: 76.5%; left: 38%; margin-left: -29.07%; text-align: center; 
  position: relative; }

.acessar-ao-site-link a { font-family: Arial; font-size: 2.6vw; letter-spacing: 0.07vw; color: #fff; text-decoration: none; }

.acessar-ao-site-link a:hover { text-decoration: underline; }

.area-foto-cursos { width: 64.2%; height: 40vh; left: 98%; margin-left: -62.916%; margin-top: -110vh; position: relative; z-index: 999; }

.area-foto-casal-tessarioli 
{ width: 35vh; height: 35vh; margin-bottom: -1.5vh; left: 100%; margin-left: -35vh; margin-top: -25%; position: relative; z-index: 999; }

.foto-casal-tessarioli { width: 100%; height: 100%; left: 100%; margin-left: -100%; position: relative; }

.cursos { left: 0; margin-left: 0; margin-top: 0; z-index: 99; position: relative; width: 68.5%; height: 6vh; }

.texto-titulo-cursos 
{ left:0; margin-left: 12%; position: relative; height: 6vh; margin-top: -6vh; font-family: Arial; color: #000; display: flex; align-items: center; 
  font-size: 2.85vw; letter-spacing: 0.07vw }

.imagem-fundo-cursos { width: 100%; height: 6vh }

.area-cursos { width: 94%; height: 36.5vh; margin-top: 2.45vh; left: 46%; margin-left: -43.24%; position: relative; }

.curso1, .curso2, .curso3, .curso4, .curso5 { width: 47%; background-color: rgb(176, 22, 110); position: relative; text-align: center; }

.curso1, .curso2, .curso3, .curso4, .curso5 { padding-top: 0.8vh; height: 9.8vh }

.curso1, .curso4 { left: 0; margin-left: 0; }

.curso3 { left: 50%; margin-left: -23.5%; }

.curso2, .curso5 { left: 100%; margin-left: -47%; }

.curso2, .curso5 { margin-top: -10.7vh }

.curso3, .curso4 { margin-top: 2.44vh; }

.curso5 { height: 7.9vh; padding-top: 2.8vh }

.curso1 a, .curso2 a, .curso3 a, .curso4 a, .curso5 a
{ font-family: Arial; font-size: 1.6vw; letter-spacing: 0.07vw; color: #fff; line-height: 4.5vh; text-decoration: none; }

.curso1 a:hover, .curso2 a:hover, .curso3 a:hover, .curso4 a:hover, .curso5 a:hover { text-decoration: underline; }

.espaco-logo-imagem-direita { width: 32vh; height: 11vh; margin-top: 2.8vh; z-index: 99999; left: 50%; margin-left: -16vh; position: relative; }

.logo-imagem-direita { width: 32vh; height: 11vh; left: 100%; margin-left: -32vh; position: relative; }

.redes-sociais
{ width: 25vh; letter-spacing: 0.07vw; left: 3%; margin-left: -0.75vh; position: relative; margin-top: -7vh; font-family: Arial; color: #000; 
  font-size: 1.4vw; }

.facebook, .instagram { width: 6.3vh; height: 6.3vh; position: relative }

.facebook { margin-top: 1.25vw; left: 13%; margin-left: -0.806vh; }

.instagram { margin-top: -6.3vh; left: 55%; margin-left: -3.465vh; }

.facebook-imagem, .instagram-imagem { width: 6.3vh; height: 6.3vh }

/*Celular em pé*/

@media screen and (max-device-width : 500px)
{
.main-pagina-inicial 
{ width: 100%; position: relative; margin: 0; padding: 0; bottom: 0; height: 274vw; line-height: 0; border-bottom: none; }

.area-esquerda, .area-direita { width: 100%; height: 137vw; position: relative; border-bottom: solid 13px rgb(176, 22, 110);}

.imagem-pagina-inicial, .imagem-esquerda, .imagem-direita { width: 100%; height: 137vw }

.imagem-mao { top: -137vw; height: 137vw; width: 57.87vw; }

.area-direita { margin-top: 0; left: 0; margin-left: 0; top: 0 }

.imagem-pagina-inicial { line-height: 0; width: 100%; height: 137vw; position: relative; }

.espaco-logo-imagem-esquerda { width: 45vw; height: 15vw; margin-top: -133vw; z-index: 99; left: 97%; margin-left: -43.65vw; position: relative; }

.logo-imagem-esquerda { width: 45vw; height: 15vw; left: 100%; margin-left: -45vw; position: relative; }

.area-seta { width: 53vw; left: 100%; margin-left: -53vw; position: relative; margin-top: 18vw; height: 8.5vw; }

.seta { width: 10vw; height: 8.5vw; left: 0; margin-left: 0; position: relative; }

.online
{ width: 42vw; left: 100%; margin-left: -42vw; position: relative; height: 8.5vw; margin-top: -8.5vw; display: flex; align-items: center; font-family: Arial; 
  color: #fff; font-size: 6vw; letter-spacing: 0.07vw; }

.area-matriculas-abertas { margin-top: 0; width: 42.2vw; left: 100%; margin-left: -42.2vw; height: 46vw; display: flex; align-items: center; z-index: 99; position: relative; }

.matriculas-abertas { width: 100%; left: 0; margin-left: 0; height: 33.5vw; position: relative; margin-top: 0; }

.matriculas-abertas-imagem { width: 100%; height: 32.5vw; }

.matriculas-abertas-texto 
{ height: 33.5vw; margin-top: -31.5vw; width: 35vw; left: 100%; margin-left: -35vw; position: relative; text-align: center; line-height: normal; }

.matriculas-abertas a { font-family: Arial; color: #fff; font-size: 6vw; line-height: 10vw; text-decoration: none; letter-spacing: 0.07vw; }

.matriculas-abertas a:hover, .conheca-os-cursos-link a:hover, .conheca-a-sexualidade-clinica-link a:hover { text-decoration: underline; }

.conheca-os-cursos, .conheca-a-sexualidade-clinica { left: 100%; z-index: 99; position: relative; }

.conheca-os-cursos { width: 50.5vw; height: 15vw; margin-top: 1vw; margin-left: -50.5vw; }

.conheca-os-cursos-imagem { width: 100%; height: 13.5vw; }

.conheca-os-cursos-link 
{ height: 9vw; margin-top: -12vw; display: flex; align-items: center; line-height: normal; width: 43vw; left: 35%; margin-left: -15.05vw; text-align: center; position: relative; }

.conheca-os-cursos-link a, .conheca-a-sexualidade-clinica-link a
{ font-family: Arial; font-size: 3.7vw; color: #fff; text-decoration: none; letter-spacing: 0.07vw; }

.conheca-a-sexualidade-clinica { width: 62vw; height: 16.57vw; margin-top: 5vw; line-height: normal; margin-left: -62vw }

.conheca-a-sexualidade-clinica-imagem { width: 100%; height: 16.57vw; }

.conheca-a-sexualidade-clinica-link 
{ height: 9vw; margin-top: -13vw; display: flex; align-items: center; width: 56vw; left: 48%; margin-left: -26.88vw; text-align: center; position: relative; }

.acessar-site { width: 42.6vw; height: 14.5vw; margin-top: -131.5vw; top: 0; z-index: 99; left: 11%; margin-left: -5.06%; position: relative;  }

.acessar-site-imagem { width: 100%; height: 14.5vw; }

.acessar-ao-site-link 
{ height: 6vw; margin-top: -10.8vw; width: 35vw; left: 50%; margin-left: -17.5vw; text-align: center; position: relative; }

.acessar-ao-site-link a { font-family: Arial; font-size: 4.95vw; letter-spacing: 0.07vw; color: #fff; text-decoration: none; }

.acessar-ao-site-link a:hover { text-decoration: underline; }

.area-foto-cursos { width: 66.8vw; height: 52.8vw; left: 98%; margin-left: -65.464vw; margin-top: -17vw; position: relative; z-index: 999; }

.area-foto-casal-tessarioli 
{ width: 45.2vw; height: 45.2vw; margin-bottom: -1.5vw; left: 100%; margin-left: -45.2vw; margin-top: 0; position: relative; z-index: 999; }

.foto-casal-tessarioli { width: 45.2vw; height: 45.2vw }

.cursos { left: 0; margin-left: 0; margin-top: 0; z-index: 99; position: relative; width: 46.5vw; height: 9vw; }

.texto-titulo-cursos 
{ left:0; margin-left: 5.5vw; position: relative; height: 9vw; margin-top: -9vw; font-family: Arial; color: #000; display: flex; align-items: center; 
  font-size: 5vw; letter-spacing: 0.07vw }

.imagem-fundo-cursos { width: 100%; height: 9vw }

.area-cursos { width: 96vw; height: 47vw; margin-top: 4vw; left: 50%; margin-left: -48vw; position: relative; }

.curso1, .curso2, .curso3, .curso4, .curso5 { width: 45vw; background-color: rgb(176, 22, 110); position: relative; text-align: center; }

.curso1, .curso2, .curso3, .curso4 { padding-top: 1.2vw; height:  12.4vw }

.curso1, .curso4 { left: 0; margin-left: 0; }

.curso2, .curso5 { left: 100%; margin-left: -45vw; margin-top: -13.5vw }

.curso3, .curso4 { margin-top: 3vw; }

.curso5 { height: 9.7vw; padding-top: 3.9vw }

.curso1 a, .curso2 a, .curso3 a, .curso4 a, .curso5 a
{ font-family: Arial; font-size: 3.75vw; letter-spacing: 0.07vw; color: #fff; line-height: 5.65vw; text-decoration: none; }

.curso1 a:hover, .curso2 a:hover, .curso3 a:hover, .curso4 a:hover, .curso5 a:hover { text-decoration: underline; }

.espaco-logo-imagem-direita { width: 42vw; height: 14.8vw; margin-top: 7.5vw; z-index: 99999; left: 60%; margin-left: -25.2vw; position: relative; }

.logo-imagem-direita { width: 42vw; height: 14.8vw; left: 100%; margin-left: -42vw; position: relative; }

.redes-sociais
{ width: 30vw; letter-spacing: 0.07vw; left: 3%; margin-left: -0.1vw; position: relative; margin-top: -7vw; font-family: Arial; color: #000; 
  font-size: 3.6vw; }

.facebook, .instagram { width: 9vw; height: 9vw; position: relative }

.facebook { margin-top: 3vw; left: 0%; margin-left: 0; }

.instagram { margin-top: -9vw; left: 70%; margin-left: -6.3vw; }

.facebook-imagem, .instagram-imagem { width: 9vw; height: 9vw }
}

/*IPAD*/
@media only screen and (min-device-width:501px) and (max-device-width:768px) and (orientation:portrait)
{
.main-pagina-inicial 
{ width: 100%; position: relative; margin: 0; padding: 0; bottom: 0; height: 274vw; line-height: 0; border-bottom: none; }

.area-esquerda, .area-direita { width: 100%; height: 137vw; position: relative; border-bottom: solid 13px rgb(176, 22, 110);}

.imagem-pagina-inicial, .imagem-esquerda, .imagem-direita { width: 100%; height: 137vw }

.imagem-mao { top: -137vw; height: 137vw; width: 57.87vw; }

#imagem-direita-computador, #imagem-esquerda-tablet-em-pe, #imagem-direita-tablet-em-pe, 
#imagem-esquerda-celular-deitado, #imagem-direita-celular-deitado { display: none }

.area-direita { margin-top: 0; left: 0; margin-left: 0; top: 0 }

.imagem-pagina-inicial { line-height: 0; width: 100%; height: 137vw; position: relative; }

.espaco-logo-imagem-esquerda { width: 45vw; height: 15vw; margin-top: -133vw; z-index: 99; left: 97%; margin-left: -43.65vw; position: relative; }

.logo-imagem-esquerda { width: 45vw; height: 15vw; left: 100%; margin-left: -45vw; position: relative; }

.area-seta { width: 53vw; left: 100%; margin-left: -53vw; position: relative; margin-top: 18vw; height: 8.5vw; }

.seta { width: 10vw; height: 8.5vw; left: 0; margin-left: 0; position: relative; }

.online
{ width: 42vw; left: 100%; margin-left: -42vw; position: relative; height: 8.5vw; margin-top: -8.5vw; display: flex; align-items: center; font-family: Arial; 
  color: #fff; font-size: 6vw; letter-spacing: 0.07vw; }

.area-matriculas-abertas { margin-top: 0; width: 42.2vw; left: 100%; margin-left: -42.2vw; height: 47vw; display: flex; align-items: center; z-index: 99; position: relative; }

.matriculas-abertas { width: 100%; left: 0; margin-left: 0; height: 33.5vw; position: relative; margin-top: 0; }

.matriculas-abertas-imagem { width: 100%; height: 32.5vw; }

.matriculas-abertas-texto 
{ height: 33.5vw; margin-top: -31.5vw; width: 35vw; left: 100%; margin-left: -35vw; position: relative; text-align: center; line-height: normal; }

.matriculas-abertas a { font-family: Arial; color: #fff; font-size: 6vw; line-height: 10vw; text-decoration: none; letter-spacing: 0.07vw; }

.matriculas-abertas a:hover, .conheca-os-cursos-link a:hover, .conheca-a-sexualidade-clinica-link a:hover { text-decoration: underline; }

.conheca-os-cursos, .conheca-a-sexualidade-clinica { left: 100%; z-index: 99; position: relative; }

.conheca-os-cursos { width: 50.5vw; height: 15vw; margin-top: 1vw; margin-left: -50.5vw; }

.conheca-os-cursos-imagem { width: 100%; height: 13.5vw; }

.conheca-os-cursos-link 
{ height: 9vw; margin-top: -12vw; display: flex; align-items: center; line-height: normal; width: 43vw; left: 35%; margin-left: -15.05vw; text-align: center; position: relative; }

.conheca-os-cursos-link a, .conheca-a-sexualidade-clinica-link a
{ font-family: Arial; font-size: 3.7vw; color: #fff; text-decoration: none; letter-spacing: 0.07vw; }

.conheca-a-sexualidade-clinica { width: 62vw; height: 16.57vw; margin-top: 5vw; line-height: normal; margin-left: -62vw }

.conheca-a-sexualidade-clinica-imagem { width: 100%; height: 16.57vw; }

.conheca-a-sexualidade-clinica-link 
{ height: 9vw; margin-top: -13vw; display: flex; align-items: center; width: 56vw; left: 48%; margin-left: -26.88vw; text-align: center; position: relative; }

.acessar-site { width: 42.6vw; height: 14.5vw; margin-top: -131.5vw; top: 0; z-index: 99; left: 11%; margin-left: -5.06%; position: relative;  }

.acessar-site-imagem { width: 100%; height: 14.5vw; }

.acessar-ao-site-link 
{ height: 6vw; margin-top: -10.8vw; width: 35vw; left: 50%; margin-left: -17.5vw; text-align: center; position: relative; }

.acessar-ao-site-link a { font-family: Arial; font-size: 4.95vw; letter-spacing: 0.07vw; color: #fff; text-decoration: none; }

.acessar-ao-site-link a:hover { text-decoration: underline; }

.area-foto-cursos { width: 66.8vw; height: 52.8vw; left: 98%; margin-left: -65.464vw; margin-top: -17vw; position: relative; z-index: 999; }

.area-foto-casal-tessarioli 
{ width: 45.2vw; height: 45.2vw; margin-bottom: -1.5vw; left: 100%; margin-left: -45.2vw; margin-top: 0; position: relative; z-index: 999; }

.foto-casal-tessarioli { width: 45.2vw; height: 45.2vw }

.cursos { left: 0; margin-left: 0; margin-top: 0; z-index: 99; position: relative; width: 46.5vw; height: 9vw; }

.texto-titulo-cursos 
{ left:0; margin-left: 5.5vw; position: relative; height: 9vw; margin-top: -9vw; font-family: Arial; color: #000; display: flex; align-items: center; 
  font-size: 5vw; letter-spacing: 0.07vw }

.imagem-fundo-cursos { width: 100%; height: 9vw }

.area-cursos { width: 96vw; height: 49.8vw; margin-top: 4vw; left: 50%; margin-left: -48vw; position: relative; }

.curso1, .curso2, .curso3, .curso4, .curso5 { width: 45vw; background-color: rgb(176, 22, 110); position: relative; text-align: center; }

.curso1, .curso2, .curso3, .curso5 { padding-top: 1.2vw; height:  12.4vw }

.curso1, .curso4 { left: 0; margin-left: 0; }

.curso3 { left: 50%; margin-left: -22.5vw }

.curso2, .curso5 { left: 100%; margin-left: -45vw; }

.curso2 { margin-top: -13.6vw }

.curso3, .curso4 { margin-top: 3.9vw; }

.curso5 { height: 9.7vw; padding-top: 3.9vw; margin-top: -13.6vw }

.curso1 a, .curso2 a, .curso3 a, .curso4 a, .curso5 a 
{ font-family: Arial; font-size: 3.75vw; letter-spacing: 0.07vw; color: #fff; line-height: 5.65vw; text-decoration: none; }

.curso1 a:hover, .curso2 a:hover, .curso3 a:hover, .curso4 a:hover, .curso5 a:hover { text-decoration: underline; }

.espaco-logo-imagem-direita { width: 42vw; height: 14.8vw; margin-top: 6vw; z-index: 99999; left: 60%; margin-left: -25.2vw; position: relative; }

.logo-imagem-direita { width: 42vw; height: 14.8vw; left: 100%; margin-left: -42vw; position: relative; }

.redes-sociais
{ width: 30vw; letter-spacing: 0.07vw; left: 3%; margin-left: -0.1vw; position: relative; margin-top: -8.3vw; font-family: Arial; color: #000; 
  font-size: 3.6vw; }

.facebook, .instagram { width: 9vw; height: 9vw; position: relative }

.facebook { margin-top: 3vw; left: 0%; margin-left: 0; }

.instagram { margin-top: -9vw; left: 70%; margin-left: -6.3vw; }

.facebook-imagem, .instagram-imagem { width: 9vw; height: 9vw }

}

/*Mídia móvel deitado*/

/*Celulares grandes*/

@media only screen and (min-device-width: 415px) and (max-device-width: 950px) and (max-device-height: 450px) and (orientation: landscape), handheld
{
.main-pagina-inicial 
{ width: 100%; position: relative; margin: 0; padding: 0; bottom: 0; height: 274vw; line-height: 0; border-bottom: none; }

.area-esquerda, .area-direita { width: 100%; height: 137vw; position: relative; border-bottom: solid 13px rgb(176, 22, 110);}

.imagem-pagina-inicial, .imagem-esquerda, .imagem-direita { width: 100%; height: 137vw }

.imagem-mao { top: -137vw; height: 137vw; width: 57.87vw; }

#imagem-direita-computador, #imagem-esquerda-tablet-em-pe, #imagem-direita-tablet-em-pe, 
#imagem-esquerda-celular-deitado, #imagem-direita-celular-deitado { display: none }

.area-direita { margin-top: 0; left: 0; margin-left: 0; top: 0 }

.imagem-pagina-inicial { line-height: 0; width: 100%; height: 137vw; position: relative; }

.espaco-logo-imagem-esquerda { width: 45vw; height: 15vw; margin-top: -133vw; z-index: 99; left: 97%; margin-left: -43.65vw; position: relative; }

.logo-imagem-esquerda { width: 45vw; height: 15vw; left: 100%; margin-left: -45vw; position: relative; }

.area-seta { width: 53vw; left: 100%; margin-left: -53vw; position: relative; margin-top: 18vw; height: 8.5vw; }

.seta { width: 10vw; height: 8.5vw; left: 0; margin-left: 0; position: relative; }

.online
{ width: 42vw; left: 100%; margin-left: -42vw; position: relative; height: 8.5vw; margin-top: -8.5vw; display: flex; align-items: center; font-family: Arial; 
  color: #fff; font-size: 6vw; letter-spacing: 0.07vw; }

.area-matriculas-abertas { margin-top: 0; width: 42.2vw; left: 100%; margin-left: -42.2vw; height: 47vw; display: flex; align-items: center; z-index: 99; position: relative; }

.matriculas-abertas { width: 100%; left: 0; margin-left: 0; height: 33.5vw; position: relative; margin-top: 0; }

.matriculas-abertas-imagem { width: 100%; height: 32.5vw; }

.matriculas-abertas-texto 
{ height: 33.5vw; margin-top: -31.5vw; width: 35vw; left: 100%; margin-left: -35vw; position: relative; text-align: center; line-height: normal; }

.matriculas-abertas a { font-family: Arial; color: #fff; font-size: 6vw; line-height: 10vw; text-decoration: none; letter-spacing: 0.07vw; }

.matriculas-abertas a:hover, .conheca-os-cursos-link a:hover, .conheca-a-sexualidade-clinica-link a:hover { text-decoration: underline; }

.conheca-os-cursos, .conheca-a-sexualidade-clinica { left: 100%; z-index: 99; position: relative; }

.conheca-os-cursos { width: 50.5vw; height: 15vw; margin-top: 1vw; margin-left: -50.5vw; }

.conheca-os-cursos-imagem { width: 100%; height: 13.5vw; }

.conheca-os-cursos-link 
{ height: 9vw; margin-top: -12vw; display: flex; align-items: center; line-height: normal; width: 43vw; left: 35%; margin-left: -15.05vw; text-align: center; position: relative; }

.conheca-os-cursos-link a, .conheca-a-sexualidade-clinica-link a
{ font-family: Arial; font-size: 3.7vw; color: #fff; text-decoration: none; letter-spacing: 0.07vw; }

.conheca-a-sexualidade-clinica { width: 62vw; height: 16.57vw; margin-top: 5vw; line-height: normal; margin-left: -62vw }

.conheca-a-sexualidade-clinica-imagem { width: 100%; height: 16.57vw; }

.conheca-a-sexualidade-clinica-link 
{ height: 9vw; margin-top: -13vw; display: flex; align-items: center; width: 56vw; left: 48%; margin-left: -26.88vw; text-align: center; position: relative; }

.acessar-site { width: 42.6vw; height: 14.5vw; margin-top: -131.5vw; top: 0; z-index: 99; left: 11%; margin-left: -5.06%; position: relative;  }

.acessar-site-imagem { width: 100%; height: 14.5vw; }

.acessar-ao-site-link 
{ height: 6vw; margin-top: -10.8vw; width: 35vw; left: 50%; margin-left: -17.5vw; text-align: center; position: relative; }

.acessar-ao-site-link a { font-family: Arial; font-size: 4.95vw; letter-spacing: 0.07vw; color: #fff; text-decoration: none; }

.acessar-ao-site-link a:hover { text-decoration: underline; }

.area-foto-cursos { width: 66.8vw; height: 52.8vw; left: 98%; margin-left: -65.464vw; margin-top: -14vw; position: relative; z-index: 999; }

.area-foto-casal-tessarioli 
{ width: 45.2vw; height: 45.2vw; margin-bottom: -1.5vw; left: 100%; margin-left: -45.2vw; margin-top: 0; position: relative; z-index: 999; }

.foto-casal-tessarioli { width: 45.2vw; height: 45.2vw }

.cursos { left: 0; margin-left: 0; margin-top: 0; z-index: 99; position: relative; width: 46.5vw; height: 9vw; }

.texto-titulo-cursos 
{ left:0; margin-left: 5.5vw; position: relative; height: 9vw; margin-top: -9vw; font-family: Arial; color: #000; display: flex; align-items: center; 
  font-size: 5vw; letter-spacing: 0.07vw }

.imagem-fundo-cursos { width: 100%; height: 9vw }

.area-cursos { width: 96vw; height: 47vw; margin-top: 4vw; left: 50%; margin-left: -48vw; position: relative; }

.curso1, .curso2, .curso3, .curso4, .curso5 { width: 45vw; background-color: rgb(176, 22, 110); position: relative; text-align: center; }

.curso1, .curso2, .curso3, .curso4 { padding-top: 1.2vw; height:  12.4vw }

.curso1, .curso4 { left: 0; margin-left: 0; }

.curso3 { left: 50%; margin-left: -22.5vw }

.curso2, .curso5 { left: 100%; margin-left: -45vw; margin-top: -13.6vw }

.curso3, .curso4 { margin-top: 3vw; }

.curso5 { height: 9.7vw; padding-top: 3.9vw }

.curso1 a, .curso2 a, .curso3 a, .curso4 a, .curso5 a 
{ font-family: Arial; font-size: 3.75vw; letter-spacing: 0.07vw; color: #fff; line-height: 5.65vw; text-decoration: none; }

.curso1 a:hover, .curso2 a:hover, .curso3 a:hover, .curso4 a:hover, .curso5 a:hover { text-decoration: underline; }

.espaco-logo-imagem-direita { width: 42vw; height: 14.8vw; margin-top: 6vw; z-index: 99999; left: 60%; margin-left: -25.2vw; position: relative; }

.logo-imagem-direita { width: 42vw; height: 14.8vw; left: 100%; margin-left: -42vw; position: relative; }

.redes-sociais
{ width: 30vw; letter-spacing: 0.07vw; left: 3%; margin-left: -0.1vw; position: relative; margin-top: -8vw; font-family: Arial; color: #000; 
  font-size: 3.6vw; }

.facebook, .instagram { width: 9vw; height: 9vw; position: relative }

.facebook { margin-top: 3vw; left: 0%; margin-left: 0; }

.instagram { margin-top: -9vw; left: 70%; margin-left: -6.3vw; }

.facebook-imagem, .instagram-imagem { width: 9vw; height: 9vw }
}

/*tim*/
@media screen and (max-device-width : 350px) and (orientation : landscape)
{
.main-pagina-inicial 
{ width: 100%; position: relative; margin: 0; padding: 0; bottom: 0; height: 274vw; line-height: 0; border-bottom: none; }

.area-esquerda, .area-direita { width: 100%; height: 137vw; position: relative; border-bottom: solid 13px rgb(176, 22, 110);}

.imagem-pagina-inicial, .imagem-esquerda, .imagem-direita { width: 100%; height: 137vw }

.imagem-mao { top: -137vw; height: 137vw; width: 57.87vw; }

#imagem-direita-computador, #imagem-esquerda-tablet-em-pe, #imagem-direita-tablet-em-pe, 
#imagem-esquerda-celular-deitado, #imagem-direita-celular-deitado { display: none }

.area-direita { margin-top: 0; left: 0; margin-left: 0; top: 0 }

.imagem-pagina-inicial { line-height: 0; width: 100%; height: 137vw; position: relative; }

.espaco-logo-imagem-esquerda { width: 45vw; height: 15vw; margin-top: -133vw; z-index: 99; left: 97%; margin-left: -43.65vw; position: relative; }

.logo-imagem-esquerda { width: 45vw; height: 15vw; left: 100%; margin-left: -45vw; position: relative; }

.area-seta { width: 53vw; left: 100%; margin-left: -53vw; position: relative; margin-top: 18vw; height: 8.5vw; }

.seta { width: 10vw; height: 8.5vw; left: 0; margin-left: 0; position: relative; }

.online
{ width: 42vw; left: 100%; margin-left: -42vw; position: relative; height: 8.5vw; margin-top: -8.5vw; display: flex; align-items: center; font-family: Arial; 
  color: #fff; font-size: 6vw; letter-spacing: 0.07vw; }

.area-matriculas-abertas { margin-top: 0; width: 42.2vw; left: 100%; margin-left: -42.2vw; height: 47vw; display: flex; align-items: center; z-index: 99; position: relative; }

.matriculas-abertas { width: 100%; left: 0; margin-left: 0; height: 33.5vw; position: relative; margin-top: 0; }

.matriculas-abertas-imagem { width: 100%; height: 32.5vw; }

.matriculas-abertas-texto 
{ height: 33.5vw; margin-top: -31.5vw; width: 35vw; left: 100%; margin-left: -35vw; position: relative; text-align: center; line-height: normal; }

.matriculas-abertas a { font-family: Arial; color: #fff; font-size: 6vw; line-height: 10vw; text-decoration: none; letter-spacing: 0.07vw; }

.matriculas-abertas a:hover, .conheca-os-cursos-link a:hover, .conheca-a-sexualidade-clinica-link a:hover { text-decoration: underline; }

.conheca-os-cursos, .conheca-a-sexualidade-clinica { left: 100%; z-index: 99; position: relative; }

.conheca-os-cursos { width: 50.5vw; height: 15vw; margin-top: 1vw; margin-left: -50.5vw; }

.conheca-os-cursos-imagem { width: 100%; height: 13.5vw; }

.conheca-os-cursos-link 
{ height: 9vw; margin-top: -12vw; display: flex; align-items: center; line-height: normal; width: 43vw; left: 35%; margin-left: -15.05vw; text-align: center; position: relative; }

.conheca-os-cursos-link a, .conheca-a-sexualidade-clinica-link a
{ font-family: Arial; font-size: 3.7vw; color: #fff; text-decoration: none; letter-spacing: 0.07vw; }

.conheca-a-sexualidade-clinica { width: 62vw; height: 16.57vw; margin-top: 5vw; line-height: normal; margin-left: -62vw }

.conheca-a-sexualidade-clinica-imagem { width: 100%; height: 16.57vw; }

.conheca-a-sexualidade-clinica-link 
{ height: 9vw; margin-top: -13vw; display: flex; align-items: center; width: 56vw; left: 48%; margin-left: -26.88vw; text-align: center; position: relative; }

.acessar-site { width: 42.6vw; height: 14.5vw; margin-top: -131.5vw; top: 0; z-index: 99; left: 11%; margin-left: -5.06%; position: relative;  }

.acessar-site-imagem { width: 100%; height: 14.5vw; }

.acessar-ao-site-link 
{ height: 6vw; margin-top: -10.8vw; width: 35vw; left: 50%; margin-left: -17.5vw; text-align: center; position: relative; }

.acessar-ao-site-link a { font-family: Arial; font-size: 4.95vw; letter-spacing: 0.07vw; color: #fff; text-decoration: none; }

.acessar-ao-site-link a:hover { text-decoration: underline; }

.area-foto-cursos { width: 66.8vw; height: 52.8vw; left: 98%; margin-left: -65.464vw; margin-top: -14vw; position: relative; z-index: 999; }

.area-foto-casal-tessarioli 
{ width: 45.2vw; height: 45.2vw; margin-bottom: -1.5vw; left: 100%; margin-left: -45.2vw; margin-top: 0; position: relative; z-index: 999; }

.foto-casal-tessarioli { width: 45.2vw; height: 45.2vw }

.cursos { left: 0; margin-left: 0; margin-top: 0; z-index: 99; position: relative; width: 46.5vw; height: 9vw; }

.texto-titulo-cursos 
{ left:0; margin-left: 5.5vw; position: relative; height: 9vw; margin-top: -9vw; font-family: Arial; color: #000; display: flex; align-items: center; 
  font-size: 5vw; letter-spacing: 0.07vw }

.imagem-fundo-cursos { width: 100%; height: 9vw }

.area-cursos { width: 96vw; height: 49vw; margin-top: 4vw; left: 50%; margin-left: -48vw; position: relative; }

.curso1, .curso2, .curso3, .curso4, .curso5 { width: 45vw; background-color: rgb(176, 22, 110); position: relative; text-align: center; }

.curso1, .curso2, .curso3, .curso4 { padding-top: 1.2vw; height:  12.4vw }

.curso1, .curso4 { left: 0; margin-left: 0; }

.curso3 { left: 50%; margin-left: -22.5vw }

.curso2, .curso5 { left: 100%; margin-left: -45vw; }

.curso2, .curso5 { margin-top: -13.6vw }

.curso3, .curso4 { margin-top: 4vw; }

.curso5 { height: 9.7vw; padding-top: 3.9vw }

.curso1 a, .curso2 a, .curso3 a, .curso4 a, .curso5 a
{ font-family: Arial; font-size: 3.75vw; letter-spacing: 0.07vw; color: #fff; line-height: 5.65vw; text-decoration: none; }

.curso1 a:hover, .curso2 a:hover, .curso3 a:hover, .curso4 a:hover, .curso5 a:hover { text-decoration: underline; }

.espaco-logo-imagem-direita { width: 42vw; height: 14.8vw; margin-top: 5vw; z-index: 99999; left: 60%; margin-left: -25.2vw; position: relative; }

.logo-imagem-direita { width: 42vw; height: 14.8vw; left: 100%; margin-left: -42vw; position: relative; }

.redes-sociais
{ width: 30vw; letter-spacing: 0.07vw; left: 3%; margin-left: -0.1vw; position: relative; margin-top: -9vw; font-family: Arial; color: #000; 
  font-size: 3.6vw; }

.facebook, .instagram { width: 9vw; height: 9vw; position: relative }

.facebook { margin-top: 3vw; left: 0%; margin-left: 0; }

.instagram { margin-top: -9vw; left: 70%; margin-left: -6.3vw; }

.facebook-imagem, .instagram-imagem { width: 9vw; height: 9vw }

}

/*IPHONE MÃE*/
@media screen and (min-device-width : 351px) and (max-device-width : 570px) and (orientation : landscape) 
{
.main-pagina-inicial 
{ width: 100%; position: relative; margin: 0; padding: 0; bottom: 0; height: 274vw; line-height: 0; border-bottom: none; }

.area-esquerda, .area-direita { width: 100%; height: 137vw; position: relative; border-bottom: solid 13px rgb(176, 22, 110);}

.imagem-pagina-inicial, .imagem-esquerda, .imagem-direita { width: 100%; height: 137vw }

.imagem-mao { top: -137vw; height: 137vw; width: 57.87vw; }

#imagem-direita-computador, #imagem-esquerda-tablet-em-pe, #imagem-direita-tablet-em-pe, 
#imagem-esquerda-celular-deitado, #imagem-direita-celular-deitado { display: none }

.area-direita { margin-top: 0; left: 0; margin-left: 0; top: 0 }

.imagem-pagina-inicial { line-height: 0; width: 100%; height: 137vw; position: relative; }

.espaco-logo-imagem-esquerda { width: 45vw; height: 15vw; margin-top: -133vw; z-index: 99; left: 97%; margin-left: -43.65vw; position: relative; }

.logo-imagem-esquerda { width: 45vw; height: 15vw; left: 100%; margin-left: -45vw; position: relative; }

.area-seta { width: 53vw; left: 100%; margin-left: -53vw; position: relative; margin-top: 18vw; height: 8.5vw; }

.seta { width: 10vw; height: 8.5vw; left: 0; margin-left: 0; position: relative; }

.online
{ width: 42vw; left: 100%; margin-left: -42vw; position: relative; height: 8.5vw; margin-top: -8.5vw; display: flex; align-items: center; font-family: Arial; 
  color: #fff; font-size: 6vw; letter-spacing: 0.07vw; }

.area-matriculas-abertas { margin-top: 0; width: 42.2vw; left: 100%; margin-left: -42.2vw; height: 47vw; display: flex; align-items: center; z-index: 99; position: relative; }

.matriculas-abertas { width: 100%; left: 0; margin-left: 0; height: 33.5vw; position: relative; margin-top: 0; }

.matriculas-abertas-imagem { width: 100%; height: 32.5vw; }

.matriculas-abertas-texto 
{ height: 33.5vw; margin-top: -31.5vw; width: 35vw; left: 100%; margin-left: -35vw; position: relative; text-align: center; line-height: normal; }

.matriculas-abertas a { font-family: Arial; color: #fff; font-size: 6vw; line-height: 10vw; text-decoration: none; letter-spacing: 0.07vw; }

.matriculas-abertas a:hover, .conheca-os-cursos-link a:hover, .conheca-a-sexualidade-clinica-link a:hover { text-decoration: underline; }

.conheca-os-cursos, .conheca-a-sexualidade-clinica { left: 100%; z-index: 99; position: relative; }

.conheca-os-cursos { width: 50.5vw; height: 15vw; margin-top: 1vw; margin-left: -50.5vw; }

.conheca-os-cursos-imagem { width: 100%; height: 13.5vw; }

.conheca-os-cursos-link 
{ height: 9vw; margin-top: -12vw; display: flex; align-items: center; line-height: normal; width: 43vw; left: 35%; margin-left: -15.05vw; text-align: center; position: relative; }

.conheca-os-cursos-link a, .conheca-a-sexualidade-clinica-link a
{ font-family: Arial; font-size: 3.7vw; color: #fff; text-decoration: none; letter-spacing: 0.07vw; }

.conheca-a-sexualidade-clinica { width: 62vw; height: 16.57vw; margin-top: 5vw; line-height: normal; margin-left: -62vw }

.conheca-a-sexualidade-clinica-imagem { width: 100%; height: 16.57vw; }

.conheca-a-sexualidade-clinica-link 
{ height: 9vw; margin-top: -13vw; display: flex; align-items: center; width: 56vw; left: 48%; margin-left: -26.88vw; text-align: center; position: relative; }

.acessar-site { width: 42.6vw; height: 14.5vw; margin-top: -131.5vw; top: 0; z-index: 99; left: 11%; margin-left: -5.06%; position: relative;  }

.acessar-site-imagem { width: 100%; height: 14.5vw; }

.acessar-ao-site-link 
{ height: 6vw; margin-top: -10.8vw; width: 35vw; left: 50%; margin-left: -17.5vw; text-align: center; position: relative; }

.acessar-ao-site-link a { font-family: Arial; font-size: 4.95vw; letter-spacing: 0.07vw; color: #fff; text-decoration: none; }

.acessar-ao-site-link a:hover { text-decoration: underline; }

.area-foto-cursos { width: 66.8vw; height: 52.8vw; left: 98%; margin-left: -65.464vw; margin-top: -14vw; position: relative; z-index: 999; }

.area-foto-casal-tessarioli 
{ width: 45.2vw; height: 45.2vw; margin-bottom: -1.5vw; left: 100%; margin-left: -45.2vw; margin-top: 0; position: relative; z-index: 999; }

.foto-casal-tessarioli { width: 45.2vw; height: 45.2vw }

.cursos { left: 0; margin-left: 0; margin-top: 0; z-index: 99; position: relative; width: 46.5vw; height: 9vw; }

.texto-titulo-cursos 
{ left:0; margin-left: 5.5vw; position: relative; height: 9vw; margin-top: -9vw; font-family: Arial; color: #000; display: flex; align-items: center; 
  font-size: 5vw; letter-spacing: 0.07vw }

.imagem-fundo-cursos { width: 100%; height: 9vw }

.area-cursos { width: 96vw; height: 49vw; margin-top: 4vw; left: 50%; margin-left: -48vw; position: relative; }

.curso1, .curso2, .curso3, .curso4, .curso5 { width: 45vw; background-color: rgb(176, 22, 110); position: relative; text-align: center; }

.curso1, .curso2, .curso3, .curso4 { padding-top: 1.2vw; height:  12.4vw }

.curso1, .curso4 { left: 0; margin-left: 0; }

.curso3 { left: 50%; margin-left: -22.5vw }

.curso2, .curso5 { left: 100%; margin-left: -45vw; }

.curso2, .curso5 { margin-top: -13.6vw }

.curso3, .curso4 { margin-top: 4vw; }

.curso5 { height: 9.7vw; padding-top: 3.9vw }

.curso1 a, .curso2 a, .curso3 a, .curso4 a, .curso5 a 
{ font-family: Arial; font-size: 3.75vw; letter-spacing: 0.07vw; color: #fff; line-height: 5.65vw; text-decoration: none; }

.curso1 a:hover, .curso2 a:hover, .curso3 a:hover, .curso4 a:hover, .curso5 a:hover { text-decoration: underline; }

.espaco-logo-imagem-direita { width: 42vw; height: 14.8vw; margin-top: 5vw; z-index: 99999; left: 60%; margin-left: -25.2vw; position: relative; }

.logo-imagem-direita { width: 42vw; height: 14.8vw; left: 100%; margin-left: -42vw; position: relative; }

.redes-sociais
{ width: 30vw; letter-spacing: 0.07vw; left: 3%; margin-left: -0.1vw; position: relative; margin-top: -9vw; font-family: Arial; color: #000; 
  font-size: 3.6vw; }

.facebook, .instagram { width: 9vw; height: 9vw; position: relative }

.facebook { margin-top: 3vw; left: 0%; margin-left: 0; }

.instagram { margin-top: -9vw; left: 70%; margin-left: -6.3vw; }

.facebook-imagem, .instagram-imagem { width: 9vw; height: 9vw }

}

/*Ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) and (min-device-height: 600px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), handheld
{
.main-pagina-inicial 
{ width: 100%; position: relative; margin: 0; padding: 0; bottom: 0; height: 274vw; line-height: 0; border-bottom: none; }

.area-esquerda, .area-direita { width: 100%; height: 137vw; position: relative; border-bottom: solid 13px rgb(176, 22, 110);}

.imagem-pagina-inicial, .imagem-esquerda, .imagem-direita { width: 100%; height: 137vw }

.imagem-mao { top: -137vw; height: 137vw; width: 57.87vw; }

#imagem-direita-computador, #imagem-esquerda-tablet-em-pe, #imagem-direita-tablet-em-pe, 
#imagem-esquerda-celular-deitado, #imagem-direita-celular-deitado { display: none }

.area-direita { margin-top: 0; left: 0; margin-left: 0; top: 0 }

.imagem-pagina-inicial { line-height: 0; width: 100%; height: 137vw; position: relative; }

.espaco-logo-imagem-esquerda { width: 45vw; height: 15vw; margin-top: -133vw; z-index: 99; left: 97%; margin-left: -43.65vw; position: relative; }

.logo-imagem-esquerda { width: 45vw; height: 15vw; left: 100%; margin-left: -45vw; position: relative; }

.area-seta { width: 53vw; left: 100%; margin-left: -53vw; position: relative; margin-top: 18vw; height: 8.5vw; }

.seta { width: 10vw; height: 8.5vw; left: 0; margin-left: 0; position: relative; }

.online
{ width: 42vw; left: 100%; margin-left: -42vw; position: relative; height: 8.5vw; margin-top: -8.5vw; display: flex; align-items: center; font-family: Arial; 
  color: #fff; font-size: 6vw; letter-spacing: 0.07vw; }

.area-matriculas-abertas { margin-top: 0; width: 42.2vw; left: 100%; margin-left: -42.2vw; height: 47vw; display: flex; align-items: center; z-index: 99; position: relative; }

.matriculas-abertas { width: 100%; left: 0; margin-left: 0; height: 33.5vw; position: relative; margin-top: 0; }

.matriculas-abertas-imagem { width: 100%; height: 32.5vw; }

.matriculas-abertas-texto 
{ height: 33.5vw; margin-top: -31.5vw; width: 35vw; left: 100%; margin-left: -35vw; position: relative; text-align: center; line-height: normal; }

.matriculas-abertas a { font-family: Arial; color: #fff; font-size: 6vw; line-height: 10vw; text-decoration: none; letter-spacing: 0.07vw; }

.matriculas-abertas a:hover, .conheca-os-cursos-link a:hover, .conheca-a-sexualidade-clinica-link a:hover { text-decoration: underline; }

.conheca-os-cursos, .conheca-a-sexualidade-clinica { left: 100%; z-index: 99; position: relative; }

.conheca-os-cursos { width: 50.5vw; height: 15vw; margin-top: 1vw; margin-left: -50.5vw; }

.conheca-os-cursos-imagem { width: 100%; height: 13.5vw; }

.conheca-os-cursos-link 
{ height: 9vw; margin-top: -12vw; display: flex; align-items: center; line-height: normal; width: 43vw; left: 35%; margin-left: -15.05vw; text-align: center; position: relative; }

.conheca-os-cursos-link a, .conheca-a-sexualidade-clinica-link a
{ font-family: Arial; font-size: 3.7vw; color: #fff; text-decoration: none; letter-spacing: 0.07vw; }

.conheca-a-sexualidade-clinica { width: 62vw; height: 16.57vw; margin-top: 5vw; line-height: normal; margin-left: -62vw }

.conheca-a-sexualidade-clinica-imagem { width: 100%; height: 16.57vw; }

.conheca-a-sexualidade-clinica-link 
{ height: 9vw; margin-top: -13vw; display: flex; align-items: center; width: 56vw; left: 48%; margin-left: -26.88vw; text-align: center; position: relative; }

.acessar-site { width: 42.6vw; height: 14.5vw; margin-top: -131.5vw; top: 0; z-index: 99; left: 11%; margin-left: -5.06%; position: relative;  }

.acessar-site-imagem { width: 100%; height: 14.5vw; }

.acessar-ao-site-link 
{ height: 6vw; margin-top: -10.8vw; width: 35vw; left: 50%; margin-left: -17.5vw; text-align: center; position: relative; }

.acessar-ao-site-link a { font-family: Arial; font-size: 4.95vw; letter-spacing: 0.07vw; color: #fff; text-decoration: none; }

.acessar-ao-site-link a:hover { text-decoration: underline; }

.area-foto-cursos { width: 66.8vw; height: 52.8vw; left: 98%; margin-left: -65.464vw; margin-top: -14vw; position: relative; z-index: 999; }

.area-foto-casal-tessarioli 
{ width: 45.2vw; height: 45.2vw; margin-bottom: -1.5vw; left: 100%; margin-left: -45.2vw; margin-top: 0; position: relative; z-index: 999; }

.foto-casal-tessarioli { width: 45.2vw; height: 45.2vw }

.cursos { left: 0; margin-left: 0; margin-top: 0; z-index: 99; position: relative; width: 46.5vw; height: 9vw; }

.texto-titulo-cursos 
{ left:0; margin-left: 5.5vw; position: relative; height: 9vw; margin-top: -9vw; font-family: Arial; color: #000; display: flex; align-items: center; 
  font-size: 5vw; letter-spacing: 0.07vw }

.imagem-fundo-cursos { width: 100%; height: 9vw }

.area-cursos { width: 96vw; height: 49vw; margin-top: 4vw; left: 50%; margin-left: -48vw; position: relative; }

.curso1, .curso2, .curso3, .curso4, .curso5 { width: 45vw; background-color: rgb(176, 22, 110); position: relative; text-align: center; }

.curso1, .curso2, .curso3, .curso4 { padding-top: 1.2vw; height:  12.4vw }

.curso1, .curso4 { left: 0; margin-left: 0; }

.curso2, .curso5 { left: 100%; margin-left: -45vw; }

.curso3 { left: 50%; margin-left: -22.5vw }

.curso2, .curso5 { margin-top: -13.6vw }

.curso3, .curso4 { margin-top: 4vw; }

.curso5 { height: 9.7vw; padding-top: 3.9vw }

.curso1 a, .curso2 a, .curso3 a, .curso4 a, .curso5 a
{ font-family: Arial; font-size: 3.75vw; letter-spacing: 0.07vw; color: #fff; line-height: 5.65vw; text-decoration: none; }

.curso1 a:hover, .curso2 a:hover, .curso3 a:hover, .curso4 a:hover, .curso5 a:hover { text-decoration: underline; }

.espaco-logo-imagem-direita { width: 42vw; height: 14.8vw; margin-top: 5vw; z-index: 99999; left: 60%; margin-left: -25.2vw; position: relative; }

.logo-imagem-direita { width: 42vw; height: 14.8vw; left: 100%; margin-left: -42vw; position: relative; }

.redes-sociais
{ width: 30vw; letter-spacing: 0.07vw; left: 3%; margin-left: -0.1vw; position: relative; margin-top: -9vw; font-family: Arial; color: #000; 
  font-size: 3.6vw; }

.facebook, .instagram { width: 9vw; height: 9vw; position: relative }

.facebook { margin-top: 3vw; left: 0%; margin-left: 0; }

.instagram { margin-top: -9vw; left: 70%; margin-left: -6.3vw; }

.facebook-imagem, .instagram-imagem { width: 9vw; height: 9vw }

}