@charset "utf-8";
/* Ciência Medicina Diagnóstica - CSS principal*/

body	{
	background: #fff url(../img/fundo.jpg) top center no-repeat;
	font: 11px Helvetica, sans-serif;
	text-align: center;
	height: 100%;
	}


/* DIV PAI **********************************/

#principal	{
	margin: 0px auto 0px auto;
	}


/* Conteúdo principal **********************************/

.corpo	{
	width: 964px;
	margin: 0px auto 0px auto;
	}


/* Atendimento online **********************************/

#topo	{
	background: url(../img/topo-telefones.jpg) center no-repeat;
	width: 960px;	height: 92px;
	left: 290px; margin-top: 30px;
	}

/**** Logo *************************/
#topo h1 a	{
	float:left; 
	width: 148px; height: 64px;
	text-indent: -5000em;
	background: transparent url(../img/logo.gif) top left no-repeat;
	margin: 8px 0 0 25px;
	cursor:pointer;
	padding:0px; display:table;
	}	

#atendimento-telefonico	{
	float: left;
	text-align: left;
	margin: 15px 5px 0 80px;	
	width: 400px;	height: 46px;
	}

	#atendimento-telefonico	.atendimento	{
		float: right;
		text-align: left;
		line-height: 16px;
		margin: 15px 0 0 auto;	
		color: #95a5b8;
		width: 112px;	height: 46px;
		font-style: italic;
		font-size: 14px;
		}
		
	#atendimento-telefonico	.telefonico	{
		color: #95a5b8;
		font-style: italic;
		font-size: 18px;
		}
	
	#atendimento-telefonico	.telefone1	{
		float: right;
		text-align: left;
		margin: 15px 2px 5px 20px;	
		width: 200px;	height: 46px;
		font: bold italic 24px Georgia, Helvetica, arial, sans-serif;
		color: #78a1d0;
		}
	
	#atendimento-telefonico	.ddd	{
		font: italic 11px Georgia, Helvetica, sans-serif;
		color: #bcbcbc;
		}

#atendimento-online	{
	float: right;
	background: url(../img/bt-atendonline.jpg) no-repeat;
	margin: 20px 5px 0 0;
	width: 210px;	height: 46px;
	}
	
	#atendimento-online a	{
		display: block;
		margin: 5px 0 0 60px;
		font: italic 14px Helvetica, sans-serif;
		color: #95a5b8;
		text-decoration: none;
		}
	
	#atendimento-online a:hover	{
		text-decoration: underline;
		}
	
	#atendimento-online .online	{
		font: italic 20px Helvetica, sans-serif;
		color: #6ddf96;
		}

/* Miolo - suporta as 3 colunas **********************************/

#miolo	{
	width: 100%; height: auto;
	}
	
/* Lateral esquerda **********************************/
	
#coluna1	{
	float: left;
	display: table;
	width: 190px;
	margin: 30px 8px 0 5px;
	}

	/* Menu lateral **********************************/

	#menu	{
		background: url(../img/menu-fundo.jpg) no-repeat;
		width: 190px;	height: 400px;
		}
		
	#menu ul	{
		list-style-image: url(../img/menu-lista.gif);
		padding: 20px;
		margin: 0 0 0 10px;
		}
		
	#menu ul li	{
		display: block;
		text-align: left;
		list-style-image: url(../img/menu-lista.gif);
		margin-bottom: 20px;
		}
		
	#menu ul li a	{
		font: 15px Helvetica, arial, sans-serif;
		text-decoration: none;
		color: #7f94ae;
		}
		
	#menu ul li a:hover	{	
		color: #4196f8;
		}


#vacinas	{
	margin: 30px 0 20px 20px;
	width: 124px; height: 96px;
	}


/* Centro **********************************/

