/*****GERAL***************************************/
html, body {
	margin: 0;
	height: 100%;
}
.geral {
	background-color: White;
	margin-top: 0px;
}

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


/*****TOPO***************************************/
.divCabecalho {
  position:fixed;
  z-index:999; 
  overflow:hidden;
  width: 100%;
}

.divTopo {
	clear: both;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	height: 165px;
	background-color: #223b74;
}
.divTopoSuperior {
	clear: both;
	width: 100%;
	height: 130px;
	background-color: #223b74;
}
.divInfoProfissional {
	float: left;
	padding-top: 15px;
	width: 50%;
	height: 115px;
}
.divLogo {
	float: left;
	width: 20%;
	height: 100%;
	text-align: right;
}
.divDadosProfissional {
	float: right;
	width: 79%;
	height: auto;
}
.divNomeProfissional {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 0px;
	
	font-family: "Quicksand", sans-serif;
	color: White;
	font-size: 32px;
	font-style: bolder;	
}
.divCRMRQEProfissional {
	width: 100%;
	text-align: left;
	margin-top: 0px;
	opacity: 0.6;

	font-family: "Quicksand", sans-serif;
	color: White;
	font-size: 18px;
}

.divChamadasTopo {
	float: right;
	width: 49%;
	height: 105px;
}
.divAgendamento {
	float: right;
	width: 90%;
	height: 50px;
	border-radius: 0px 0px 30px 30px;
	background-color: #2f5395;	
	padding-top: 15px;
	
	font-family: "Quicksand", sans-serif;
	color: White;
	font-size: 20px;
	font-style: bolder;	
	text-align: center;
}


.divContatosTopo {
	float: right;
	padding-right: 5%;
	padding-top: 15px;
	width: 30%;
	text-align: right;
	margin-bottom: 0px;
	
	font-family: "Quicksand", sans-serif;
	color: White;
	font-size: 40px;
	font-style: bolder;	
}
.divTopoInferior {
	clear: both;
	width: 100%;
	height: 35px;
}
.divMenu {
	float: left;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
}

.divAreaMenuAdministrativo {
	clear: both;
	width: 100%;
	padding-top: 5px;
	height: 25px;
	border-bottom: 1px solid #8c6ccb;
	background-color: White;
}
.divMenuAdministrativo {
	clear: both;
	width: 90%;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}

/**********AREA RESTRITA**********************/
.divAreaRestrita {
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 60px;
	width: 80%;
	min-height: 500px;
	background-image: url(../imagens/restrito.png);
	background-position: top left;
	background-repeat: no-repeat;	
}

.divAreaGerencial {
	clear: both;
	width: 90%;
	padding-top: 80px;
	padding-left: 5%;
	padding-right: 5%;
	min-height: 500px;
	background-image: url(../imagens/area_restrita.png);
	background-position: top left;
	background-repeat: no-repeat;	
}

/*** DESTAQUE ***********************************/
.divConteudoChamadas {
	clear: both;
	padding-left: 10%;
	padding-right: 10%;
	width: 80%;
}
.divDestaque {
	clear: both;
	height: auto;
	position: relative;
	background-image: url(../imagens/fundo_chamada.png);
	background-repeat: no-repeat;
	background-position: center;
}
.divConteudoDestaque {
	clear: both;
	width: 100%;
	height: 223px;
	top: 0px;
	position: absolute;
}
.divFotoCapaDestaqueMeio {
	float: left;
	width: 80%;
	height: 223px;
	text-align: left;
}
.divFotoCapaDestaqueVoltar {
	float: left;
	width: 10%;
	height: 223px;
	text-align: center;
}
.divFotoCapaDestaqueAvancar {
	float: right;
	width: 10%;
	height: 223px;
	text-align: center;
}

/*********************************CONTEUDOS***********************************/
.divConteudoCentralCentral {
	clear: both;
	width: 100%;
	height: auto;
	padding-top: 0px;
	min-height: 600px;
}
.divConteudoCentralBaseTopo {
	width: 100%;
	height: 165;
	padding-top: 0px;
	background-image: url(../imagens/fundo_topo.png);
	background-repeat: repeat;	
}
.divConteudoCentralCentralLogado {
	clear: both;
	width: 100%;
	height: auto;
	padding-top: 0px;
	min-height: 600px;
}

/*****RODAPE**************************************/
.divRodape {
	clear: both;
	min-height: 300px;
	background-color: #254382;
	padding-left: 10%;
	padding-right: 10%;
	width: 80%;
}
.divMenuRodapeRedesSociais {
	float: left;
	padding-top: 25px;
	width: 5%;
	height: auto;
	text-align: left;	
}
.divMenuRodape {
	float: left;
	padding-top: 25px;
	width: 15%;
	height: auto;
	text-align: left;
}

.divContatosRodape {
	float: right;
   padding-top: 25px;
	width: 60%;
	height: auto;
	text-align: right;
}
.divNomeProfissionalRodape {
	float: right;
	width: 100%;
	text-align: right;
	
	font-family: "Quicksand", sans-serif;
	color: White;
	font-size: 35px;
	font-weight: bolder;
	
	padding-bottom: 30px;
}
.divClinicasRodape {
	float: right;
	width: 100%;
	text-align: right;
}

