@import url("grid.css");
@import url("main.css");

*{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.padding{ 
	padding-top: 40px; 
	padding-bottom: 40px; 
	clear: both; 
	overflow: hidden;
    height: 100%;
}

.padding-min{ 
	width: 100%;
	padding-top: 20px; 
	padding-bottom: 10px;
	clear: both;
	overflow: hidden; 
	height: 100%;
}


/* conteúdo de texto no centro */
.Ccenter{ text-align: center; }
.uppercase{ text-transform: uppercase; }

/* ----------------------- *\
    COLORS PRINCIPAIS
\* ----------------------- */

.c-gray{ color: #ccc; }
.c-green{ color: #30a293; }
.c-greeLight{ color: #59e5e6; }
.c-white{ color: #fff; }

/* ----------------------- *\
    ALINHAMENTOS EXTRAS
\* ----------------------- */

.txtLeft{ text-align: left; }
.txtRight{ text-align: right; }

.columnLeft{ float: left; width: 55%; }
.columnLeft30{ float: left; width: 31.7%; }
.columnLeft15{ float: left; width: 15%; }
.meio{ margin-left: 2.4%; margin-right: 2.4%; }
.columnRight{ float: right; width: 40%; }
	.group-info-livro{ margin-top: 20%;}
.columnTotal{ clear: both; width: 100%;}

.columnLeftAp{ float: left; width: 55%; }
.columnRightAp{ float: right; width: 40%; }

/* ----------------------- *\
    ESPESSURAS EXTRAS
\* ----------------------- */

.weight{ font-weight: 700; }

/* ----------------------- *\
    BORDAS ARREDONDADAS
\* ----------------------- */

.round{ 
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;    
}

.shadow{
	box-shadow: 6px 6px 6px #eee;
}

a, i{ transition: .3s; }

.space-top{ margin-top: 50px; }
.space-bottom{ margin-bottom: 40px; }
.space-bottom-min{ margin-bottom: 20px; }

/* ----------------------- *\
    LISTAS
\* ----------------------- */

.lst { width: 100%; overflow: hidden; height: 100%; clear: both; }
.lstTxtPaginas{ width: 100%; padding-bottom: 20px; }

.lst li{ line-height: 29px; text-align: left; }

.lst-txt li, .lstTxtPaginas li{ font-size: 1.2em; }
.lstTxtPaginas li{ line-height: 36px; color: #4a4a4a; }
.sobreAutor{ margin-bottom: 20px; border-left: 2px solid #30a293; padding-left: 20px; }
.sobreAutor li{ font-size: 1.1em; }
.sobreAutor li i{ color: #30a293; }

/* ----------------------- *\+
    LINHAS
\* ----------------------- */

.line-space{ width: 100%; margin-top: 28px; margin-bottom: 28px; }

.line-center{ margin-top: 30px; }

/* ----------------------- *\+
    SESSÕES INTERNAS
\* ----------------------- */

.sections-inside{
	height: 100%;
}
	.is-green{ background-color: #30a293; }
	.is-gray{ background-color: #ccc; }
	.is-bgGrey{ background-image: url('../imgs/home/grey.png'); }
	.is-white{ background-color: #fff; }

/* ----------------------- *\
    BUTTONS
\* ----------------------- */

.btn{
	text-align: center;
	transition: .3s;
	border: 0;
	padding: 14px 0px;
	display: block;
	max-width: 180px;
	text-transform: uppercase;
	font-weight: 700;
}
	.saiba-mais{ background-color: #f5f2ee; border: 1px solid #c8beaf; max-width: 220px; color: #c8beaf; }
		.saiba-mais:hover{ background-color: #fff; color: #c8beaf;; font-weight: 700; }

	.ver-todos{ color: #ccc; margin: 0px auto;}
		.ver-todos:hover{ color:  #c8beaf; }

	.enviar{ background-color: #30a293; color: #fff; max-width: 220px; }
		.enviar:hover{ background-color: transparent; color: #c6bdb0; border:  1px solid #c6bdb0; }

	.ver-site{ margin-top: 40px; clear: both; background-color: transparent; color: #fff; max-width: 220px; border: 2px solid #fff; }
		.ver-site:hover{ background-color: transparent; color: #c6bdb0; border:  1px solid #c6bdb0; }

	.lerPc{ text-align: left; color: #30a293; max-width: 100%; }
		.lerPc:hover{ color: #c6bdb0;  }	

	.download{ 
		margin-top: 20px;
		color: #fff; max-width: 300px; 
		/* For Safari 5.1 to 6.0 */
	    background: -webkit-linear-gradient(#ca7a00, #e49800);
	    background: -o-linear-gradient(#ca7a00, #e49800);
	    background: linear-gradient(#ca7a00, #e49800); /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */ /* Standard syntax */	
	}
		.download:hover{ 
			color: #fff; 
			/* For Safari 5.1 to 6.0 */
			background: -webkit-linear-gradient(#e49800, #ca7a00);
			background: -o-linear-gradient(#e49800, #ca7a00);
			background: linear-gradient(#e49800, #ca7a00); /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */ /* Standard syntax */		
		}

/* ----------------------- *\
    LINHAS
\* ----------------------- */

.line{ width: 100%; margin: 24px 0px; }

.line-center{ 
	width: 80%;
	margin: 24px auto;
}

.line-white{ background-color: #eee; }

/* ----------------------- *\
    TEXTOS ELEMENTOS
\* ----------------------- */

.p-personalizado{
	text-align: left;
	padding-left: 20px;
	display: block;
	clear: both;
	margin-bottom: 60px;
	border-left: 2px solid #c6bdb0;

    font-size: 1.2em;
    font-weight: 500;
    color: #a49888;
}

/* ----------------------- *\
    LINKS PERSONALIZADOS
\* ----------------------- */

.link:hover{ padding-bottom:9px; border-bottom: 1px solid #ff9c00; color: #ff9c00; }

.content-autor{ margin: 0px auto; width: 90%; }


/* ----------------------- *\
    BREADCRUMP
\* ----------------------- */

.breadcrumb{
	text-align: left;
	font-style: italic;
	padding: 30px 0px;
	border-bottom: 1px solid #e1e1e1;
}

	.breadcrumb	a{
		color: #4a4a4a;
	}

	//each link
	.breadcrumb span:not(.first){
		position: relative;
	}

	.breadcrumb span{
		font-size: 0.9em;
		text-transform: uppercase;
		color: #777;
	}

	//arrows
	.breadcrumb:before{
		content: '';
		position: relative;
		display: inline-block;
		margin: 0px 20px;
		color: #c8beaf;
	}

	.breadcrumb i{ font-size: 1em; color: #c8beaf; }



/*   BEGIN *******************************************************

/* ----------------------- *\
   TELA DE APRESENTAÇÃO
\* ----------------------- */

.bg-total{ 
	background-image: url(../imgs/ap/bg-ap.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: #000;
}

.ap-psique{
	position: relative;
	height: 100%;
}

/* ----------------------- *\
   HEADER - LOGO E MAIN MENU
\* ----------------------- */

.menu-top{ }

	.menu-top a:hover , .menu-top i:hover{ color: #30a293; }
	.menu-top i, .menu-top a{ color: #b6b6b6; font-size: 1.2em; text-transform: uppercase; font-weight: 500; }
	.menu-top a{ font-size: 0.9em; margin-left: 12px; }

.main{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 125px;

 	/* For Safari 5.1 to 6.0 */
    background: -webkit-linear-gradient(#fff, #eaeaea);
    background: -o-linear-gradient(#fff, #eaeaea);
    background: linear-gradient(#fff, #eaeaea); /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */ /* Standard syntax */
}

	.logo{
		width: 30%;
		max-width: 370px;
		float: left;
		height: 83px;
		background-image: url('../imgs/logo.png');
		background-size: 100%;
		background-repeat: no-repeat;
		display: block;
	}

		.logo span{ display: none; }

.slider{ 
	margin: 0px;
	width: 100%; 
	height: 693px; 
	background-color: pink; 
	clear: both;
}

.subTitle{

	display: block;
	font-size: 1.1em;
}

	.subTitle p{ color: #80ccbb; }

/*  WRAP SUAS POSSIBILIDADES */

.wrap-servicos{	
	padding-top: 40px;
	background-color: #fff;
	margin-top: 40px;
	margin-bottom: 40px;
	overflow: hidden;
	height: 100%;
}

	.big-title{ color: #fff; font-size: 2.2em; }


.fixed-slider{ 
	width: 100%; 
	height: 300px; 
	clear: both;
	text-align: center; 
	display: table;
	background-repeat: no-repeat;
	background-size: auto;
}

	.institucional{
		background-image: url('../imgs/slider/institucional.jpg');
	}

	.planos-odontologicos{
		background-image: url('../imgs/slider/planos-odontologicos.jpg');
	}

	.tratamentos{
		background-image: url('../imgs/slider/tratamentos.jpg');
	}

	.clareamento-dental{
		background-image: url('../imgs/slider/clareamento-dental.jpg');
	}
	
	.bichectomia{
		background-image: url('../imgs/slider/bichectomia.jpg');
	}

	.contato{
		background-image: url('../imgs/slider/contato.jpg');
	}

.group-detail{ display: table-cell; vertical-align: middle;}
.group-detail h3{ margin-bottom: 10px;}
.group-detail p{ margin: 0px; padding: 0px; font-size: 0.9em; color: #b6b6b6; font-style: italic; }

.has-detail{
	text-align: center;
	width: 45%;
	margin: 0 auto;
	margin-bottom: 60px;
	text-transform: uppercase;
	position: relative;
}

.has-detail:before{
	content: '';
	display: inline-block;
	position: absolute;
	width: 12%;
	height: 2px;
	top: 20px;
	left: 3px;
	background-color: #76b5ad;
}

.has-detail:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 12%;
	height: 2px;
	top: 20px;
	right: 3px;
	background-color: #76b5ad;
}


/*  DOWNLOADS IDIOMAS */

.group-opts{
	padding: 14px;
	background-color: #eee;
	margin-top: 40px;
}

	.group-opts label{ 
		text-align: left; 
		font-size: 1em;
		display: block;
		color: #4e4e4e;
	}

.select-opt{ margin-top: 14px; margin-bottom: 14px; }
.txtEmail{ margin-bottom: 14px; padding: 12px; border: none; }

/*  AUTOR */

.title-bigautor{ font-size: 1.4em; }

.img-autor{
	margin: 0px auto;
	height: 460px;
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}

.bt-site{
	position: relative;
	width: 100%;
	clear: both;
	height: 60px;
}


/*diferenciais*/
.diferenciais li{ text-align: left; }

/* carousel clientes*/
#wrap_carousel{
	width: 100%;
	height: 100%;
}

	#prev, #next{
		cursor: pointer;
		width: 21px;
		height: 24px;
		display: block;
		color: #b6b6b6;
		font-size: 1.7em;
	}

	#prev:hover, #next:hover{ color: #c8beaf; transition: 3;}

	#prev{
		float: left;
		margin-top: 40px;
	}

	#next{
		float: right;
		margin-right: 5px;
		margin-top: -120px;
	}

	#carousel{
		position: relative;
		margin: 0px auto;
		width: 90%;
		height: 155px;
	}

	.artigos{ width: 100%; }

	#carousel article{ display: inline-block; position: relative; width: 45%; margin: 0px 2%;}
	#carousel article p{ font-size: 1em; text-align: center; }
	.autorComentario{ margin-top: 10px; font-weight: 700; display: block; color: #4a4a4a; text-align: center; }



/* NEWSLETTER */

.group-news{ margin: 0px auto; max-width: 800px;  width: 80%; }
	.group-news p{ font-style: italic; font-size: 1em;}

	.box-left{ width: 68%; float: left; }
		.box-left input{ color: #b6b6b6; }
	.box-right{ width: 30%; float: right; }

	.group-news input{
		width: 100%;
		border: 1px solid #c6bdb0;
		padding: 12px; 
		font-size: 1em;
		font-style: italic;
		outline: none;
	}

/* PALESTRAS */

.title-contrata{ font-size: 1.4em; }


/* VÍDEO */

.display-video{
	padding: 20px;
	margin: 0px auto;
	background-color: #30a293;
	min-height: 450px;
	width: 70%;
}


/* O LIVRO */

.bgLivro{
	background-image: url('../imgs/livro/bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	
}

.livroRep{ position: relative; bottom: -50px; }

	.idiomas{ width: 100%; clear: both; display: block; text-align: left; }
	.icon-bandeira{ display: inline-block; width: 45px; height: 38px; background-repeat: no-repeat; }
		.brasil{ background-image: url('../imgs/livro/brasil.png'); }
		.eua{ background-image: url('../imgs/livro/eua.png'); }


.meio{ width: 95%; margin: 0px auto; }

.icon-tube{ color: red; margin-top: 40px; display: block; font-size: 1.5em; }

/* STATUS INFO */

.status-info{
	padding: 20px;
	background-color: #eee;
	height: 100%;
	float: right;
}

	.status-info h5{ font-size: 1.2em; }

	.group-contato{ clear: both; overflow: hidden; height: 100%; margin-top: 20px; }

	.group-contato .iconBig{
		font-size: 3em;
		float: left;
		color: #30a293;
	}

	.title-contato{
		text-align: left;
		font-size: 0.9em;
		margin-bottom: 5px;
		display: block;
		color: #30a293;
	}

	.group-infoCont{ text-align: left;  margin-left: 10px; float: left; }
	.group-infoCont p{ margin-bottom: 3px; font-size: 0.9em; }
	.group-infoCont a{ font-size: 1em; display: block; }
	.group-infoCont span{ color: #6d6355; font-size: 1.2em; }
	.group-infoCont .horario{ margin: 10px 0px; font-size: 1.1em; }

/* PLUGINS */

.contorno{ width: 500px; margin: 0px auto; border: 1px solid #eee; }

/* ----------------------- *\
    INSTITUCIONAL
\* ----------------------- */


.img-missao{ 
	background-image: url('../imgs/institucional/target.svg');  
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 200px;
	float: right;
}

.img-visao{ 
	background-image: url('../imgs/institucional/paper-plane.svg');  
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 200px;
}

.img-valores{ 
	background-image: url('../imgs/institucional/trophy.svg');  
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 200px;
	float: right;
}

.missao p, .visao p{ font-weight: 400; }
.valores li{ color: #333; }

.visao{ float: right; text-align: right; }

.img-doutor{
	display: inline-block;
	width: 100%;
	min-height: 27vw;
	background-size: 100%;
	background-image: url('../imgs/institucional/doutor.png');  
	background-repeat: no-repeat;
}

.contentMax{ width: 90%; margin: 0px auto; }

.left-dados{ margin-top: 25px; width: 62%; overflow: hidden; height: 100%; }
.txt-msg{ font-size: 1.5em; }

	.left-dados span{ display: block; font-size: 1.3em; text-align: center; }
	.left-dados .lst{ margin-top: 22px;}
	.left-dados li{ line-height: 22px; text-align: left; font-size: 0.9em; color: gray; }


/* FORMULÁRIOS */

/* Contato e Orçamento */

.formOrcamento div, .formContato div{ margin-bottom: 20px; }
.formOrcamento input, textarea, select, .formContato input, textarea, select{ 
	width: 100%; 
	font-size: 1em; 
	outline: none;

	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;    
}

	.tmatricula{ background-color: #f7c05c; border: 0px; color: #0055a5; font-weight: 700;  padding: 20px 10px; }
	.tcontato{ background-color: #fff; border: 1px solid #c4c4c4; color: #b6b6b6; }

	/* Formatação da Validação de Campos */

.formContato label, .formOrcamento label, .formNewsletter label{ width:100%; float:left; text-align:right; padding:10px 15px 0 0;}
.formContato label.error, .formOrcamento label.error, .formNewsletter label.error { float: none; position: relative; top: 6px; left:0px; color: #c8beaf; vertical-align: top; font-size: 12px; text-align: left; display: block; border-left:3px solid #c8beaf;  padding: 0px 0 0 5px; margin: 0 0 5px 0;}

/* ----------------------- *\
    FOOTER
\* ----------------------- */

.footer{ 
	clear: both;
	background-color: #e8e8e8;
	width: 100%;
	height: 100%;
}
	.lst-footer{ clear: both; margin-bottom: 12px; }

	.lst-footer li a{
		font-weight: 500;
		color: #30a293;
		font-size: 1.1em;
		transition: .3s;
	}

	.lst-footer span{ font-size: 1.1em; color: #30a293; text-align: left; margin-left: 0px; padding-left: 0px; display: inline-block; }

	.lst-footer li a:hover{ padding-left: 10px; color: #59e5e6; }

	.lst-footer li, .lst-footer i{ color: #30a293; }

	.logo-footer{
		background-image: url('../imgs/logo-footer.png');
		background-repeat: no-repeat;
		background-size: 100%;
		width: 169px;
		height: 55px;
		display: block;
		margin-bottom: 34px;
	}

	.column-servicos{
		text-align: center;
	}

	.redes-sociais{ margin-left: 15px; }

	.copy{ 
		margin-left: 12px;
		font-style: italic;
		font-weight: 500;
		color: #bdbcbc;
		font-size: 0.9em;
		text-align: left;
	 }

	.icon-ideas{
		margin-right: 12px;
		background-image: url('../imgs/ideas.png');
		background-repeat: no-repeat;
		background-size: 100%;
		width: 29px;
		height: 42px;
		display: inline-block;
		float: right;
	}