#coluna2	{
	width: 570px;
	float: left;
	margin: 30px 5px 0 5px;
	text-align: left;
	}

	#coluna2 #flash	{
		}

	#coluna2 a	{
		font: 14px Helvetica, aria, sans-serif;
		color: #666;
		text-decoration: none;
		}
	
	#coluna2 a:hover	{
		color: #000;
		}

	#coluna2 #flash	{
		margin: 0px;
		width: 570px;	height: 190px;
		}
	
	#coluna2 #destaques	{
		height: 330px; width: 590px;
		margin: 30px 0 0 -20px;
		background: url(../img/meio-fundo.gif) top left no-repeat;
		}
	
	#coluna2 #novidades	{
		float: left;
		width: 160px; height: 250px;
		margin: 50px 0 0 50px;
		text-align: left;
		}
	
	#coluna2 #especialidades	{
		float: right;
		width: 250px;	height: auto;
		margin: 50px 30px auto auto;
		}	
	
		#coluna2 #especialidades #esp-foto	{
			z-index: 0;
			text-align: right;
			}
		
		#coluna2 #especialidades #esp-texto	{
			width: 100%; height: auto;
			z-index: 1;
			}
	
	#coluna2 #corpo-clinico	{
		float: right;	
		text-align: left;
		width: 250px;	height: 140px;
		margin: 70px 30px auto auto;
		}
	
		#coluna2 #corpo-clinico #corpo-foto	{
			z-index: 0;
			text-align: right;
			vertical-align: bottom;
			}
		
		#coluna2 #corpo-clinico #corpo-texto	{
			width: 100%; height: auto;
			z-index: 1;
			}

	#coluna2 h2.titulo	{
		font: 20px Arial, Helvetica, sans-serif;
		color: #73a2ff;
		display: inline;
		margin: 0 0 0 15px;
		}

/* COLUNA 3 **********************************/

#coluna3	{
	float: right;
	width: 150px;
	margin: 30px 0 0 0px;
	}
	
	#coluna3 #plantao	{
		float: left;
		text-align: left;
		width: 150px;	height: 170px;
		margin: 0 0 10px 0;
		background: url(../img/plantao-fundo.gif) left bottom no-repeat;
		padding: 0 0 10px 10px;
		}
		
		#coluna3 #plantao h2	{
			font: bold 20px Arial, Helvetica, sans-serif;
			vertical-align: top;
			color: #f90000;
			margin: -25px 0 0 44px;
			display: block;
			}		

		#coluna3 #plantao p	{
			font: bold 14px Arial, Helvetica, sans-serif;
			vertical-align: top;
			color: #999999;
			margin: 0px;
			display: inline;			
			}		

		#coluna3 #plantao ul	{
			font: 13px Helvetica, sans-serif;
			vertical-align: top;
			text-align: center;
			color: #AAA;
			margin: 24px 24px 0 0;
			display: block;
			line-height: 20px;
			list-style: none;
			}		

	#exame-online	{
		float: left;
		text-align: left;
		width: 150px;	height: 100px;
		margin: 20px 0 30px 0;
		padding: 5px;	
		}
				
		#exame-online h2	{
			font: bold 22px Arial, Helvetica, sans-serif;
			vertical-align: top;
			color: #5bd186;
			display: block;
			margin: -60px 0 0 50px;
			}

		#coluna3 #exame-online p	{
			font: bold 14px Arial, Helvetica, sans-serif;
			vertical-align: top;
			color: #999999;
			margin: 0 0 0 50px;		
			}		
		
		#exame-online a	{
			font: 13px Helvetica, Arial, sans-serif;
			color: #888;
			margin: 20px 0 0 -50px;
			height: 75px;
			text-decoration: none;
			display: block;
			width: 140px; height: auto;
			}
			
		#exame-online a:hover	{
			color: #000;
			}

	#coluna3 #unidade-proxima	{
		float: left;
		text-align: left;
		width: 150px;	height: 70px;
		margin-top: 30px;
		}
		
		#coluna3 #unidade-proxima h2	{
			font: bold 14px Arial, Helvetica, sans-serif;
			vertical-align: top;
			color: #73a2ff;
			}
		
		#coluna3 #unidade-proxima .mais-proxima	{
			font: 12px Aria, Helvetica, sans-serif;
			color: #999999;
			}
		
		#coluna3 #unidade-proxima select	{
			font: 13px Helvetica, sans-serif;
			color: #73a2ff;
			width: 148px; height: 20px;
			border: 1px #24282c solid;
			background: #424c59;
			margin-top: 5px;
			}
			
	#coluna3 #cirurgia	{
		float: left;
		text-align: left;
		width: 150px;	height: 200px;
		margin: 10px 0 0 0;
		}

		#coluna3 #cirurgia span	{
			font: 18px Arial, Helvetica, sans-serif;
			color: #BBB;
			}	
		
		#coluna3 #cirurgia h2	{
			font: bold 20px Arial, Helvetica, sans-serif;
			vertical-align: top;
			color: #3cc0d7;
			}								


