@import url('reset.css');
@import url('menu.css');
@import url('ui.tabs.css');

body {
	background: #83D2FF url(../img/bg_site.jpg) no-repeat 0 0;
	font-size: 62.5%;
	line-height: 1.5;
	font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
}
a { color: #0096FF; }
a:hover { color: #8CC63F; }
p, ul, dl {
	font-size: 1.3em;
	color: #3E6676;
}
img { behavior: url("script/pngbehavior.htc"); }
strong {
	font-weight: normal;
	padding: 3px 0;
}
strong.pink { background-image: url(../img/strong_pink.jpg); }
strong.blue { background-image: url(../img/strong_blue.jpg); }
strong.green { background-image: url(../img/strong_green.jpg); }
.limpa {
	display: block;
	clear: both;
}
div.site {
	width: 930px;
	margin: 0 auto;
}
div.contem {
	background: white url(../img/bg_borda.gif) no-repeat left bottom;
	width: 660px;
	float: right;
	padding-bottom: 25px;
}
div.contem p {
	padding: 0 30px 10px 30px;
}
div.contem ul {
	margin-bottom: 10px;
}
div.contem dl { margin: 0 30px; }
div.contem dl dt { font: 1.2em Arial, sans-serif; }
div.contem dl dd { margin-bottom: 20px; }
div.contem h1 {
	display: block;
	width: 660px;
	height: 50px;
	text-indent: -1000px;	
	margin-bottom: 25px;
}
div.contem h2,
div.contem h3,
div.contem h4 {
	margin: 10px 0 5px 30px;
	font: bold 2.2em Arial, sans-serif;
	letter-spacing: -1px;
	color: #5FB700;
}
div.contem h3 {
	font-size: 1.5em;
	font-weight: normal;
}
div.contem h4 {
	font-size: 1.3em;
	font-weight: normal;
}
div.contem ul { margin-left: 30px; }
div.contem ul li {
	list-style: none;
	background: url(../img/bolinha.gif) no-repeat left 10px;
	padding-left: 20px;
	line-height: 1.7;
}
table {
	width: 100%;
	empty-cells: show;
	border-collapse: collapse;
}
div.orientacao table {
	margin-left: 30px;
	width: auto;
}
table tr td {
	line-height: 1.5;
	padding: 5px 10px;
	border: 2px solid #FFF;
}
table thead {
	color: #34627C;
	letter-spacing: -1px;
}
table thead .n1 {
	background-color: #B3E3FF;
	font: 1.5em Arial, sans-serif;
}
table thead .n2 {
	background-color: #D4EFFF;
	font: 14px Arial, sans-serif;
}
table thead .n3 {
	background-color: #EDF8FF;
	letter-spacing: normal;
	font: 1em Tahoma, sans-serif;
}
table tbody tr {
	background-color: #E1FAD0;
	color: #506D3B;
}
table tbody tr.impar {
	background-color: #EEFFE2;
}
/* TOPO */
div.topo { }
div.marca {
	background: url(../img/fundo_marca.png) no-repeat;
	width: 247px;
	height: 227px;
	margin-top: 35px;
	float: left;
}
div.marca img {
	position: relative;
	top: 55px;
	left: 30px;
}
div.menu {
	float: right;
	margin-top: 120px;
}
/*  */

div.meio { padding-top: 20px; }
div.contato {
	background: url(../img/clownfish.jpg) no-repeat center 100px;	
	float: left;
	height: 440px;
	width: 250px;
	position: relative;
}
body.home div.info {
	position: absolute;
	bottom: 0;
}
div.info {
	color: white;
}
div.info span {
	background: url(../img/ico_tel.gif) no-repeat 0 center;
	padding-left: 30px;
	font: bold 2.0em Arial, sans-serif;
	letter-spacing: -1px;
}
div.info address {
	background: url(../img/ico_map.gif) no-repeat 0 2px;
	padding-left: 33px;
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

div.quemsomos {
	background: white url(../img/bg_quemsomos.jpg) no-repeat right bottom;
	padding-bottom: 25px;
}
div.quemsomos h1 {
	background-image: url(../img/tit_quemsomos.jpg);
}
div.quemsomos p {
	width: 430px;
	margin: 10px 0 0 30px;
	line-height: 1.7;
	padding: 0;
}
/*  */
div.base {
	background: url(../img/bg_estetoscopio.gif) no-repeat 30px 0;
	height: 300px;
	position: relative;
	top: 20px;
}
div.orientacoes {
	padding-bottom: 15px;
}
div.orientacoes div.hide {
	height: 115px;
	overflow: hidden !important;
}
div.orientacoes p {
	padding: 0;
}
div.orientacoes h1 {
	background-image: url(../img/tit_orientacoes.jpg);
	margin-bottom: 0;
}
div.pergunta {
	float: left;
	display: inline;
	margin: 10px 0 0 30px;
	width: 285px;
}
div.pergunta h4 {
	font-size: 1.4em;
	font-weight: bold;
	color: #3E6676;
	padding: 0;
	margin: 0;
}
div.pergunta a.saiba {
	display: block;
	width: 111px;
	height: 31px;
	margin-top: 5px;
	background: url(../img/saibamais.jpg) no-repeat;
}
div.pergunta a.saiba span { display: none }

/* NOEMA */
div#noema{
	background: url(../img/peixeazul.jpg) no-repeat;
	width: 195px;
	height: 100px;
	position: relative;
	float: right;
	margin-top: 25px;
}
div#noema a.noema {
	display: block;
	width: 37px;
	height: 18px;
	background: url(../img/noema.gif) no-repeat;
	position: absolute;
	right: 10px;
}
div#noema a.noema span {
	display: none;
}

