/***********************************/
/* Folha de Estilo - SertaOGGI  */
/***********************************/

* { 
	padding:0;
	margin:0;
}

html { }

body {
	cursor:default;
	font: normal 11px Tahoma, Helvetica, sans-serif;
	color: #000000;
	background: #FFF;
	background:#147EB2 url("../imagens/imagem_fundo.jpg") repeat-x;
}

img{
	border:0px;
}

h1{
	color: #11358b; 
	font: bold 17px Tahoma, Trebuchet MS, Arial;	
	letter-spacing: -1px;
}


h2{
	font: bold 12px Tahoma, Trebuchet MS, Arial;;
	color: #8c8c8c;
	margin-bottom: 15px;
}

h3{
	font:bold 13px Trebuchet MS, Tahoma, Verdana;
}

p{
	color: #000;
	padding-bottom: 10px;
	
}

.titulo{
	color: #000;
	padding-bottom: 10px;
	font:bold 13px Trebuchet MS, Tahoma, Verdana;
}

strong{
	font-weight: bold;
}
.fieldset_prodoctor_noticia{
	border: solid 1px #1871B2;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	height: 180px;
}

.fieldset_master{
	border: solid 1px #9FC164;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}

#centro_direita #microsoft{
	margin-top: 15px;
}

fieldset legend{
	padding: 10px;
}

#videos {
scrollbar-arrow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-highlight-color:#eeeeee;
scrollbar-face-color:#eeeeee;
scrollbar-shadow-color:#eeeeee;
scrollbar-darkshadow-color:#eeeeee;
scrollbar-track-color:#eeeeee;
background: #eeeeee;
margin-left: 20px;
}

label{
float: left;
width: 150px;
font-weight: bold;	
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

input, textarea, select{
	background: #F2F2F2;
	font:normal 11px Trebuchet MS, Tahoma, Verdana;
	color: #333333;
	margin: 3px 0px 0px 0px;

}

table td{
	padding: 3px;
}

a{
	text-decoration:none;
	color:#1150a4;
}

.ancora{
	color: #000;
}

.img_left{
	float:left;
	padding-right: 10px;
}

.txt_center{
	text-align: center;

}

#geral {
	width: 770px;
	text-align: left;
	margin: 0 auto;
}


/* TOPO */
#topo{
	height: 221px;
	width: 774px;
	margin: 0 auto;
	padding-top: 18px;
}

#topo table td{
	padding: 0px;
}

#topo a{
	font:normal 9px Trebuchet MS, Tahoma, Verdana;
	text-decoration:none;
	color:#1150a4;
}

#topo input, textarea, select{
	background: #F2F2F2;
	font:normal 9px Trebuchet MS, Tahoma, Verdana;
	color: #333333;
	margin: 0px 0px 0px 0px;

}
#topo #login{
	background-image: url("../imagens/superior_logo.png");
	height: 85px;
}
#topo #login #formulario{
	margin-left: 450px;
	text-align: right;
	padding: 5px;
	background-color:#D6D3D3;
	border: solid 2px #FFFFFF;
}


#topo #login #formulario input{
	margin-left: 5px;
	margin-right: 5px;
}

#topo #login #formulario .mensagem_login{
	text-align: right;
}

#topo #banner{
	float: left;
	*margin-top: -2px;
}
#topo #box{
	float: right;
	*margin-top: -2px;
}



/* 
	ULTIMATE DROP-DOWN MENU
	Flavio Silva (forum.scriptfacil.com) 
*/
#menu .menu {
	background: url("../imagens/superior_menu2.png");
	height: 40px;
	width:774px;
	position:absolute; 
	z-index:100;
}
/* hack para corrigir no IE5.5 "faulty box model" */
#menu * html .menu {
	width:746px; 
	w\idth:745px;
}
/* vai remover todos os lists styles e paddings do menu */
#menu .menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#menu .menu ul ul {
	width:149px;
}
/* para fazer o menu na horizontal. O position relative é para controlarmos a posição do sub-menu */
#menu .menu li {
	float:left;
	position:relative;
	padding-left: 20px;
	text-align: left;
}
/* Estilos para os links do primeiro nível */
#menu .menu a, #menu .menu a:visited {
	display:block;
	font:normal 13px Trebuchet MS, Tahoma, Verdana;
	text-decoration:none; 
	color:#fff; 
	line-height:40px;	
}
/* hack para que o IE5.5 "faulty box model" fique perfeito */
#menu * html .menu a, #menu * html .menu a:visited {
	width:149px; 
	w\idth:138px;
}

