/* ~~~~~~~~~ MENU GERAL ~~~~~~~~~ */
	.MenuGeral 
		{
		font-family:verdana;
		font-size: 11px; 
		position: relative;
		width: 540px;
		line-height:normal;
		
		}
	.MenuGeral ul 
		{
		margin:0;
		padding:0px 0px 0 0px;
		list-style:none;
		}
    .MenuGeral li 
		{
		display:inline;
		margin:0;
		padding:0;
		}
	.MenuGeral a 
		{
		float:left;
		margin:0;
		padding:0 0 0 4px;
		text-decoration:none;
		}
    .MenuGeral a span 
		{
		float:left;
		display:block;
		padding: 10px 15px 10px 6px;
		color:#ffffff;
		border-right: solid 1px #ffffff;
		}
    .MenuGeral a span 
		{
		float:none;
		}  
    .MenuGeral a:hover span 
		 {
	     color:#ffffff;
	  	 }
    .MenuGeral a:hover 
		{
		background-position:0%;
		background-color:#b2b2b2;
	    }
    .MenuGeral a:hover span 
		{
		background-position:0%;
		background-color:#b2b2b2;
		}
	.MenuGeral a:active span
		{
		background-position:0%;
		background-color:#004d7e;
	    }
	.MenuGeral a:active 
		{
		background-position:0%;
		background-color:#004d7e;
	    }
/* ~~~~~~~~~  MENU GERAL FILHOS ~~~~~~~~~ */
	
	.MenuGeralFilhos
		{
		position:absolute;
		top: 0;
		border: 1px solid #BBB; /*THEME CHANGE HERE*/
		border-bottom-width: 0;
		font:normal 11px Verdana;
		line-height:18px;
		z-index:100;
		background-color: #808080;
		width: 215px;
		visibility: hidden;
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
		}

	.MenuGeralFilhos a
		{
		width: auto;
		display: block;
		text-indent: 3px;
		border-bottom: 1px solid #BBB;
		padding: 2px 0;
		color:#ffffff;
		text-decoration: none;
		}

	.MenuGeralFilhos a:hover
		{ 
		background-color: #b2b2b2;
		color:#ffffff;
		}	
				
/* ~~~~~~~~~ CAIXA NOTICIAS ~~~~~~~~~ */   
 .CaixaNoticias{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:20px 0px 20px 5px;
	background: url(../Imagens/meneu.gif) no-repeat;
	text-align:left;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	text-transform:uppercase;
}

.CaixaNoticias ul, #CaixaNoticias li {
text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
}

.CaixaNoticias a {
	border-bottom: none;
	color:#999999;
}

.CaixaNoticias h3{
	text-align:left;
	position:static;
}

.CaixaNoticias a:link, a:visited{
	color:#999999;
}

.CaixaNoticias a:hover, a:active{
	color:#5B8FBE;
}

/* ~~~~~~~~~ CAIXA NEWSLETTER ~~~~~~~~~ */   
 .CaixaNewsLetter{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:5px 0px 5px 5px;
	background: url(../Imagens/meneu.gif) no-repeat;
	text-align:left;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	text-transform:uppercase;
}

.CaixaNewsLetter ul, #CaixaNewsLetter li {
	text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
}

.CaixaNewsLetter a {
	border-bottom: none;
	color:#999999;
}

.CaixaNewsLetter h3{
	text-align:left;
	position:static;
}

.CaixaNewsLetter a:link, a:visited{
	color:#999999;
}

.CaixaNewsLetter a:hover, a:active{
	color:#5B8FBE;
}

/* ~~~~~~~~~ ENCOMENDAS PENDENTES ADMINISTRADOR ~~~~~~~~~ */   
 .EncPendAdm{
	float:right;
	width:180px;
	margin:10px 0px 10px 5px;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	padding-left:10px;
	text-decoration:none;
}

.EncPendAdm ul, #EncPendAdm li {
text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	text-decoration:none;
	padding-left:40px;
}

.EncPendAdm a {
	border-bottom: none;
	color:#999999;
	text-decoration:none;
}

.EncPendAdm h3{
	text-align:left;
	position:static;
	text-decoration:none;
}

.EncPendAdm a:link, a:visited{
	color:#999999;
	text-decoration:none;
}

.EncPendAdm a:hover, a:active{
	color:#5B8FBE;
	text-decoration:none;
}

/* ~~~~~~~~~ UTILIZADORES ONLINE ~~~~~~~~~ */   
 .UtilizadoresOnline{
	float:right;
	width:180px;
	margin:10px 0px 10px 5px;
	text-align:left;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	text-decoration:none;
}

.UtilizadoresOnline ul, #UtilizadoresOnline li {
text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	padding-left:40px;

}

.UtilizadoresOnline a {
	border-bottom: none;
	color:#999999;
}

