/***************************HEADER******************/

#header {
	height:auto;
	
}#leftcontent {
	width:220px;
	float:left;
	height: 159px;
	background: #CCCCCC;	

}#rightside_header{

	height: 152px;

	width: 631px;

	float: right;

}.rightop_header{

	height: 100px;

	width: 630px;

	float: right;/*menu header naveg}*/



}.links_historia{
	height: auto;
	width: auto;
	float: right;
	background: #ffe300;
	display: inline;
	
}.links_historia ul{
	height: auto;
	width: auto;
	float: right;
	background: #ffe300;
	display: inline;
	
}ul.links_historia li a:active {
	display: inline;
	list-style: none;
}ul.links_historia li a:visited {
	display: inline;
	list-style: none;
}ul.links_historia li a:link {
	display: inline;
	list-style: none;
}.links_historia li a:hover{

}.headertop_rightArea{
	height: 170px;
	width: 50%;
	float: right;
}.headertop_leftArea{
	height: 152px;
	width: 60%;
	float: left;

	/*LINKS PARA HISTORIA*/
	
	
}.contextmenutop li {



    font-size: 0.8em;

	list-style: none;

	display: inline;

	float: right;

	margin-top: 6px;

	margin-right: 18px;



}.contextmenutop li a:link {



    margin:0;

	text-align:right;

	color:#000000;

	text-decoration: none;

	font-size: 0.8em;

	font-weight: normal;

}.contextmenutop li a:visited {

	font-size: 0.8em;

	color:#000000;

	text-decoration: none;



}.contextmenutop li a:hover {
text-decoration: underline;
}.contextmenutop li a:active {
	text-align:right;
	color:#000000;
	margin:0;
   text-decoration: none;
	font-size: 0.8em;

/**********AREA LOGO*********/
	
}.logozone  {
	position: relative;
	padding: 0px;
	width: 185px;
	height: 146px;
	float: left;
	margin: 6px 0px 0px 0px;
}.logozone a:visited {

	width: 185px;

	height: 146px;

	display:block;

	background-color: transparent;

	background-image: url(../images/logo_bemhaja.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	}.logozone a {

	width: 185px;

	height: 146px;

	display:block;

	background-color: transparent;

	background-image: url(../images/logo_bemhaja.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	}.logozone  a:hover {

	background-color: transparent;

	background-image: url(../images/logo_bemhaja.jpg);

	background-repeat: no-repeat;

	background-position: center center;	



/*BREADCRUMB*/

}#breadcrumb

{

	font: 11px Arial, Helvetica, sans-serif;

	background-repeat:repeat-x;

	height:30px;

	line-height:30px;

	color:#000000;

	width:100%;

	overflow:hidden;

	margin:0px;

	padding:0px;

}

#breadcrumb li 

{

	list-style-type:none;

	float:LEFT;

	padding-left:8px;

}

#breadcrumb a

{

	height:30px;

	display:block;

	background-image:url(../images/bc_separator.png);

	background-repeat:no-repeat;

	background-position:right;

	padding-right: 10px;

	text-decoration: none;

	color:#333333;

	font-weight: normal;

}

.home

{

    border:none;

    margin: 8px 0px;

}



#breadcrumb a:hover {

color:#333333;





}



/*dROPDOWN ME NEN U*/

	ul.dropdown {

	font-weight: normal;

	font-size: 65%;

	width: 100%;

	z-index: 100;

	margin-left: 11px;

	padding-left: 11px;

}

/***************** background menucolor e width */

	ul.dropdown li {

	color: #000;

	background: #800314;

	z-index: 100;

	margin-left: 11px;

	padding-left: 11px;	

}

	ul.dropdown li {

	float: left;

	line-height: 1.4em;/*--------altura do menu principal--------*/

	vertical-align: middle;

	zoom: 1;

	z-index: 100;

	margin-left: 11px;	

	padding-left: 11px;	



}	ul.dropdown li:hover {

	background-color: #990000;

	color: #000;

}   ul.dropdown li.hover {

	background-color: #990000;

	color: #000;

}   ul.dropdown a:visited	{ /*-------largura menu principal s/subgrupo--------*/

	color: #ffffff;

	text-decoration: none;

	padding-right:13px;

	padding-left: 13px;

}

	ul.dropdown a:link	{ /*-------largura menu principal s/subgrupo--------*/

	color: #ffffff;

	text-decoration: none;

	padding-right:13px;

	padding-left: 13px;

}

	ul.dropdown a:hover		{ color: #ffffff; }

	ul.dropdown a:active	{ color: #ffffff; }



     ul.dropdown ul {

	width: 175px;  /*-------largura SUBmenu -------*/

	margin-top: 1px;

	 

/* -- estilo fonte submenu-- */

	}ul.dropdown ul li {

	font-weight: normal;

	font-size: 110%;

	

}ul.dropdown *.dir {

 padding-left: 10px;

 padding-right: 10px;

 background-position: 100% 50%;

 background-repeat: no-repeat;



}ul.dropdown ul {

 list-style: none;

 margin: 0;

 padding: 0;



}ul.dropdown li {

 list-style: none;

 margin: 0;

 padding: 0;



}ul.dropdown {

 list-style: none;

 margin: 0;

 padding: 0;



}ul.dropdown {

 position: relative;



 float: left;



}ul.dropdown li:hover {

 position: relative;



 cursor: default;

}ul.dropdown li.hover {

 position: relative;



 cursor: default;

}ul.dropdown ul {

	visibility: hidden;

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

}ul.dropdown ul li {

	float: none;



}ul.dropdown ul ul {

 top: 1px;

 left: 99%;

}ul.dropdown span {

	display: block;

	padding-top: 7px;

	padding-right: 10px;

	padding-bottom: 7px;

	padding-left: 10px;

}ul.dropdown a {

	display: block;

	padding-top: 7px;

	padding-right: 10px;

	padding-bottom: 7px;

	padding-left: 10px;

}ul.dropdown li {

 padding: 0;

 border: none;

}



ul.dropdown ul span {

	padding:6px 6px 6px 2px; /*--------- padding submenu -------- */

}



ul.dropdown ul a {

	padding:6px 6px 6px 2px; /*--------- padding submenu -------- */

}

ul.dropdown li {







}ul.dropdown li a:active {

	background-color: #800314;



}



ul.dropdown ul {

 margin-top: 0;

}

/***************** submenucolor */

	ul.dropdown ul li {

	filter: alpha(opacity=90); /*--------- transparencia submenus -------- */

	-moz-opacity: 0.9;

	opacity: 0.9;

	background: #800314 url(../none);

	width: 175px;

	border-top:1px solid  #666666;

	z-index: 10;

}ul.dropdown li a {

	font-weight: normal;

	color: #FFFFFF;	

}ul.dropdown ul li:hover {

	background: #990000;  /*--------- estado hover  submenus -------- */

	}



ul.dropdown ul li.hover {

	background: #990000;  /*--------- estado hover  submenus -------- */

	}



/*config botoes c/submenu*/



ul.dropdown *.dir {

	color: #FFFFFF;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #a83948;/*--------- config botoes c/submenu estado HOVER--------------*/

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #800314;

}



ul.dropdown li a {

	color: #FFFFFF;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #a83948;/*--------- config botoes c/submenu estado HOVER--------------*/

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #800314;

}ul.dropdown li.hover *.open {

	color: #ffffff;

    background-color: #990000;



/*menu header naveg}*/



}.barrabottomheader  {

	position: relative;

	padding:0px;

	width: auto;

	display: block;

	clear: both;

	height:36px;

	margin-left: 9px;

}.headertop_peq-almoco_claim{

	height: auto;

	width: 660px;

	float: right;

	font: bold 0.9em Arial, Helvetica, sans-serif;

	color: #006699;

	margin-top: 30px;

	margin-left: 0px;

	

	/*-----------------------------------------------------------------------------------------PRODUTOS****************/

	/*MOSTRAGEM PRODUTOS*/

		



}.artigo 

{

	width: 100%;

	list-style:none;

	font-weight: normal;

	display: block;

	left: 160px;

	height: 30px;

	font-size: 9px;

	text-align:left;

	width: 240px;

	float: left;

}.artigo li{

	position:relative;

	display: block;

}.artigo a {

	width: 160px;

	display: block;

	text-align:left;

	margin-bottom:1px;

	text-decoration: none;

	color: #333333;

	voice-family: "\"}\"";

	voice-family:inherit;

	width:100%;

	font: bold 1.2em/26px Arial, Helvetica, sans-serif;

	padding-left: 10px;

	

}

>#pagebody>.artigo a {

width:125px;

}

/* Fix IE. Hide from IE Mac \*/

* html .artigo li { float: left; height: 1%; }

* html .artigo li a { height: 1%; }

/* End */

.artigo a:hover {

	color: #000000;

	font: bold 1.2em/26px Arial, Helvetica, sans-serif;

	height: 30px;

}

.artigo a span {

display: none;

}

.artigo a:hover span {
	display: block;
	position: relative;
	top:-28px;
	left: 100px;
	width: 150px;
	padding: 5px;
	margin-left:2px;
	color: #333333;
	font-size: 11px;
	text-align:left;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
	margin-top: 0px;
	background-color: #666666;
}.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
b{font-size: 110%;}
em{color: red;}

#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;

/*LINKS TOPO HEADER*/


	
}#contextmenutop li {
	list-style: none;
	display: inline;

}#contextmenutop li a:link {
	text-align:left;
	color:#000000;
	margin:0;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	
}#contextmenutop li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align:left;
	color:#000000;
	margin:0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	

}#contextmenutop li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	height:24px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;

}#contextmenutop li a:active {
	margin:0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	
}.botao_encomendar  {
	position: relative;
	padding:0px;
	width: 180px;
	height:80px;
	margin-top: 8px;
	background: url(../images/encomendar.jpg) no-repeat;
	float: right;
	margin-right: 10px;