/* Estilos para o bg do 2º nível */
#menu .menu ul ul a.drop, #menu .menu ul ul a.drop:visited {
	background-color: #96B74C;
}
/* Estilo para o :hover dos links no 2º nível */
#menu .menu ul ul a.drop:hover{
	background:#9DCF2B;
}
#menu .menu ul ul :hover > a.drop {
	background:#96B74C;
}
/* Estilos para o bg do 3º nível */
#menu .menu ul ul ul a, #menu .menu ul ul ul a:visited {
	background:#9DCF2B;
}
/* Estilo para o :hover dos links no 3º nível */
#menu .menu ul ul ul a:hover {
	background:#96B74C;
}


/* Esconde o submenu e damos uma posição absoluta para que eles fiquem de acordo com os links de 1º nivel */
#menu .menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0; 
	width:100px;
}
/* hack para o IE5.5 */
#menu * html .menu ul ul {
	top:30px;
	t\op:31px;
}

/* posição do submenu de 3º nível */
#menu .menu ul ul ul{
	left:149px; 
	top:-1px; 
	width:100px;
}

/* posição para o menu de 3º nível para abrir para o lado direito */
#menu .menu ul ul ul.left {
	left:140px;
	top: 1px;
}

/* estilos para a tabela que vai fazer parte do layout somente no IE - SOMENTE NO IE!! */
#menu .menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* Estilos para os links do submenu de 2º nível */
#menu .menu ul ul a, #menu .menu ul ul a:visited {
	background:#96B74C; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:128px;
}
/* hack para o IE5.5 */
#menu * html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;
	w\idth:128px;
}

/* Estilo para o hover dos links de 1º nível */
#menu .menu a:hover, #menu .menu ul ul a:hover{
	color:#fff; 
	background:#9DCF2B;
}
#menu .menu :hover > a, #menu .menu ul ul :hover > a {
	color:#fff;
	background:#9DCF2B;
}

/* Para fazer o submenu de 2º nível ficar visivel quando passarmos o mouse sobre os links de 1º nível ou nos links do próprio menu (2º ou 3º nível) */
#menu .menu ul li:hover ul,
#menu .menu ul a:hover ul{visibility:visible; }
/* Mantém o 3º nível escondido quando estivermos no 1º nível*/
#menu .menu ul :hover ul ul{visibility:hidden;}
/* Exibe o 3º nível quando estivermos com o mouse sobre os links de 2º nivel */
#menu .menu ul :hover ul :hover ul{ visibility:visible;}

/* CENTRO */

#centro{
	width: 774px;
	background: #FFF;
}

#centro #conteudo{
	width: 540px;
	float: left;
	padding: 60px 20px 30px 20px;

}

#centro #conteudo ul{
	list-style-image: url("../imagens/bullet.gif");
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 20px;
}
#centro #conteudo ol{
	list-style-type: lower-roman
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 10px;
	list-style-image: none;
}

#centro #conteudo ul li{
	padding-bottom: 10px;
}
#centro #conteudo #esquerda{
	width: 270px;
	text-align: justify; 
	line-height: 14px;
	float: left;
}

#centro #conteudo #centro_direita{
	margin-left: 280px;	
	text-align: justify; 
	line-height: 14px;
	height: 440px;
}

#centro #conteudo #centro_direita #informativo{
	padding-bottom: 20px;
}

#centro #conteudo #centro_direita #informativo ul li{
	border-bottom: solid 1px #EEEBE3;
	padding: 5px;
	width: 200px;
}
#centro #conteudo #centro_direita #informativo ul li a{
	text-decoration:none;
	color: #2d3051;
}

#centro #conteudo #centro_direita #informativo ul li a:hover{
	text-decoration:none;
	color: #6b6d8d;
}
#centro #conteudo #menu_paciente{
	margin-left: 180px;
	width: 235px;
}
#centro #conteudo #menu_paciente fieldset{
	padding-left: 10px;
	padding-right: 10px;
}
#centro #conteudo #menu_paciente legend{
	padding: 8px;
	color:#000000;
}
#centro #conteudo #login_representante{
	width: 350px;
}
#centro #conteudo #login_representante label{
	text-align: right;
	margin-right: 10px;
	width: 35px;
	text-align:center;
}
#centro #direita{
	width: 188px;
	padding-right: 3px;
	text-align: justify; 
	line-height: 14px;
	float: right;
	margin-top: 42px;
}

