* { outline: 0 none; }
body { background: #e3e3e3; margin: 0; font-family: Montserrat; color: #333; font-size: 13px; overflow-x: hidden; text-align: justify; min-width: 1200px}
a { text-decoration: none; color: #054e3e; }
a span { display: none; }
a img { border: none; }
input, textarea { font-family: Montserrat; color: #333; font-size: 12px; }

.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}

.wrapper { width: 1200px; margin: 0 auto; }

#topo { background: url(../../imagens/bg_topo.png) center bottom; width: 100%; height: 130px; float: left; }
#topo #logo { margin: 36px 0 0; float: left; }
#topo #logo a { background: url(../../imagens/logo.png) no-repeat; background-size: cover; width: 250px; height: 55px;  display: block; }

#menu { float: right; }
#menu ul { list-style: none; padding: 0; margin: 70px 0 0; }
#menu ul li { float: left; padding: 0 13px 0 13px; border-left: dashed 1px #ccc;}
#menu ul li:first-child {border-left:none;}
#menu ul li a {font-size: 16px; color: #303030; font-weight: 500; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) }
#menu ul li .sub { z-index: 1000; list-style: none; padding: 10px 0 0; margin: 0 0 0 -15px; width: 187px; position: absolute; display: none; background-color: #ffffff;}
#menu ul li:hover .sub { display: block; color: #444444;}
#menu ul li .sub li { float: left; width: 100%; margin: 0 0 2px 0; background: #004638; border:none; padding: 0px;}
#menu ul li .sub li a { display: block; color: #fff; font-size: 11px; padding: 10px; }
#menu ul li a:hover {color: #315850!important;}

#banner { float: left; width: 100%; height: 470px; }
#banner .slide { float: left; width: 100%; text-align: center; background: #FFF; position: relative; height: 470px; overflow: hidden; position: relative; }
#banner .slide ul { height:188px; width:100%;  position: relative; margin: 0 auto; padding:0}
#banner .slide ul li { position:absolute; top:0; left:0; width:100%; height:470px; z-index:90; display:none}
#banner .slide ul li img{max-width: 100%; width: 100%;}
#banner .slide div.barra { width:0; height:3px; background:#fff; position:absolute; z-index:100; left:0; top:0;opacity: 0.6}
#banner .slide div.fundo { width:100%; height:362px; position:absolute; left:0; top:0; bottom:0; right:0; z-index:0; display:none}
#banner .slide p { position: absolute; display: block; width: 80%; z-index: 1000; text-align: right; margin-top: 120px; display: none; }
#banner .slide p span { font: 12px arial; background: #333; text-align: center; width: 23px; height: 20px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); padding-top: 5px; color:#FFF; margin-left:2px; cursor:pointer; display: inline-block; }
#banner .slide p span.ativo { background-position: right; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

#title { background: url(../../imagens/bg_title.png); width: 100%; height: 77px; float: left; }
#title h2 { margin-top: 25px; }

#content { background: url(../../imagens/bg_content.png) bottom center repeat-x #fff; width: 100%; float: left; padding: 35px 0 78px; }
body.interna #content { background: url(../../imagens/bg_content2.png) bottom center repeat-x #fff; }
#content .box { float: left; width: 30%; }
#content .box.tratamentos { margin-left: 65px; }
#content .box b { background: url(../../imagens/sombra_box.png); width: 20px; height: 268px; float: left; display: block; position: absolute; }
#content .box h3 { margin: 10px 0 0 0px;}
/*#content .box .thumb { background: url(../../imagens/bg_foto.png); width: 303px; height: 143px; display: block; float: left; margin: 10px 0 10px 6px; }*/
#content .box .thumb img {margin: 11px 0 10px 0px; width: 100%; }
#content .box p { margin: 0 0px 0 0px; line-height: 22px; }
#content #noticias { float: right; width: 29%; }
#content #noticias ul { list-style: none; padding: 0; margin: 0; }
#content #noticias ul li { float: left; width:100%; margin-bottom: 11px; }
#content #noticias ul li .data { background: url(../../imagens/data.png); width: 46px; height: 47px; display: block; float: left; text-align: center; color: #054e3e; font-weight: bold; padding-top: 5px; font-size: 11px; text-transform: uppercase; margin:0 6px 10px 0; }
#content #noticias ul li h4 { margin: 0; }
#content #noticias ul li a { color: #333; }
#content #noticias ul li p { margin: 4px 0 0; }
#content #noticias .mais_noticias { background: url(../../imagens/mais_noticias.png); width: 114px; height: 21px; display: block; float: right; }

#content .col_img { float: right; width: 46%; }

#content .text_left { width: 54%; min-height: 330px; float: left; line-height: 16px; line-height: 25px;}
#content .text_left p { margin: 0 0 13px; }
#content .box_ft { float: left; margin: 0 0 22px; width: 100%; text-align: right; }

#content .profissional { width: 100%; float: left; line-height: 20px; margin-bottom: 40px; }
#content .profissional .foto { float: left; margin-right: 20px; }
#content .profissional h3 { color: #025c4a; font-size: 18px; font-family: Montserrat; margin: 0 0 20px; }

#content span.data { font-size: 11px; color: #555; }
#content img.left { float: left; margin: 0 20px 20px 0; }

#content .mapa { float: left; width: 572px; margin-top: 30px; }
#content .mapa iframe { margin-bottom: 10px; }

#content .form { width: 359px; margin-top: 30px; }
#content .form input[type=text], #content .form textarea { background: url(../../imagens/input_textarea.png); width: 339px; height: 45px; border: none; margin-bottom: 7px; float: left; padding: 0 10px; font-size: 13px; }
#content .form textarea { background-position: bottom; height: 135px; padding: 10px; }
#content .form input[type=submit] { background: url(../../imagens/enviar.png); width: 110px; height: 45px; border: none; float: right; cursor: pointer; }

#content iframe { border: 5px solid #fff; float: left; margin-bottom: 10px; }

#content #box_tratamentos { float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 20px; margin-top: 30px; }
#content #box_tratamentos ul { list-style: none; padding: 0; margin: 0; }
#content #box_tratamentos ul li { float: left; margin: 0 2px; }

#categorias { background: #ddd; width: 252px; padding: 20px; float: left; }
#categorias ul { list-style: none; padding: 0; margin: 0; }
#categorias ul li { float: left; width: 242px; padding: 5px; border-bottom: 1px dotted #aaa; }
#categorias ul li:last-child { border-bottom: none; }
#categorias ul li a { padding: 5px; display: block; width: 232px; color: #333; font-weight: bold; }
#categorias ul li a:hover, #categorias ul li a:hover { color: #025c4a; }
#categorias ul li a span { display: block; color: #555; font-size: 11px; }
#categorias ul li a:hover span { font-weight: normal; }
#categorias ul li .sub { list-style: square; padding: 5px 0 0 15px; font-size: 11px; }
#categorias ul li .sub li { padding: 0; border-bottom: none; }
#categorias ul li .sub li a { font-weight: normal; padding: 3px; }

#area_texto { float: right; width: 72%; line-height: 1.4; font-size:15px; }
#area_texto h3 { color: #025c4a; font-size: 18px; font-family: Montserrat; margin: 0 0 20px; }

#galeria { float: left; margin-top: 20px; }
#galeria a { float: left; margin: 0 16px 14px 0; }
#galeria a:nth-child(even) { margin-right: 0; }

#rodape { background: url(../../imagens/bg_rodape.png) top center repeat-x #575757; float: left; width: 100%; height: 135px; padding-top: 25px; font-size: 11px; color: #fff; }
#rodape #newsletter { float: left; }
#rodape #newsletter h3 { margin: 0; }
#rodape #newsletter p { margin: 0 0 10px; }
#rodape #newsletter input[type=text] { background: url(../../imagens/news_input.png); width: 194px; height: 26px; border: none; float: left; padding: 0 8px; font-size: 11px; }
#rodape #newsletter input[type=submit] { background: url(../../imagens/news_bt.png); width: 38px; height: 26px; border: none; }
#rodape #horarios { float: left; margin-left: 165px; }
#rodape #horarios h3 { margin: 0; }
#rodape #horarios p { margin: 0 0 10px; }
#rodape #horarios .agende { background: url(../../imagens/bt_agenda.png); width: 184px; height: 21px; float: left; display: block; }
#rodape #dados { float: right; text-align: right; width: 240px; }
#rodape #dados .fone { float: right; }
#rodape #dados p { display: block; width: 100%; float: right; margin: 5px 0; }
#rodape #dados .mapa { display: block; font-weight: bold; color: #fff; }

#rodape .rede_social_extramed {float: right;  padding-top: 0px;}
#rodape .rede_social_extramed .subtitulo {color: #fff; font-size: 8px; margin: 0; font-weight: normal; text-align: right; width: 100%; float: left;}
#rodape .rede_social_extramed a {background: url(../../imagens/rede_social.png) no-repeat; height: 24px; width: 24px; display: block; float: right; margin: 10px 0 6px 12px;}
#rodape .rede_social_extramed a.facebook {}
#rodape .rede_social_extramed a.instagram {background-position: -31px 0px; width: 24px;}
#rodape .rede_social_extramed a.linkdin {background-position: -64px 0px; width: 24px;}
#rodape .rede_social_extramed a.whatsapp {background-position: -96px 0px; width: 24px;}

#direitos { background: #464646; float: left; width: 100%; padding: 9px 0; font-size: 10px; text-transform: uppercase; color: #999; text-align: center; }
#direitos a { color: #818181; }