/*------------------------------------*\
MAIN
\*------------------------------------*/

/* global box-sizing */
*, *:after, *:before { -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box; }

/* html element 62.5% font-size for REM use */
html { font-size: 62.5%; position: relative; overflow-x: hidden; }
body { font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 1em; color: #293d54; position: relative; overflow-x: hidden; background: #efefef; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }

/* clear */
.clear:before, .clear:after { content: ' '; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }
.cb { clear: both; }
img { max-width: 100%; vertical-align: bottom; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
a { color: #203043; text-decoration: none; cursor: pointer; }
a:hover { color: #2779aa; }
a:focus { outline: 0; }
a:visited { color: inherit; }
a:hover, a:active { outline: 0; }
input:focus { outline: 0; }
section { float: left; width: 100%; }
.fz1 { font-size: 1em; }
.fz2 { font-size: 2em; }
.fz3 { font-size: 3em; }
.fz4 { font-size: 4em; }
.fz5 { font-size: 5em; }

/*------------------------------------*\
STRUCTURE
\*------------------------------------*/

/* header */
.header { float: left; width: 100%; height: auto; position: relative; z-index: 9999; }
.header .nav { font-size: 1em; color: #555353; }
.header .nav ul { list-style: none; margin: 0 auto; padding: 0; float: right; }
.header .nav li { display: inline; float: left; border-top: solid 3px #EFEFEF; }
.header .nav li a { float: left; font-weight: 400; padding: 4.2em 1em; font-size: 1.7em; width: 100%; color: #04689d; }
.header .nav li:hover, .header .nav li.current-menu-item, .header .nav li.current_page_item { border-top: solid 3px #B8CC97; }
.header .nav li a:hover, .header .nav li.current-menu-item a { text-decoration: none; }
.menu_reduzido { background: none; }
.menu_reduzido ul { float: left; width: 100%; margin: 0; padding: 0; }
.menu_reduzido li { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
.navbar-collapse { padding: 0; }
.logo a { display: table; margin: 0 auto; }

/* header reduzido */
.topo_reduzido { display: none; transition: 0.5s; background: #efefef; }
.reduz { display: block; position: fixed; top: 0; z-index: 100; float: left; width: 100%; border-bottom: solid 1px #bbb; box-shadow: 0px 1px 2px #bbb; }
.reduz ul { float: left !important; }
.reduz img { height: 45px; display: table; margin: 1em auto; }
.reduz .nav li { transform: skewY(0deg); margin-top: 0em; }
.reduz .nav li a { padding: 1.5em; font-style: italic; font-size: 1.5em; transform: skewY(0deg); }

/*  HOME  */
.banner { float: left; width: 100%; position: relative; z-index: 2; }
.flex-direction-nav { float: left; width: 100%; z-index: 9999; }
.flex-direction-nav a.flex-prev { width: 41px; height: 46px; background: url(../img/seta-banner-anterior.png) no-repeat center center !important; opacity: 1 !important; left: 2em !important; }
.flex-direction-nav a.flex-next { width: 41px; height: 46px; background: url(../img/seta-banner-proximo.png) no-repeat center center !important; opacity: 1 !important; right: 2em !important; }
.flex-control-nav { right: 20%; bottom: 30px !important; z-index: 100 !important; float: left; width: auto !important; }
.flex-control-nav li a { background: #000000; }
.flex-control-paging li a.flex-active { background: #84ba3c !important; box-shadow: 0px 0px 6px #9f9f9f inset; }
.flex-control-paging li a { width: 20px !important; height: 20px !important; background: #58585a !important; }
.flexslider { margin-bottom: 0 !important; }
.bloco_destaques_home { float: left; width: 100%; background: url(../img/bg-destaques-home.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 15em 0; }
.box_conteudo { border: solid 2px #62e8ed; padding: 2em 4em 4em 4em; }
.box_conteudo h2 { float: left; width: 100%; }
.box_conteudo h2 a { float: left; width: 100%; text-decoration: none; color: #62e8ed; font-weight: bold; }
.box_conteudo p { float: left; width: 100%; }
.box_conteudo p a { float: left; width: 100%; text-decoration: none; color: #fff; font-size: 1.4em; }
.bloco_tecnologia_home { float: left; width: 100%; background: url(../img/bg-tecnologia-home.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; position: relative; padding: 18em 0; }
.mulher_tecnologia { float: right; width: 24%; position: absolute; bottom: 0; right: 20%; }
.bloco_tecnologia_home h1 { margin-bottom: 0.5em; font-size: 6.5em; font-weight: bold; color: #183a48; margin-top: 0; text-transform: uppercase; }
.bloco_tecnologia_home p { color: #33a5a9; font-size: 2em; font-weight: bold; }
.bt_saiba { font-size: 1.6em; text-decoration: none; font-weight: bold; }
.bloco_tecnologia_home a:hover { text-decoration: none; }
.bloco_tratamentos_home { float: left; width: 100%; background: url(../img/bg-tratamentos-home.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 5em 0; text-align: right; }
.bloco_tratamentos_home h1 { margin-bottom: 0.5em; font-size: 6.5em; font-weight: bold; color: #183a48; margin-top: 2em; text-transform: uppercase; }
.bloco_tratamentos_home p { color: #33a5a9; font-size: 2em; font-weight: bold; }
.bloco_profissionais_home { float: left; width: 100%; background-image: url(../img/bg-profissionais-home.png), url(../img/bg-profissionais-home-02.jpg); background-position: center bottom, center center; background-repeat: no-repeat; background-attachment: scroll, fixed; background-size: contain, cover; padding: 25em 0; }
.bloco_profissionais_home h1 { margin-bottom: 0.5em; font-size: 6.5em; font-weight: bold; color: #183a48; margin-top: 0; text-transform: uppercase; }
.bloco_profissionais_home p { color: #33a5a9; font-size: 2em; font-weight: bold; }
.lista_noticias { padding: 0; width: 100%; float: left; list-style: none; margin-bottom: 0; }
.lista_noticias li { position: relative; width: 25%; float: left; }
.lista_noticias li img { box-shadow: none !important; width: 100%; }
.lista_noticias li .item { display: table; position: relative; width: 100%; max-height: 100%; }
.lista_noticias li .item a { height: 100%; background: rgba(39, 96, 118, 0.7); position: absolute; left: 0; top: 0; width: 100%; display: table-cell; padding: 8em 0.5em; text-align: center; font-size: 2.8em; transition: 0.5s; vertical-align: inherit; font-weight: bold; color:#fff; }
.lista_noticias li .item a:hover { background: rgba(24, 58, 72, 0.3); color: #62e8ed; text-decoration: none; }

/* FORMULARIO */
.campo, .textarea { float: left; width: 100%; border: none; padding: 0.5em; font-size: 1em; margin-bottom: 0.5em; outline: none; font-weight: 400; background: #fff; }
.textarea { resize: none; height: 168px; }
*::-webkit-input-placeholder { color: #373738; font-weight: bold; font-weight: 400; }
*:-moz-placeholder { color: #373738; font-weight: bold; font-weight: 400; }
*::-moz-placeholder { color: #373738; font-weight: bold; font-weight: 400; }
*:-ms-input-placeholder { color: #373738; font-weight: bold; font-weight: 400; }
.bt_enviar { clear: both; float: right; background: #9FC175; border: none; color: #fff; font-size: 1em; padding: 0.3em 1em; opacity: 0.8; margin-right: 15px; font-weight: 700; }
.bt_enviar:hover { opacity: 1; text-decoration: none; }
.wpcf7-form-control-wrap { float: left; width: 100%; }
span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; float: left; position: absolute; top: -13px; right: 0; }
.wpcf7-response-output { float: left; width: 100%; text-align: center; font-size: 1.4em; }

/* FOOTER */
#mapa { float: left; width: 100%; height: 380px; }
.footer { float: left; width: 100%; font-size: 2.4em; }
.menu_footer { float: left; width: 100%; padding-top: 1em; }
.menu_footer li, .menu_footer li a { float: left; width: 100%; }
.menu_footer a:hover { color: #a0c275; }
.menu_footer ul { list-style: none; margin: 0; padding: 0; float: left; width: 100%; }
.menu_footer li { display: inline; float: left; width: 100%; }
.menu_footer li a { float: left; font-weight: 300; font-style: italic; font-size: 1em; }
.menu_footer li a:hover, .menu_footer li.current-menu-item a { text-decoration: none; color: #2779aa; }
.info_contato { padding-top: 4em; padding-bottom: 1em; }
.redes_sociais { display: table; margin: 12em 0 0 0; list-style: none; padding: 0; }
.redes_sociais li { float: left; }
.redes_sociais img { opacity: 0.7; }
.redes_sociais img:hover { opacity: 1; }
.copyright { float: left; width: 100%; font-size: 1.5em; text-align: center; padding: 1.5em 0 2em 0; display: table; background: rgba(255, 255, 255, 1); margin: 1em 0 0 0; }
.copyright a { color: #373738; }
.copyright a:hover { text-decoration: none; }
.copyright span { position: relative; top: -7px; margin-right: 1em; }

/* INTERNAS */
.interna { margin: 5em 0 2em 0; }
article.artigo { float: left; width: 100%; padding: 4em; background: #fdfafa; }
h1.titulo { font-size: 5em; font-weight: bold; color: #183a48; margin-top: 0; text-transform: uppercase; }
h2, h3, h4 { color: #33a5a9; font-size: 3em; }
article.artigo p { color: #183a48; font-size: 1.4em; }
article.artigo p strong { color: #33a5a9; }
article.artigo p em { font-weight: 700; font-size: 1.2em; }
.divisor { float: left; width: 100%; height: 1px; }

/* QUEM SOMOS */
.pagina_quem_somos .conteudo { padding-bottom: 3em; }
.pagina_quem_somos img { display: table; margin: 0 auto; }

/* ESTRUTURA */
.pagina_estrutura .conteudo { float: left; padding-bottom: 3em; }
.bloco_img img { display: table; margin: 0 auto; }
.bt_galeria_sorriso { display: table; width: 80%; margin: 5em auto 0em auto; background: #6ebabd; color: #fff; text-align: center; padding: 0.5em 1em; font-size: 4em; font-weight: 700; }
.bt_galeria_sorriso:hover { color: #fff; text-decoration: none; background: #193A49; }
.galeria_estrutura { margin-top: 5em; }

/* GALERIA DO SORRISO */
.galeria_sorriso { float: left; width: 100%; }

/* PROFISSIONAIS */
.pagina_profissionais .conteudo { float: left; width: 100%; padding-bottom: 3em; padding-top: 3em; font-size: 1.5em; }

/* CONTATO */
.campo { color: #6ebabd; border: solid 1px #183a48; padding: 0.5em 1em; font-size: 1.2em; resize: none; }
.wpcf7-submit { float: right; background: #183a48; color: #fff; border: none; font-size: 1.4em; margin-top: 1em; }

/* NOTICIAS */
.bloco_noticias { float: left; width: 100%; padding: 4em; background: #fdfafa; }
.bloco_noticias article { float: left; width: 100%; margin-top: 2em; margin-bottom: 2em; }
.bloco_noticias a:hover { text-decoration: none; color: inherit; }
.bloco_noticias img { box-shadow: 7px 7px 0 #183a48; display: table; margin: 0 auto; }
.titulo_noticia { font-size: 2em; font-weight: bold; }
.titulo_noticia a { color: #183a48; }
.data_noticia { font-size: 1.4em; font-weight: bold; color: #33a5a9; }
.resumo_noticia { font-size: 1.6em; margin-top: 2em; }
.resumo_noticia img{ max-width: 100% !important; }
.comentarios { float: left; width: 100%; margin-top: 2em; }
.paginacao { float: left; width: 100%; font-size: 1.4em; margin-top: 2em; }
.wp-pagenavi { display: table; margin: 0 auto; }
.bt_voltar { float: left; background: #183a48; color: #fff; border: none; font-size: 1.4em; margin-top: 2em; padding: 0.5em 1em; }
.bt_voltar:hover { color: #fff !important; }

/* TECNOLOGIA */
.bloco_tecnologia { float: left; width: 100%; padding: 4em; background: #fdfafa; }
.bloco_tecnologia article { float: left; width: 100%; margin-top: 2em; margin-bottom: 2em; }
.bloco_tecnologia a:hover { text-decoration: none; color: inherit; }
.bloco_tecnologia img { box-shadow: 7px 7px 0 #183a48; display: table; margin: 0 auto; }
.titulo_tecnologia { font-size: 2em; font-weight: bold; }
.titulo_tecnologia a { color: #183a48; }
.resumo_tecnologia { font-size: 1.6em; margin-top: 2em; }
.resumo_tecnologia strong { color: #33a5a9; }

/* TRATAMENTOS */
.pagina_tratamentos p { font-size: 1.4em; color: #6ebabd; margin-bottom: 3em; }
.bloco_tratamentos { float: left; width: 100%; padding: 4em; background: #fdfafa; }
.bloco_tratamentos article { float: left; width: 100%; margin-top: 2em; margin-bottom: 2em; }
.bloco_tratamentos a:hover { text-decoration: none; color: inherit; }
.bloco_tratamentos img { float: left; max-width: 100%; }
.titulo_tratamentos { font-size: 2em; font-weight: bold; }
.titulo_tratamentos a { color: #183a48; }
.lista_tratamentos { padding: 0; width: 100%; float: left; list-style: none; }
.lista_tratamentos li { position: relative; width: 25%; float: left; }
.lista_tratamentos li img { box-shadow: none !important; width: 100%; }
.lista_tratamentos li .item { display: table; position: relative; width: 100%; max-height: 100%; }
.lista_tratamentos li .item a { height: 100%; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; width: 100%; display: table-cell; padding: 8em 0.5em; text-align: center; font-size: 1.4em; transition: 0.5s; vertical-align: inherit; }
.lista_tratamentos li .item a:hover { background: rgba(24, 58, 72, 0.7); color: #fff; }
.titulo_tratamento { color: #183a48; font-size: 1.8em; }
.resumo_tratamento { font-size: 1em; }
.resumo_tratamento p { margin-bottom: 1em; }
.bloco_tratamentos img { box-shadow: 7px 7px 0 #183a48; display: table; margin: 0 auto; }

/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/

/* Extra Small */
@media(min-width:320px) and (max-width:767px) {
	.header { padding-bottom: 0 !important; }
	.logo a { float: none; }
	.logo img { display: table; margin: 0 auto; }
	.navbar-default .navbar-toggle { bottom: 3em; right: 1em; }
	.header nav.nav { margin: 1em 0 0 0; }
	.header .nav li, .header .nav li a { transform: skewY(0deg); margin-top: 0; }
	.header nav.nav li { float: left; width: 100%; text-align: center; border: none; background: #fff; }
	.header .nav li:hover, .header .nav li.current-menu-item { border: none; }
	.header nav.nav li a { float: left; width: 100%; padding: 0.5em; border: none !important; margin-bottom: 0; color: #767676; font-size: 2em; }
	.header .nav li a:hover, .header .nav li.current-menu-item a { text-decoration: none; color: #fff; background: #9FC174; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #fff !important; }
	.reduz, .flex-direction-nav, .flex-control-nav { display: none !important; }
	.info_contato { padding-top: 1em; }
	.redes_sociais { margin-top: 1em; }
	.titulo { width: 100%; margin-top: -0.9em; text-align: center; }
	.categoria_tratamentos li h2 { margin-top: 0em; }
	.categoria_tratamentos li .img_tratamentos, .categoria_tratamentos li h2 { width: 100%; }
	.lista_tecnologia h2 { margin-top: 1em; }
	.interna { padding-bottom: 2em; }
	.menu_footer li a { text-align: center; }
	footer img { display: table; margin: 0 auto; }
	.lista_tratamentos li { position: relative; width: 100%; float: left; }
	.lista_tratamentos li .item a { padding: 10em 0.5em; }
	.lista_noticias li { position: relative; width: 100%; float: left; }
	.lista_noticias li .item a { padding: 6em 0.5em; }
	.bloco_destaques_home { padding: 5em 0; }
	.bloco_tecnologia_home { padding: 5em 0; }
	.bloco_tecnologia_home h1 { font-size: 3.5em; }
	.bloco_tecnologia_home br { display: none; }
	.bloco_tratamentos_home { padding: 5em 0; }
	.bloco_tratamentos_home h1 { font-size: 3.5em; }
	.bloco_tratamentos_home br { display: none; }
	.bloco_profissionais_home { background-image: url(../img/bg-profissionais-home.png), url(../img/bg-profissionais-home-02.jpg); background-position: center bottom, center center; background-repeat: no-repeat; background-attachment: scroll, fixed; background-size: 110%, cover; padding: 5em 0 20em 0; }
	.bloco_profissionais_home h1 { font-size: 3.5em; }
	h1.titulo { font-size: 2.5em;}
	h2, h3, h4 { font-size: 2em; }	
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
	.header .nav li a { padding: 3em 0.5em; }
	.header .nav li, .header .nav li a { transform: skewY(0deg); }
	.reduz .nav li a { padding: 1.5em 0.4em; }
	.compromisso h1, .qualidade h1, .saude h1 { font-size: 1.2em; }
	.compromisso p, .qualidade p, .saude p { font-size: 0.9em; }
	.bloco_profissionais { padding-bottom: 20em; }
	.footer { font-size: 1.8em; }
	.footer br { display: none; }
	.redes_sociais { margin-top: 9em; }
	.titulo { margin-top: -0.5em; }
	.categoria_tratamentos li h2 { margin-top: 2.3em; }
	.lista_tratamentos li { position: relative; width: 50%; float: left; }
	.lista_tratamentos li .item a { padding: 10em 0.5em; }
	.mulher_tecnologia { width: 30%; right: 10%; }
	.lista_noticias li { position: relative; width: 50%; float: left; }
	.lista_noticias li .item a { padding: 6em 0.5em; }
	.bloco_destaques_home { padding: 5em 0; }
	.bloco_tecnologia_home { padding: 5em 0; }
	.bloco_tecnologia_home h1 { font-size: 4.5em; }
	.bloco_tecnologia_home br { display: none; }
	.bloco_tratamentos_home { padding: 5em 0; }
	.bloco_tratamentos_home h1 { font-size: 4.5em; }
	.bloco_tratamentos_home br { display: none; }
	.bloco_profissionais_home { background-image: url(../img/bg-profissionais-home.png), url(../img/bg-profissionais-home-02.jpg); background-position: center bottom, center center; background-repeat: no-repeat; background-attachment: scroll, fixed; background-size: 145%, cover; padding: 5em 0 20em 0; }
	.bloco_profissionais_home h1 { font-size: 4.5em; }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px) {
	.header .nav li a { padding: 3em 0.5em; }
	.reduz .nav li a { padding: 1.5em 1.3em; }
	.footer { font-size: 2em; }
	.titulo { margin-top: -0.5em; }
	.lista_tratamentos li { position: relative; width: 25%; float: left; }
	.lista_tratamentos li .item a { padding: 6em 0.5em; }
	.mulher_tecnologia { width: 22%; right: 15%; }
	.lista_noticias li { position: relative; width: 25%; float: left; }
	.lista_noticias li .item a { padding: 2.5em 0.5em; }
	.bloco_destaques_home { padding: 5em 0; }
	.bloco_tecnologia_home { padding: 5em 0; }
	.bloco_tecnologia_home h1 { font-size: 4.5em; }
	.bloco_tecnologia_home br { display: none; }
	.bloco_tratamentos_home { padding: 5em 0; }
	.bloco_tratamentos_home h1 { font-size: 4.5em; }
	.bloco_tratamentos_home br { display: none; }
	.bloco_profissionais_home { background-image: url(../img/bg-profissionais-home.png), url(../img/bg-profissionais-home-02.jpg); background-position: center bottom, center center; background-repeat: no-repeat; background-attachment: scroll, fixed; background-size: 100%, cover; padding: 5em 0 20em 0; }
	.bloco_profissionais_home h1 { font-size: 4.5em; }
}

/*------------------------------------*\
MISC
\*------------------------------------*/
::selection { background: #27A8E1; color: #fff; text-shadow: none; }
::-webkit-selection { background: #27A8E1; color: #fff; text-shadow: none; }
::-moz-selection { background: #27A8E1; color: #fff; text-shadow: none; }

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption .wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
	* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " ("attr(href) ")"; }
	abbr[title]:after { content: " ("attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}