/* ------------------------------------------------------------------------- */
/* TAGS HTML --------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
a, a:visited {
	text-decoration: underline;
    color: #4281c3;
    font-size : 12px;
}

a:hover {
	text-decoration: none;
}

h1 {
    padding:0;
	margin: 0px 0px 15px 0px;
    color: #b8292f;
    font-size : 17px;
    font-weight: normal;
    text-align: left;   
}

h1 a {
    font-size : 17px !important;
}

h2 {
	margin: 0 0 15px 0;
	padding: 0;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

/* UTILIZADO PARA MENSAGENS DE ERRO */
h4 {
	color: #b8292f;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 15px 0;
}

hr {
	clear: both;
	margin: 5px 0;
    height: 3px;
    border: 0;
	border-top: #000000 solid 1px;
}

img {
	margin: 0 0 15px 0;
	padding: 0;
}

input {
	font-size: 12px;
}

li, ul {
    list-style-type: disc;
    color: #464647;
}

li {
	margin: 0 0 5px 0;	
}

p {
	margin: 0 0 20px 0;
	padding: 0;
    color: #464647;
    font-size : 12px;
    line-height: 18px; 
}

table {    
    color : #464647;
    border: 0;
    font-size : 12px;
    text-decoration : none;
    text-transform : none;
    vertical-align : middle;
}

td {
	padding: 3px;
}

tr, td, th {
	border: 0;
}

ul {
	margin: 0 0 10px 15px;
}
/* ------------------------------------------------------------------------- */
/* ESTRUTURA PRINCIPAL ----------------------------------------------------- */
/* ------------------------------------------------------------------------- */
html,body {    
    background: url("../../images/estrutura/bg-body.jpg") top center no-repeat #bcbdc0 fixed;
    color: #464647;
    font-family : Trebuchet MS, Arial, Verdana;
    font-size : 12px;
    font-weight: normal;
    text-align: center;
}

#corpo {
	width: 982px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#container {
	position: relative;
	width: 982px;
	background: #e9eaeb;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	behavior: url(border-radius.htc);
}

/* ------------------------------------------------------------------------- */
/* LOGO -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#logo {
	background: url("../../images/estrutura/bg-logo.jpg") bottom left no-repeat;
	width: 982px;
    height: 340px;
    position: relative;       
}

#logo_estatico { /* IMAGEM */
	
}

#logo_dinamico { /* FLASH */
	position: absolute;
	top: 78px;
	right: 1px;
}

/* ------------------------------------------------------------------------- */
/* COLUNA DIREITA ---------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#colunadireita {
	position: absolute;
	right: 0px;
	padding: 0;
	width: 321px;	
}

#colunadireita h1 {
	color: #464647;
	font-style: italic;
}

#sponsors, #sponsors2 {
    padding: 25px 18px;
}

/* ------------------------------------------------------------------------- */
/* RODAPÉ ------------------------------------------------------------------ */
/* ------------------------------------------------------------------------- */

#creditos {
	padding: 20px 20px 0;
	position: relative;
	text-align: center;
	clear: both;
}

#creditos p{
   color: #696969;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   margin: 0 0 10px 0;
}

/* LOGOMARCA DO b2mlportal */ 
#rodape_b2ml {
	position: absolute;
	width: 120px;
	height: 30px;
	top: 20px;
	right: 0px;	
}

#rodape_b2ml img{
	border: 0px;
	padding: 0px;
	margin: 0px;	
}

/* ------------------------------------------------------------------------- */
/* CONTEÚDO EM GERAL ------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#conteudo, .conteudo, .conteudo-capa {
	background: #FFFFFF;
	position: relative;
	left: 0px;
	width: 631px;
	min-height: 590px;
	padding: 20px 15px;
    text-align: left;
    -moz-border-radius: 3px 0 0 3px; 
	-webkit-border-radius: 3px 0 0 3px; 
	-khtml-border-radius: 3px 0 0 3px; 
	border-radius: 3px 0 0 3px;
	behavior:url(border-radius.htc);
}

.conteudo-capa {
	background: url("../../images/estrutura/bg-conteudo-capa.jpg") top left no-repeat #F0F2F1;
	padding: 20px 10px;
	width: 641px;
}

.conteudo h1 {
	text-transform: lowercase;
}

.conteudo.produtos {
	min-height: 1155px;
	background-color:#F7F7F8;
}

/* Meia seção */
.quadro {
	width: 43%;
	overflow: hidden; 
	float: left;
	border: none; 
	margin: 5px 2% 5px 2%; 
	padding: 0 1% 0 1%;
	text-align: left; 
	display: block;
}

