@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{ 
	padding-top: 12px; 
	padding-bottom: 12px; 
	clear: both; 
	overflow: hidden;
    height: 100%;
}


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

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

.c-blue{ color: #06457b; }
.c-grayStrong{ color: #393939; }
.c-grayLight{ color: #f9f9f9; }
.c-white{ color: #fff; }

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

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

.columnLeft{ float: left; width: 48.3%; }
.columnLeft30{ float: left; width: 31.7%; }
.columnLeft15{ float: left; width: 15%; }
.meio{ margin-left: 2.4%; margin-right: 2.4%; }
.columnRight{ float: right; width: 48.3%; }
.columnTotal{ clear: both; width: 100%; }

/* ----------------------- *\
    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;  margin-bottom: 20px; }
.lstTxtPaginas{ width: 100%; padding-bottom: 20px; }

.lst li{ 
	line-height: 29px; 
	text-align: left; 
	font-family: 'Caecilia LT Std', trebuchet;
    font-size: 1.2em;
    font-weight: 500;
    color: green;
    text-align: left; 
    margin-left: 20px;
}

.lst-txt li, .lstTxtPaginas li{ font-size: 1.2em; }
.lstTxtPaginas li{ line-height: 36px; color: #4a4a4a; }

.atuacao li{ color: #4a4a4a; margin-left: 0px; font-size: 1em; }

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

.sections-inside{
	height: 100%;
}

	.is-gray{ background-color: #ccc; }
	.is-blue{ background-color: #005594; }
	.is-green{ background-color: #067e3e; }
	.is-orange{ background-color: #f0930b; }

/* ----------------------- *\
    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: transparent; border: 1px solid #1e5788; max-width: 220px; color: #1e5788; }
		.saiba-mais:hover{ background-color: #1e5788; color: #fff; font-weight: 700; }

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

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

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

.line-footer{ width: 100%; margin: 24px 0px; background-color: #1367a5; }

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

.line-tabela{ margin: 20px 0px; background-color: #ccc; }

.lineGreen{
	width: 100%;
	background-color: #067e3e;
	height: 4px;
}

.lineOrange{
	width: 100%;
	background-color: #f0930b;
	height: 4px;
}


/* GROUP REDES */
.groupRedes{ width: 60px; height: 60px; padding: 5px; background-color: #067e3e; position: fixed; right: 10px; bottom: 30px; border-radius: 60px 60px 60px 60px;
                        -webkit-border-radius: 60px 60px 60px 60px;  -moz-border-radius:60px 60px 60px 60px; opacity: 0.9; z-index: 9999;}
    .iconsRedes{ display: block; background-repeat:  no-repeat; margin: 0px auto; margin-top: 7px; width: 45px; height: 45px; }
        .whatsapp2{ background-image: url('../imgs/icons/whats.svg'); }

        .groupRedes .chat:hover path{ fill: #fff; }

/* ----------------------- *\
    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; }


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

.breadcrumb{
	text-align: right;
	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 *******************************************************

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

.menu-top-01{
	background-color: #f0930b;
}

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

.menu-top-02{ 
	background-color: #067e3e;
	padding-top: 5px;
}

	.menu-top-02 i, .menu-top-02 a{ color: #fff; font-size: 1.2em; font-weight: 500; }
	.menu-top-02 a{ margin-left: 12px; font-size: 0.9em; text-align: left; }
	.menu-top-02 a:hover{ color: #fff; }
	.menu-top-02 span{ font-size: 1.1em; }

	.menu-top-02 a:hover, .menu-top-02 i:hover{ color: #f0930b; }

.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: 207px;
		height: 121px;
		background-image: url('../imgs/logo.png');
		background-size: 100%;
		background-repeat: no-repeat;
		margin-top: -1px;
		float: left;
	}

	.logo span{ display: none; }

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

.subTitle{

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

	.subTitle p{ color: #80ccbb; }

/*  WRAP SUAS POSSIBILIDADES */

.wrap-servicos{	
	background-color: #fff;
	margin-top: 40px;
	margin-bottom: 40px;
}

	.big-box{ 
		width: 100%;
		height: 100%;
		-webkit-transition: 9s; /* For Safari 3.1 to 6.0 */
    	transition: .4s;
	}

	.big-box:hover{ color: #c8beaf; margin-top: -10px; }
	.big-box > a > h2:hover{ color: #067e3e; }

		.icon-parecer, .icon-pericia, .icon-judicial, .icon-quesito{ 
			max-width: 225px;
			min-height: 258px;
			background-repeat: no-repeat;
			background-size: contain;
			display: block; 
			margin: 0px auto; 
		}

		.icon-parecer{
			background-image: url('../imgs/home/icon-parecer.png');
		}

		.icon-pericia{
			background-image: url('../imgs/home/icon-pericia.png');
		}

		.icon-judicial{
			background-image: url('../imgs/home/icon-judicial.png');
		}

		.icon-quesito{
			background-image: url('../imgs/home/icon-quesito.png');
		}
		
		.title-big-icon{ color: #06457b; }


.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, .has-detail2{
	text-align: center;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 60px;
	text-transform: uppercase;
	position: relative;
}

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

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

.has-detail2{
	margin-top: 50px;
	width: 60%;
	font-size: 1.5em;
}

.has-detail2:before{
	background-color: #80ccbb;
}

.has-detail2:after{
	background-color: #80ccbb;
}

.img-estetoscopio{
	position: relative;
	width: 291px;
	height: 292px;
	display: block;
	margin: 0px auto;
}

/* SERVIÇOS */

.folders, .pastas, .cartazes{
	padding: 20px;
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 1em;
}

	.folders:hover{ background-color: #159852; }
	.pastas:hover{ background-color: #e2d8d8; }
	.cartazes:hover{ background-color: #2271ab; }


#menu-principal{
	width: 100%;
	margin-bottom:8px; 
	background-color:#fff;
	border: 1px solid #06457b;
}
#menu-principal li a{
	padding:15px;
	margin-right:10px;
	text-decoration:none;  
	display:block;
	outline:none;
	font-size: 1.5em;
	font-weight:700;  
	color: #067e3e;
}
#menu-principal li.parent > a {
	background:transparent url('../imgs/servicos/mais.png') right center no-repeat;
}
#menu-principal li.aberto > a {
	background:transparent url('../imgs/servicos/menos.png') right center no-repeat;
}	

	.sub-principal{
		padding: 20px; 
		display: none;    
	}
		.sub-principal p{
			margin-bottom: 14px;
			margin-left: 10px;   
			color: #737373;    
		}		

/* TABELA */

.tabela{
	margin: 24px auto;
	margin-top: 80px;
	width: 90%;
	border: 1px solid #ccc;
	padding: 12px;
	text-align: center;
}

	.tabela li{ 
		padding: 12px; 
		display: inline-block; 
		border-right: 1px solid #ccc; 
	}

	.tabela-row{ margin-top: 12px; }
	.tabela-row li{ text-align: center; color: #4a4a4a;}

	.tabela li:last-child{ border-right: none; }

.img-bolsas{
	float: left;
	margin: 0px 20px 20px 0px;
}

.tabela span{ color: #067e3e; font-size: 1.2em; display: block; text-align: center; margin-top: 30px; margin-bottom: 30px; font-weight: 700; }
.cores{ background-color: #f9f9f9; padding: 8px 0px; margin-top: 20px; }
	.cores p{ color: #b6b6b6; text-align: center; font-size: 0.9em; margin: 0px; font-weight: 700; }

/*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: 30px;
	}

	#next{
		float: right;
		margin-top: -52px;

		margin-right: 5px;
	}

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

	#carousel ul{
		width: 100%;
		text-align: center;
	}

	#carousel li{
		position: relative;
		text-align: center;
		float: left;
		width: 20%;
	}

		.icon-cliente, .icon-cliente2{
			display: inline-block;
			width: 208px;
			height: 80px;
			background-repeat: no-repeat;
			background-size: contain;
			text-align: center;
		}

			.icon-cliente2{ margin: 4%; text-align: center; transition: .3s; }
			.icon-cliente2:hover{ margin-top: -10px; }

			.chine{ background-image: url('../imgs/clientes/chine.png'); }
			.izzi{ background-image: url('../imgs/clientes/izzi.png'); }
			.printkids{ background-image: url('../imgs/clientes/printkids.png'); }
			.velo{ background-image: url('../imgs/clientes/velo.png'); }
			.venancio{ background-image: url('../imgs/clientes/venancio.png'); }




/* 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 #1e5788;
		padding: 12px; 
		font-size: 1em;
		font-style: italic;
		outline: none;
	}

/* 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: #1e5788;
	}

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

	.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: #1e5788; font-size: 1.2em; }
	.group-infoCont .horario{ margin: 10px 0px; font-size: 1.1em; }



/* ----------------------- *\
    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{ 
	padding: 12px;
	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 #b6b6b6; 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: #005594;
	width: 100%;
	height: 100%;
}
	.lst-footer{ clear: both; margin-bottom: 12px; text-align: left; }

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

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

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

	.lst-footer li, .lst-footer i{ color: #fff; }
	.lst-footer i{ margin-left: 2px; }

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

	.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;
	}