@charset "utf-8";

/*    INDEX    */

.celula-index {
	width: 94%;
	margin: 2%;
	padding: 15px 1%;
	float: left;
	font-weight: bold;
	background: rgba(0,0,0,.1);
	border-radius: 5px;
}
.celula-index:hover {
	background: rgba(0,0,0,.2);
}

.celula-plataforma {
	width: 92%;
	float: left;
	padding: 2%;
	margin: 2%;
	border-radius: 8px;
}

.celula-rs {
	width: 92%;
	float: left;
	margin: 3%;
	padding: 2%;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
}

.celula-instagram-fotos {
	width: 100%;
	float: left;
	margin: 10px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.instagram-ft {
  width: 31%;
  float: left;
	margin: 1%;
}
.instagram-ft-img {
	margin: 10px;
	border-radius: 2px;
}

.instagram-img {
	width: 50px;
	border-radius: 50%;
	border: 4px solid #e6e6e6;
}

.yotube-div {
	width: 94%;
	float: left;
	margin: 1%;
	padding: 2%;
}

.celula-colaborador {
	width: 92%;
	float: left;
	padding: 2%;
	margin: 2%;
	border-radius: 8px;
	background: #1e1e1e;
}

.celula-colaborador-img {
	width: 100%;
	float: left;
}
.celula-colaborador-bolha {
	width: 100%;
	float: left;
	margin-top: calc(-50% - 8px);
}

.colaborador-img {
	width: 50%;
	border-radius: 50%;
	border: 4px solid #e6e6e6;
}
.colaborador-bolha {
	width: 50%;
	border-radius: 50%;
}

.corpo-div {
  width: 100%;
  float: left;
  position: relative;
}

/*   CALENDARIO    */

.calendario {
	width: 98%;
	padding: 1%;
	float: left;
	background: url('../img/bgcal.jpg');
	color: #2e2e2e;
	text-align: center;
	font-size: 1.3em;
}
.calendario h1, .calendario h2, .calendario h3, .calendario h4, .calendario h5 {
	color: #014ac4;
}
.calendario a:link {
	font-weight: bold;
}

.calendario-data {
	width: 20%;
	float: left;
}
.calendario-texto {
	width: 78%;
	padding: 1%;
	float: left;
}

.calendario-cel {
	width: 96%;
	float: left;
	padding: 1%;
	margin: 10px 1%;
	background: rgba(266,266,266,.0);
	border-bottom: 3px solid #ff9c00;
}
.calendario-dia {
	width: 96%;
	float: left;
	margin: 1%;
	padding: 1%;
	background: #ff9c00;
	color: #dcdcdc;
	border-radius: 5px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
.calendario-mes {
	width: 96%;
	float: left;
	margin: 1%;
	padding: 1%;
	font-size: 1.4em;
	font-weight: bold;
	color: #ff9c00;
	text-align: center;
}
.calendario-dt {
	color: #ff9c00;
	border-radius: 5px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}



/*     FALE CONOSCO     */

.form-input {
	width: 98%;
	padding: 1%;
	margin: 10px 0;
	float: left;
	font-size: 1.3em;
	color: #ffffff;
	border: 2px solid #ff9c00;
	border-radius: 5px;
	background: #1e1e1e;
}

.form-input-bt {
	width: 98%;
	padding: 1%;
	margin: 10px 0;
	float: left;
	font-size: 1.3em;
	color: #ffffff;
	background: #ff9c00;
	text-align: center;
	font-weight: bold;
	border: 1.1px solid #ff9c00;
	border-radius: 5px;
}

/*    TERAPEUTAS    */

.profissional-foto {
	width: 200px;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,.8);
	border: 8px solid #ffffff;
	margin-top: -120px;
}

.terapeuta-midia {
	width: 100%;
	float: left;
	text-align: center;
	overflow-x: auto;
	white-space: nowrap;
}

.divulga-rs {
	margin: 4px;
	opacity: .8;
}
.divulga-rs:hover {
	opacity: 1;
}
.divulga-rs-wa {
	display: none;
}

/*    LINKS     */

.links-celula {
		width: 94%;
		float: left;
		padding: 1%;
		margin: 2%;
		border-radius: 5px;
		box-shadow: 1px 1px 2px #000000;
		color: #ffffff;
		background: #000000;
}

.links-celula:hover {
	text-decoration: none;
	opacity: .9;
}

.links-celula-titulo {
	color: #ff9c00;
}

.links-celula-img {
	width: 100%;
	float: left;
	height: 200px;
	border-radius: 5px 5px 0 0;
}

.links-celula-a:link {
	width: 98%;
	float: left;
	padding: 10px 0;
	margin: 5px 1%;
	background: #ff9c00;
	color: #000000;
	font-weight: bold;
	border-radius: 5px;
}
.links-pg:link {
	padding: 10px;
	margin: 5px;
	border: 1px solid #ff9c00;
	color: #ff9c00;
	font-weight: bold;
	border-radius: 5px;
}

.npg-atual:link {
  margin: 5px;
  font-weight: bold;
  padding: 5px;
	border: 1px solid rgba(0,0,0,.5);
	color: rgba(0,0,0,.5);
  line-height: 1.5;
}

.npg-outro:link {
  margin: 5px;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #ff9c00;
  color: #ff9c00;
  line-height: 1.5;
}

.links-input-texto {
  width: calc(92% - 4px);
  float: left;
  padding: 2%;
  margin: 15px 2%;
  font-size: 1.1em;
  font-weight: bold;
  background: rgba(0,0,0,.1);
  border: 2px solid #ff9c00;;
  color: #ff9c00;;
  border-radius: 5px;
}

/*   MOBILE   */

@media only screen and (max-width: 767px) {
	.terapeuta-praticas {
		width: 96%;
		float: left;
		padding: 1%;
		margin: 8px 1%;
		background: rgba(0,0,0,.1);
		border-radius: 5px;
	}
	.terapeuta-rs {
		opacity: 1;
	}
	#menu-lateral-praticas-on {
		display: none;
	}
}