@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,400,700,900');



@font-face {

	font-family: "retro";

	src: local("Retro_slab_serif"), url("../fonts/Retro_slab_serif.ttf") format("truetype");

 }



/*config*/

html,body{font-family: 'Roboto', sans-serif; height: 100%;}



a:hover{text-decoration: none;}

ul{margin: 0; padding: 0;}



.clear{width: 100%; clear: both;}

.clear10{width: 100%; height: 10px; clear: both;}

.clear20{width: 100%; height: 20px; clear: both;}

.clear30{width: 100%; height: 30px; clear: both;}

.clear40{width: 100%; height: 40px; clear: both;}

.clear50{width: 100%; height: 50px; clear: both;}

.clear60{width: 100%; height: 60px; clear: both;}

.clear70{width: 100%; height: 70px; clear: both;}

.clear80{width: 100%; height: 80px; clear: both;}

.clear90{width: 100%; height: 90px; clear: both;}

.clear100{width: 100%; height: 100px; clear: both;}





.header-info .header-social{padding-top: 25px; 	padding-bottom:25px;}

.header-info .header-social a{font-size: 16px;	margin-right: 10px;}



/*redes sociais*/

.header-info .header-social .fa-facebook{color: #3176bf;}

.header-info .header-social .fa-twitter{color: #4fd0ea;}

.header-info .header-social .fa-youtube-play{color: #f24141;}

.header-info .header-social .fa-instagram{color: #bf9437;}



#header{

	float: left;

	width: 100%;

	background: url(../img/back-header.jpg) right top no-repeat;

}



#header ul{

	position: relative;

    width: 100%;

    z-index: 1000;

    margin-bottom: -40px;

    background: #4EAEB7;

}



#header ul li {

	list-style: none;

	display: inline-block;

	transition-duration: 0.3s;

}



#header li a {

	display: inline-block;

	padding: 30px 30px;

	text-transform: uppercase;

	text-decoration: none;

	color: #fff;

	font-weight: 600;

	z-index: 2000;

	margin: 0;

}



#header li:hover{

	background: #1D2A52;

}





#header h3{

	font-size: 14px;

	color: #1D2A52;

	font-weight: bold;

}



#header h4{

	font-size: 14px;

	color: #777777;

}



/* HEADER2 */

#header2{

 	background:#fff;

 	position:fixed;

 	top:0;

 	width:100%;

 	left:0;

 	z-index: 10000;

 	display: none;

 	border-bottom: 2px solid #1D2A52;

}



	#header2 li{

		list-style: none;

		display: inline-block;

	}



		#header2 li a {

			display: inline-block;

			padding: 5px 5px;

			text-transform: uppercase;

			text-decoration: none;

			font-size: 15px;

			color: #1D2A52;

			margin-top: 30px;

			padding-bottom: 45px;

			transition-duration: 0.3s;

		}



			#header2 li a:hover{

				color: #4FAFB7;

			}

/* HEADER2 */





/*formulários*/

.form-group,.input-group,.form-control {width: 100%;}

