/* ==================================================
   Basic Styles
================================================== */

html, body {
	height: 100%;
}

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}

body{
	background:#e1dad5;
	color:#a06953;
	font-weight:400;
	font-size:16px;
	font-family: 'Lato', sans-serif;
	line-height:28px;
	margin-top: 80px;
}


a{
	color:#e3c8b3;
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: color 0.1s linear 0s;	
	   -moz-transition: color 0.1s linear 0s;
		 -o-transition: color 0.1s linear 0s;
		    transition: color 0.1s linear 0s;
}

a:hover,
a:active,
a:focus{
	outline: 0;
	color:#FFFFFF;
	text-decoration:none;
}

a img {
	border: none;
}

a > img {
	vertical-align: bottom;	
}

img {
	max-width: none;	
}

strong {
  	font-weight: 700;
}

p {
	margin: 0 0 20px;
	line-height:24px;
}

hr {
	border-style: dashed;
	border-color: #3C3F45;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 50px 0;	
}

.align_left{
	float:left;
	margin:0 25px 0 0px!important;
}

.align_right{
	float:right;
	margin:0 0 0 25px!important;
}

.text_align_left {
	text-align: left;
}

.text_align_center {
	text-align: center;
}

.text_align_right {
	text-align: right;	
}

.color-text {
    color: #0e76bc;
}

.through{
	text-decoration:line-through;
}

input, button, select, textarea {
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	outline: 0;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;
}

::-webkit-input-placeholder {
   color: #5a5a5b;
}

:-moz-placeholder { /* Firefox 18- */
   color:#5a5a5b;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #5a5a5b;  
}

:-ms-input-placeholder {  
   color:#5a5a5b;  
}




/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 20px 0;
	color:#FFFFFF;
	font-weight:300;
	font-family: 'Lato', sans-serif;
	line-height:1.5em;
}

h1{
	font-size:48px;
}

h2{
	font-size:36px;
}

h3{
	font-size:24px;
}

h4{
	font-size:20px;
}

h5{
	font-size:18px;
}

h6{
	font-size:16px;
}




/* ==================================================
   Header
================================================== */
.pre-header {
	background-color:#a34863;
	text-align:center;
	color:#e1dad5;
	font-size:11px;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:2.5px;
}

header {
	width: 100%;
	z-index: 99;
}
.navbar-brand{
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin: 0;
	padding:5px;
}
@media (max-width: 767px) {
.navbar-brand{
	margin-top:0px;
	text-align:left;
}
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
	opacity: 0.90;
	filter: alpha(opacity=90);	
}

.navbar {
  min-height: 80px;
}

.nav > li > a {
    padding: 0px 15px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
	line-height: 40px;
	display: block;
	text-transform: uppercase;
	letter-spacing:1.3px;
}

.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	background-color: transparent;
	color: #f7a81b;
	border:none;
}
.navbar-default{
	background-color:#e1dad5;
	
	
}
.navbar-default .navbar-nav > li > a {
    color: #29201f;
    padding: 50px 15px 10px 15px;
	font-size: 16px;
	font-weight: 300;
	display: block;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	text-decoration: none;
	background-color: transparent;
	color: #802842;
	font-weight:400;
	border-bottom: 1px solid #802842;
}

#nav .current a {
	text-decoration: none;
	background-color: transparent;
	color: #802842;
	font-weight:400;
	border-bottom: 1px solid #802842;
}

@media (max-width:767px) {
.navbar-default .navbar-nav > li > a {
    padding: 5px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color:rgba(0, 0, 0, 0.05);
}
#nav .current a {
	background-color:rgba(0, 0, 0, 0.05);
}
}
#nav .current a:hover {
	text-decoration: none;
	background-color: #e1dad5;
	color: #802842;
	font-weight:400;
	border-bottom: 1px solid #802842;
}

.navbar-toggle {
  margin-top: 23px;
  margin-bottom: 23px;
  background-color:#e0dede;
}

.nav_logo_sm{
	padding-top:10px;
	height:80px;
}





.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* ==================================================
   home Page
================================================== */

.page_home {
	background: #ececeb;
	position: relative;
	z-index: 99;
	padding:80px 0;
}

.tp-banner-container {
	width:100%;
	padding:0;
	margin-top:50px;
}
@media (max-width: 767px) {
.tp-banner-container {
	margin-top:0px;
}
}
.tp-banner {
	width:100%;
}