/* COLUNA */
div.coluna {
	width: 245px;
	float: left;
}
div.coluna ul.menu {
	background-repeat: no-repeat;
	width: 245px;
	height: 305px;
	display: block;
	padding-top: 20px;
	margin-bottom: 25px;
}
div.coluna ul.menu li {
	list-style: none;
	font: 1.4em Arial, sans-serif;
	letter-spacing: -1px;
	color: #0094CC;
	margin-left: 30px;
	padding: 5px 0;
}
div.coluna ul.menu li a {
	background: url(../img/ico_bullet.gif) no-repeat left center;
	color: #0094CC;
	text-decoration: none;
	padding-left: 18px;
}
div.coluna ul.menu li a:hover {
	background: url(../img/ico_bullet_green.gif) no-repeat left center;
	color: #5FB700;
}

/* A CLINICA */
ul.menu.clinica { background-image: url(../img/bg_menuclinica.jpg); }
.img-left{
	float: left !important;
	margin-left: 30px !important;
}
div.clinica img,
div.diferenciais img,
div.filosofia img {
	float: right;
	margin: 0 5px 0 15px;
}
div.clinica {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
div.clinica h1 {
	background-image: url(../img/tit_aclinica.jpg);
}
div.agendar {
	background: url(../img/ico_agenda.gif) no-repeat left 30px;
	margin: 15px 0 0 30px;
	padding-bottom: 5px; /* para nao cortar a agenda */
}
div.agendar h1 {
	background: url(../img/tit_consulta.jpg);
	width: 182px;
	height: 20px;
	display: block;
	margin-bottom: 10px;
}
div.agendar p { padding: 0 15px 0 100px; }
div.diferenciais { padding-bottom: 20px; }
div.diferenciais h1 { background-image: url(../img/tit_diferenciais.jpg); }
div.filosofia { }
div.filosofia h1 { background-image: url(../img/tit_filosofia.jpg); }
div.filosofia p {
	font: italic 1.9em Arial, sans-serif;
	line-height: 1.5;
	color: #46B12A;
}
/* OS MÉDICOS */
ul.menu.medicos { background-image: url(../img/bg_menumedicos.jpg); }
div.medicos { }
img.medico {
	float: right;
	margin: 0 5px 0 15px;
}
div.medicos h1 { background-image: url(../img/tit_osmedicos.jpg); }
div.medicos dl {
	background: url(../img/infografico.jpg) no-repeat;
	width: 536px;
	height: 520px;
	display: block;
	margin: 20px 0 5px 62px;
	position: relative;
}
div.medicos dl dt {
	visibility: hidden;
}
div.medicos dl dd a {
	background: url(../img/seta.jpg) no-repeat;
	width: 38px; height: 38px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	position: absolute;
}
div.medicos dl dd a.juliana { top: 141px; left: 249px; }
div.medicos dl dd a.magno { top: 260px; left: 412px; }
div.medicos dl dd a.francisco { top: 449px; left: 349px; }
div.medicos dl dd a.sheila { top: 449px; left: 148px; }
div.medicos dl dd a.rafael { top: 260px; left: 85px; }

/* MEDICOS interna */
body.medicos.interna div.coluna ul.menu {
	background-image: url(../img/bg_menumedicos_interna.jpg);
	height: 415px;
	padding: 0;
}
body.medicos.interna div.coluna ul.menu li.marca {
	height: 145px;
	margin: 0 !important;
	overflow: hidden;
	text-indent: -1000px;
	background-repeat: no-repeat;
	background-position: left 45px;
}
div.falecom {
	background: white url(../img/baseform.gif) no-repeat left bottom;
	width: 245px;
	height: 305px;
	margin-bottom: 25px;
}
div.falecom h1 {
	width: 245px;
	height: 55px;
	overflow: hidden;
	text-indent: -1000px;
}
div.falecom form {
	margin: 0 25px;
	padding: 0;
}
div.falecom form p {
	margin: 0;
	padding: 0;
}
div.falecom form input.campo,
div.falecom form textarea.msg {
	background: #F1FAFF url(../img/bg_campo.gif) repeat-x;
	border: 1px solid #C4D6E0;
	font: 0.85em Tahoma, sans-serif;
	color: #3E6676;
	padding: 4px 5px 4px 9px;
	margin: 0 0 5px 0;
	width: 179px;
}
div.falecom form textarea.msg { height: 102px; overflow: auto; }
div.falecom form input.campo:focus,
div.falecom form textarea.msg:focus {
	background: #F8FFF1 url(../img/bg_campofocus.gif) repeat-x;
	border: 1px solid #C4D1C0;
	color: #367410;
}
div.falecom form input.enviar {
	width: 195px;
	height: 31px;
	display: block;
	border: 0;
	overflow: hidden;
}
/* Listexpander Magno especialidades */
div.contem.magno.especialidade {
	padding: 0 0 12px 0 !important;
}
ul#magnoEspecialidade {
	margin:  -10px 0 0 0 !important;
	padding: 0;
}
ul#magnoEspecialidade li {
	margin: 0 0 5px 0 !important;
}
ul#magnoEspecialidade li h1 {
	margin: 0;
	padding: 0;
}
ul#magnoEspecialidade h3 {
	padding-left: 0;
	margin-left: 0;
	font-size: 18px;
}
ul#magnoEspecialidade li ul {
	margin-top: 20px;
}
ul#magnoEspecialidade p {
	font-size: 13px;
	padding-left: 0;
}
ul#magnoEspecialidade li {
	xborder: 1px solid red;
	background: none;
	padding: 0 !important;
	margin: 0 !important;
}
ul#magnoEspecialidade ol li {
	background: url(../img/bolinha.gif) no-repeat left 10px;
	padding-left: 20px !important;
	font-size: 13px;
	line-height: 1.7;
}
/* Titulos */
body.medicos.interna.francisco div.coluna ul.menu li.marca { background-image: url(../img/francisco.gif); }
body.medicos.interna.juliana div.coluna ul.menu li.marca { background-image: url(../img/juliana.gif); }
body.medicos.interna.magno div.coluna ul.menu li.marca { background-image: url(../img/magno.gif); }
body.medicos.interna.rafael div.coluna ul.menu li.marca { background-image: url(../img/rafael.gif); }
body.medicos.interna.sheila div.coluna ul.menu li.marca { background-image: url(../img/sheila.gif); }

