/* -----------------------------------*/
/* ----------- Tipografia ------------*/
/* -----------------------------------*/

body {font-family: 'Merriweather', serif; background: #FBF9ED; color: #5D5757}
.texto, .texto a {font-family: 'Merriweather', serif;}
.pure-g [class *="pure-u"], .pure-g-r [class *="pure-u"] {font-family: 'Merriweather', serif;}

/* -----------------------------------*/
/* -------------- Global -------------*/
/* -----------------------------------*/

h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; line-height: 1.1}
dl, menu, ol, ul {margin:0; padding:0}
address {font-style: normal;}
p, pre {margin: 0}
a {transition: 0.2s all;}
a.pure-button {padding: .5em 0}
a:hover {transition:0.2s all; text-decoration:none}
.floatR {float: right;}
.floatL {float: left;}
.opct {transition:0.2s all}
.opct:hover {opacity: 0.8}
.container {max-width:940px; margin: auto}
.duas-colunas {-moz-column-width: 400px; -moz-column-gap: 60px; -webkit-column-width: 400px; -webkit-column-gap: 60px; column-width:400px; column-gap: 60px}
.caps {text-transform: uppercase;}
.bg-parallax {width: 100%; max-width: 1920px; min-height: 100%; position: relative; background-position: 50% 0; background-repeat: repeat; background-attachment: fixed;}
.link-mapa {display:none}
.overlay {width: 100%; height: 450px; top: 450px; margin-top: -450px; background: rgba(0, 0, 0, 0); position: relative;}
.pure-g [class *="pure-u"], .pure-g-r [class *="pure-u"] {font-size: 14px;}
.texto, .texto a {font-weight: normal; line-height: 1.6; color: #5D5757; font-size: 14px}
.texto a {text-decoration:underline}
.texto a:hover {opacity:0.75}
.texto b {font-weight:700;}
.texto ul, .texto ol {padding:0 0 0 22px !important; display:table}
.texto p {padding:0 0 8px 0}
.fontw300 {font-weight: 300}
.fontw400 {font-weight: 400}
.fontw500 {font-weight: 500}
.fontw600 {font-weight: 600}
.fontw700 {font-weight: 700}
.fontw800 {font-weight: 800}
.font12 {font-size: 12px}
.font14 {font-size: 14px}
.font16 {font-size: 16px}
.font18 {font-size: 18px}
.font20 {font-size: 20px}
.font22 {font-size: 22px}
.font24 {font-size: 24px}
.font28 {font-size: 28px}
::-webkit-input-placeholder {color: #757779;}
:-moz-placeholder {color: #757779;}
::-moz-placeholder {color: #757779;}
:-ms-input-placeholder {color: #757779;}
fieldset input[type=text]{margin: 0 0 5px 0; padding: 14px 10px; border-radius: 0px; transition:0.2s all;}
fieldset textarea {height: 199px; border-radius: 0px; transition:0.2s all;}
nav.clearfix {border-bottom: 0; display:none; }  
nav.clearfix ul {display: none; height: auto; background:rgba(97, 97, 97, 0.8);} 
nav.clearfix ul li a{color:#FFF; display:block; line-height:45px; padding-left: 30px}
nav.clearfix ul li a:hover,
nav.clearfix ul li a.ativo{text-decoration:none;background:#5D5D5B}
nav.clearfix a#pull {display: block; background-color: rgba(97, 97, 97, 0.8); width: 100%; height:50px; line-height:50px; position: relative; color:#FFF; text-align:left;}  
nav.clearfix a#pull span {padding-left: 60px}
nav.clearfix a#pull:hover {text-decoration:none}
nav.clearfix a#pull span:before {content:""; background:url(../imagens/nav-icon.png) no-repeat; width: 50px; height: 20px; display: inline-block; position: absolute; top: 14px; margin-left: -30px} 
#paginacao{text-align:center;padding:35px 0 15px 0;width:100%}
#paginacao a{border-bottom: 2px solid transparent; display:inline-block;line-height:36px;width:34px;margin:0 3px 0 3px;transition: 0.2s all;color: #00AAA5;font-size: 16px;vertical-align:middle !important;text-decoration:none !important;cursor:default;color:#5D5757;}
#paginacao a.pgAnt, #paginacao a.pgPro{font-style:italic;color:#63BFAD;width:initial;}
#paginacao a.pgItem{cursor:pointer;}
#paginacao a.pgItem:hover,
#paginacao a.pgAtual{color:#63BFAD; border-bottom: 2px solid #63BFAD;}
.compartilhe {text-align: center;}
.add-this{display: inline-block;}

/* -----------------------------------*/
/* ----------- Cabeçalho -------------*/
/* -----------------------------------*/

#cabecalho {position: fixed; width: 100%; z-index: 10; border-top: 2px solid #A2E5D8}
#cabecalho .boxtop {background: rgba(108, 103, 98, 0.7); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}
#cabecalho .box #logo {text-align: center; background: #FFF; margin-top: -80px; max-width: 90%; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);}
#cabecalho .box #logo a {display: block; padding: 20px;}
#cabecalho .boxtop #menu ul li {float: left;}
#cabecalho .boxtop #menu ul li a {color: #FFFFFF; font-size: 16px; font-weight: 600; font-style: italic; text-shadow: 1px 1px 1px #5E5858; padding: 32px 12px; margin: 0 6px; display: block; text-transform: lowercase;}
#cabecalho .boxtop #menu ul li a:hover,
#cabecalho .boxtop #menu ul li a.ativo {color: #C5FAEF;}
#cabecalho .boxtop #menu ul li a.ativo {border-bottom: 1px solid #C5FAEF; padding-bottom: 20px;}


/* -----------------------------------*/
/* ------------- Rodapé --------------*/
/* -----------------------------------*/

#rodape {position: relative; z-index: 999; background: url(../imagens/bg_rodape.jpg) center bottom no-repeat; padding-top: 100px}
#rodape .rodatop {height: 360px; margin-top: -80px;}
#rodape .rodatop .rodatopbg1 {background: url(../imagens/bg_redes_sociais.png) top center no-repeat; height: 85px}
#rodape .rodatop .rodatopbg2 {background: url(../imagens/bg_redes_sociais_2.png) center bottom no-repeat; height: 85px}
#rodape .rodatop .colore {background: #B4F2E6}
#rodape .rodatop .vamos {color: #5D5757; font-size: 38px; font-style: italic; padding: 50px 0 0 0;}
#rodape .rodatop .vamos b {padding-left: 40px}
#rodape .rodatop .facebook, #rodape .rodatop .skype {line-height: 200px; text-align: center}
#rodape .rodabottom .logo {padding: 20px 0 60px 0}
#rodape .rodabottom address {color: #E1DFD5; font-size: 16px; text-align: center; line-height: 1.4; padding: 70px 0 0 0;} 
#rodape .rodabottom address span {color: #A1E9DB; } 
#rodape .rodabottom .contatos {text-align: right; font-style: italic; font-size: 18px; line-height: 1.2; padding: 60px 0 0 0; color: #E1DFD5;}
#rodape .rodabottom .contatos a {color: #E1DFD5;}
#rodape .rodabottom .contatos span {font-weight: 900; font-size: 28px; font-style: italic; color: #A1E9DB; }
#rodape .direitos {font-size: 12px !important; color: #FFF; line-height: 75px;}
#rodape .assinatura a {background: url(../imagens/certoweb_agencia_digital.png) top center no-repeat; width: 78px; height: 15px; float: right; margin: 25px 0;}
#rodape .assinatura a:hover {background-position: bottom center;}

/* -----------------------------------*/
/* ------------- Páginas -------------*/
/* -----------------------------------*/

#clientes .lista a,
#noticias .lista a {display: block;}


/* -----------------------------------*/
/* ------- Conteúdo Principal --------*/
/* -----------------------------------*/

a.rosa, .rosa {color: #C18DB4;}
a.azul, .azul {color: #8AC7DC;}
a.amarelo, .amarelo {color: #CCC698;}
.oazul1 {background: url(../imagens/bg_redes_sociais.png) top center no-repeat; height: 85px}
.oazul2 {background: url(../imagens/bg_redes_sociais_2.png) center bottom no-repeat; height: 85px}
header.rep {padding:30px 0 20px 0;}
.tit-rep {color: #5D5757; font-style: italic; font-size: 26px; font-weight: normal;}
.tit-rep2 {font-style: italic; color: #63BFAD; font-size: 34px}
.linha-det {max-width: 750px; margin: auto; padding: 40px 0}
.linha-det .max {background: #DFD9D5; width: 100%; height: 1px; }

#inicial #banner {height: 680px;z-index:1}
#inicial #frase {margin-top: -75px;z-index: 5;position: relative;}
#inicial #frase .pensa {background: url(../imagens/bg_pensou.png) center center no-repeat #B4F2E6; height: 360px;}
#inicial #frase .item {font-size: 20px; font-style: italic; color: #5D5757; line-height: 1.8; text-align: center; padding: 100px 55px 30px 55px;}
#inicial #frase .autor {text-align: right; color: #5D5757; padding-right: 80px; font-style: italic; font-size: 16px}
#inicial #servicos header {background: url(../imagens/bg_nossofoco.png) center center no-repeat; text-align: center; padding: 60px 0 }
#inicial #servicos header h2 {color: #5D5757; font-size: 50px; font-style: italic;}
#inicial #servicos header h2 span {font-weight: 300 !important }
#inicial #servicos .lista .item {text-align: center; padding-bottom: 50px }
#inicial #servicos .lista .item .tit {font-style: italic; color: #5D5757; font-size: 22px; line-height: 1.4; padding: 40px 0 20px 0; min-height: 65px;}
#inicial #servicos .lista .item .tit span {font-size: 26px}
#inicial #servicos .lista .item .texto {color: #5D5757; padding: 0 30px; min-height: 125px;}
#inicial #servicos .lista .item .saiba-mais { padding: 10px 0; }
#inicial #servicos .lista .item .saiba-mais a {text-decoration: underline;font-size: 16px; font-style: italic;}
#inicial #blog header {background: url(../imagens/bg_dtazul.png) center center no-repeat; text-align: center; padding: 40px 0 }
#inicial #blog header h2 {color: #A9FFEF; font-size: 50px; font-style: italic;}
#inicial #blog.bg-parallax {background-image: url(../imagens/bg_cafe_parallax.jpg); height: 880px;}
#inicial #blog .detal {background: url(../imagens/bg_amarelo_crop.png) center center no-repeat; height: 82px}

.interna .hrep {height: 240px; padding: 210px 0 0 0;}
.interna .hrep .tit {background: url(../imagens/bg_dtazul.png) center center no-repeat; text-align: center; font-size: 50px; font-style: italic; color: #A9FFEF; text-shadow:0px 2px 3px rgba(0, 0, 0, 0.65);}
.interna .hrep .sub-tit {text-align: center; color: #FFFFFF; font-style: italic; font-size: 24px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);line-height: 1.2; font-weight: 300; padding-top: 15px;}
.interna .oamare {background: url(../imagens/oamare.png) top center no-repeat; height: 91px; margin-top: -91px;     position: relative;}

.galeria {padding: 40px 0}
.galeria a {display: block; padding: 5px}
.galeria img {transition:0.2s all;}
.galeria img:hover {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); opacity: 0.9}

.abaixo {text-align: center;margin-bottom: -90px;}
.abaixo a { position: relative; margin-top: 10px;}

#sobre.interna .hrep {background-image: url(../imagens/bg_sobre.jpg);}
#sobre .conheca .imagem {padding: 8px; background: #FFF; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32);}
#sobre .conheca .texto{padding:0 30px 0 0}
#sobre .depo {background: url(../imagens/bg_depo.png) center center no-repeat; }
#sobre .depo .texto2 {color: #5D5757; font-size: 26px; font-style: italic; padding: 70px 50px 70px 50px; text-align: center; line-height: 1.4; border-top: 1px solid #DFD9D5; border-bottom: 1px solid #DFD9D5}
#sobre .perfil {padding-top:60px; padding-bottom: 60px; border-bottom: 1px solid #DFD9D5; padding-left: 20px}
#sobre .perfil .fotoper img {border-radius:300px;max-width:95%} 
#sobre .perfil .crp {padding: 10px 0 15px 0}
#sobre .mvv {padding: 60px 0 0 0}
#sobre .mvv .tit {color: #5D5757; font-size: 26px; padding-bottom: 15px; font-style: italic; font-weight: 900;}
#sobre .mvv .tit span {font-weight: normal;}
#sobre .mvv .texto {padding-right: 40px}


#servicos.interna .hrep {background-image: url(../imagens/bg_servicos.jpg);}
#servicos.individual .hrep {background-image: url(../imagens/bg_psicoterapia_individual.jpg);}
#servicos.casais .hrep {background-image: url(../imagens/bg_psicoterapia_casais.jpg);}
#servicos.familias .hrep {background-image: url(../imagens/bg_psicoterapia_familias.jpg);}
#servicos .lista1 .item {padding: 20px}
#servicos .lista1 .item a {display: block;}
#servicos .lista1 .item a.ico{min-height:170px;line-height:170px}
#servicos .lista1 .item .tit-rep {padding: 15px 0; color: #5D5757}
#servicos .lista1 .item .tit-rep b{font-style: italic; color: #63BFAD;font-size: 34px;font-weight:normal}
#servicos .lista1 .item .texto {color: #5D5757; min-height: 160px}
#servicos .lista1 .link a {font-style: italic; font-weight: 900; color: #63BFAD; font-size: 16px; text-decoration: underline; display: block; padding-top: 20px}
#servicos.interna .h-lista {font-size: 26px; font-style: italic; font-weight: 900; text-align: center; padding: 20px 0 40px 0 }
#servicos.interna .lista a.tit {font-size: 18px; font-style: italic; padding: 10px 0 0 0; display: block; font-weight: 900; color: rgb(93, 87, 87); }
#servicos.interna .lista .item {padding-bottom: 30px}
#servicos.interna .lista .item .cont{padding-left:25px;}
#servicos.interna .lista .texto {padding-bottom: 5px}
#servicos.interna .lista .imagem {border-left: 3px solid #63BFAD; padding-left: 5px; padding-right: 10px}
#servicos.interna .lista a.link {font-style: italic; font-weight: 900; color: #63BFAD; font-size: 16px; text-decoration: underline; display: block; padding-top: 15px}
#servicos.interna .hrep .tit span {color: #FFF}
#servicos.interna .exibe {padding-top: 40px}
#servicos.interna .exibe h4 {text-decoration: underline; padding-bottom: 10px}

.add-this {float: right; padding-right: 50px}
.compartilhe-text {float: right; color: #63BFAD; font-style: italic; font-weight: 900; display: inline-block; line-height: 30px; padding-right: 30px;}

.confira header {padding: 50px 0 30px 0}
.confira header .tit {background: url(../imagens/bg_dtazul.png) center center no-repeat; text-align: center; font-size: 50px; font-style: italic; color: #63BFAD}

.boxi {background: url(../imagens/detalhe_blog.png) right bottom no-repeat #FFF; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); padding: 50px 30px 30px 40px; margin-top: 40px}
.boxi .tit {font-weight: 900; color: #5D5757; font-style: italic; font-size: 26px; padding-bottom: 20px}
.boxi .imagem {float: right; margin: -80px -50px 20px 20px; position: relative; padding: 10px; background: #FFF; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);}

#palestras.interna .hrep {background-image: url(../imagens/bg_palestras.jpg);}
#palestras .boxrp {padding: 0 15px 20px 15px}
#palestras .boxrp .imagem {overflow: hidden !important;}
#palestras .boxrp .imagem  img {width: 100%; transition: 0.5s all;}
#palestras .boxrp:hover .imagem img {-webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25);}
#palestras .boxrp .bg {background: url(../imagens/detalhe_blog.png) right bottom no-repeat #FFF; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); padding: 20px}
#palestras .boxrp .tit {font-style: italic; color: #5D5757; font-size: 16px; font-weight: 900; min-height: 100px; display: block; line-height: 1.6; padding-bottom: 20px;}
#palestras .boxrp .saiba-mais {font-style: italic; font-weight: 900; color: #63BFAD; font-size: 16px; text-decoration: underline; display: block; padding-bottom: 10px;}

#palestras.interna .adicional {background-image: url(../imagens/bg_palestras.jpg); margin: 40px 0 5px 0}
#blog.interna .adicional {background-image: url(../imagens/bg_cafe_parallax.jpg); margin: 40px 0 5px 0}
.adicional .link a {font-style: italic; font-weight: 900; color: #63BFAD; font-size: 16px; text-decoration: underline; display: block; padding-top: 10px; padding-bottom: 80px;}
.adicional .detal { background: url(../imagens/bg_amarelo_crop.png) center center no-repeat;  height: 82px;}

#blog .lista .item {margin: 0 15px 40px 15px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);}
#blog .lista .item .imagem {background: #FFF; text-align: center; overflow: hidden !important;}
#blog .lista .item .imagem  img {width: 100%; transition: 0.5s all;}
#blog .lista .item:hover .imagem img {-webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25);}
#blog .lista .item .box {padding: 25px 20px; background: url(../imagens/detalhe_blog.png) right bottom no-repeat #FFF}
#blog .lista .item .box a {display: block;}
#blog .lista .item .box .data a {font-weight: 900; color: #64BFAD; font-size: 12px; text-transform: uppercase;}
#blog .lista .item .box .tit a {color: #5D5757; font-weight: 900; font-size: 20px; padding: 10px 0; font-style: italic; display: block; min-height: 55px; line-height: 1.4}
#blog .lista .item .box .resumo a {color: #5D5757; line-height: 1.8; padding-right: 20px; min-height: 130px; padding-bottom: 20px}  
#blog .lista .item .box .continue a {color: #63BFAD; font-size: 16px; font-style: italic; text-decoration: underline; font-weight: 900}  
#blog .lista .vejamais {text-align: center;}
#blog .lista .vejamais a {color: #63BFAD; font-weight: 900; font-style: italic; text-decoration: underline; font-size: 16px}

#blog.interna .hrep  {background-image: url(../imagens/bg_cafe_parallax.jpg); height: 200px}
#blog.interna .lista .item {position: relative;}
#blog.interna .boxi {margin-top: -40px; position: relative;}
#blog.interna .data {font-weight: 900; color: #63BFAD; padding-bottom: 25px; line-height: 1.5;}

.autor-post {border-left: 2px solid #63BFAD; padding: 10px 0 10px 15px; line-height: 1.8; float: left; margin-bottom: 20px}
.autor-post span {color:#63BFAD; font-weight: 900;}

#contato .hrep {background-image: url(../imagens/bg_contato.jpg);} 
#contato aside .tit {font-weight: 900; font-style: italic; font-size: 24px; line-height: 1.2; padding-left: 80px}
#contato aside .tit.telefone {background: url(../imagens/ico_contato2.png) left center no-repeat;}
#contato aside .tit.localiza {background: url(../imagens/ico_contato1.png) left center no-repeat;}
#contato aside .top .email a {font-size: 18px; font-style: italic; padding-top: 20px; color: #5D5757; display: block;}
#contato aside .top .skype {padding: 10px 0 0 0}
#contato aside .top .fone {font-size: 18px; font-style: italic; line-height: 1.3}
#contato aside .top .fone span {font-weight: 900; font-size: 28px}
#contato aside .linhasepara {height: 1px; width: 100%; background: #DFD9D5; margin: 40px 0}
#contato aside address {font-size: 16px; font-style: italic; line-height: 1.5; padding-top: 10px}
#contato aside .bottom {background: url(../imagens/ico_contato4.png) bottom right no-repeat;}
#contato .formulario, #contato aside {padding-top: 25px}
#contato a.linkmapa {font-style: italic; font-weight: 900; color: #63BFAD; font-size: 16px; text-decoration: underline; display: block; margin-top: 10px}
#contato .pure-form-aligned .pure-control-group label { font-weight: 900; font-style: italic; font-size: 16px;}
#contato .pure-form-aligned .pure-control-group label span {color: #FF0000 !important}
#contato .pure-form input[type=text] { line-height: 30px; width: 370px; box-shadow: none; border-radius: 10px;}
#contato .pure-form input[type=text]:focus,
#contato .pure-form-aligned textarea:focus { border-color: #B3F1E5;}
#contato .pure-form-aligned textarea {box-shadow: none; border-radius: 10px; margin-left: 80px; width: 470px; padding-top: 15px; padding-left: 15px;}
#contato .pure-form-aligned a.pure-button {background: #A1E9DB; width: 100%; color: #55887E; font-size: 16px; font-weight: 900; font-style: italic; width: 470px; margin-left: 80px; border-radius: 10px;line-height: 40px; box-shadow: 0px 5px 1px #8ED6C8;}
#contato .pure-form-aligned a.pure-button:hover {background: #B3EAE0}
#contato .detal { background: url(../imagens/bg_amarelo_crop.png) center center no-repeat; height: 82px; margin-top: 40px; position: relative;}
.mapa {margin-top: -80px;}
.owl-theme .owl-controls .owl-buttons .owl-prev {
left: -35px !important;
top: 33%;
background: none;
color: #000;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
right: -35px !important;
top: 33%;
background: none;
color: #000;
}
.todos a{font-style: italic;
font-weight: 900;
color: #63BFAD;
font-size: 16px;
text-decoration: underline;
display: block;
padding: 20px 0;}