/*
About this CSS code
Media type: Screen
URL: http://www.climedi.com.br
Author: AGW Internet (http://www.agw.com.br)
Country: Brazil
Comments: Portuguese (br)
Time: Set 07
*/

/* Ajustes de otimização global */

* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
	outline:0;
	border:0;
	line-height:160%;
	}

h6, h5, h4, h3, h2, h1, caption, th, td {
	font-size:100%;
	font-weight:normal;
	}

address { font-style:normal; }

legend { color:#000; }
button, select, textarea, input {
	font:100%;
	border:1px solid;
	}

table { border-collapse:collapse; }
caption, th, td { text-align:left; }

IE7 { css2:auto; }

/* Elementos globais */

body { font:11px Arial, Helvetica, sans-serif; }

[href^="http://"]:not([href*="climedi.com.br"])::after { content:" " url("arquivos/icone-linkexterno.png"); }

a { color:#315547; }
a:hover {
	text-decoration:underline;
	color:#348f6e;
	}

td, th { vertical-align:top; }

/* Classes globais */

hr, .invisivel { display:none; }
.semborda { border:none; }

/* Estrutura básica/fixa do layout */

#geral {
	width:779px;
	margin:0 auto;
	}
#geral #topo { /* Topo */
	width:779px;
	height:94px;
	overflow:hidden;
	}
#geral #topo #marca {
	width:212px;
	height:128px;
	float:left;
	z-index:3;
	}
#geral #topo #marca a {
	width:212px;
	height:93px;
	background:url(arquivos/marca-climedi-topo-parte1.jpg) no-repeat top left;
	display:block;
	text-indent:-9999px;
	}
#geral #topo #local-data {
	width:330px;
	float:left;
	margin-top:70px;
	text-align:center;
	color:#348f6e;
	}
#geral #topo #util {
	width:237px;
	float:right;
	margin-top:11px; _margin-top:13px;
	}
#geral #topo #util #links { /* Links: Central de Atendimento, Fale Conosco */
	width:100%;
	text-align:center;
	}
#geral #topo #util #links ul li {
	display:inline;
	padding-right:5px;
	}
#geral #topo #util #links ul li.ponta-direita {
	border-left:1px solid #315547;
	padding-left:10px;
	}
#geral #topo #util #links ul li a { color:#315547; }
#geral #topo #util #links ul li a:hover { color:#348f6e; }
#geral #topo #util #busca { /* Busca */
	width:100%;
	height:54px;
	margin-top:5px;
	background:#d8efe5 url(arquivos/fundo-box-busca.jpg) no-repeat 15px 7px;
	}
#geral #topo #util #busca form {
	width:237px;
	position:relative;
	top:26px; _top:24px;
	}
#geral #topo #util #busca form label { display:none; }
#geral #topo #util #busca form input {
	width:160px;
	margin-left:20px;
	padding:3px 2px 2px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#315547;
	background:#fff;
	border:none;
	}
#geral #topo #util #busca form input.botao-busca-ok {
	width:25px;
	height:22px;
	margin:0;
	padding:0;
	background:url(arquivos/botao-busca-ok.jpg) no-repeat top left;
	cursor:pointer;
	}
#geral #destaque { /* Destaque principal */
	width:779px;
	height:232px;
	background:#348f6e;
	z-index:0;
	}
#geral #marca-ajuste {
	width:66px;
	height:34px;
	position:relative;
	left:75px;
	top:-233px;
	z-index:5;
	}
#geral #marca-ajuste a {
	width:66px;
	height:34px;
	background:url(arquivos/marca-climedi-topo-parte2.jpg) no-repeat top left;
	display:block;
	}
#geral #menu-principal { /* Menu principal */
	width:779px;
	height:71px;
	position:absolute;
	top:325px;
	z-index:2;
	}
#geral #conteudo { /* Conteúdo */
	width:779px;
	position:relative;
	top:2px;
	display:table;
	z-index:1;
	}
#geral #conteudo #coluna-a {
	width:206px;
	float:left;
	}
#geral #conteudo #coluna-b {
	width:359px;
	float:left;
	margin-left:5px;
	}