/* Rodapé **********************************/

#rodape	{
	float: left;
	margin: 0px;
	text-align: center;
	width: 100%;	height: 402px;
	background: #FFFFFF url(../img/rodape-fundo.gif) top repeat-x;
	clear: both;
	}

	#rodape-limite	{
		padding: 15px;
		margin: auto;
		width: 964px; height: auto;
		}
	
		#newsletter	{
			float: left;
			text-align: left;
			width: 200px;	height: 100px;
			margin: 20px auto auto 20px;
			}
		
			#newsletter h2	{
				font: 20px Arial, Helvetica, sans-serif;
				vertical-align: top;
				color: #73a2ff;
				display: inline;
				margin: 0 0 0 15px;
				}		
				
			#newsletter label	{
				display: block;
				font: 13px Helvetica, Arial, sans-serif;
				vertical-align: top;
				color: #FFF;
				margin: 10px 0 0 0;
				height: 75px;			
				background: url(../img/newsletter-fundo.gif) bottom left no-repeat;
				}
			
			#newsletter	.email	{
				margin: 15px 0 0 5px;
				width: 150px;
				font: 15px Arial, Helvetica, sans-serif;
				border: none;
				}
			
			#newsletter	.input {
				background: transparent url(../img/newsletter-bt.gif) top center no-repeat;
				width: 56px;	height: 40px;
				border: none;
				padding: 10px;
				float: right;
				cursor: pointer;
				text-indent: -5000em;
				margin: -38px -15px 0 0;
				}
		
		#twitter	{
			float: left;
			width: 150px;	height: 110px;
			background: url(../img/twitter-icone.gif) bottom center no-repeat;
			margin: 30px 0px 0 200px;					
			}
		
			#twitter a	{
				display: block;
				font: 13px Helvetica, Arial, sans-serif;
				color: #EEE;
				margin: -6px 0 20px 0;
				height: 75px;
				text-decoration: none;
				}								
			
			#twitter a:hover	{
				color: #60d6f8;
				}
			
			#twitter .titulo	{
				font: 20px Arial, Helvetica, sans-serif;
				vertical-align: top;
				color: #FFFFFF;
				display: block;
				}

		#tucupi h4 a	{
			float: right; 
			width: 99px; height: 35px;
			text-indent: -5000em;
			background: transparent url(../img/tucupi.png) top left no-repeat;
			margin: 30px 20px 0 30px;
			cursor:pointer;
			padding:0px; display:table;
			}		
	
		#menu-inferior	{
			float: left;
			width: 900px;	height: 30px;
			margin: 80px 0 0 20px;
			}
			
			#menu-inferior ul	{
				padding: 0px; margin: 0px;
				text-align: center;
				}
				
			#menu-inferior li	{
				display: inline;
				margin: 0 15px 0 0;
				}
			
			#menu-inferior a	{
				color: #999;
				font: 11px Helvetica, sans-serif;
				text-decoration: none;
				text-transform: uppercase;
				}
			
			#menu-inferior a:hover	{
				color: #FFF;
				}
			
		
		#unidades	{
			float: left;
			width: 900px;	height: 60px;
			margin: 20px 0 0 20px;
			}
		
			#unidades ul	{
				padding: 0px; 
				text-align: center;
				color: #FFFFFF;
				font: 16px Helvetica, arial, sans-serif;
				}
				
			#unidades li	{
				display:-moz-inline-stack;
				display:inline-block;
				zoom:1;
				*display:inline;
				margin: 0 35px 0 0;
				}

			#unidades a	{
				text-align: center;
				color: #6ca5e9;
				font: 15px Helvetica, sans-serif;
				text-decoration: none;
				}

			#unidades a:hover	{
				color: #FFFFFF;
				}
			
			#unidades small	{
				font-size: 12px;
				color: #AAA;
				}


/*****************************************/
/* PÁGINAS INTERNAS **********************/
/*****************************************/