.tp-banner-fullscreen-container {
	width:100%;
	padding:0;
}

video {  
   width:100%; 
   height:auto; 
}

.title-page {
	text-align: left;
}

.title-page .title {
	color:#aec73e;
	font-size: 48px;
	margin: 0 0 10px 0
}

.title-page .title-description {
	font-size: 24px;
	font-weight: 200;
	margin: 0;
}

h2.home{
	color:#151515;
	font-size: 35px;
	font-weight:300;
	text-transform:uppercase;
	margin: 40px 0 0 0;
}
h3.home{
	color:#151515;
	font-size: 16px;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:1.4px;
	margin: 0 0 10px 0;
}
.reserve_agora {
    background: #ececeb;
    color: #151515;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 24px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 40px;
	margin-bottom: 30px;
	border: 2px solid #151515;
}

.page-alternate2 {
		background: #e5d1d7;
	background-image:url(../images/back_dest.jpg);

	position: relative;
	z-index: 99;
	padding:60px 0 0 0px;
}

/*************** Destaques ***************/

.team-member {
	padding: 3px;
	position: relative;
}

.team-member .member-photo {
	padding: 6px;
	border: 1px solid #eee;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	position: relative;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.team-member .member-photo .member-logo {
	position: absolute;
	bottom: -15px;
	left: -15px;
	z-index: 9994;
}

.team-member .member-photo .member-name {
	position: absolute;
	bottom: 12px;
	right: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 14px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
	background-color: #444;
	z-index: 9994;
}