/*****LOGIN****************************************/
.divAreaLogin {
	clear: both;
	width: 100%;
	padding-top:150px;
	min-height: 500px;
	background-image: url(../imagens/restrito.png);
	background-repeat: no-repeat;
	background-position: left;
}

.divLogin {
	float: right;
	width: 30%;
	padding-right: 10%;
	min-height: 400px;
	padding-top: 100px;
}

.divLogado {
	float: right;
	width: 115px;
	height: 95px;
	padding-top: 70px;

	font-family: Arial, Helvetica, sans-serif;
	color: #b79878;
	font-size: 14px;
	vertical-align: bottom;
	text-align: center;
}


/*****FOTOS**************************************/
.divFotos {
	clear: both;
	width: 100%;
	text-align: center;
	vertical-align: middle;	
}
.divAcoesFotos {
	float: left;
	width: 13%;
	height: 150px;
	margin-top: 150px;
	text-align: center;
}
.divExibeFoto{
	float: left;
	width: 70%;
}

/*****VIDEOS*************************************/
.divVideoCentralizada {
	clear: both;
	width: 100%;
	text-align: center;
	vertical-align: middle;	
}
.divVideos {
	width: 80%;
	text-align: center;
	vertical-align: middle;	
}

/*****NOTICIAS***********************************/
.divResumoNoticia {
	clear: both;
	width: 100%;
	height: auto;	
}
.divUmaFotoResumoNoticia {
	float: left;
	height: auto;
	width: 20%;
	padding-bottom: 10px;
}
.divConteudoResumoNoticia {
	float: right;
	height: auto;
	width: 78%;	
}

