/*
 * Nome: hospital.css
 * Desenvolvido por: Webee E-marketing
 * Data da Criação: 11-11-2009
 * Última modificação: 19-11-2009
 * Copyright (c) 2009 Webee E-marketing (http://www.webee.com.br)
 * Versão: 3.0.0
 */

/********************** Tipografia, cores e fundos / Reset */
* { margin: 0; padding: 0; list-style-type: none; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #2B665B; }
body {}
h1 {}
h2 { font-size: 16px; font-weight: bold; color: #E77817; }
h3 { margin-bottom: 10px; font-size: 13px; color: #E77817; }
h5 { font-size: 14px; font-weight: bold; color: #2B665B; }
ul { margin: 0 0 15px 0; }
p { margin: 0 0 15px 0; padding: 0; }
.cor-laranja { color: #E77817; }
.txt-italico { font-style: italic; }
.txt-centro { text-align: center; }
.txt-sublinhado { text-decoration: underline; }
blockquote { margin: 0 0 15px 0; padding: 0; }
em {}
a img { border: 0; }
object { outline: none; }
.clear { clear: both; }
address { font-style: normal; }


/* inicio  - PÁGINA EVENTOS */
.descricao { color:#01362c; font-size:14px;}

a.ldescricao:link, a.ldescricao:visited, a.ldescricao:active {	
color:#01362c; font-size:14px; text-decoration:none;  }
a.ldescricao:hover {text-decoration:underline; }


a.leventos:link, a.leventos:visited, a.leventos:active {	
font-size: 12px; color: #2B665B; text-decoration:none;  }
a.leventos:hover {text-decoration:underline; }

.paginacao { width:680px; height:auto; float:right; text-align:right; margin-top:15px;}

.paginacao li { display:inline; margin:4px; }

/* fim  - PÁGINA EVENTOS */



.box_estrutura_fotos_acontece { width:630px; height:auto; float:left;}


.box_estrutura_fotos_acontece li { margin:40px;}














/* Elementos de formulário */
button { width: 58px; height: 18px; margin: 0; padding: 0 8px; border: none; background: url(../img/bg-button.jpg) repeat-x; cursor: pointer; }
fieldset { margin: 0 0 15px; border: 0; }
input.input { display: block; width: 351px; border: 1px solid #F7DCC4; background: url(../img/bg-campo-input.jpg) repeat-x; }
select.select { display: block; width: 353px; border: 1px solid #F7DCC4; background: url(../img/bg-campo-input.jpg) repeat-x; }
textarea.textarea { display: block; width: 351px; height: 218px; border: 1px solid #F7DCC4; background: url(../img/bg-campo-textarea.jpg) repeat-x; }

/* Links */
a:link { text-decoration: underline; color: #2B665B; }
a:visited { text-decoration: underline; color: #2B665B; }
a:hover { text-decoration: underline; color: #E77817; }
a:active { text-decoration: underline; color: #2B665B; }

/* Formato para os campos redondos */

/* ******************** Layout/Estrutura */
#tudo { width: 1006px; margin: 0 auto; background: url(../img/bg-tudo.gif) repeat-y center center; }

/* Cabeçalho */
#cabecalho { width: 998px; height: 315px; margin: 0 auto; position: relative; }

/* Bloco com Logo e Menus */
#cabecalho #logo-menu { background: url(../img/bg-logo-menu.jpg) left top repeat-x; height: 101px;}

/* Logo */
#cabecalho h1 { float: left; width: 334px; height: 72px; margin: 0; padding: 0; }
#cabecalho h1 a {}

/* Menu Simples */
#cabecalho #menu-simples { float: right;  width: 395px; height: 13px; padding-top: 10px; text-align: center;}
#cabecalho #menu-simples li { display: inline; color: #2B665B; }
#cabecalho #menu-simples li a { text-decoration: none;  font-weight: bold; color: #2B665B; }
#cabecalho #menu-simples li a:hover { color: #E77817; }

/* Menu Completo */
#cabecalho #menu-completo { clear: both; height: 29px; padding-left: 110px; }
* html #cabecalho #menu-completo { position: absolute; right: 0; top: 72px; }
#cabecalho #menu-completo li { display: block; float: left; margin-right: 6px }
#cabecalho #menu-completo li a { display: block; height: 28px; background-repeat: no-repeat; background-position: left top; }
#cabecalho #menu-completo li a:hover { background-position: left bottom; }
#cabecalho #menu-completo li a span {display: none; }

/* Imagem dos menus */
#btn-hospital		{ width: 70px; background-image: url(../img/btn-hospital.gif) }
#btn-diagnostico	{ width: 154px; background-image: url(../img/btn-diagnostico.gif) }
#btn-especialidades	{ width: 141px; background-image: url(../img/btn-especialidades.gif) }
#btn-informacoes	{ width: 154px; background-image: url(../img/btn-informacoes.gif) }
#btn-oncologia		{ width: 69px; background-image: url(../img/btn-oncologia.gif) }
#btn-convenios		{ width: 66px; background-image: url(../img/btn-convenios.gif) }
#btn-eventos		{ width: 66px; background-image: url(../img/btn-eventos.gif) }
#btn-residencia		{ width: 113px; background-image: url(../img/btn-residencia.gif) }

/* Banner em Flash */
#cabecalho #banner { height: 214px; background: url(../img/bg-banner.gif) repeat-x left bottom #2B665B; }

/*Banner na frente do Banner Flash */
#cabecalho #sac-endereco { position: absolute; right: 5px; bottom: 22px; z-index: 20; width: 166px; height: 113px; padding: 0 8px 0; background: url(../img/bg-sac-end.png) no-repeat; }
#cabecalho #sac-endereco a { line-height: 115%; font-weight: bold; font-style: normal; text-decoration: none; color: #E77817; }
#cabecalho #sac-endereco a:hover { font-weight: bold; font-style: normal; color: #E77817; }
#cabecalho #sac-endereco address { line-height: 115%; font-weight: bold; font-style: normal; color: #E77817; }

/* Corpo */
#corpo { width: 998px; margin: 0 auto; }

/* Conteúdo */
#lado-esquerdo { width: 777px; /*min-height: 400px;*/ padding: 17px 18px 0; float: left; }
#lado-esquerdo #conteudo { padding: 20px 30px 0;  }

#lado-esquerdo #conteudo li { padding:5px 0 20px 0;  }

/* Colunas Padrão */
#lado-esquerdo .col-1 { float: left; width: 46%; padding-right: 10px; }
#lado-esquerdo .col-2 { float: right; width: 46%; padding-left: 10px; }

/* Colunas com box fale conosco */
#lado-esquerdo .col-1-localizacao { float: left; width: 416px; }
#lado-esquerdo .col-2-localizacao { float: right; width: 345px; margin-right: -48px; }
* html #lado-esquerdo .col-2-localizacao { float: right; width: 345px; margin-right: -24px; }

/* Lado direito */
#lado-direito { width: 174px; margin: 0 11px 0 0; float: right; }
* html #lado-direito { width: 174px; margin: 0 6px 0 0; float: right; }

#lado-direito h5 { padding: 3px 5px; font-size: 12px; font-weight: bold; color: #fff; background: #2B665B; }
* html #lado-direito h5 { padding: 7px 5px; }

#lado-direito dl {}
#lado-direito dl dt { padding: 2px 11px 0; border-top: 1px solid #fff; }
#lado-direito dl dd { padding: 0 11px 2px; border-bottom: 1px solid #B4CEC5; }

/* Rodapé */
#rodape { clear: both; width: 976px; height: 39px; margin: 0 auto; padding: 22px 11px 0; background: url(../img/bg_rodape.jpg) repeat-x; text-align: right; }
#rodape address { text-align: center; font-style: normal;  }
#rodape #logo-webee { display: block; float: right; width: 64px; height: 27px; margin: -20px 0 0 0; background: url(../img/logo-webee.gif) no-repeat left top; }
#rodape #logo-webee:hover { background: url(../img/logo-webee.gif) no-repeat right top; }
#rodape #logo-webee span { display: none !important; }

/********************** Página - Oncologia */
.fundo-branco { background: #FFF; margin-bottom: 15px; padding: 5px; }

/********************** Página - SAC */
table .txt-esquerdo { text-align: left; }
table tr td { vertical-align: bottom; text-align: center; }
table tr td div { position: relative; }
table tr td div .fValidator-msg { position: absolute; top: -1px; left: 30px; width: 16px; height: 16px; margin: 0 auto; padding: 0; background:url(../js/fValidator/img/exclamation.gif) no-repeat; }
table tr td label .fValidator-msg { display: inline; }
table tr td .fValidator-msg span { display: none; }
table tr td.campo-destaque input { display: block; width: 351px; border: 1px solid #F7DCC4; background: url(../img/bg-campo-input.jpg) repeat-x; }

/********************** Página - Fale Conosco */
.lista-formulario { width: 396px; }
.lista-formulario li { float: left; margin-bottom: 10px; }
.lista-formulario li label { float: left; display: block; width: 70px; padding-right: 10px; text-align: right; }
.lista-formulario li input { float: right; display: block; width: 311px; border: 1px solid #F7DCC4; background: url(../img/bg-campo-input.jpg) repeat-x; }
.lista-formulario li select { float: right; display: block; width: 313px; border: 1px solid #F7DCC4; background: url(../img/bg-campo-input.jpg) repeat-x; }
.lista-formulario li textarea { float: right; display: block; width: 311px; height: 218px; border: 1px solid #F7DCC4; background: url(../img/bg-campo-textarea.jpg) repeat-x; }

/* Mensagem de validação */
.lista-formulario li .fValidator-msg { clear: both; }
.lista-formulario li .fValidator-msg span { clear: both; color: #FF0000; }

.box-botoes { clear: both; position: relative; padding: 5px; }
.box-botoes #btn-enviar { position: absolute; right: 85px; }
.box-botoes #btn-limpar { position: absolute; right: 20px; }

/********************** Página - Hospital */
/* Menu Hospital */
#menu-hospital { float: left; width: 104px; height: 475px; background: url(../img/bg-menu.jpg) no-repeat left top; margin: -17px 35px 0 -18px; }
* html #menu-hospital { margin: -17px 35px 0 -8px; }
#menu-hospital h5 { width: 104px; height: 23px; padding: 5px 0 5px; text-align: center; }
#menu-hospital ul { width: 104px; }
#menu-hospital ul li { margin-bottom: 8px; }
#menu-hospital ul li a { padding-left: 14px; background: url(../img/bg-marcador-seta.gif) no-repeat 5px 8px; text-decoration: none; }

/* Selecionado */
#pag-o-hospital #o-hospital { font-weight: bold; }
#pag-nossa-historia #nossa-historia { font-weight: bold; }
#pag-nossa-estrutura #nossa-estrutura { font-weight: bold; }
#pag-localizacao #localizacao { font-weight: bold; }

/* Conteúdo */
#conteudo-hospital { width: 640px; float: right; padding: 20px 0 0 14px; }
#conteudo-hospital .col-2-localizacao { margin-right: -18px; }

/********************** Página - Fale Conosco */
.box-localizacao{ width: 305px; padding: 20px 0 118px 40px; background: url(../img/bg-localizacao.gif) right top no-repeat; }

/********************** Página - Inicial */
.lista-index { padding: 30px 0 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista-index li { float: left; width: 212px; margin-right: 60px; }
.lista-index li h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 3px 5px; border-bottom: 1px solid #2B665B; }
.lista-index li span { display: block; height: 40px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
.lista-index li a { display: block; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #FFF; background: #2B665B; }
.lista-index li a:hover { text-decoration: underline; }

/********************** Classe para UL - Marcadores */
/* Marcador com imagem ticki */
.lista-marcador { }
.lista-marcador li { padding-left: 18px; background: url(../img/bg-marcador.gif) no-repeat left 2px; }

/* Marcado sem imagem */
.lista-marcador-simples { }
.lista-marcador-simples li { padding-left: 8px; }

/* Marcado com imagem setinha */
.lista-link-campanhas { }
.lista-link-campanhas li a { padding: 0 18px 0 0; color: #E77817 !important; background:url(../img/btn-seta-mostrar.gif) right 2px no-repeat; }

/* Fotos */
.lista-fotos { height: 300px; margin: 0 0 0 10px; }
.lista-fotos li { float: left; width: 195px; height: 167px; margin-right: 10px; }
.lista-fotos li img {}
.lista-fotos li span { clear: both; display: block; text-align: right;  }

/********************** Complementos */
/* Mensagem de aviso */
.msg-sucesso { color: #3d6611; }
.msg-erro { color: #df280a; }
.msg-aviso { padding: 5px 10px; margin: 0; font-weight: normal; text-align: center; color: #e26703; }
.msg-sucesso, .msg-erro { padding: 5px 10px; margin: 0; font-weight: bold; text-align: center; }