/* RESET *********************************************/
* {margin: 0;padding: 0;}body {font-family: 'lato-regular', sans-serif; box-sizing: border-box}
a {	color: inherit;	text-decoration: none;}
a img {	border: none;}
.clear {clear: both;}
fieldset {border: none;}
li {list-style-type: none;}
input, select, textarea {outline: none;}
h1, h2, h3, h4, h5, h6 {font-weight: inherit;}
ul, menu, dir { display: block;list-style-type: disc;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0px;-webkit-padding-start: 0;}
/* FIM RESET ******************************************/

/* ========== GERAL ========== */
body {  margin: 0;  font-size: 62.5%;  font-family: "lato-regular", sans-serif;   width: 100%;  min-width: 320px;}
ol, ul, li {  list-style: none;  padding: 0; }
a {  color: inherit;  text-decoration: none; }
h1, h2, h3, h4 {  font-weight: normal;  margin: 0; }
figure {  margin: 0; }
p {    display: block;    -webkit-margin-before: 0em;    -webkit-margin-after: 0em;    -webkit-margin-start: 0px;    -webkit-margin-end: 0px;}
input[type="text"] {outline: none; }
.center{  width: 100%;  max-width: 1200px;  margin: 0 auto;  display: block;  position: relative;}
/* ========== FIM GERAL ========== */