.UtilizadoresOnline h3{
	text-align:left;
	position:static;
}

.UtilizadoresOnline a:link, a:visited{
	color:#999999;
}

.UtilizadoresOnline a:hover, a:active{
	color:#5B8FBE;
}

/* ~~~~~~~~~ ENCOMENDAS PENDENTES CLIENTE ~~~~~~~~~ */   
 .EncPendCli{
	float:right;
	width:180px;
	margin:10px 0px 10px 5px;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	padding-left:10px;
	text-decoration:none;
}

.EncPendCli ul, #EncPendCli li {
text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	text-decoration:none;
	padding-left:40px;
}

.EncPendCli a {
	border-bottom: none;
	color:#999999;
	text-decoration:none;
}

.EncPendCli h3{
	text-align:left;
	position:static;
	text-decoration:none;
}

.EncPendCli a:link, a:visited{
	color:#999999;
	text-decoration:none;
}

.EncPendCli a:hover, a:active{
	color:#5B8FBE;
	text-decoration:none;
}

/* ~~~~~~~~~ Cesto de Encomendas Cliente ~~~~~~~~~ */   
 .CestoEncomendas{
	float:right;
	width:180px;
	margin:10px 0px 10px 5px;
	text-align:left;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	text-decoration:none;
}

.CestoEncomendas ul, #CestoEncomendas li {
	text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	padding-left:15px;

}

.CestoEncomendas a {
	border-bottom: none;
	color:#999999;
}

.CestoEncomendas h3{
	text-align:left;
	position:static;
}

.CestoEncomendas a:link, a:visited{
	color:#999999;
}

.CestoEncomendas a:hover, a:active{
	color:#5B8FBE;
}

/* ~~~~~~~~~ ENCOMENDAS PENDENTES DISTRIBUIDOR ~~~~~~~~~ */   
 .EncPendDis{
	float:right;
	width:180px;
	margin:10px 0px 10px 5px;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	padding-left:10px;
	text-decoration:none;
}

.EncPendDis ul, #EncPendDis li {
text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	text-decoration:none;
	padding-left:40px;
}

.EncPendDis a {
	border-bottom: none;
	color:#999999;
	text-decoration:none;
}

.EncPendDis h3{
	text-align:left;
	position:static;
	text-decoration:none;
}

.EncPendDis a:link, a:visited{
	color:#999999;
	text-decoration:none;
}

.EncPendDis a:hover, a:active{
	color:#5B8FBE;
	text-decoration:none;
}

/* ~~~~~~~~~ DISPONIBILIDADE VENDEDORES ~~~~~~~~~ */   
 .DisponibilidadeVendedores{
	float:right;
	width:180px;
	margin:10px 0px 10px 5px;
	text-align:left;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	text-decoration:none;
}

.DisponibilidadeVendedores ul, #DisponibilidadeVendedores li {
text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	padding-left:40px;

}

.DisponibilidadeVendedores a {
	border-bottom: none;
	color:#999999;
}

.DisponibilidadeVendedores h3{
	text-align:left;
	position:static;
}

.DisponibilidadeVendedores a:link, a:visited{
	color:#999999;
}

.DisponibilidadeVendedores a:hover, a:active{
	color:#5B8FBE;
}

/* ~~~~~~~~~ ENCOMENDAS PENDENTES VENDEDOR ~~~~~~~~~ */   
 .EncPendVen{
	float:right;
	width:180px;
	margin:10px 0px 10px 5px;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	padding-left:10px;
	text-decoration:none;
}

.EncPendVen ul, #EncPendVen li {
text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	text-decoration:none;
	padding-left:40px;
}

.EncPendVen a {
	border-bottom: none;
	color:#999999;
	text-decoration:none;
}

.EncPendVen h3{
	text-align:left;
	position:static;
	text-decoration:none;
}

.EncPendVen a:link, a:visited{
	color:#999999;
	text-decoration:none;
}

.EncPendVen a:hover, a:active{
	color:#5B8FBE;
	text-decoration:none;
}

/* ~~~~~~~~~ ENCOMENDAS PENDENTES DEPARTAMENTO COMERCIAL ~~~~~~~~~ */   
 .EncPendDco{
	float:right;
	width:180px;
	margin:10px 0px 10px 5px;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:Verdana ;
	font-size:11px;
	letter-spacing:0px;
	padding-left:10px;
	text-decoration:none;
}

.EncPendDco ul, #EncPendDco li {
text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	text-decoration:none;
	padding-left:40px;
}

.EncPendDco a {
	border-bottom: none;
	color:#999999;
	text-decoration:none;
}

.EncPendVen h3{
	text-align:left;
	position:static;
	text-decoration:none;
}

.EncPendDco a:link, a:visited{
	color:#999999;
	text-decoration:none;
}

