/*TAGs Html*/
body{ 
  font-family: Arial, Helvetica, sans-serif;
  margin: 5px 0px 5px 0px; 
  padding: 0px;
  font-size: 12px;
  background: #F7F7F7;
}

em{
  font: bold 1em verdana; 
  color: #496881; 
  display: block; 
}

*{ 
  padding: 0px; 
  margin: 0px; 
}

a{
  color: #be0404;
  text-decoration: none;
  display: inline;
}

a:link, a:visited, a:active{
  border: 0px;
  color: #000000;
  text-decoration: none;
}

a:hover{
  border: 0px;
  color: #000000;
  text-decoration: underline;
}

a:link.hrefAzul, a:visited.hrefAzul, a:active.hrefAzul{
  border: 0px;
  color: #287fb4;
  text-decoration: none;
}

a:hover.hrefAzul{
  border: 0px;
  color: #287fb4;
  text-decoration: underline;
}

ol, ul{
  list-style: none;
}

img{
  border: 0px;
}
/*TAGs Html*/

/*Classes*/
.campo1{
  color: #000000;
  border: 1px solid #FF0000;
  background-color: #FFFFCC;
}

.campo2{
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}

.error{
  color: #FF0000;
  font-weight: bold;
}

.sucesso{
  color: #006600;
  font-weight: bold;
}

.espaco{
  float: left;
  width: 100%;
}

.bold{
  font-weight: bold;
}

.label{
  position: relative;
  width: 30%;
  float: left;
  text-align: right;
  height: 1.2em;
  padding: 0.3em;
}

.field{
  position: relative;
  width: 66%;
  float: left;
  text-align: left;
  height: 1.8em;
  padding: 0.1em;
}

.subTitulo{
  position: relative;
  width: 100%;
  float: left;
  text-align: left;
  height: 1.8em;
  padding: 0.1em;
	font-weight:bold;
}

.divFloatLeft{
  float: left;
  width: 100%;
}

.justify{
  text-align: justify;
}

.titulo{
  float: left; 
  width: 30em; 
  color: white; 
  text-align: center; 
  font-weight: bold; 
  background-color: #005985; 
  padding-top: 1em; 
  padding-bottom: 1em;
}

.titulo2{
  padding: 0.4em; 
  border: 1px solid #AAA; 
  margin-bottom: 0.4em;
}

.titulo3{
	padding: 0.4em; 
	border-bottom: 1px solid black;
}

.titulo4{
  background: #006600; 
	color: white; 
	padding: 0.4em;
}

.titulo5{
  float: right; 
	width: 90px; 
	padding: 0.4em; 
	text-align: right;
}

.titulo6{
  float: right; 
	width: 180px; 
	padding: 0.4em; 
	text-align: right;
}

.titulo7{
  color: #C9242B;
}

.titulo8{
  color: #8C99A0;
}

.saude_eventos{
  margin: 0 auto; 
	width: 300px; 
	border: 1px solid #CCC;
}

.tituloAzul{
  color: #287fb4;  
}

.backgroundCinza{
  background: #ECECEC;
  color: #666;
  font-weight: bold;
}

.backgroundBranco{
  background: wite;
  color: #666;
  font-weight: bold;
}

.bgLocal{
  float: left; 
  width: 67.9%; 
  margin: 0.4em 0em 0.4em 0em; 
  padding: 0.4em 0em 0.4em 0em; 
  background: #DFDFDF;
}

.local{
  float: left; 
  width: 68%; 
  margin: 0.3em 0em 0.3em 0em; 
  padding: 0.3em 0em 0.3em 0em; 
}

.bgLocal span{
  padding-left: 0.4em;
}

.bgTelefone{
  float: left; 
  width: 30.46%; 
  margin: 0.4em 0em 0.4em 0.4em; 
  padding: 0.4em 0em 0.4em 0em; 
  background: #DFDFDF;
}

.telefone{
  float: left; 
  width: 30.46%; 
  margin: 0.3em 0em 0.3em 0.3em; 
  padding: 0.3m 0em 0.3em 0em; 
}

.bgTelefone span{
  padding-left: 0.4em;
}

.faq p{
  text-align: justify;
}

.categoriaNoticia{
  background: #ECECEC;
  border: 1px solid #666666;
  padding: 0.4em;
  margin: 0.1em 0em 0.2em;
}