#migalha	{
	height: 50px; width: 520px;
	margin: 30px 0 0 25px;
	text-align: right;
	}
	
	#migalha p	{
		font: 12px Helvetica, Arial, sans-serif;
		color: #333;
		}
	
	#migalha a	{
		font: 12px Helvetica, Arial, sans-serif;
		text-decoration: none;
		color: #999;
		}
	
	#migalha a:hover	{
		color: #6ca5e9;
		}
	
#coluna2 #conteudo	{
	width: 520px;
	margin: -40px 0 0 -20px;
	background: url(../img/meio-fundo.gif) top left no-repeat;
	padding: 40px 40px 20px 50px;
	text-align: justify;
	font: 14px Helvetica, sans-serif;
	color: 333;		
	}

	#coluna2 #conteudo h2	{
		font: bold 22px Helvetica, Arial, sans-serif;
		color: #73a2ff;
		}
	
	#coluna2 #conteudo p	{
		margin: 20px auto 10px auto;
		}


/* CLÍNICA	**********************/		
	
	#coluna2 #conteudo .clinica-foto	{
		width: 220px;
		float: right;
		margin: 0 0 20px 20px;
		}
	
	#coluna2 #conteudo .clinica-foto img	{
		border: 1px solid #EEE;
		padding: 15px;
		background-color: #FFF;
		}
		
	#coluna2 #conteudo .obrigado	{
		color: #0066FF;
		}

/* LABORATÓRIO	**********************/		

	#coluna2 #conteudo label	{
		font: 14px Helvetica, sans-serif;
		color: #496cae;
		text-align: left;
		margin-top: 40px;
		}
	
	#coluna2 #conteudo input	{
		border: 1px solid #496cae;
		width: 520px;
		font: 18px Helvetica, sans-serif;
		height: 22px;
		margin-top: 20px;
		}

	#coluna2 #conteudo input:hover	{
		border: 1px solid red;
		}

	#coluna2 #conteudo table#table_busca	{
		border: 1px solid #d9d9d9;
		width: 100%;
		}

	#coluna2 #conteudo table#table_busca th	{
		background: #496cae;
		color: #FFFFFF;
		font: 18px Helvetica, sans-serif;
		padding: 8px 0 8px 6px;
		vertical-align: middle;
		}

	#coluna2 #conteudo table#table_busca td	{
		font: 12px Helvetica, sans-serif;
		background: #fff;
		padding: 10px 0 10px 6px;
		border-bottom: 1px dashed #e1e1e1;
		}
	

/* CORPO CLÍNICO	**********************/		
	
	#coluna2 #conteudo .corpo-foto	{
		width: 280px;
		float: right;
		margin: 0 10px 20px 20px;
		}
	
	#coluna2 #conteudo .corpo-foto img	{
		border: 1px solid #EEE;
		padding: 15px;
		background-color: #FFF;
		}
		
	#coluna2 #conteudo .alinha-tabela	{
		text-align: left;
		}	


/* LOCALIZAÇÃO	**********************/		

	#coluna2 #conteudo #mapa	{
		width: 510px;	height: 400px;
		padding: 10px;
		border: 5px solid #E9E9e9;
		margin: 30px auto 40px auto;
		}		

	#coluna2 #conteudo ul	{
		margin: 20px 0 40px 0;
	}
	
	#coluna2 #conteudo li	{
		list-style-position: inside;
		list-style-type: decimal-leading-zero;
		margin-bottom: 20px;
		}

	#coluna2 #conteudo h3	{
		font: bold 16px Helvetica, sans-serif;	
		color: #496cae;
		}

/* UNIDADES	**********************/		

	#coluna2 #conteudo .unidade-foto	{
		width: 220px;
		margin: 20px 0 40px 0;
		}
	
	#coluna2 #conteudo .unidade-foto img	{
		border: 1px solid #EEE;
		padding: 20px;
		background-color: #FFF;
		width: 490px;	height: 300px;
		}

	#coluna2 #conteudo	.unidades-link	{
		color: #000;
		}		

	#coluna2 #conteudo	.unidades-link:hover	{
		color: #496cae;
		}		

	