.EncPendDco a:hover, a:active{
	color:#5B8FBE;
	text-decoration:none;
}




.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(../Imagens/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
background: url(../Imagens/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}


/* ~~~~~~~~~ MENU ~~~~~~~~~ */
 .topmenu {
	position: relative;
	top: 20px;
	left: 4px;
	width: 540px;
	font-size:93%;
	margin: 0;
	line-height:normal;
	height: 41px;
      }
   .topmenu ul {
	  margin:0;
	  padding:0px 0px 0 2px;
	  list-style:none;
	 }
    .topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
   .topmenu a {
      float:left;
      background:url(../Imagens/menuleft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    .topmenu a span {
      float:left;
      display:block;
      background:url(../Imagens/menuright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#5B8FBE;
      }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
    .topmenu a span {float:none;}
    /* End IE5-Mac hack */
    .topmenu a:hover span {
      color:#5B8FBE;
      }
    .topmenu a:hover 
    {
	 background-position:0% -42px;
      }
    .topmenu a:hover span {
      background-position:100% -42px;
    }
    
    /* ~~~~~~~~~ MENU1 ~~~~~~~~~ */
 .topmenu1 {
	position: relative;
	top: -10px;
	left: 14px;
	width: 540px;
	font-size:93%;
	margin: 0;
	line-height:normal;
	height: 41px;
      }
   .topmenu1 ul {
	  margin:0;
	  padding:0px 0px 0 2px;
	  list-style:none;
	 }
    .topmenu1 li {
      display:inline;
      margin:0;
      padding:0;
      }
   .topmenu1 a {
      float:left;
      background:url(../Imagens/menuleft1.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    .topmenu1 a span {
      float:left;
      display:block;
      background:url(../Imagens/menuright1.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#5B8FBE;
      }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
    .topmenu1 a span {float:none;}
    /* End IE5-Mac hack */
    .topmenu a:hover span {
      color:#5B8FBE;
      }
    .topmenu1 a:hover {
      background-position:0% -42px;
      }
    .topmenu1 a:hover span {
      background-position:100% -42px;
    }
/* ~~~~~~~~~ Caixa1 ~~~~~~~~~ */   
 .introduction{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:20px 0px 20px 5px;
	background: url(../Imagens/menu.gif) no-repeat;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

.introduction ul, #introduction li {
text-align:center;
	list-style: none;
	margin:0;
	padding: 0;
}

.introduction a {
	border-bottom: none;
	color:#999999;
}

.introduction h3{
	text-align: center;
	position:static;
}

.introduction a:link, a:visited{
	color:#999999;
}

.introduction a:hover, a:active{
	color:#5B8FBE;
}

/* ~~~~~~~~~ Encomendas Pendestes Administrador ~~~~~~~~~ */   
 .introduction1{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:20px 0px 20px 5px;
	background: url(../Imagens/menu.gif) no-repeat;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

.introduction1 ul, #introduction1 li {
	text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	margin:0px 0px 0px 60px;

}

.introduction1 a {
	border-bottom: right;
	color:#999999;
}

.introduction1 h3{
	text-align: center;
	position:static;
}

.introduction1 a:link, a:visited{
	color:#999999;
}

.introduction1 a:hover, a:active{
	color:#5B8FBE;
}
/* ~~~~~~~~~ Encomendas Pendestes Cliente ~~~~~~~~~ */   
 .introduction2{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:20px 0px 20px 5px;
	background: url(../Imagens/menu.gif) no-repeat;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

.introduction2 ul, #introduction2 li {
	text-align:left;
	list-style: none;
	margin:0;
	padding: 0;
	margin:0px 30px 0px 30px;
}

.introduction2 a {
	border-bottom: right;
	color:#999999;
}

.introduction2 h3{
	text-align: center;
	position:static;
}

.introduction2 a:link, a:visited{
	color:#999999;
}

.introduction2 a:hover, a:active{
	color:#5B8FBE;
}

/* ~~~~~~~~~ Corpo ~~~~~~~~~ */   
body
{
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 80%; color: #999999;
background-color: #ffffff;
line-height: 200%;
margin-top: 0px;
/*background: #f9f9f9 url(../Imagens/bgg.gif) top center repeat-x;*/
}



#header
{
height: 120px;
width:743px;
margin-left:-2px;
background-image:url(../Imagens/header.jpg);
}


* html #header { margin-left: 0; }

#content
{
padding: 0.5em 1em;
max-width: 898px;
background-color: #e5e5e5;
}

* html #content {height:1%}
* > html #content {height:auto}




.splitright {
background: #ffffff url(../Imagens/menu.gif) top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
}

.splitleft {
background: #ffffff;
margin:auto;
width: 68%;
float: left;
overflow: hidden;
text-align: justify;
}