.categoriaNoticia:hover{
  background: #CCCCCC;
  border: 1px solid #666666;
  padding: 0.4em;
  margin: 0.1em 0em 0.2em;
}

.item{
  font-style: italic;
  font-weight: bold;
  color: #287FB4;
}

.saude_quadro1_img{
  float: left; 
	width: 200px; 
	height: 120px; 
	text-align: center; 
	padding-top: 1.6em;
}

.saude_quadro1_texto{
  float: left; 
	height: 120px; 
	padding-top: 1.6em;
}

.saude_espaco{
  margin-bottom: 10px; 
	width: 400px; 
	border: 2px dashed #CCC; 
	height: 150px;
	padding-top: 20px;
}

.saude_espaco div{
  text-align:center;
	padding:5px;
	font-weight:bold;
	height: 95px;
}

.saude_quadro2_img{
  float: left; 
	width: 200px; 
	height: 166px; 
	text-align: center;
}

.saude_quadro2_texto{
  float: left; 
	height: 166px;
}

.saude_quadro3_img{
  float: left; 
	width: 200px; 
	height: 130px; 
	text-align: center;
}

.saude_quadro3_texto{
  float: left; 
	height: 130px;
}

.pFundoBrancoOd{
  text-align: center;
  background: white;
}

.divFloatLeft50{
  float: left; 
  width: 50%;
  text-align: left;
}

.divFloatLeft50Right{
  float: left; 
  width: 50%;
  text-align: right;
}

.subtitulo{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #287FB4;
  font-weight: bold;
  text-align: left;	
}
/*Classes*/

/*IDS*/
#centraliza{
  position: relative; 
  margin: 0 auto;
  width: 73.3em;
  overflow: hidden;
  background: #F7F7F7;
}

#centralizaIndex{
  position: relative; 
  margin: 0 auto;
  width: 50.4em;
  overflow: hidden;
  background: #F7F7F7;
}

#flashAbertura{
  padding-top: 14em;
  text-align: center;
}

#flashAberturaBorder{
  border: 2px solid #CCC; 
  width: 600px;
}

#topo{
  border: 1px solid #287FB4;
  text-align: center;
}

#linhaTopo{
  border-bottom: 1px solid #287FB4;
}

#titulo{
  color: #287FB4;
  border-bottom: 1px solid #AAA;
  font-size: 16px;
  font-weight: bold;
}

#conteudoPrincipal{
  float: left;
  width: 100%;
  padding-top: 1em;
}

#menuEsquerdo{
  float: left;
  width: 26%;
}

#menuDireito{
  float: left;
  width: 26%;
}

#menuEsquerdo p{
  text-align: left;
}

#menuDireito p{
  text-align: right;
}

#centro{
  float: left;
  width: 48%;
}

#espacoRodape, #rodape{
  float: left; 
  width: 100%;
}

#resultado_busca{
  float: left; 
	width: 100%;
}

#rodapeEsquerdo{
  float: left; 
  background: url(../imgs/rodape_parte1.jpg); 
  width: 10px; 
  height: 28px;
}

#rodapeDireito{
  float: left; 
  background: url(../imgs/rodape_parte3.jpg); 
  width: 9px; 
  height: 28px;
}

#rodapeCentro{
  float: left; 
  background: url(../imgs/rodape_parte2.jpg); 
  width: 860px; 
  height: 28px;
}

#rodapeCentroPadd{
  padding: 0.4em;
}

#rodapeAns{
  float: left;
}

#rodapeAndNro{
  float: left; 
  padding: 0.2em 0.2em 0.2em 0.6em;
}

#fotoImc{
  float: left; 
  padding: 1em 0em;
}

#itensImc{
  float: left; 
  width: 260px;
}

#bannerHome, #farmaciaHome{
  float: left; 
  width: 50%; 
  text-align: left;
}

#noticiasHome li{
  padding: 1em;
  color: #333;
}

#ultimasNoticias{
  border-bottom: 1px solid #AAA; 
  color: #287FB4; 
  font-weight: bold; 
  font-size: 16px;
}

#odontoHome, #resgateHome{
  float: left; 
  width: 50%; 
  text-align: right;
}

#tabelaPlanoSaude1{
  border: 1px solid #CCC;
}