#centro #direita #clube{
	background-color: #F1F1E6;
	padding: 0px 15px 5px 15px;
	margin-bottom: 2px;
	
}

#centro #direita #clube h1{
	border-bottom: solid 1px #E2DFCF;
	padding-bottom: 6px;
}

#centro #direita #clube form{
	padding-top: 5px;
}

#centro #direita #menu_lateral{
	padding: 2px;
}

/* RODAPÉ */

#rodape{
	clear: both;
	background: url("../imagens/fundo_rodape.jpg") repeat-x;
	font:bold 10px Arial, Verdana, Helvetica, sans-serif;
	height: 50px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.mapa{
	font:bold 10px "Courier New", Courier, monospace;
	color: #005894;
}
.mapa_sub{
	color:#666666;
	border-bottom: solid 1px #666666;
	margin-bottom: 10px;
}
.centraliza{
	margin-left:18px;
}

.texto_destaque{
	color: #FF0000;
}

.texto_destaque_preto{
	font-size:14px;
}


/***********PAINEL ADMINISTRATIVO**********************/
#geral_admin {
	width:974px;
	text-align: left;
	margin:0 auto;
}
#menu_admin{
	background: url("../admin/imagens/superior_menu_admin.png");
	height: 28px;
	width:974px;
}

#centro #login{
	padding-top: 50px;
	margin-left:300px;
	margin-bottom: 50px;

}

#admin #topo{
	height: 85px;
	width:974px;
	margin:0 auto;
	padding-top: 18px;

}

#admin #menu{
	background: url("../admin/imagens/superior_menu_admin2.png");
	height: 40px;
	width:974px;
	_margin-bottom: -10px;
}

#admin #menu ul{
	padding-top: 10px;
	
}
#admin #menu li{
	display: inline;
	margin-left: 10px;
}
#admin #menu li a{	
	color: #FFF;
	font:normal 13px Trebuchet MS, Tahoma, Verdana;
	text-decoration:none;
}
#admin #rodape{
	clear: both;
	background: url("../imagens/fundo_rodape.jpg") repeat-x;
	height: 60px; 
	font:bold 10px Arial, Verdana, Helvetica, sans-serif;
	padding: 20px 0px 0px 20px;
	width:954px;
}

#popup{
	background-color:#CCCCCC;
	padding: 10px;
	margin: 5px;
}

#admin #centro{
	width:914px;
	background: #FFF;
	padding: 30px 30px 30px 30px;
}

.admin_pedido {
	margin-left: 18px;
	padding: 5px;
	border: solid 1px #ececec;
	width: 450px;
}

.table_skype tr td{
	border: solid 1px #3366FF;
}

.imagem_direita{
	float:right;
	padding-right: 10px;
}

.formata { /* esta classe é somente 
               para formatar a fonte */
  font: 12px arial, verdana, helvetica, sans-serif; 
  }
  
a.dcontexto{
  position:relative; 
  font: normal 12px Tahoma, Trebuchet MS, Arial;;
  padding:0;
  color:#039;
  text-decoration:none;
  cursor:help; 
  z-index:24;
}

a.dcontexto:hover{
  background:transparent;
  z-index:25; 
}

a.dcontexto span{display: none}

a.dcontexto:hover span{ 
  display:block;
  position:absolute;
  width:230px; 
  top:3em;
  text-align:justify;
  left:0;
  font: normal 12px Tahoma, Trebuchet MS, Arial;;
  padding:5px 10px;
  border:1px solid #999;
  background:#c5d799; 
  color:#000;
}

.obrigatorio {
	background:#d5dbca;
}
.erro {
	background:#dae6bf;
}

#dadosCliente{
	position: absolute;
	margin-left: 460px;
	margin-top: 16px;
	border: solid 1px #ececec;
	padding: 2px 5px 5px 5px;
	width: 440px;
	background: #f7f7f7;
	
}

#busca #clienteMaster2 table tr td{
	visibility:hidden;
}

#tiss{
	padding-top: 2px;
	padding-bottom: 2px;
}