body.medicos div.coluna ul.menu li.ativo a {
	background: url(../img/ico_bullet_green.gif) no-repeat left center;
	color: #5FB700;
}
div.francisco h1 { background-image: url(../img/tit_francisco.jpg); }
div.juliana h1 { background-image: url(../img/tit_juliana.jpg); }
div.magno h1 { background-image: url(../img/tit_magno.jpg); }
div.rafael h1 { background-image: url(../img/tit_rafael.jpg); }
div.sheila h1 { background-image: url(../img/tit_sheila.jpg); }

div.juliana.especialidade h1.alergia { background-image: url(../img/tit_juliana_especialidade.jpg); }
/*div.francisco.especialidade h1.pediatria { background-image: url(../img/tit_leticia_especialidade.jpg); }*/
div.magno.especialidade h1.gastroenterologia { background-image: url(../img/tit_magno_especialidade.jpg); }
div.magno.especialidade h1.nutrologia { background-image: url(../img/tit_magno_nutrologia.jpg); }
div.magno.especialidade h1.endoscopia { background-image: url(../img/tit_magno_endoscopia.jpg); }
div.rafael.especialidade h1.endocrinologia { background-image: url(../img/tit_rafael_especialidade.jpg); }
div.sheila.especialidade h1.neurologia { background-image: url(../img/tit_sheila_especialidade.jpg); }