#tabelaPlanoSaude1 td{
  padding: 0.4em;
}

#telefoneSAC{
  margin: 0 auto; 
  width: 300px; 
  border: 1px solid #CCC; 
  padding: 1em;
}

#SAC{
  float: left;
}

#nroSAC{
  float: right; 
  padding-left: 1em;
}

#telefoneResgate{
  margin: 0 auto; 
  width: 300px; 
  height: 14px; 
  border: 1px solid #CCC; 
  padding: 1em;
}

#resgate{
  float: left;
}

#nroResgate{
  float: right; 
  padding-left: 1em;
}

#telefoneAgendamento{
  margin: 0 auto; 
  width: 300px; 
  border: 1px solid #CCC; 
  padding: 1em;
  height: 50px;
}


#telefoneSertaozinho{
  margin: 0 auto; 
  width: 300px; 
  height: 298px; 
  border: 1px solid #CCC; 
  padding: 1em;
}

.telefones{
  margin: 0 auto; 
  width: 300px; 
  height: 50px; 
  border: 1px solid #CCC; 
  padding: 1em;
}

.telnome{
  float: left;
}

.teln{
  float: right; 
  padding-left: 1em;
}

#telefoneRibeiraoPreto, #telefonePontal, #telefonePitangueiras, #telefoneBarrinha, #telefoneOutrasLocalidades {
  margin: 0 auto; 
  width: 300px; 
  height: 100px; 
  border: 1px solid #CCC; 
  padding: 1em;
}

#telefoneSertaozinho p, #telefoneRibeiraoPreto p, #telefonePontal p, #telefonePitangueiras p, #telefoneBarrinha p, #telefoneOutrasLocalidades p{
  color: white; 
  font-weight: bold; 
  background: #287FB4; 
  padding: 0.4em;
}

#dicas{
  background: #CCC; 
  padding: 0.4em;
  text-align: center;
}

#menuDireitoOd{
  float: left; 
  width: 220px;
}

#beneficiariosOd, #dentistasOd{
  font-size: 15px;
  color: #F78B31;
  text-align: center;
  background: #EEEEEE;
  border: 1px solid #CCC;
  padding: 0.2em;
}

#centroOd{
  float: left; 
  width: 650px; 
  padding-right: 9px;
}

#menuEsquerdoOd{
  float: left; 
  width: 220px;
  margin-right: 8px;
}

#centroPrincipalOd{
  float: left; 
  width: 422px;
}

#paginaInicialOd{
  float: left; 
  width: 50%; 
  text-align: left;
}

#bannerSaudeHome{
  float: left; 
  width: 50%; 
  text-align: right;
}

#empresas{
  float: left; 
  width: 100%; 
  text-align: center; 
  background: #EEEEEE; 
  color: #F78B31;
}

#empresas p{
  padding: 0.4em; 
  border: 1px solid #CCC;
  font-size: 15px; 
}

#popUpHome{
  position: absolute;
  left: 25px;
  top: 210px;
  z-index: 2000;
  cursor: pointer;
}
/*IDS*/

/* SIMPLE GALLERY */
#simplegallery{
  position: relative; 
  visibility: hidden; 
  border: 2px solid #898E77;
  margin: 0 auto;
  width: 350px;
}
/* FIM DO SIMPLE GALLERY */
/*Farmacia*/
.farmMapa{
  border: 1px dashed #000000; 
	width:300px; 
	margin:0 auto; 
	margin-bottom: 20px;
	text-align:center;
	padding: 8px;
}
/*Fim - Farmacia*/
/*Corrida - Sermed*/
.voltar{
  text-align:center;
  margin-top: 20px;
}

#corridaTop{
  margin: 10px 0px 20px;
  text-align:center;
}

#menuCorrida{
  border:1px dashed black;
  width: 300px;
  margin:0 auto;
}

#menuCorrida ul li{
  border:3px double #999;
  margin: 10px;
  padding:5px;
  cursor:pointer;
  font-weight:bold;
  font-size:13px;
}

#menuCorrida ul li:hover{
  background:#CCC;
}
/*Fim Corrida*/
/*Processo Produtivo - processo_produtivo.php*/
.galeriaCorrida ul{
  float: left;
  width: 100%;
  margin: 0px 0px 10px 0px;
}