.produtos .quadro{
	width: 48%;
	margin: 5px 0% 5px 0%;
}

.quadro-capa {
	background: url("../../images/estrutura/bg-quadro-capa.png") top left no-repeat;
	float: left;
	width: 320px;
	height: 146px;
	margin: 0 0 15px 0;
	padding: 0;
}

.quadro-capa h1 {
	margin: 0;
	padding: 15px 20px 15px 15px;
	font-size: 15px;
	color: #FFFFFF;	
}

.quadro-capa p {
	margin: 0;
	padding: 5px 20px 5px 15px;
	line-height: 16px;
}

/* Imagens ------------------------------- */
.imagem_canto, .imagem_esquerda {
	margin: 0 15px 15px 0;
	padding: 0;
	float: left;
}

img.imagem_esquerda {
	margin: 0 15px 0 0;
}

.imagem_centralizada { 
   margin: 0 0 15px 0;
   padding: 0;
   clear: both;
}

.imagem_direita {
   margin: 0 0 15px 15px;
   padding: 0;
   float: right;
}

img.imagem_direita {
	float: none;
}

span.imgColorHover img {
	margin: 0;
	padding: 0;	
	border: 0;
}

/* Catalogo --------------- */

#catalogoflash {
	background: url("../../images/estrutura/fundo_catalogo.jpg") top left no-repeat;
	padding: 15px;
	width: 630px;
}


/* Caminho (Você está em...) --------------- */
#caminho{	
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 17px;
	text-align: left;
	color: #b8292f;
	text-transform: lowercase;
}

#caminho a {
	font-size: 17px;
	color: #adacad;
	text-transform: lowercase;
}

/* Notícias -------------------------------- */
.comentario {
	width: 100%;
}

.bloco_de_noticias{
	margin: 0px 0px 20px 0px;   	
}

.bloco_de_noticias h1 {
	margin: 0 0 10px 0;
}

.bloco_de_noticias img {
	float: left;
	margin: 0 15px 15px 0;
}

.bloco_de_noticias .noticia {
	margin: 0 0 25px 0;
}

/* Painel de Busca ------------------------- */
#busca {
	position: relative;
	margin: 0 0 68px 0;	
}

#busca h2 {
	text-transform: lowercase;
	color: #b9292f;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#busca .campo{
	background: url("../../images/estrutura/bg-busca-campo.jpg") top left no-repeat;	
	color: #464647;    
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    padding: 4px;
    width: 248px;
    height: 18px;
    display: block;
    float: left;
    margin: 0 4px 0 0;
    border: 0;
}

#busca .botao {
	border: 0;
	width: 25px;
	height: 25px;
	background: #bcbdc0;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: normal;
	text-transform: lowercase;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
	float: left;
	cursor: pointer;
}

#busca .botao:hover {
	background: #cacbcd;
}

/* Vídeos */
#video {
	padding: 10px 5px;
}