div.orientacao h1 { background-image: url(../img/tit_orientacao.jpg); }
div.links h1 { background-image: url(../img/tit_links.jpg); }

body.francisco div.falecom h1 { background-image: url(../img/falecomFrancisco.gif); }
body.juliana div.falecom h1 { background-image: url(../img/falecomJuliana.gif); }
body.magno div.falecom h1 { background-image: url(../img/falecomMagno.gif); }
body.rafael div.falecom h1 { background-image: url(../img/falecomRafael.gif); }
body.sheila div.falecom h1 { background-image: url(../img/falecomSheila.gif); }

/* CONTATO */
ul.menu.contato { background-image: url(../img/bg_menucontato.jpg); }
span.asterisco { color: #D73E26; }
div.formulario { }
div.formulario h1 { background-image: url(../img/tit_contato.jpg); }
div.formulario form {
	background: url(../img/bg_form.gif) no-repeat right top;
}
div.formulario form p {
	padding: 0;
	margin-bottom: 10px;
}
div.formulario form label {
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	margin-right: 20px;
	padding: 6px 0;
}
div.formulario form label.envia {
	visibility: hidden;
}
div.formulario form input.campo,
div.formulario form select {
	width: 265px;
}
div.formulario form textarea.msg {
	width: 435px;
	height: 200px;
	overflow: auto;
}
div.formulario form input.campo,
div.formulario form select,
div.formulario form textarea.msg {
	background: #F1FAFF url(../img/bg_campo.gif) repeat-x;
	border: 1px solid #C4D6E0;
	font: 1.1em Tahoma, sans-serif;
	color: #3E6676;
	padding: 6px 5px 6px 9px;
}
div.formulario form input.campo:focus,
div.formulario form textarea.msg:focus {
	background: #F8FFF1 url(../img/bg_campofocus.gif) repeat-x;
	border: 1px solid #C4D1C0;
	color: #367410;
}
div.formulario form input.campo.tel {
	width: 140px;
}
div.formulario form input.enviar {
	width: 149px;
	height: 31px;
	display: block;
	border: 0;
}
div.emails { margin-top: 20px; }
div.emails h1 { background-image: url(../img/tit_emails.jpg); }
div.emails ul {}
div.emails ul li {
	background: url(../img/ico_arroba.gif) no-repeat left center;
}
div.emails ul li a {
	font-weight: bold;
	text-decoration: none;
}
div.comochegar { margin-top: 20px; }
div.comochegar h1 { background-image: url(../img/tit_comochegar.jpg); }
div.comochegar iframe {
	border: 1px solid #979B9D;
	margin-left: 30px;
}
div.comochegar img {
	float: left;
	margin: 10px 20px 0 25px;
}
div.comochegar p.nome {
	margin-top: 50px;
	font-size: 1.5em;
	font-weight: bold;
	color: #00ADEF;
}
/* mensagem enviada */
div.mail h1 { background-image: url(../img/tit_mensagem.jpg); }
div.mail div.msgenviada {
	background-color: #f2fbff;
	margin: 10px 40px;
	padding: 10px;
	border: 1px solid #d2efff;
}
div.mail div.msgenviada p {
	padding: 0;
}
/* ORIENTAÇÕES */
ul.menu.orientacoes { background-image: url(../img/bg_menuorientacoes.jpg); }
strong.destaque {
	font-size: 0.9em;
	background-color: #E76666;
	padding: 5px;
	color: #FFF;
}
div.alergia, 
div.endocrinologia,
div.gastroenterologia,
div.neurologia { margin-top: 20px; }
div.pediatriageral h1 { background-image: url(../img/tit_pediatriageral.jpg); }
div.alergia h1 { background-image: url(../img/tit_alergia.jpg); }
div.endocrinologia h1 { background-image: url(../img/tit_endocrinologia.jpg); }
div.gastroenterologia h1 { background-image: url(../img/tit_gastroenterologia.jpg); }
div.neurologia h1 { background-image: url(../img/tit_neurologia.jpg); }

/*div#accordion h2{
	background: url(../img/ico_pergunta.gif) no-repeat left center;
	font: 1.8em Arial, sans-serif;
	letter-spacing: -1px;
	color: #EF5F49;
	margin: 5px 0 5px 30px;
	padding: 0 15px 0 30px;
	cursor: pointer;
}
.element {
	background: url(../img/ico_resposta.gif) no-repeat left top;
	margin: 0 30px;
}*/
ul#orientacoes {
	margin: 0 30px;
	padding: 0;
}
ul#orientacoes li {
	background: none;
	padding: 0;
}
span.categoria {
	font: 1.8em Arial, sans-serif;
	color: #0094CC;
	margin: 15px 0 0 30px;
	clear: both;
	display: block;
}
ul#orientacoes li span.titulo {
	background: url(../img/ico_pergunta.gif) no-repeat left top;
	font: 1.4em Arial, sans-serif;
	letter-spacing: -1px;
	display: inline-block;
	color: #EF5F49;
	cursor: pointer;
	margin: 0 0 5px 0 !important;
	padding-left: 30px !important;
}
ul#orientacoes li ul {
	background: white url(../img/ico_resposta.gif) no-repeat left top !important;
	margin-left: 0 !important;
	padding: 0;
}
ul#orientacoes li ul li {
	margin: 0 !important; 
	padding: 0 !important;
	cursor: default;
}
ul#orientacoes li ul ol {
	margin: 0 0 0 30px;
}
ul#orientacoes li ul ol li {
	list-style: none;
	background: url(../img/bolinha.gif) no-repeat left 10px;
	padding-left: 20px !important;
	line-height: 1.7;
}
ul#orientacoes li,
ul#orientacoes li ul li p {
	font: 13px Tahoma, sans-serif;
	line-height: 1.5;
}
a.downloadPdf {
	background: url(../img/pdf.gif) no-repeat left center;
	padding-left: 25px;
	margin-left: 5px;
}