#geral #conteudo #coluna-c {
	width:200px;
	float:left;
	margin-left:5px;
	}
#geral #conteudo #coluna-d {
	width:567px;
	float:left;
	margin-left:5px;
	}
#geral #conteudo #coluna-d h3 {
	font-size:1.5em;
	color:#315547;
	display:block;
	text-transform:uppercase;
	text-indent:10px;
	border-bottom:1px solid #348f6e;
	}
#geral #conteudo #coluna-d #ajuste {
	margin:15px 10px;
	text-align:justify;
	}
#geral #conteudo #coluna-d #ajuste h4
	{
	margin-bottom:10px;
	font-size:2em;
	color:#315547;
	}
#geral #conteudo #coluna-d #ajuste p { margin-bottom:10px; }
#geral #conteudo #coluna-d #ajuste img {
	margin:5px 15px 10px 0; _margin:5px 15px 6px 0;
	float:left;
	border:8px solid #d8efe5;
	}
#geral #rodape { /* Rodapé */
	width:779px;
	position:relative;
	top:10px;
	background:url(arquivos/rodape-simbolo.gif) no-repeat left 10px;
	clear:both;
	border-top:4px solid #c9eadf;
	}
#geral #rodape address {
	position:relative;
	left:70px;
	top:14px;
	line-height:130%;
	}
#geral #rodape #marca-agw {
	width:55px;
	height:33px;
	position:relative;
	left:710px;
	top:-25px;
	}
#geral #rodape #marca-agw a {
	width:55px;
	height:33px;
	background:url(arquivos/marca-agw-rodape.gif) no-repeat left top;
	text-indent:-9999px;
	display:block;
	}

/* Página inicial */

#geral #conteudo #coluna-a #resultado-exames { /* Box "Resultado de Exames */
	width:206px;
	height:152px;
	background:url(arquivos/fundo-box-resultadodeexames.jpg) no-repeat top left;
	}
#geral #conteudo #coluna-a #resultado-exames form {
	width:100%;
	position:relative;
	top:45px; _top:43px;
	}
#geral #conteudo #coluna-a #resultado-exames label { display:none; }
#geral #conteudo #coluna-a #resultado-exames form input {
	width:130px;
	margin:8px 20px;
	padding:3px 2px 2px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#315547;
	background:#fff;
	border:1px solid #348f6e;
	}
#geral #conteudo #coluna-a #resultado-exames form input.botao-exames-ok {
	width:31px;
	height:28px;
	position:relative;
	left:165px;
	top:-33px;
	margin:0;
	padding:0;
	background:url(arquivos/botao-resultadodeexames-ok.jpg) no-repeat top left;
	border:none;
	cursor:pointer;
	}
#geral #conteudo #coluna-a #resultado-exames a {
	position:relative;
	left:22px;
	top:20px; _top:17px;
	color:#fff;
	}
#geral #conteudo #coluna-b #destaque-chamada { /* Notícias */
	width:359px;
	height:45px;
	position:relative;
	top:-45px;
	background:#315547;
	opacity:.80;
	filter:alpha(opacity=80); /* IE */
	}
#geral #conteudo #coluna-b #destaque-chamada a {
	color:#fff;
	display:block;
	padding:5px 13px;
	font-weight:bold;
	}
#geral #conteudo #coluna-b p {
	margin:-40px 12px 0 12px;
	color:#666;
	}
#geral #conteudo #coluna-b ul {
	margin-top:10px;
	padding-top:6px; _padding-top:9px;
	border-top:4px solid #c9eadf;
	}
#geral #conteudo #coluna-b ul li {
	margin-left:15px;
	padding-right:6px;
	background:url(arquivos/marcador1.gif) no-repeat left top;
	line-height:190%;
	}
#geral #conteudo #coluna-b ul li a {
	position:relative;
	top:-4px;
	left:13px;
	color:#666;
	}
#geral #conteudo #coluna-b a.ver-todos img { margin-top:-2px; _margin-top:0; }
#geral #conteudo #coluna-b a.ver-todos {
	text-align:right;
	position:relative;
	left:299px;
	color:#000;
	}