/* ------------------------------------------------------------------------- */
/* ESTILOS DO FORUM -------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

.form-forum input {
	width: 240px;
	font-size: 11px;
}

.form-forum .btnEnviar {
	width: 150px;	
}

#forum {
	width: 90%;
	margin: 0 auto 15px auto;
	text-align: center;
	clear: both;
}

#forum .topico {
	background: #FFFFFF;
	width: 100%;
	border: 1px solid #a5a5a5;
	position: relative;
	padding: 0;
	margin: 0 auto 5px auto;
}

#forum .topico h1 {
	font-size: 12px;
	color: #285783;
	width: 97.7%;
	display: block;	
	background: #efefef;
	padding: 12px 0 3px 10px;
	margin: 0; 
}

#forum .topico h1 a {
	font-size: 12px;
	color: #285783;
}

#forum .topico .data-autor {
	position: absolute;
	color: #000000;
	top: 0;
	right: 10px;
	font-size: 10px;
}

#forum .topico p {
	text-align: left;
	padding: 10px;
	margin: 0;
	color: #000000;
	font-size: 11px;
}

#novotopico, #novaresposta {
	border: 1px solid #a9c4df;
	background-color: #f2f5f8;
	margin: 0 0 10px; 
}

.btnNovoTopico, .btnNovaResposta {
	font-size: 11px;
	width: 80px;
}

/* ------------------------------------------------------------------------- */
/* ESTILOS DO FORMULÁRIO DE CONTATO ---------------------------------------- */
/* ------------------------------------------------------------------------- */

.contato {
	position: relative;
	margin: 20px 0 20px 0;	
}

.contato label {
	font-size: 12px;
	color: #464647;
}

.contato input {
	background: url("../../images/estrutura/bg-contato-textfield.jpg") top left no-repeat;
	border: 0;
	padding: 4px;
	width: 228px;
	height: 18px;
	color: #464647;
	font-size: 11px;
	margin: 3px 0 10px 0;
	display: block;
}

.contato .checkbox {
	background: none;
	padding: 0;
	width: auto;
	height: auto;
	margin: 0 0 0 5px;
	display: inline;
}

.contato select {
	background: url("../../images/estrutura/bg-contato-textfield.jpg") top left no-repeat #FFFFFF;
	border: 0;
	padding: 4px;
	width: 236px;
	height: 26px;
	color: #464647;
	font-size: 11px;
	margin: 3px 0 10px 0;
	display: block;
}

.contato textarea {
	background: url("../../images/estrutura/bg-contato-textarea.jpg") top left no-repeat;
	border: 0;
	padding: 4px;
	width: 621px;
	height: 81px;
	color: #464647;
	font-size: 11px;
	margin: 3px 0 10px 0;
	font-family: Trebuchet MS, Arial, Verdana;
	display: block;
}

.contato .btn-enviar {
	display: block;
	clear: both;
	background: none;
	width: 102px;
	height: 31px;
	border: 0;
	margin: 20px 0 0 0;
	padding: 0;
	cursor: pointer;
}

/* ------------------------------------------------------------------------- */
/* SEÇÃO DE PRODUTOS ------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#barra-categorias-produtos {
	background: url("../../images/estrutura/bg-barra-categorias-produtos.jpg") top left no-repeat;
	width: 627px;
	height: 28px;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
}

#barra-categorias-produtos p {
	text-align: center;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

#barra-categorias-produtos a, #barra-categorias-produtos a:visited {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	margin: 5px 0 0 0;
}

#barra-categorias-produtos a:hover, #barra-categorias-produtos a.ativa {
	text-decoration: underline;
}

.produto {
	background: url("../../images/estrutura/bg-produto.jpg") top left no-repeat;
	float: left;
	width: 292px;
	height: 126px;
	padding: 8px;
	margin: 0 15px 15px 0;
}

.produto h2 {
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #565759;	
}

.produto p {
	line-height: 13px;
	font-size: 9px;
	margin: 0 0 5px 0;
	color: #565759;
}

.produto .img-destaque {
	float: right;
	margin: 0 0 0 10px;
}

.produto a, .produto a:visited {
	font-size: 9px;
}

/* ------------------------------------------------------------------------- */
/* FORMULÁRIO DE ENVIO DE CURRICULO ---------------------------------------- */
/* ------------------------------------------------------------------------- */

#form-curriculo {
	margin: 0 0 20px 0;
}

#form-curriculo div {
	display: block;
	clear: both;
	margin: 0 0 15px 0;
}

#form-curriculo .vagas {
	padding: 10px;
	border: 2px solid #d0d1d3;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*behavior: url(/razek/public/pages/css/PIE.htc);*/	
}

