@charset "utf-8";
/* CSS Document */

/*************** tags gerais *********************************/
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3{margin-bottom:1em;}/* bottom margin based on font size */
h1,h2,h3,h4,h5,h6,strong{font-family:"Arial Narrow";font-weight:bold;}
h1{font-size:131%;color:#c30;}
h2{font-size:123.1%;color:#58a;}
h3{font-size:116%;}
h4{font-size:108%;}
p,fieldset,table,ul {margin-bottom:1em;}/*so things don't run into each other*/  
em{font-style:italic;}
th, td{border:1px solid #CCC;padding:.2em;}
th{font-weight:bold;text-align:center;}
table{margin-bottom:1em;}
.voltar{display:block;width:70px;background-color:#557e9e;color:#fff;text-align:center;padding:2px 1px;margin-top:15px;font-weight:bold;}
.underline{text-decoration:underline;}

.bold{font-weight:bold;}	.red{color:#c30;}		.gray{color:#999;}		.blue{color:#58a;}		.white{color:#fff;}		.black{color:#035;}

.errorMsg, .sucessMsg{width:90%;margin:5px auto;padding:5px;text-align:center;background-color:#ffc;}
.errorMsg{border:1px solid #c30;color:#c30;}
.sucessMsg{border:1px solid #FFD700;color:#035;}

.ulPadrao{margin-left:2em;margin-top:1em;}
.ulPadrao li{list-style:disc outside;margin-bottom:10px;}
/*************** estrutura *********************************/
body{background:url(../images/estrutura/bg.gif) repeat-x;}
#doc2{}
#topo{/*border:1px solid;*/}
#hd, #bd, #ft{font-family:"Arial";font-size:100%;}
#bd{background:url(../images/estrutura/conteudo-bg.gif) no-repeat;margin-top:25px;padding-bottom:50px; /*border:1px solid;*/}
#conteudo{padding-top:25px;margin:0 20px;/*border:1px solid;*/}/*aqui onde vai o conteúdo*/
#leftNav{background:url(../images/estrutura/menu_separa.jpg) no-repeat right;}
#menu{font-family:"Arial Narrow";font-weight:bold;}
#menu a{color:#035;}
#menu li{background:url(../images/estrutura/menu_todos.gif) no-repeat 0 50%;padding-left:16px;margin-bottom:10px;}
#menu #li-index li{background:url(../images/estrutura/menu_paginainicial.gif) no-repeat 0 50%;padding-left:16px;}
#marcas{margin-top:50px;text-align:center;}

#ft{text-align:center;}
#menuRodape{background-color:#FFFFFF;color:#0066CC;font-family:"Arial Narrow";margin:0 10px;}
#menuRodape a{color:#58a;}
#menuRodape ul{margin-bottom:0;}
#menuRodape ul li{display:inline;}
#criacao{background:url(../images/estrutura/rodape.gif) no-repeat;color:#FFFFFF;margin-top:5px;padding:5px 0 3px 0;font-size:93%;}
#criacao a{color:#fff;font-weight:bold;}


/*************** INDEX *********************************/
#destaque_agendamento, #destaque_bercario, #destaque_resultado{color:#f2f2f2;border:1px solid #fff;width:350px;height:189px;}
#destaque_agendamento{background:url(../images/estrutura/bg_agendamento.jpg) no-repeat;}
#destaque_agendamento h1{margin:45px 0 0 105px;}
#destaque_agendamento p{margin:25px 0 0 130px;}
#destaque_agendamento a{color:#fff;text-decoration:underline;}

#destaque_bercario{background:url(../images/estrutura/bg_bercario.jpg) no-repeat;}
#destaque_bercario h1{margin:38px 0 0 40px;}
#destaque_bercario h4{margin:18px 0 0 25px;}
#destaque_bercario p{margin:0 0 0 35px;width:200px;}
#destaque_bercario form{margin:5px 0 0 25px;}

#destaque_resultado{background:url(../images/estrutura/bg_resultado.jpg) no-repeat;}
#destaque_resultado h1{margin:44px 0 0 110px;}
#destaque_resultado p{margin:17px 0 0 160px;width:170px;}
#destaque_resultado form{margin:5px 0 0 160px;}
#destaque_resultado #login{margin:0 0 4px 8px;width:100px;}
#destaque_resultado #senha{width:100px;}
#destaque_resultado a{color:#fff;text-decoration:underline;}

.indexChamada{background:url(../images/estrutura/bar.gif) no-repeat;margin-top:10px;padding:0 0 0 15px;}
.indexChamada{font-size:93%;}
.indexChamada h3{color:#c30;}
.indexChamada h4{margin-top:16px;}
.indexChamada span{color:#999;font-size:85%;}
.indexChamada a{color:#58a;}


/*************** O Hospital *********************************/
.hospitalFotos{margin-top:30px;}
.hospitalFotos a{color:#58a;font-weight:bold;}
.linha{margin:30px;}
.linha h4{color:#58a;}
#logoExterno{float:left;margin-right:6px;}
.linhaImagens{margin:0 20px 30px 20px;}
.linha ul{margin-left:2em;margin-top:1em;}
.linha ul li{list-style: disc outside;}
.linha #exames li{margin-bottom:12px;}


/*************** Pronto-Socorro*********************************/
#ps_fotos{margin-top:30px;}
#ps_fotos a{color:#035;}
#imgAmpliada{margin-left:30px;}


/*************** contato.php *********************************/
#form_contato{margin-top:30px;}
#form_contato label{float:left;width:100px;}
#form_contato .txtForm{margin-bottom:15px;width:220px;}
#form_contato .txtAreaForm{margin-bottom:15px;width:320px;height:120px;}
.formExample{vertical-align:top;margin-left:10px;line-height:22px;}
.btSubmit{background-color:#557E9E;color:#FFFFFF;padding:1px 5px;margin-left:100px;}


/*************** bercario *********************************/
.registro{width:642px;padding:4px;}
.registro a{text-decoration:underline;color:#000;}
.registro p{margin:0;}
.registro .nascimento{position:relative; top:-15px;left:390px;}
.menina, .menino{padding:4px;}
.menina{background-color:#edd5d8;}
.menino{background-color:#e0e6ef;}
/*************** bercario_detalhes *********************************/
#imagensBercario{width:390px;float:left;}
#imagensBercario img{margin:0 4px 6px 0;border:1px solid black;}
#dadosBercario {margin-left:390px;}
#dadosBercario h4{color:#c30;}
#dadosBercario h5{color:#035;margin-top:21px;}
#dadosBercario span{font-weight:bold;color:#58a;}
#dadosBercario li{margin:2px 0;}

/*************** Exame *********************************/
#examesAgendamento{border-right:1px dashed #035;}
#examesAgendamento h4, #examesResultado h4{color:#035;}
#examesAgendamento label, #examesResultado label{float:left;display:block;width:80px;color:#58a;}
#examesAgendamento input{margin-bottom:4px;}

/*************** Convênios *********************************/
.convenios{margin-left:2em;margin-top:1em;}
.convenios li{list-style: disc outside;margin-bottom:10px;color:#035;}

/*************** colaborador.php *********************************/
#formularioLogin{border:1px solid #035;width:40%;padding:15px 10px;}
#formularioLogin label{display:block;float:left;width:65px;}

/*************** eventos.php *********************************/
#tabelaListagem{width:80%; margin: auto;}
#tabelaListagem th{background-color:#E0E6EE;color:#035;}
#tabelaListagem .data{width:15%;}
#tabelaListagem a{color:#c30;}
/*************** eventos_detalhes.php *********************************/
.data{font-size:85%;color:#035;}

/*************** artigos.php *********************************/
#artigos{margin-left:2em;margin-top:1em;}
#artigos li{list-style: disc outside;margin-bottom:10px;color:#035;}
#artigos a{color:#c30;text-decoration:underline;}
#artigos a:hover{text-decoration:none;}


/*************** trabalhe_conosco.php *********************************/
#formCurriculo label{display:block;float:left;width:100px;}
#formCurriculo input{margin-bottom:10px;}
#formCurriculo input[type="text"]{width:265px;}