.form-control {height: 55px;background: #fff;border: 1px solid #ddd;}



/*contato*/

#contato button{border-radius: 0;border: 0;padding: 15px 25px;background: #16337E;color: #fff;text-transform: uppercase;font-weight: 900;transition-duration: 0.3s;}

#contato button:hover{background: #777777;}

#contato textarea{height: 160px;}



#mapa{width: 100%; height: 600px; position: relative; text-align: center;}

#mapa .pelicula{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.5); text-align: center;}

#mapa button{display: inline-block; margin-top: 260px; position: relative;}

#mapa iframe{position: absolute; top: 0; left: 0}



#formulario-orcamento{display: none;}



/*redes sociais*/

.contato-info .header-social .fa-facebook{color: #3176bf;}

.contato-info .header-social .fa-twitter{color: #4fd0ea;}

.contato-info .header-social .fa-youtube{color: #f24141;}

.contato-info .header-social .fa-instagram{color: #bf9437;}



.breadcrumbs{width: 100%; height: auto; padding: 100px 0; background: #1D2A52}

.breadcrumbs ul{list-style: none;}

.breadcrumbs li{float: left; margin-right: 5px; color: #fff;}

.breadcrumbs li a{color: #fff;}

.breadcrumbs h1{font-weight: bold; font-size: 30px; color: #fff;}



@media (max-width: 991px) {

	#header{

		background: none;

		text-align: center;

	}



	#header ul{

		display: none;

	}



	#header li{

		width: 100%;

	}



	#header li a{

		padding: 20px 10px;

	}



	footer{

		min-height: 1200px;

		background: #1D2A52 !important;

		text-align: center;

	}

}



/*####################### GRID BOOTSTRAP #######################*/

.grids_bootstrap {

	display: none;

	position: fixed;

	left: 50%;

	top: 0;

	width: 1170px;

	margin-left: -593px	;

	height: 2000px;

	z-index: 10000;

}

	.grids_bootstrap .col-xs-1 {

		height: 2000px;

	}

	.grids_bootstrap .col-xs-1 div{

		width: 100%;

		height: 2000px;

		border-right: solid 1px #02f804;

		border-left: solid 1px #02f804;

		box-sizing: border-box;

	}

/*####################### GRID BOOTSTRAP #######################*/



/* APRESENTACAO */

#apresentacao{

	float: left;

	width: 100%;

}



	#apresentacao h3{

		font-size: 20px;

		color: #777777;

		font-weight: 300;

	}



		#apresentacao h2{

			font-size: 16px;

			color: #777777;

			font-weight: bold;

		}

/* APRESENTACAO */



/* CLINICA */

#clinica{

	float: left;

	width: 100%;

	background: url(../img/back-clinica.jpg) top center;

	min-height: 893px;

	background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



	#clinica .col-clinica{

		background: #fff; 

		min-height: 782px;

	}



		#clinica .segura-clinica{

			margin-left: 40px;

			margin-right: 40px;

		}



			#clinica h2{

				font-size: 50px;

				font-weight: bold;

				color: #1D2A52;

			}



				#clinica h3{

					font-size: 16px;

					color: #444;

					font-weight: 300;

				}



					#clinica .button-clinica{

						padding: 20px 50px;

						background: #fff;

						position: absolute;

						border-top: 1px solid #1D2A52;

						border-left: 1px solid #1D2A52;

						border-bottom: 1px solid #4EAEB7;

						border-right: 1px solid #4EAEB7;

						font-size: 16px;

						color: #1D2A52;

						font-weight: 900;

						transition-duration: 0.5s;

					}



						#clinica .button-clinica:hover{

							background: #1D2A52;

							border-color: #1D2A52;

							color: #fff; 

						}

/* CLINICA */



/* PROFISSIONAIS */

#profissionais{

	float: left;

	width:100%;

}



	#profissionais h2{

		color: #4FAFB7;

		font-size: 50px;

		font-weight: 100;

	}



		#profissionais .segura-profissionais{

			min-height:1100px;

			background: #1D2A52;

		}



			#profissionais .segura-profissionais h3{

				color: #fff;

				font-weight: 300;

				font-size: 20px;

			}

			#profissionais .segura-profissionais h4{

				color: #fff;

				font-weight: 300;

				font-size: 14px;

				padding: 20px;
			}



				#profissionais .segura-profissionais a{

					padding: 20px 30px;

					border: 1px solid #fff;

					border-radius: 5px;

					color: #fff;

					font-size: 12px;

					font-weight: bold;

					transition-duration: 0.3s;

				}



					#profissionais .segura-profissionais a:hover{

						background: #fff;

						color: #1D2A52;

					}



						#profissionais .simbolo:last-child{

							display: none

						}

/* PROFISSIONAIS */



/* SERVICOS */