#geral #conteudo #coluna-c #dicas-saude { /* Box "Dicas de Saúde" */
	width:200px;
	background:#f5fbf9 url(arquivos/fundo-box-dicasdesaude.jpg) no-repeat left top;
	border:1px solid #f5fbf9;
	}
#geral #conteudo #coluna-c #dicas-saude ul { margin:40px 0 10px 30px; _margin:40px 0 10px 25px; }
#geral #conteudo #coluna-c #dicas-saude ul li {
	_padding-left:5px;
	line-height:190%;
	list-style-image:url(arquivos/marcador3.gif);
	}
#geral #conteudo #coluna-c #dicas-saude ul li a { color:#000; }
#geral #conteudo #coluna-c #banner { /* Banner */
	width:200px;
	margin-top:5px;
	}

/* Interna - Corpo Clínico > Consultas */

#geral #conteudo #coluna-d #ajuste table#consultas tr th {
	height:50px;
	background:#b7dbcd;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	color:#030;
	border-left:2px solid #fff;
	}
#geral #conteudo #coluna-d #ajuste table#consultas tr td {
	padding:5px;
	display:table-cell;
	}

/* Interna - Exames > Laboratoriais */

#geral #conteudo #coluna-d #ajuste table#laboratoriais tr th {
	height:50px;
	background:#b7dbcd;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	color:#030;
	border-left:2px solid #fff;
	}
#geral #conteudo #coluna-d #ajuste table#laboratoriais tr td {
	padding:5px;
	display:table-cell;
	}

/* Interna - Convênios */

#geral #conteudo #coluna-d #ajuste table#convenios tr td {
	padding:5px;
	display:table-cell;
	text-transform:uppercase;
	}

/* Interna - Nossos Serviços */

#geral #conteudo #coluna-d #ajuste ul#nossos-servicos { margin-left:15px; }
#geral #conteudo #coluna-d #ajuste ul#nossos-servicos li {
	list-style:square;
	color:#b7dbcd;
	}
#geral #conteudo #coluna-d #ajuste ul#nossos-servicos li a { color:#315547; }
#geral #conteudo #coluna-d #ajuste ul#nossos-servicos li a:hover { color:#348f6e; }

/* Interna - Novidades */

#geral #conteudo #coluna-d #ajuste ul#novidades { margin-left:15px; }
#geral #conteudo #coluna-d #ajuste ul#novidades li {
	list-style:square;
	color:#b7dbcd;
	}
#geral #conteudo #coluna-d #ajuste ul#novidades li a { color:#315547; }
#geral #conteudo #coluna-d #ajuste ul#novidades li a:hover { color:#348f6e; }

/* Interna - Localização */

#geral #conteudo #coluna-d #ajuste table#localizacao tr td {
	height:50px;
	background:#b7dbcd;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	color:#030;
	border-left:2px solid #fff;
	}
#geral #conteudo #coluna-d #ajuste table#localizacao img {
	margin:10px 9px;
	border:none;
	}

/* Interna - Contato */

#geral #conteudo #coluna-d #ajuste form#form_contato label { font-weight:bold; }
#geral #conteudo #coluna-d #ajuste form#form_contato input, #geral #conteudo #coluna-d #ajuste form#form_contato textarea {
	width:350px;
	margin:0 20px 10px 0;
	padding:3px 2px 2px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#315547;
	background:#fff;
	border:1px solid #315547;
	}
#geral #conteudo #coluna-d #ajuste form#form_contato input.botao-contato-ok {
	width:110px;
	height:22px;
	margin:0;
	padding:0;
	background:#315547;
	color:#fff;
	border:none;
	cursor:pointer;
	}

/* Interna - Dicas */

#geral #conteudo #coluna-d #ajuste ul#dicas { margin:0 0 20px 15px; }
#geral #conteudo #coluna-d #ajuste ul#dicas li {
	list-style:square;
	color:#b7dbcd;
	}
#geral #conteudo #coluna-d #ajuste ul#dicas li a { color:#315547; }
#geral #conteudo #coluna-d #ajuste ul#dicas li a:hover { color:#348f6e; }