.team-member .member-photo .member-name span {
	position: absolute;
	top: 90%;
	right: 0;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	padding: 1px 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.team-member .member-info {
	padding: 15px 6px 12px 6px;
}

h3.destaques{
	color:#ffffff;
	font-size: 18px;
	font-weight:400;
	letter-spacing:1.4px;
	margin: 0;
}
strong.destaques{
	color:#f7a81b;
}
hr.destaques {
  text-align:center;
  width:80px;
  margin-top: 10px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #ffffff;
}

.page-videos {
	background: #e9e9e8;
	padding: 60px 0;
	position: relative;
	z-index: 99;
}

a.destaques{
	color:#a06953;
}

a:hover.destaques{
	opacity: 0.80;
	filter: alpha(opacity=80);	
	color:#000;
}

h2.videos{
	color:#634943;
	font-size: 36px;
	font-weight:400;
	text-transform:uppercase;
	margin: 20px 0 0 0;
}
h3.videos{
	color:#a06953;
	font-size: 28px;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:1.4px;
	text-align:center;
	margin: 0px 0px 5px 0px;
}
h4.videos{
	color:#a06953;
	font-size: 16px;
	font-weight:300;

	letter-spacing:1.4px;
	text-align:center;
	margin: 0px 0px 25px 0px;
}
h3.videos:hover {
	text-decoration:underline;
}
h4.videos:hover {
	text-decoration:underline;
}


/* ==================================================
   a medica
================================================== */
.page-dermatologista {
		padding:60px 0 0 0px;
	position: relative;
	background-image:url(../images/back-dermatologista.jpg);
	background-position:center;	
}

.well {
  min-height: 20px;
  padding: 22px;
  padding-bottom:40px;
  margin-bottom: 30px;
  background-color: rgba(255, 255, 255, .6);
}

.page {
	background: #ececeb;
	padding: 100px 0;
	position: relative;
	z-index: 99;
}

.page-alternate {
	background: #ffffff;
	padding: 100px 0;
	position: relative;
	z-index: 99;
}

.a-medica h2{
	color:#91153f;
	font-size: 32px;
	font-weight:400;
	text-transform:uppercase;
	margin: 40px 0 0 0;
}
.a-medica h3{
	color:#151515;
	font-size: 20px;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:1.4px;
	margin: 0 0 5px 0;
}
.a-medica h4{
	color:#91153f;
	font-size: 14px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1.4px;
	margin: 0 0 10px 0;
}

.a-medica p{
		color:#151515;
}

/* ==================================================
   paginas destaques da home page
================================================== */
.page-destaques{
	position: relative;
	background-image:url(../images/back-dermatologista.jpg);
	background-position:top;	
	padding-top:80px;
}
.page-destaques p {
	color:#151515;
}
.page-destaques h1{	
	color:#91153f;
	font-size: 32px;
	font-weight:400;
	text-transform:uppercase;
}
.page-destaques h3{	
	color:#91153f;
	font-size: 16px;
	font-weight:400;
	text-transform:none;
	text-align:center;
	line-height:18px;
}
.page-destaques h2{	
	color:#91153f;
	font-size: 28px;
	font-weight:400;
	text-transform:none;
	margin-bottom:5px;
}
.well2 {
  min-height: 20px;
  padding: 25px;
  background-color: rgba(214, 198, 198, 1);
  background-color: #9e5a71;
}
.well2 p{
  color: #fff;
}

.well3 {
  min-height: 20px;
  padding: 25px;
  background-color: rgba(214, 198, 198, .3);
  margin-top:30px;
}

.well a{	
	color:#91153f;
}
.well a:hover{	
	color:#fff;
}

.destaque-titulo {
display:inline-block; 
padding-right:20px; 
margin-top:10px; 
margin-bottom:20px;
}

/* ==================================================
   paginas tratamentos
================================================== */
.page-tratamentos{
	position: relative;
	background-image:url(../images/back-dermatologista.jpg);
	background-position:top;	
	padding-top:80px;
}
.page-tratamentos p {
	color:#151515;
}
.page-tratamentos h1{	
	color:#91153f;
	font-size: 32px;
	font-weight:400;
	text-transform:uppercase;
}
.page-tratamentos h3{	
	color:#91153f;
	font-size: 18px;
	font-weight:600;
	text-transform:uppercase;
	text-align:left;
	line-height:22px;
	margin-bottom:10px;
}
.page-tratamentos h2{	
	color:#91153f;
	font-size: 28px;
	font-weight:400;
	text-transform:none;
	margin-bottom:5px;
}
.page-tratamentos hr{
  text-align:center;
  width:80px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #ffffff;
}
.well2-tratamentos {
  min-height: 20px;
  padding: 25px;
  background-color: rgba(214, 198, 198, 1);
  background-color: #cbb19d;
  margin-bottom:20px;
}
.well2-tratamentos p{
  color: #fff;
  margin:0;
  padding:0;
}

.well3-tratamentos {
  min-height: 20px;
  padding: 35px 25px 25px 25px;
  background-color: rgba(214, 198, 198, .6);
  margin-top:30px;
}

.tratamentos-titulo {
display:inline-block; 
padding-right:20px; 
margin-top:10px; 
margin-bottom:20px;
}
.tratamentos-titulo1 {
	display:inline-block;
	font-size:28px !important;
	text-align:left;
	line-height:30px;

}


/* ==================================================
   videos
================================================== */
  		/*  VIDEO PLAYER CONTAINER
 		############################### */
  		.vid-container {
		    position: relative;
		    padding-bottom: 52%;
		    padding-top: 30px; 
		    height: 0; 
		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}


		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container {
			width: 92%;
			overflow: hidden;
			margin-top: 20px;
			margin-left:4%;
			padding-bottom: 20px;
		}

		.vid-list {
			width: 1643px;
			position: relative;
			top:0;
			left: 0;
		}

		.vid-item {
			display: block;
			width: 148px;
			height: 148px;
			float: left;
			margin: 0;
			padding: 10px;
		    background-color: rgba(214, 198, 198, .3);
		}

		.thumb {
			/*position: relative;*/
			overflow:hidden;
			height: 84px;
		}

		.thumb img {
			width: 100%;
			position: relative;
			top: 0px;
		}

		.vid-item .desc {
			color:#91153f;
			font-size: 12px;
			font-weight:400;
			text-transform:none;
			text-align:left;
			line-height:16px;
			margin-top:10px;
		}

		.vid-item:hover {
			background: #e2cfbf;
			cursor: pointer;
		}

		.arrows {
			position:relative;
			width: 100%;
		}

		.arrow-left {
			color: #fff;
			position: absolute;
			background: #91153f;
			padding: 15px;
			left: -25px;
			top: -130px;
			z-index: 99;
			cursor: pointer;
		}

		.arrow-right {
			color: #fff;
			position: absolute;
			background: #91153f;
			padding: 15px;
			right: -25px;
			top: -130px;
			z-index:100;
			cursor: pointer;
		}

		.arrow-left:hover {
			background: #ad8e76;
		}

		.arrow-right:hover {
			background: #ad8e76;
		}


		@media (max-width: 624px) {
			body {
				margin: 15px;
			}
			.caption {
				margin-top: 40px;
			}
			.vid-list-container {
				padding-bottom: 20px;
			}

			/* reposition left/right arrows */
			.arrows {
				position:relative;
				margin: 0 auto;
				width:96px;
			}
			.arrow-left {
				left: 0;
				top: -17px;
			}

			.arrow-right {
				right: 0;
				top: -17px;
			}
		}


/* ==================================================
   Section contatos
================================================== */
.page-contatos{
	padding-top: 40px;
	background-image:url(../images/back-contatos.jpg);
	background-repeat:repeat-x repeat-y;
	width:100%;
}



h3.contatos{
	color:#ffffff;
	font-size: 22px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:1.4px;
	margin: 0;
}
strong.contatos{
	color:#f7a81b;
}
hr.contatos {
  text-align:center;
  width:80px;
  margin-top: 20px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px solid #ffffff;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: none;
}


/* ==================================================
   Footer
================================================== */

footer {
	position: relative;
	background-color:#802842;
	width: 100%;
	display:block;
	padding:15px 0;
}

footer .credits {
	color: #FFFFFF;
	line-height:1em;
	font-size: 0.8em;
	font-weight:300;
	text-align:center;
}


.fb-like{
position:relative;
top:-9px; //adjust to your needs
}

.fb-center {
	text-align:center;
	margin-top:40px;
}



.btn-primary {
  color: #fff !important;
  padding: 10px 40px;
  background-color: #91153f;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #ad8e76;
  border-color: #285e8e;
}
/* ================================================== */

.panel {
/*    background-color: transparent;*/
    background-color: rgba(255, 255, 255, 0.50);
}
.panel-default {
  border-color: #2a2a2a;
}
.panel-default > .panel-heading {
  color: #2a2a2a;
  background-color: #91153f;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}

.panel-group a{
	color:#c6ab97;
}
.panel-group h3{
	font-size:20px;
	text-align:left;
}
#accordion_2 a{
	color:#91153f;
}
#accordion_2 a:hover{
	color:#ffffff;
}
#accordion_2 .panel-heading {
  background-color: #cbb19d;
}