.divAreaNoticias {
	clear: both;
	width: 80%;
	min-height: 450px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 70px;
	padding-bottom: 120px;
	background-image: linear-gradient(white, #e7e9ed);
}
.divAreaUmaNoticia {
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e7e9ed;	
}
.divComandosNoticia {
	clear: both;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
}
/*****LINKS***************************************/
.divMenuLinks {
	clear: both;
	width: 80%;
	height: auto;
	padding-bottom: 35px;
	padding-top: 70px;
	padding-right: 10%;
	padding-left: 10%;	
	background-image: linear-gradient(white, #e7e9ed);	
}
.divCategoriasLinksPar {
	clear: both;
	width: 80%;
	height: auto;
	padding-bottom: 35px;
	padding-top: 35px;
	padding-right: 10%;
	padding-left: 10%;	
	background-image: linear-gradient(#e7e9ed, white);
} 
.divCategoriasLinksImpar {
	clear: both;
	width: 80%;
	height: auto;
	padding-bottom: 35px;
	padding-top: 35px;
	padding-right: 10%;
	padding-left: 10%;	
	background-image: linear-gradient(white, #e7e9ed);
}

.divUmLink {
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	text-decoration: none;
} 

/****FAQ*******************************************/
.divChamadaFAQ {
	clear: both;
	width: 80%;
	height: auto;
	padding-bottom: 35px;
	padding-top: 70px;
	padding-right: 10%;
	padding-left: 10%;	
	background-image: linear-gradient(white, #e7e9ed);	
}
.divDuvidasPar {
	clear: both;
	width: 76%;
	height: auto;
	padding-bottom: 70px;
	padding-top: 35px;
	padding-right: 8%;
	padding-left: 16%;	
	background-image: linear-gradient(#e7e9ed, white);	
}
.divDuvidasImpar {
	clear: both;
	width: 76%;
	height: auto;
	padding-bottom: 70px;
	padding-top: 35px;
	padding-right: 16%;
	padding-left: 8%;	
	background-image: linear-gradient(white, #e7e9ed);
}

/*****ATENDIMENTO**********************************/
.divChamadaAtendimento {
	clear: both;
	width: 80%;
	height: auto;
	padding-bottom: 70px;
	padding-top: 70px;
	padding-right: 10%;
	padding-left: 10%;	
	background-image: linear-gradient(white, #e7e9ed);	
}
.divEspacoAtendimento {
	clear: both;
	width: 80%;
	height: auto;
	padding-bottom: 130px;
	padding-top: 35px;
	padding-right: 10%;
	padding-left: 10%;	
	background-image: linear-gradient(#e7e9ed, white);	
	
	background-color: Lime;
}

.divLogoClinica {
	float: left;
	width: 40%;
	height: auto;
	padding-right: 15px;
	padding-bottom: 15px;	
}
.divHorarioContatosClinica {
	float: left;
	width: 40%;
	height: auto;
	padding-right: 15px;
	padding-bottom: 15px;	
}
.divMapaClinica {
	float: right;
	width: 58%;
	height: auto;
	
	background-color: Red;
}

/*****CONTATOS*************************************/
.divLinhaContatos {
	clear: both;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	height: auto;	
	padding-bottom: 10px;
}
.divElementoContato {
	float: left;
	height: auto;
	padding: 5%, 5%, 5%, 5%;
}

.divConteudoContatos {
	clear: both;
	width: 70%;
	padding-left: 15%;
	padding-right: 15%;
	height: auto;
	padding-top: 70px;
	padding-bottom: 35px;
	background-image: linear-gradient(white, #e7e9ed, white);	
}
/***SOBRE******************************************/
.divSobre {
	clear: both;
	width: 70%;
	padding-left: 15%;
	padding-right: 15%;
	height: auto;
	padding-top: 70px;
	padding-bottom: 120px;
}

.divEspacoFotoSobre {
	float: right;
	width: 25%;
	height: auto;
	padding-left: 5%;
}

.divSobreAreas {
	clear: both;
	width: 80%;	
	height: auto;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 10%;
	padding-right: 10%;
	background-image: linear-gradient(white, #e7e9ed, white);	
}
.divConteudoAreas {
	clear: both;
	width: 80%;	
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 10%;
	padding-right: 10%;
	border: 1px solid #dfd2f9;
	background-color: white;
	border-radius: 10px 25px 10px 25px;
}
.divConteudoCurriculo {
	clear: both;
	width: 70%;
	padding-left: 15%;
	padding-right: 15%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 70px;	
	background-image: linear-gradient(white, #e7e9ed, white);	
}

/***ESPECIALIDADE*************************************************/
.divConteudoEspecialidade {
	clear: both;
	width: 80%;	
	height: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 10%;
	padding-right: 10%;
	background-image: linear-gradient(white, #e7e9ed, white);	
}
.divMenuEspecialidade {
	clear: both;
	width: 80%;	
	height: auto;
	padding-top: 35px;
	padding-bottom: 100px;
	padding-left: 10%;
	padding-right: 10%;
}
.divBotaoEspecialidade {
	float: left;
	width: 29%;	
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 1%;
	padding-right: 1%;
	margin-left: 1%;
	margin-right: 1%;
	border: 1px solid #e7e9ed;
	background-color: white;
	border-radius: 10px 25px 10px 25px;
}
.divConteudoItensEspecialidades {
	clear: both;
	width: 80%;	
	height: auto;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 10%;
	padding-right: 10%;
	border-top: 1px solid #eff2f9;
	background-image: linear-gradient(#eff2f9, white);	
}

/***CAPA***************************************************/
.divSobreCapa {
	float: left;
	width: 80%;	
	height: auto;
	padding-top: 70px;
	padding-bottom: 0px;
	padding-left: 10%;
	padding-right: 10%;
	background-image: linear-gradient(#e9edf6, white, #e9edf6);	
}
.divEspacoConteudoSobreCapa {
	float: left;
	width: 69%;
	height: auto;
}
.divEspacoFotoSobreCapa {
	float: right;
	width: 30%;
	margin-bottom: 0px;
}
.divEspacoEspecialidadeCapa {
	background-color: White;
	float: left;
	padding-left: 10%;
	padding-right: 10%;
	margin-left: 15%;
	margin-right: 15%;
	width: 49%;
	height: auto;
	min-height: 120px;
	border: 1px solid #233d79;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 45px;
	margin-bottom: 45px;
	border-radius: 20px 20px 20px 20px;
	background-image: linear-gradient(white, #e7e9ed);	
}
.divAtendimentoCapa {
	float: left;
	width: 80%;	
	height: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 10%;
	padding-right: 10%;
	background-image: url(../imagens/fundo_atendimento.png);
	background-repeat: repeat;	
}
.divDadosLocaisCapa {
	clear: both;
	width: 96%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;	
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 20px 20px 20px 20px;
	background-color: White;	
	opacity: 0.7;
}
.divDadosLocalCapa {
	float: left;
	width: 45%;
	height: 150px;
	clear: both;
}
.divLogoLocalCapa {
	float: left;
	width: 15%;
	height: auto;	
}
.divNomeLocalCapa {
	float: right;
	width: 84%;
	height: auto;	
}
.divMapaLocalCapa {
	float: right;
	width: 54%;
	height: auto;
}
.divContatosCapa {
	float: left;
	width: 64%;	
	height: auto;
	padding-top: 35px;
	padding-left: 18%;
	padding-right: 18%;
	padding-bottom: 35px;
	background-image: url(../imagens/corpo_contato.png);
	background-repeat: repeat-y;
	background-size: 100%;
}
.divEspacoContatoCapa {
	width: 96%;
	background-color: White;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 5px 20px 5px 20px;
}
.divNoticiasCapa {
	float: left;
	width: 80%;	
	height: auto;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 10%;
	padding-right: 10%;
	background-image: linear-gradient(#e7e9ed, white);	
}
.divConteudoArtigo {
	height: auto;
	background-color: White;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	margin-left: 1%;
	margin-right: 1%;
	height: auto;
	min-height: 420px;
	border: 1px solid #8c6ccb;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 20px 20px 20px 20px;
}
.divConteudoFotoArtigo {
	width: 100%;
	height: 250px;
	max-height: 250px;
}
.divConteudoTituloArtigo {
	width: 100%;
	min-height: 120px;
}