#servicos{

	float: left;

	width: 100%;

}



	#servicos h6{

		color: #1D2A52;

		font-weight: 900;

		font-size: 50px;

		margin: 0;

	}



		#servicos .min-servicos{

			min-height: 400px;

		}



			#servicos .serv-1{

				background: #4FAFB7; 

				min-height: 400px;

				transition-duration: 0.3s;

			}



			#servicos .serv-1:hover{

				background: #3e888e;

			}



			#servicos .serv-2{

				background: #1D2A52; 

				min-height: 400px;

			}



			#servicos .serv-2:hover{

				background: #11182d;

				transition-duration: 0.3s;

			}



				#servicos h2{

					color: #fff;

					font-size: 30px;

					font-weight: 400;

						margin-left: 20px;

						margin-right: 20px;

				}



					#servicos h3{

						color: #fff;

						font-weight: 400;

						font-size: 14px;

						text-align: justify;

						margin-left: 20px;

						margin-right: 20px;

					}

/* SERVICOS */



/* ESPECIALIDADES */

#especialidades{

	float: left;

	width: 100%;

	background: #1D2A52;

	min-height: 919px;

}



	#especialidades h2{

		margin: 0;

		color: #fff;

		font-size: 50px;

		font-weight: 100;

	}



		#especialidades .segura-esp{

			min-height: 380px;

		}



			#especialidades .back-texto{

				background: #fff;

				cursor: pointer;

			}



			#especialidades .back-texto:hover h3{

				color: #fff;

			}



			#especialidades .back-texto:hover{

				background: #4FAFB7;

			}



				#especialidades .segura-esp h3{

				font-weight: 300;

				font-size: 34px;

				color: #777777;

				}

						

					#especialidades .img-back{

						opacity: 1.0;

						transition-duration: 0.3s;

						

					}





						

/* ESPECIALIDADES */



/* ARTIGOS */

#artigos{

	float: left;

	width: 100%;

}



	#artigos h2{

		margin: 0;

		font-size: 50px;

		font-weight: 100;

		color: #1D2A52;

	}



		#artigos .segura-artigos{

			background: #fff;

			min-height: 450px;

		}



			#artigos .barra-artigos{

				height: 10px;

				width: 60%;

				color: #444444;

				background: #444444;

				position: relative;

				margin-top: -5px;

				transition-duration: 0.5s;

			}



			#artigos h3{

				text-align: justify;

				font-size: 18px;

				color: #333333;

			}



				#artigos h4{

					text-align: justify;

					color: #777777;

					font-size: 12px;

				}



					#artigos h6{

						color: #777777;

						font-size: 12px;

					}



						#artigos .segura-artigos:hover .barra-artigos{

							width: 100%;

							background: #1D2A52;

						}



							#artigos .button-artigos{

								color: #444444;

								border-bottom: 5px solid #777;

								padding-bottom: 10px;

								transition-duration: 0.3s;

							}



								#artigos .button-artigos:hover{

									border-color: #1D2A52; 

								}

/* ARTIGOS */



/* NOTICIAS */

#noticias{

	float: left;

	width: 100%;

}



	#noticias h2{

		margin: 0;

		color: #4FAFB7;

		font-size: 50px;

		font-weight: 100;

	}



		#noticias h6{

			color: #777777;

			font-size: 12px;

		}



			#noticias h3{

				font-weight: bold;

				font-size: 18px;

				color: #4FAFB7;

				margin: 0;

				text-align: justify;

				transition-duration: 0.3s;

			}



			#noticias h3:hover{

				color: #1D2A52;

			}



				#noticias h4{

					color: #777;

					font-size: 12px;

					text-align: justify;

				}



					#noticias .button-noticias{

						color: #444444;

						border-bottom: 5px solid #777;

						padding-bottom: 10px;

						transition-duration: 0.3s;

					}



						#noticias .button-noticias:hover{

							border-color: #1D2A52; 

						}

/* NOTICIAS */


#contato h2{

	margin: 0;

	color: #4FAFB7;

	font-size: 50px;

	font-weight: 100;

}


/* CONVENIOS */

#convenios{

	float: left;

	width: 100%;

}



	#convenios h2{

		font-size: 50px;

		font-weight: 100;

		color: #1D2A52;

	}

/* CONVENIOS */