#accordion_2a a{
	color:#91153f;
}
#accordion_2a a:hover{
	color:#ffffff;
}
#accordion_2a .panel-heading {
  background-color: #cbb19d;
}

#map-canvas_sp {
	height: 260px;
	width: 400x;
	margin: 0px;
	padding: 0px;
}

#map-canvas_lins {
	height: 260px;
	width: 400px;
	margin: 0px;
	padding: 0px;
}

#map-canvas {
	background: url(../images/map-cover.jpg);
	height: 300px;
	width: 400x;
	margin: 0px;
	padding: 0px;
}
p.panel-title {
	color:#c6ab97;
}

h3.saiba{
	font-size: 20px;
	font-weight:400;
	text-transform:uppercase;
	text-align:left;
	margin: 0px 0px 5px 0px;
	line-height: 26px;
	}
	
.img-legenda{
	display:table-caption;
	caption-side:bottom; 
	text-align:center; 
	background-color:#e7e6e2; 
	color:#91153f; 
	margin-bottom:20px;
    line-height: 22px;
}

.glyph-pad {
	margin-left:20px !important;
}

.menu-tratamentos h3{	
	color:#91153f;
	font-size: 18px;
	font-weight:600;
	text-transform:uppercase;
	text-align:left;
	line-height:22px;
	margin-bottom:10px;
}
.menu-tratamentos hr{
  text-align:center;
  width:80px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #ffffff;
}

#botox-1 h3{	
	color:#91153f;
	font-size: 18px;
	font-weight:600;
	text-transform:none;
	text-align:left;
	line-height:22px;
	margin-bottom:10px;
}

.title-intra{	
	color:#91153f;
	font-size: 18px;
	font-weight:600;
	text-transform:none;
	text-align:left;
}

/* -------------------------------- 
back to top
-------------------------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(162, 55, 91, 0.5) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:999999;
    border-radius: 50%;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top:hover {
  background-color: #79193a !important;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}