html { height:100%; }

body { font-family: Arial, Helvetica, sans-serif; position:relative; font-size: 11px; margin:0; padding:0;}
a {color:#0062a1; text-decoration:none;}
a:hover, #rodape a:active {color:#8a8a8a; text-decoration:underline;}

#body { overflow:hidden; margin: 0 auto -85px; position: relative; display: block; width: 1000px; margin:auto; padding:0; font-family: Tahoma, Arial, Helvetica, sans-serif; }

/*
topo e logo e pesquisa
*/
#topo {display: block; position: relative; width:1000px; height:132px; }
#logo1 {display:block; cursor:pointer; position:relative; width:379px; height:132px; background:url(../images/bio_logo.jpg) no-repeat 0px -1px; float:left;}


#search { background:url(../images/pesquisa.png) no-repeat;	 height:35px; position:absolute; width:205px; top:76px; right:0px; }
#searchField { display:block; position:relative; float:left; }
#searchField input { background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; border-width:0 0 1px; font-size:10px; height:15px; margin:10px 0 0 15px; padding:3px; width:131px;}
#searchSubmit { background:url(../images/magnifying_glass.png) no-repeat; width:30px; height:30px; display:block; position:relative; top:8px; left:10px; float:left;}
#searchSubmit input { background-color:transparent; border:0;  width:30px; height:30px; cursor:pointer;}


/* MENU topo */
#menuTopo { padding-left:175px; display:block; position:relative; height:35px; float:left; }
#menuTopoRight{ display:block; position:relative; width:15px; height:35px; float:left;}
#menuTopoLeft{ display:block; position:relative; width:15px; height:35px; float:left;  }
#menuTopoBody{ display:block; position:relative;  float:left; height:35px; width:auto;   }
#menuTopo2 { padding-left:175px; display:block; position:absolute; bottom:16px; right:187px; height:35px; float:left; }
#menuTopoRight2{ display:block; position:relative; width:15px; height:35px; float:left;}
#menuTopoLeft2{ display:block; position:relative; width:15px; height:35px; float:left;  }
#menuTopoBody2{ display:block; position:relative;  float:left; height:35px; width:auto;   }
#menuTopoBody a { font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; line-height:35px; padding:0px 10px 0 10px;}
#menuTopoBody2 a { font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; line-height:35px; padding:0px 10px 0 10px;}
#menuTop { display:block; position:relative; }
.menuTopoAjax ul{ margin:0; padding:0px; width:auto; list-style-type: none; }
.menuTopoAjax ul li{ position: relative; display: block; float: left; background:url(../images/separadorMenu.png) no-repeat left top;}
#menuTopo2 .menuTopoAjax ul li{ position: relative; display: block; float: left; background:url(../images/separadorMenuRev.png) no-repeat left top;}
.menuTopoAjax ul li:first-child{background:none;}
#menuTopo2 .menuTopoAjax ul li:first-child{background:none;}
.menuTopoAjax ul li a{ display: block; line-height:18px; }

a.menu_itens:active, a.menu_itens:hover {display:block; position:relative; background:url(../images/menuHover.png) repeat-x center bottom; height:30px; }
#menuTopo2 a.menu_itens:active, #menuTopo2 a.menu_itens:hover {display:block; position:relative; background:url(../images/menuHoverRev.png) repeat-x center bottom; height:30px; }


/* CORPO */
#main { display:block; position:relative; width:1000px;}
#mLeft { display:block; position:relative; width:180px; float:left; top:-11px;}
#conteudo { display:block; position:relative; width:620px; float:left;}
#mRight { display:block; position:relative; width:180px; float:left;}
.politicas { display: block; position:relative; width:100%; text-align:center;  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#333; }

/* CONTEUDO */
#conteudo {display:block; position:relative; float:left; width:620px; margin:0 10px;}
#conteudoBody {display:block; position:relative; width:100%;}
#titlePage { display:block; position:relative; }
#titlePage h1 { display:block; position:relative;  font-size:12px; color:#1a3160; margin:5px; overflow:hidden; text-transform:uppercase;  }
#location { display:block; position:relative; padding:10px 10px 0 0;  margin:0px; overflow:hidden; height:25px; line-height:12px; width:500px;}

/*HOME*/
#prodRecenteTxt { display:block; position:relative; margin:0 10px; font-size:12px; color:#1a3160; width:100%;}
.h2contactos {font-weight:normal; display:block; position:relative; margin:10px 0px 5px 0px; font-size:12px; color:#1a3160; width:100%;}
#prodRecente { display:block; min-height:10px; position:relative; width:100%; }


/*PRODUTO*/
#imgProdList {background:transparent url(../images/background_prod.png) repeat scroll 0 0; cursor:pointer; display:block; float:left; height:150px; margin:10px 21px 2px; overflow:hidden; padding:0; position:relative; width:150px !important;}

#imgProdListImg { border:3px none #DED9BB; display:block; height:50px; margin:20px 15px; padding:0; width:120px;}
#imgProdListDes { color:#184964; display:block; font-size:11px; font-weight:bold; overflow:hidden; position:relative;}

#vistaProduto { position:relative; display:block; height:150px; margin:0 10px; background:transparent url(../images/vistaProd.png) no-repeat;  }

#corpo { display: block; position: relative; width:100%; top:20px; }
#vistaProdutoMenu { display:block; float:left; position:relative;  padding:0; width:150px; height:120px;}
#vistaProdutoTxt {display:block; float:left; bottom:20px; left:10px; position:relative; text-align:justify; width:400px; margin:0 0 0 30px;}


#vistaProdutoFoto {   cursor:pointer; display:block; margin:0 0 0 38px; float:left; height:100px; overflow:hidden; padding:0; position:relative; width:150px !important;}
#vistaProdutoFoto img { display:block; padding:0; }
#vistaProdutoFotoTABLE { display:table; }
#vistaProdutoFotoTR { display:table-row;}
#vistaProdutoFotoTD { display:table-cell; vertical-align:middle; height:120px;}
#vistaProdutoFotoList {}

/*#vistaProdutoOpcoes { display:block; position:relative; float:right; border-left:#cfcfcf 2px solid; padding: 10px 10px 10px 0; margin:0 0 0 20px; background:#fff;}*/
#vistaProdutoOpcoes { margin:0; padding:0px; width:auto; list-style-type: none; }
#vistaProdutoOpcoesBody ul { margin:0; padding:0px;}
#vistaProdutoOpcoesBody ul li {height:25px; position: relative; display: block; float:left; margin:0; padding: 0 0 0 15px;}
#vistaProdutoOpcoesBody ul li a {position: relative; display: block; color:#0062A1; text-decoration:none; padding:5px 10px;}
#vistaProdutoOpcoesBody ul li a:hover { color:#ccc; text-decoration:underline; }

#vistaCarrinho { float:right; position:relative; width:auto; }
#vistaCarrinho ul { margin:0; padding:0px;  }
#vistaCarrinho ul li { background:url(../images/cart_add.png) no-repeat center left; height:25px; position: relative; display: block; float:left; margin:0; padding: 0 0 0 15px;}
#vistaCarrinho ul li a {position: relative; display: block; color:#0062A1; text-decoration:none; padding:5px 10px;}
#vistaCarrinho ul li a:hover { color:#ccc; text-decoration:underline; }

#vistaProdutoOpcoes #maisinfos { border:none; bottom:3px; position:relative; }
#vistaProdutoOpcoes #print { border:none; bottom:3px; position:relative; }
#vistaProdutoOpcoes #mail { border:none; bottom:3px; position:relative; }
#vistaProdutoOpcoesBodyPreco {bottom:10px; color:white; float:left; font-weight:bolder; margin:0 10px; position:relative;} 
#vistaProdutoOpcoesBodyPreco img {position:relative; top:8px;}


#vistaProdutoOpcoes #seleccionar  { background:url(../images/select_icon.png) no-repeat left top; }
#vistaProdutoOpcoes #orcamento { background:url(../images/article-24.png) no-repeat left top; }
#vistaProdutoOpcoes #compra { background:url(../images/cart_add.png) no-repeat center left; }
#vistaProdutoOpcoesRight ul {  margin:0; padding:0px; }
#vistaProdutoOpcoesRight ul li { height:25px; position: relative; display: block; float:right;  margin:0; padding:0;}
#vistaProdutoOpcoesRight ul li a { margin:0; padding:0;}

#vistaProdutoTxt h2 { font-size:11px; color:#1A3160; }
#vistaProdutoFotoListIMG a { position:relative; width:40px; height:30px;}


/* MENU LATERAL */
#menuLateral { display:block; position:relative;  float:left; background: url(../images/menuEskBG.jpg) no-repeat;}
#menuLateralTop { position:relative; display:block; width:180px; height:70px;}
#menuLateralBottom { position:relative; display:block; z-index:-1; bottom:90px; width:180px; height:70px; }
#menuLateralBody { position:relative; display:block; bottom:50px; }
#menuLateralBody a { display:block; position:relative; text-decoration:none; color:#ffffff; }
#menuLateralBody a:hover, #menuLateralBody a:active { color:#ECC127; }
#menuLateralBody ul ul a:hover, #menuLateralBody ul ul a:active { color:#F9C801; }
#menuLateralBody ul { display:block; position:relative; margin:0px 5px; width:170px; padding:0;}
#menuLateralBody ul li { display:block; position:relative; margin:0; padding:0; list-style:none; }
#menuLateralBody ul li a { padding:2px 2px 4px 6px; font-size:13px; font-weight:bold; overflow:hidden; line-height:13px; background: url(../images/menuEskBar.png) no-repeat;}
#menuLateralBody ul ul { margin: 5px 0;}
#menuLateralBody ul ul li { display:block; position:relative; background:none;  margin:0; padding:0px 10px;}
#menuLateralBody ul ul li a { padding:0px 5px 3px 5px; font-size:11px; border-bottom:1px dotted #1f3662; font-weight: 500; background:none; color:#1f3662; }
#menuLateralBody ul ul ul { display:none; }
#menuLateralBody ul ul ul ul { display:none; }
#menuLateralBody ul ul ul ul ul { display:none; float:right; }

/*MENU LATERAL RIGHT*/
#menuLateralRight { display:block; position:relative;  bottom:20px; }
#mdmesmo { display:block; position:relative;  float:right; bottom:140px; }
#menuLateralRightTop, #mdmesmoTop { position:relative; display:block; top:20px; z-index:-1; background:url(../images/menuLateralTopo.png) no-repeat; width:180px; height:70px;}
#menuLateralRightBottom, #mdmesmoBottom { position:relative; display:block; z-index:-1; bottom:40px; background:url(../images/menuLateralBaixo.png) no-repeat; width:180px; height:70px; }
#mdmesmoBottom {}
#menuLateralRightBody, #mdmesmoBody { position:relative; display:block; margin-top:20px; background:url(../images/menuLateralBody.png) repeat-y;  }
#mdmesmoBody {padding:0px 20px;}
#mdmesmoBody h2 {font-size:12px; margin:0; color:#fff; padding:0; background:#537DD0; padding:2px 0px 2px 5px; border:1px solid #CAD6F0;}
#mdmesmoBody a img {border:none;}
#mdmesmoBody a, #mdmesmoBody .rMinfo {float:left;}
#mdmesmoBody .rightBODY_MdM {padding-bottom:10px; cursor:pointer;}
#mdmesmoBody .rMinfo {padding:5px;}
/*MENU LATERAL DESTAQUES*/
#menuDestaque {display:block; float:right; position:relative; top:50px;}
#menuDestaqueTop { position:relative; display:block; background:url(../images/menuLateralTopo.png) no-repeat; width:180px; height:70px;}
#menuDestaqueTitulo {border-bottom:1px dotted Silver; color:#184964; font-size:13px; font-weight:bold; line-height:13px; margin:10px; overflow:hidden; padding:20px 10px 10px; position:relative; width:140px; }
#menuDestaqueBottom { position:relative; display:block; z-index:-1; bottom:71px; background:url(../images/menuLateralBaixo.png) no-repeat; width:180px; height:70px;}
#menuDestaqueBody {position:relative; display:block; bottom:20px; background:url(../images/menuLateralBody.png) repeat-y; }
.menuDestaqueConteudo { margin:0 11px; border-bottom:1px dotted #ccc; heigth:100px; color:#03588E; display:block; position:relative; text-align:center; bottom:6px; }
.menuDestaqueConteudo span { background-color:#f8f8f8; display:block; left:1px; position:relative; width:98%; }
.menuDestaqueConteudo img {border:none;}

/*LOGIN*/
#loginTitle, #mdmesmoTitle {padding:10px 0 5px 15px; margin:10px; position:absolute; width:140px; font-size:13px; font-weight:bold; overflow:hidden; line-height:13px; border-bottom:1px dotted Silver; color:#184964;}
#newsletterTitle {padding:10px 0 5px 15px; margin:10px; width:140px; font-size:13px; font-weight:bold; overflow:hidden; line-height:13px; border-bottom:1px dotted Silver; color:#184964;}
#user { border:1px solid #CCCCCC; bottom:20px; display:block; font-size:10px; height:20px; left:15px; position:relative; width:148px;} 
#pass { border:1px solid #CCCCCC; bottom:10px; display:block; height:20px; left:14px; position:relative; width:100px; float:left;}
#aCsub { border:0 none; bottom:15px; color:#FFFFFF; cursor:pointer; height:30px; left:15px; position:relative; width:50px; background:transparent url(../images/loginButton.png) no-repeat;}
#loginOpt { font-size:9px; left:18px; position:relative; }
#login .alerta {bottom:20px; position:relative;}
/*CARRINHO DE COMPRAS*/
#cartItens { position: relative; float: right; display: block; background:url(../images/cart_itens.png) no-repeat; text-align:left; width:120px; padding-left:20px; color:#fff; }
#cartItensBody { position: relative; display: block; margin: 3px 35px; width:100%; } 
#cartItensText { position: relative; display: block; margin: 3px 0; height:25px; float:left; color:#0062A1;}
#cartItensImg { position: relative; display: block; margin:0 10px 3px; height:25px; float:left; color:#0062A1;}


/*FOOTER*/
.footer {background:url(../images/footer.png) repeat-x bottom center; height:85px; width:100%;  }
#footerLeft {position:relative; display:block; width:25%; float:left; height:1px; }
#footerMain { color:white; text-align:center; display:block; position:relative; top:55px; width:50%; float:left; height:1px;}
#footerMain a {text-decoration:none; color:white;}
#footerMain a:hover {text-decoration:none; color:#aaaaaa;}
#footerRight { position:relative; display:block; width:25%; float:left; height:1px;}
.push {height:85%}

/*LOADING*/
#loading {position:relative; }
#loading img {border: 0px; margin-top:100px;}

/*PAGINACAO*/
#paginacao { display:block; float:left; left:215px; position:relative; width:100%; }
#pagPri {cursor:pointer;}
#pagAnt {cursor:pointer;}
#pagSeg {cursor:pointer;}
#pagUlt {cursor:pointer;}

/*LOCALIZACAO*/ 
#conteudoPage iframe { border:1px solid #ccc; }

.clear { clear:both;}

/*Formas de pagamento*/
#fpagamentoTit {margin:5px 0px; color:#214776; font-weight:bold; font-size:12px; text-transform:uppercase;}
.fpagamentoSubTit {margin:15px 0px 5px 0px; color:#CC0000; font-weight:bold; font-size:11px;}
.fpagamentoSubTxt {margin:5px 0px; color:#323232; font-size:10px;}
#fpagamentoOL {margin:0 !important; padding:0 !important;}
#fpagamentoOL li {margin-bottom:15px !important; color:#214776 !important; font-size:9px !important; margin:0; padding:0; list-style-position:inside !important; list-style-type:Decimal !important; list-style:Decimal;}
#fpagamentoTotal {padding:5px 0px;}
#fpagamentoTotal span {color:#35480E;}


#td_nota {width:390px;}
#juntarnotaBT {margin:27px 0px 0px 7px; position:absolute;}
.newsletter {bottom:60px; position:relative;}
#links_de_interesse {position:relative; bottom:80px;}
#links_de_newsletter {position:relative; bottom:60px;}
#links_de_interesse a {color:#5F5A47; display:block; font-weight:bold; font-size:10px; padding:0px 5px 0px 30px; text-transform:uppercase;}
#contacto_destaque div {visibility:hidden;}
#contacto_destaque img {padding-right:5px; padding-bottom:4px; vertical-align:middle;}
#contacto_destaque a {color:#fff;}

#conteudoPage {min-height:500px; /*background: url(../images/bg_logo_.png) no-repeat left bottom;*/}
.ref_biotinteiro {
	bottom:75px;
	color:#333;
	font-weight:bold;
	position:absolute;
	right:20px;
	text-align:right;
}
.bio_circ {overflow:hidden; width:18px; height:12px; position:absolute; bottom:54px; right:20px; }
.bio_circ span {position:relative; background:url(/images/circulo_bio.png) no-repeat top left; display:block; height:12px; width:18px;}
.bio_circ_preto .tres {width:18px; height:12px; top:0; left:0px; position:absolute; background:#000;}
.bio_circ_amarelo .tres {width:18px; height:12px; top:0; left:0px; position:absolute; background:#FDFF00;}
.bio_circ_cyan .tres {width:18px; height:12px; top:0; left:0px; position:absolute; background:#0093dd;}
.bio_circ_magenta .tres {width:18px; height:12px; top:0; left:0px; position:absolute; background:#dd137b;}
.bio_circ_tricolor .um {width:6px; height:12px; top:0; left:0px; position:absolute; background:#dd137b;}
.bio_circ_tricolor .dois {width:6px; height:12px; top:0; left:6px; position:absolute; background:#0093dd;}
.bio_circ_tricolor .tres {width:6px; height:12px; top:0; left:12px; position:absolute; background:#FDFF00;}
#vistaProdutoMenu .ref_biotinteiro {bottom:75px;}
#vistaProdutoMenu .bio_circ {bottom:59px;}