/* CONTATO	**********************/		

	#coluna2 #conteudo .label-contato	{
		display: table;
		font: 14px Helvetica, sans-serif;
		margin: 20px 0 15px 0;
		}
	
	#coluna2 #conteudo input.contato	{
		border: 1px solid #496cae;
		width: 510px;
		font: 16px Helvetica, sans-serif;
		height: 22px;
		margin-top: 5px;
		}
	
	#coluna2 #conteudo input.contato2	{
		width: 30px;
		margin-top: 5px;
		}

	#coluna2 #conteudo input.contato2:hover	{
		width: 30px;
		background-color: #f6f6f6;
		}

	#coluna2 #conteudo input.contato3	{
		width: 470px;
		margin-top: 5px;		
		}

	#coluna2 #conteudo input.contato3:hover	{
		width: 470px;
		background-color: #f6f6f6;
		}		

	#coluna2 #conteudo textarea.contato	{
		border: 1px solid #496cae;
		width: 510px;
		font: 16px Helvetica, sans-serif;
		height: 100px;
		margin-top: 5px;		
		}

	#coluna2 #conteudo textarea.contato:hover	{
		background-color: #f6f6f6;
		border: 1px solid red;
		}

	#coluna2 #conteudo input.contato:hover	{
		border: 1px solid red;
		background-color: #f6f6f6;
		}

	#coluna2 #conteudo	.bt-enviar	{
		background: #f3f3f3;
		color: #000000;
		font: bold 14px Arial, Helvetica, sans-serif;
		height: 30px;
		margin-bottom: 40px;
		}
	
	#coluna2 #conteudo	.contato-email	{
		font: bold 18px Helvetica, sans-serif;
		color: #496cae;
		}
	
	#coluna2 #conteudo	.contato-email:hover	{
		color: #000000;
		}
	

/* DICAS 		**********************/	

	#coluna2 #conteudo li#dicas_lista	{
		font: bold 16px Helvetica, Arial, sans-serif;
		margin: 40px 0 20px 0;
		color: #444;
		}

	#coluna2 #conteudo li#dicas_lista p	{
		font: normal 14px Helvetica, Arial, sans-serif;
		}	
		
	#coluna2 #conteudo li#dicas_sublista	{
		list-style-type: circle;
		margin: 0 0 10px 30px;
		font: normal 14px Helvetica, Arial, sans-serif;
		}
	
	.dicas_virus	{
		float: right;
		padding: 10px;
		border: solid 1px  #CCCCCC;
		margin: 25px 0 10px 30px;
		width: 200px; height: 200px;
		}
	
	.dicas_medula	{
		float: left;
		padding: 10px;
		border: solid 1px  #CCCCCC;
		margin: 25px 30px 10px 30px;
		width: 150px; height: 125px;
		}

	.dicas_subtitulo	{
		font: italic 14px Helvetica, Arial, sans-serif;
		color: #666;
		}		

	.dicas_massagem	{
		float: right;
		padding: 10px;
		border: solid 1px  #CCCCCC;
		margin: 5px 0 10px 30px;
		width: 200px; height: 130px;
		}

	#coluna2 #conteudo .add_this	{
		margin: 20px 0 30px 310px;
		width: 250px; height: 50px;
		}
	
	
/* SERVIÇOS 		**********************/	

	#coluna2 #conteudo #terceiros	{
		float: left;
		width: 550px;	height: 300px;
		margin: 20px 30px 60px 0;
		padding: 0px;
		font: italic 14px Helvetica, Arial, sans-serif;
		color: #666;
		}

	#coluna2 #conteudo #servicos_cardiocenter	{
		float: left;
		text-align: center;
		width: 150px;	height: 280px;
		margin: 10px 10px 0 0;
		padding: 15px;
		border: 1px solid #EEE;
		}

		#coluna2 #conteudo #servicos_cardiocenter img	{
			margin-top: 15px;		
			}

	#coluna2 #conteudo #servicos_icf	{
		float: left;
		text-align: center;
		width: 130px;	height: 280px;
		margin: 10px 10px 0 0;
		padding: 15px;
		border: 1px solid #EEE;
		}

	#coluna2 #conteudo #servicos_digem	{
		float: left;
		text-align: center;
		width: 130px;	height: 280px;
		margin: 10px 10px 0 0;
		padding: 15px;
		border: 1px solid #EEE;		
		}