#form-curriculo span {
	float: left;
	margin: 0 15px 0 0;	
}

#form-curriculo label {
	font-size: 12px;
	color: #464647;
	line-height: 22px;	
}

#form-curriculo input, #form-curriculo select, #form-curriculo textarea {
	border: 2px solid #d0d1d3;
	background: none;
	padding: 4px;
	height: 15px;
	color: #464647;
	font-size: 11px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*behavior: url(/razek/public/pages/css/PIE.htc);*/
}

#form-curriculo input.radio {
	height: auto;
	border: 0;
}

#form-curriculo select {
	height: 27px;
	padding: 2px 4px;
}

#form-curriculo textarea {
	width: 620px;
	height: 77px;
}

#form-curriculo input.grande, #form-curriculo select.grande {
	width: 620px;
}

#form-curriculo input.medio, #form-curriculo select.medio {
	width: 372px;
}

#form-curriculo input.pequeno, #form-curriculo input.pequeno {
	width: 227px;
}

#form-curriculo input.mini, #form-curriculo select.mini {
	width: 104px;
}

#form-curriculo .btn-enviar {
	background: none;
	width: 102px;
	height: 31px;
	border: 0;
	margin: 20px 0;
	padding: 0;
	cursor: pointer;
}

/*Bandeirinha de Idiomas*/
#idiomas {
	top: 0;
}

#idiomas img{
	margin: 0 0 10px 0;
}

/* ------------------------------------------------------------------------- */
/* COLUNA DIREITA COM AS CATEGORIAS DE PRODUTOS ---------------------------- */
/* ------------------------------------------------------------------------- */

.lnk-categoria-produtos {
	margin: 0 0 20px 0;
	display: block;
	clear: both;
}

.lnk-categoria-produtos span {
	display: block;
	width: 287px;
	height: 142px;
	position: relative;
}

.lnk-categoria-produtos img {
	margin: 0;
}

.lnk-categoria-produtos span img {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

/*
.cat12 { background: url("../../images/estrutura/bg-cat-artroscopia.png") top left no-repeat; }
.cat13 { background: url("../../images/estrutura/bg-cat-bucomaxilo.png") top left no-repeat; }
.cat15 { background: url("../../images/estrutura/bg-cat-cirurgia-maos-pes.png") top left no-repeat; }
.cat14 { background: url("../../images/estrutura/bg-cat-neurocirurgia.png") top left no-repeat; }
.cat16 { background: url("../../images/estrutura/bg-cat-ortopedia.png") top left no-repeat; }
.cat20 { background: url("../../images/estrutura/bg-cat-coluna.png") top left no-repeat; }
.cat21 { background: url("../../images/estrutura/bg-cat-otorrinolaringologia.png") top left no-repeat; }

.cat12:hover, .cat12.ativa { background: url("../../images/estrutura/bg-cat-artroscopia_cor.png") top left no-repeat; }
.cat13:hover, .cat13.ativa { background: url("../../images/estrutura/bg-cat-bucomaxilo_cor.png") top left no-repeat; }
.cat15:hover, .cat15.ativa { background: url("../../images/estrutura/bg-cat-cirurgia-maos-pes_cor.png") top left no-repeat; }
.cat14:hover, .cat14.ativa { background: url("../../images/estrutura/bg-cat-neurocirurgia_cor.png") top left no-repeat; }
.cat16:hover, .cat16.ativa { background: url("../../images/estrutura/bg-cat-ortopedia_cor.png") top left no-repeat; }
.cat20:hover, .cat20.ativa { background: url("../../images/estrutura/bg-cat-coluna_cor.png") top left no-repeat; }
.cat21:hover, .cat21.ativa { background: url("../../images/estrutura/bg-cat-otorrinolaringologia_cor.png") top left no-repeat; }
*/
/* ------------------------------------------------------------------------- */
/* ESTILOS DE SEÇÕES E COMPONENTES ESPECÍFICOS ----------------------------- */
/* ------------------------------------------------------------------------- */