/* topo */
.sombra{width: 100%;max-height: 40px;margin: 0 auto;position: relative;background-size: cover;}
/*CSS PADRÂO TODOS================================================================*/
.clear {clear: both;}
.left{float: left;}
.right{float: right;} 
.centralizar{text-align: center; margin: 0 auto}
.detalhe{margin: 0 auto; text-align: center}
.inner{width: 100%;min-width: 200px;max-width: 1200px;margin: 0 auto;display: block;}
.efeito:hover{filter: brightness(65%);-webkit-filter: brightness(65%); transition: all .4s ease}
.efeito-leve:hover{filter: brightness(80%);-webkit-filter: brightness(80%);}
.efeito-forte:hover{filter: brightness(75%);-webkit-filter: brightness(75%);}
.transparencia{filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-webkit-opacity:0.5;}
.transparencia_bg{background-color: rgba(197,47,41,.9);}
/* FIM CSS PADRÂO TODOS================================================================*


/* HEADER ****************************************************************/
header{width: 100%;height: 863px;background: url('../img/fundo_topo.png');border-bottom: 5px solid #8B2843;background-size: cover;}
header figure{width: 288px; height: 150px; margin: 0 auto;position: relative;top: 42px;}
header #logo{display: block;margin:0 auto;width: 100%; cursor: pointer}
header nav{margin: 0 auto; width: 99%;top: 75px; height: 100px;border-radius: 5px; background-color: #fff;position: relative;}
header nav a:hover {color: #a5717f;}
header nav a{margin: 0 4%;}
header nav div.menu{text-align: center;position: relative;top: 38px;}
header .nome_dr{padding-bottom: 5px;padding-left: 10px;margin: 84px 0 0 8%; border-left: 4px solid #8B2843; height: auto }
header .nome_dr h2{position: relative;top: -4px;font-size: 24px; color: #8B2843; font-family: "quicksand-bold", sans-serif;}
header .nome_dr span{top: 8px;position: relative;font-size: 14px; color: #535353; font-family: "quicksand-regular", sans-serif;}
header .imagem_left{margin-left: 5%;margin-top: 31px;float: left;margin-right: 35px;}
header .texto_centro{margin: 67px 0 0 0;padding: 20px 144px 0 0px;} 
header .assinatura{margin: 3% 65%;} 
header#interna{height: 340px;}
header .corpo{position: absolute;margin-left: 63%;}
.imagem_left figure img{ margin: 10px;}
.imagem_left figure{width: 261px;height: 328px;border: 3px solid #8B2843;background: #fff;}
/* FIM HEADER **************************************************************/


/*CRIA O BOTÂO MOBILE COM EFEITO DE FECHAR*/
#topo-mobile button span,
#topo-mobile button:before,
#topo-mobile button:after {height: 7px;width: 45px;background: #8b2843;display: block;position: absolute;left: 0;content: '';margin: auto;-webkit-transition: all 400ms ease;transition: all 400ms ease;border-radius: 999px;}
#topo-mobile button {position: absolute;border: none;text-indent: -9999px;margin-right: -63px;display: block;width: 40px;height: 40px;padding: 5px;background: none;outline: none;}
#topo-mobile button span {top: 0;bottom: 0;-webkit-transition: all 800ms ease;transition: all 800ms ease;}
#topo-mobile button:before {top: 0;}
#topo-mobile button:after {bottom: 0;}
#topo-mobile button.clicked span {opacity: 0;}
#topo-mobile button.clicked:before {top: 15px;width: 60px;left: -10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
#topo-mobile button.clicked:after {top: -5px;width: 60px;left: -10px; -webkit-transform: rotate(45deg)}
/*FIM CRIA O BOTÂO MOBILE COM EFEITO DE FECHAR*/


/*ESCONDE O BOTAO MOBILE E CONFIGURA O MENU*/
#topo-mobile{position:absolute;top:20px;left:10px;width:35px;z-index:99; display: none}
#menu-mobile{margin-top: 200px;display: none;background: #8B2843;color: #fff;font-size: 1.8em;letter-spacing: 0.4px;height: 1500px;width: 100%;left: 0;z-index: 100;position: absolute;}
#menu-mobile ul{padding: 20px 0;}
#menu-mobile ul li{padding-left: 20px;padding: 3% 20px; color: #ebc7b1; font-size: 20px; text-align: center}
#menu-mobile ul .ativo{font-weight: bold;}
/*ESCONDE O BOTAO MOBILE E CONFIGURA O MENU*/


/*NOVIDADES background: #F8F8F8;*/
.box_novidades{width: 370px; height: 450px; display: inline-table;  background: #F8F8F8;margin: 6px;}
.box_novidades figure{overflow: hidden}
.box_novidades h3{font-size: 26px; color: #333333; line-height: 120%;font-family: "quicksand-regular",sans-serif}
.box_novidades p{font-size: 14px; color: #545454; line-height: 160%;font-family: "lato-regular",sans-serif; text-align: left;margin: 22px;}
.bolinha{height: 73px; width: 73px;position: relative; border-radius: 50%; border: 5px solid #fff; background:#8B2843; box-sizing: border-box;padding: 21px; cursor: pointer; margin: -35px 40% -8px auto;}
.img_novidades{width: 100%; height: 230px;-webkit-transition: 1s all ease;-moz-transition: 1s all ease;-o-transition: 1s all ease;cursor: pointer}
figure .img_novidades:hover{ -moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transition: 1s all ease;}
.bolinha:hover .xis{-moz-transform: scale(1.8);-webkit-transform: scale(1.8);-o-transform: scale(1.1);-webkit-transition: 1s all ease;}
.bolinha:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transition: 1s all ease;}
#novidades #listar-todos{color:#8B2843; }
/*FIM NOVIDADES*/


/*footer**************************************************************/
footer{	width: 100%;position: relative;	min-height: 245px;	background: url('../img/footer.png');border-bottom: 3px solid #8B2843;	margin-top: 40px; background: #EBEBEB}
footer .atendimento{width: 91%;	height: 80px;box-sizing: border-box;background: #8B2843;border-radius: 10px;	margin: 0 auto;	display: block;	position: absolute;	margin-top: -40px;	left: 50%;	text-align: center;	color: #fff;	padding-top: 8px;    transform: translateX(-50%);}
footer .atendimento b{font-size: 2.2em;font-family: "quicksand-regular", sans-serif !important; line-height:120%}
footer .atendimento span{font-size: 1.6em;display: block;margin-top: 5px; font-style:italic}
footer #left{float: left;width: 250px;height: 170px;margin-top: 56px;margin-left: 8%;}
footer #left b{	color: #555;font-size: 2.2em; font-family: "quicksand-regular", sans-serif !important; line-height: 120%}
footer #left img{margin:3% 2%;float: left;}
footer #left span{margin: 3% 0.5%;font-size: 1.4em;float: left;color: #666;line-height: 150%}
footer #right{	width: 240px;	float: right;	margin-top: 56px;	margin-right: 20%;}
footer #right img{	display: inline-block;	margin: 0 1%;}
footer .direitos{	width:100%;	text-align: center; font-size: 16px; color: #545454; font-family: "Lato-Light", sans-serif; }
footer #hostche{position: absolute;right: 1%; margin-top: -15px;}
footer #right #box_newsletter{width: 371px; height: 62px; background: #fff; border-radius: 100px;padding: 23px;box-sizing: border-box;}
footer #right #box_newsletter .bola{cursor: pointer;box-sizing: border-box; border-radius: 50%; height: 57px; width: 57px; background: #71CD9D; float: right;position: relative;top: -2px;right: -2px;}
footer #right #box_newsletter .bola img{padding: 21px 19px;}
footer #right #newsletter{border: none;font-size: 19px; color: #666666; font-weight: 300}
footer .midias{margin: 18px 94px;width: 180px;}
.bt-submit{border-radius: 50%;height: 57px;width: 57px;background: #71CD9D;float: right;position: relative;top: -21px;right: -20px;}
#newsletter::-webkit-input-placeholder {font-weight: 300;  font-family: "Lato-Light", sans-serif;}
#newsletter:-moz-placeholder {font-weight: 300;  font-family: "Lato-Light", sans-serif;}
#newsletter::-moz-placeholder { font-weight: 300;  font-family: "Lato-Light", sans-serif;}
#newsletter:-ms-input-placeholder {font-weight: 300;  font-family: "Lato-Light", sans-serif;}
/*footer**************************************************************/



/******************************************************************************
/* contato=============================================*/
.contato {padding-bottom: 30px;}
.contato .direita{width:300px;float: right;margin-left: 10px;margin-bottom: 10px;}
.contato .imagem{width: 100%;height: 220px;position: relative;-webkit-box-shadow: 0px 0px 5px 2px #999999;-moz-box-shadow: 0px 0px 5px 2px #999999;box-shadow: 0px 0px 5px 2px #999999;}
.contato .imagem img,
.contato .texto img{min-width: 100%;max-width: 110%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;margin: 0 !important;}
.contato .imagem img:hover{-moz-transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);}
.contato .texto{width: 100%;}
.contato form{width: 55%;margin: 0 auto;display: block;}

form{	position: relative;}
form .input-form{width: 100%;    min-width: 250px;    height: 50px;    float: left;    margin: 1.5% 0;    border: 1px solid #CCCCCC;    color: #666;    font-family: 'Lato', sans-serif;    font-size: 16px;    padding-left: 10px;    box-sizing: border-box;}
form .nome-form{background: url('../img/nome-form.png') right 13px center no-repeat;}
form .email-form{background: url('../img/email-form.png') right 10px center no-repeat;}
form .telefone-form{background: url('../img/telefone-form.png') right 10px center no-repeat;	display: inline-block;	width: 47%;	margin-right: 6%;	min-width: 200px;}
form .celular-form{background: url('../img/celular-form.png') right 12px center no-repeat;	display: inline-block;	width: 47%;	margin-right: 0;	min-width: 200px;}
form .whatsapp-form{background: url('../img/whatsapp-form.png') right 10px center no-repeat;}
form .facebook-form{background: url('../img/facebook-form.png') right 14px center no-repeat;}
form textarea{width: 100%;min-width: 250px;    height: 150px;    float: left;    margin: 1.5% 0;    border: 1px solid #CCCCCC;    color: #666;    font-family: 'Lato', sans-serif;    font-size: 16px;    padding-left: 10px;    padding-top: 10px;    box-sizing: border-box;    resize: none;}
form .mensagem-form{background: url('../img/mensagem-form.png') right 9px top 10px no-repeat;}

form small{font-size: 1.3em;color: #999;}
.botao-right{float: right;}
.botao-centro{margin: 0 auto;	display: block;}
.botao{box-sizing: border-box;	width: 200px;	height: 50px;	padding: 10px 20px; 	color: #fff;	background: #736083;	border: none;	font-size: 1.8em;	line-height: 120%;	cursor: pointer;}
.botao-secundaria{background: #8b2843;border-radius: 3px;}
.botao:hover{filter: brightness(75%);}

/* Começo da estilização input type file*/ 
#upload {position:absolute; top:0;left:0; border:1px solid #ff0000; opacity:0.01; z-index:1;	height: 41px;	cursor: pointer;}
#botao-upload {background-color : #E18986;  border-radius: 1px;  padding: 10px 15px;  outline: none;  color: white;  cursor: pointer;  font-size: 1.5em;   font-family: 'Lato', sans-serif;   box-sizing: border-box;   height: 40px;   border:none;   float: left;   letter-spacing: 0.4px;}
#nome-arquivo-upload{float: left; margin-top: 10px;    font-size: 1.5em;    margin-left: 10px;    color: #666666;}
.botao-file-upload{	position: relative;	margin: 1% 0;	height: 41px;}
.mensagem-formulario{position: absolute; left: 0;font-size: 1.6em;margin-top: -15px;color: #23901c;font-weight: bold;text-align: center;margin: 0 auto;display: block;margin-top: -15px;width:100%;}
/*fim formularios======================================== */
/*****************************************************************************************


/* home */

.home .left{width: 51%;}

#home-espaco{	padding-bottom: 50px;}
.home .right{	width: 48%;	max-width: 540px;}

.detalhe{	width: 236px;	height: 13px;	margin: 5px auto;	display: block;}
.home .imagem1{	width: 60%;	max-width: 320px;    max-height: 214px;    border: 10px solid #F4F2E6;    -webkit-box-shadow: 2px -2px 5px 0px #999999;    -moz-box-shadow: 2px -2px 5px 0px #999999;    box-shadow: 2px -2px 5px 0px #999999;    overflow: hidden;    float: right;}
.home .imagem1 img{	width: 100%;}
.home .imagem2{	width: 60%;	max-width: 320px;    max-height: 214px;    border: 10px solid #F4F2E6;    -webkit-box-shadow: 2px 2px 5px 0px #999999;    -moz-box-shadow: 2px 2px 5px 0px #999999;    box-shadow: 2px 2px 5px 0px #999999;    overflow: hidden;    float: left;    margin-top: -18%;}
.home .imagem2 img{	width: 100%;}
#home-espaco .texto{    width: 90%;    font-family: 'lato-regular', sans-serif;    font-size: 1.6em;    color: #666666;    line-height: 160%;    margin-top: 25px;    margin: 5px auto;    display: block;}

.item{	text-align: center;}
.cada-item{	width: 29%;	min-width: 300px;	display: inline-table;	margin: 3% 1%;}
.home .cada-item{	margin: 1.5% 1%;}
.cada-item .imagem{	border: none;	width: 100%;	height: 202px;	border-bottom: 3px solid #836FAA;	position: relative;	overflow: hidden;}
.cada-item .imagem img{	height: 100%;	width: auto;	min-width: 100%;	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%,-50%);}
.cada-item .imagem img:hover{	-moz-transform:translate(-50%,-50%) scale(1.1);	-webkit-transform:translate(-50%,-50%) scale(1.1);	-o-transform:translate(-50%,-50%) scale(1.1);}
.cada-item  .titulo{	color: #666666;	font-size: 1.8em;	margin-top: 5px;	text-align: left;	margin:  15px 7px;}
.cada-item  .texto{	font-size: 1.4em;	text-align: left;	line-height: 160%;	letter-spacing: 0.3px;}

#paginacao{    text-align: center;font-size: 1.6em;color:  #666;}
#paginacao strong{    color: #8b2843;    margin: 10px 3px;    display: inline-block;    width: 4px;    height: 21px;    width: 23px;    border-radius: 2px;    background: #c696a3;}
#paginacao a{margin:10px;position: relative;display:inline-block;/* font-size: 1.8em;*/font-weight: 600;width: 4px}
#paginacao .next{width: 13px;height: 25px;background: url('../img/next.png') center center no-repeat;position: absolute;margin-top: -8px;}
#paginacao .prev{width: 13px;height: 25px;background: url('../img/prev.png') center center no-repeat;position: absolute;margin-top: -8px;}
#paginacao a:hover{color: #8b2843;}
.itens-detalhe .texto{width: 65%;float: left;text-align: left;}
.itens-detalhe .imagem{width: 100%;border:none;margin-left: 0px;position: relative;}
.itens-detalhe #right .imagem-detalhe{overflow: visible;max-height: 340px; width: 100%;}
.itens-detalhe #right .imagem-detalhe img{border-bottom: 4px solid #852640;max-width: 100%;max-height: 300px;}
.itens-detalhe #right .imagem-detalhe img:hover{-webkit-transition: 1s all ease;-moz-transition: 1s all ease;-o-transition: 1s all ease;}
.itens-detalhe h2{margin-left: 0px;font-size: 26px;line-height: 120%;color: #333333;font-family: "quicksand-regular", sans-serif !important;}
.itens-detalhe .pontinhos{margin-left: 0px;}.itens-detalhe #right{float: right;width: 34%;text-align: left;min-width: 320px;}
.mini-item-titulo{width: 92%;display: inline-block;margin: 5px 0 1px; font-size: 17px;line-height: 120%;color: #333333;}
.mini-item{border-bottom:  2px solid #B9B9B9;width: 100%;height: 116px;margin-top: 10px;}
.mais-itens a:last-child .mini-item{border-bottom: none;}
.mini-item .texto{width: 73%;float: right;font-size: 1.4em;margin-top: 0;}
.mini-item .imagem{width: 25%;min-width: 100px;height: 56px;border:none;float: left;margin-top: 5px;margin-left: 0;}
.imagem img {	width: 100%;	border-bottom: 2px solid #852640;    -webkit-transition: 2s all ease;    -moz-transition: 2s all ease;    -o-transition: 2s all ease;}
.texto img{max-width: 90%;height: auto; margin:5px auto;}
.texto-mini-noticia{	font-size: 16px;    line-height: 120%;    color: #545454;}

/*PÁGINA DERMATOLOGIA CLINICA*/

.dermatologia{
    
    text-align: center;
    
}

.dermatologia .imagem1-dermatologia,.imagem2-dermatologia{
  
    /*margin-top: 70px;  */
    margin: 25px;
    
}

.imagem1-dermatologia{
    width: 60%;
    
    max-width: 320px;    
    /*max-height: 214px;*/
    
    border: 10px solid #F4F2E6;       
    -webkit-box-shadow: 2px -2px 5px 0px #999999;    
    -moz-box-shadow: 2px -2px 5px 0px #999999;    
    box-shadow: 1px 2px 10px 1px #999999;
    
    display: inline-table;
   
}

.imagem1-dermatologia img{
    width: 100%;
    height: 233px;
   
    
    object-fit: cover;
    min-width: 260px;
    min-height: 200px;
}

.imagem2-dermatologia{
    
    width: 60%;	
    
    max-width: 320px;    
    /*max-height: 214px;*/
    
    border: 10px solid #F4F2E6;
    
    -webkit-box-shadow: 2px 2px 5px 0px #999999;    
    -moz-box-shadow: 2px 2px 5px 0px #999999;
    
    box-shadow: 1px 2px 10px 1px #999999;
    
    display: inline-table;    
    
}
.imagem2-dermatologia img{
    width: 100%;
    height: 233px;
    
    object-fit: cover;
    
    min-width: 260px;
    min-height: 200px;
}

/*PÁGINA CIRURGIA */

.cirurgia{
    
    text-align: center;
    
}

.cirurgia .imagem1-cirurgia,.imagem2-cirurgia{
  
    /*margin-top: 70px;  */
    margin: 25px;
    
}

.imagem1-cirurgia{
    width: 60%;
    
    max-width: 320px;    
    /*max-height: 214px;*/
    
    border: 10px solid #F4F2E6;       
    -webkit-box-shadow: 2px -2px 5px 0px #999999;    
    -moz-box-shadow: 2px -2px 5px 0px #999999;    
    box-shadow: 1px 2px 10px 1px #999999;
    
    display: inline-table;
   
}

.imagem1-cirurgia img{
    width: 100%;
    height: 233px;
   
    
    object-fit: cover;
    min-width: 260px;
    min-height: 200px;
}

.imagem2-cirurgia{
    
    width: 60%;	
    
    max-width: 320px;    
    /*max-height: 214px;*/
    
    border: 10px solid #F4F2E6;
    
    -webkit-box-shadow: 2px 2px 5px 0px #999999;    
    -moz-box-shadow: 2px 2px 5px 0px #999999;
    
    box-shadow: 1px 2px 10px 1px #999999;
    
    display: inline-table;    
    
}

.imagem2-cirurgia img{
    
    width: 100%;
    height: 233px;
    object-fit: cover;
    min-width: 260px;
    min-height: 200px;
}