.galeriaCorrida ul li{
  float: left;
  width: 200px;
  text-align: center;
  margin: 0px 5px 0px 3px;
}

.galeriaCorrida ul li b{
  font-size: 14px;
}

.galeriaCorrida #imagemGrande{
  float: left;
	width: 510px;
}

.galeriaCorrida #imagemGrande span{
  font-style: italic;
}

.galeriaCorrida #imagens{
  float: right;
	width: 240px;
}

.galeriaCorrida ul li img, .galeriaCorrida #imagemGrande img, .galeriaCorrida #imagens img{
  padding: 4px;
  border: 1px solid #888;
  margin: 0px;
}

.galeriaCorrida ul li img:hover, .galeriaCorrida #imagens img:hover{
  border: 1px solid #555;
	background: #ECECEC;
}

.subTitulo1{
  font-size: 18px;
	font-style: italic;
	color:#003399;
	border-bottom:1px dashed #000;
}

#titGaleria{
  background:#EEEDED;
	font-size:14px;
	font-style:italic;
	margin: 10px 0;
	padding: 5px;
	font-weight:bold;
}

/*Fim de Processo Produtivo - processo_produtivo.php*/
/*Video - video.php*/
#pagVideo{
  width:100%;
	text-align:center;
}

#videoDest{
  font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

#videoMais{
  float: left;
	width: 420px;
	margin: 20px 0px 10px 0px;
}

#videoMais p{
  text-align:center;
	font-size:18px;
	color:blue;
}

#videoMais ul{
  float: left;
	width: 100%;
	margin: 10px 0px 0px 30px;
}

#videoMais ul li{
  float: left;
	width: 150px;
	height: 216px;
  margin: 8px;
	padding: 10px;
	border: 1px solid #EDECEB;
	overflow: hidden;
	color: #FF9900;
}

#videoMais ul li strong{
  color: black;
}

#videoMais ul li a{
  color: #FF9900;
}

#videoMais ul li:hover{
  border: 1px solid #CCC;
	cursor: pointer;
}



/*FIM - Video - video.php*/
/*Planos*/
.quadroPlanos{
  margin:0 auto;
  width: 400px;
  border:1px solid #333;
  margin-bottom: 20px;
  cursor:pointer;
}

.quadroPlanos:hover{
  background-color:#cde9d5;
}

.codPlano{
  background:#73d0ec;
  color:#236683;
  font-size:14px;
  padding:5px 0px;
  text-align:center;
  font-weight:bold;
}

.nomePlano{
  padding:5px;
  margin-bottom: 8px;
}

.abraPlano{
  padding:5px;
  margin-bottom: 5px;
}

.odPlano{
  padding:5px;
  margin-bottom: 5px;
}

.menuAddPlano p{
  font-size:14px;
  color:#236683;
  font-weight:bold;
  cursor:pointer;
  margin:50px 0px 0px 10px;
}

.menuAddPlano ol li{
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
  margin:10px 0px 18px 10px;
  padding-left: 15px;
}

/*Fim - Planos*/
/*Planos - Cobertura*/
#tabTxt{
  margin-top: 20px;
}

#tabTxt li{
  margin: 0px 0px 20px 15px;
  list-style:circle;
  text-align:justify;
}

#tabTxt li span{
  text-decoration:underline;
  font-weight:bold;
}

.listCarencia{
  margin-top: 10px;
}

.itemCare{
  float:left;
  width: 300px;
  text-align:left;
  border-bottom:1px dashed #999;
  margin-bottom: 10px;
  padding-right: 25px;
  padding-bottom: 8px;
}

.valorCare{
  float:left;
  width:75px;
  text-align:left;
  border-bottom:1px dashed #999;
  margin-bottom: 10px;
  padding-bottom: 8px;
}

/*Fim - Planos - Cobertura*/
/*Plano - Atendimento*/
.tabPlanAtend{
  margin: 5px 0px 15px 0px;
}

.titCidade{
  text-align:center;
  font-weight:bold;
  background:#73d0ec;
  color:#fff;
  padding: 5px;
  border:1px solid black;
  font-size:14px;
}

.txtAtend{
  padding: 5px;
  text-align:justify;
  border:1px solid black;
}
/*Fim Plano - Atendimento*/
