/* CSS Document */

* {
	margin:0;
	padding:0;
	list-style-type: none;
}

body
{
	font-size: 12px;
	line-height: 24px;
	color: #9D9FA1;
	font-family: Helvetica, sans-serif;	
}


#Container {
	/*margin-right: 104px;
	margin-left: 61px;*/
	margin-left: auto;
    margin-right: auto;
	margin-top:50px;
	margin-bottom: 106px;
	width:860px;
}


#Header {
	height:34px;
}

#logo {
	float: left;
	display:block;   /* Para fazer com que toda a área da caixa do link seja "clicável" */
	background-image: url(../img/PackLogo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 43px;  /* Height of the Logo  */
	width: 204px;	/* Width of the Logo  */
	margin-bottom:60px;	/* arejamento abaixo da logo para os icones do portfolio  */
}

/* -----------Content--------------- */
#Content {
	clear:both;
	height:392px;
	margin-top:50px;
	margin-bottom:44px;
}

#ContentLeft {
	position:relative;
	float:left;
	 /*New change!!  apaguei o width*/
	height:250px;
}

#ContentCenter {
	position:relative;
	padding-top: 28px;    /* Para alinhar com o menu de esquerda*/
	padding-right: 35px;
	padding-bottom: 26px;
	padding-left: 35px;
	margin-left:200px;  /* =width de #ContentLeft*/ 
	margin-right:428px;  /* =width de #FlashZone*/ 	
}

#FlashZone {	
	float:right;
	margin-top:34px;  /* Para alinhar com o menu de esquerda*/ 
	width: 428px;
	height:392px;
}
/* -----------Content--------------- */


/* -----------MenuLeft--------------- */


ul#MenuLeft li:hover>ul#MenuComunicacao, 
ul#MenuLeft li:hover>ul#MenuEmbalagens, 
ul#MenuLeft li:hover>ul#MenuAmbientacao, 
ul#MenuLeft li:hover>ul#MenuMidiaDigital,
ul#MenuLeft li:hover>ul#MenuBranding{ display:block;}  /* O menu2 aparece so quando pasa o mouse no item do menu1*/  /* O menu MenuBranding_submCases que fica ao mesmo nivel que tudos aqueles menus, nao debe aperecer=> Csq:Genertidade impossivel */

ul#MenuLeft, ul#MenuLeft>ul {
	margin : 0;
 	padding: 0; /*remove o recuo Mozilla e NN*/
	margin-top: 19px;
	line-height:0; /*remove o excesso de espaço que o IE coloca*/
}

ul#MenuLeft li {  
margin:0;  /*New change!! Para ter contiduidade entre os items do menu no rollover pq senao IE bug*/
padding:0px;
_display:inline;
}




		 /* -----------------Links for MenuLeft-Level1--------------------  */
		a {
			background-repeat: no-repeat;
			background-position: -160px top;
		}	
		 
		ul#MenuLeft>li>a {
	display:block;   /* Para fazer com que toda a área da caixa do link seja "clicável" */
	height: 59px;	/* Altura das Imagens de Background(41px+18pxInterButton)  */  /*New change!! Para ter contiduidade entre os items do menu no rollover pq senao IE bug*/
	width: 160px;	/* Largura Maximal das Imagens de Background  */
	margin-right:12px;		
		}
		 
		a#Comunicacao {
			background-image: url(../img/MenuLeft/Comunicacao.gif);
		}


		a#Embalagens {
			background-image: url(../img/MenuLeft/Embalagens.gif);
		}

		
		a#Ambientacao {
			background-image: url(../img/MenuLeft/Ambientacao.gif);
		}
			
	 
		a#MidiaDigital {
			background-image: url(../img/MenuLeft/MidiaDigital.gif);
		}
		
		a#Branding {
			background-image: url(../img/MenuLeft/Branding.gif);
		}

		 /* -----------------End of Links for MenuLeft-Level1--------------------  */


/* -----------------MenuLeft-Level2--------------------  */
			  ul#MenuLeft ul { 
				display:none;
			  	position: absolute;
				margin: 0;
			 	padding: 11px 0 100px 0;  /*11px e 100px New change!! Para fluididade entre menu rollover pq senao IE bug*/
				top:20px;  /*New change!! para colar o menu1, para fluididade entre menu rollover pq senao IE bug*/
			  	left:136px; /*New change!! para colar o menu1, para fluididade entre menu rollover pq senao IE bug*/
}
				
				ul#MenuLeft ul#MenuComunicacao li, 
				ul#MenuLeft ul#MenuEmbalagens li, 
				ul#MenuLeft ul#MenuAmbientacao_submAmbientacao li,
				ul#MenuLeft ul#MenuAmbientacao_submPP li,
				ul#MenuLeft ul#MenuMidiaDigital li, 
				ul#MenuLeft ul#MenuBranding_submCases li{
				margin:0 0 0 27px; /*New change!! 27 px para colar o menu1, para fluididade entre menu rollover pq senao IE bug*/
				_display:inline;
				}

			 /* -----------------Links for MenuLeft-Level2--------------------  */
			 ul#MenuLeft ul a {
				display:block;   /* Para fazer com que toda a área da caixa do link seja "clicável" */
				height: 15px;	/* Altura das Imagens de Background  */
				width: 150px;	/* 150:Largura Maximal das Imagens de Background  */
				padding: 0 0 9px 0;
				background-position: -300px top;
			}
			
			ul#MenuLeft ul#MenuComunicacao a:hover,
			ul#MenuLeft ul#MenuEmbalagens a:hover,
			ul#MenuLeft ul#MenuAmbientacao_submAmbientacao a:hover,
			ul#MenuLeft ul#MenuAmbientacao_submPP a:hover,
			ul#MenuLeft ul#MenuMidiaDigital a:hover, 
			ul#MenuLeft ul#MenuBranding_submCases a:hover{
				background-position: -150px top;
			} 
			
			a#Acaizinho {
				background-image: url(../img/MenuLeft/Clientes/Acaizinho.gif);
			} 
			
			a#Actine {
				background-image: url(../img/MenuLeft/Clientes/Actine.gif);
			}
			
			a#Alimentos {
				background-image: url(../img/MenuLeft/Clientes/Alimentos.gif);
			}
			
			a#Ancar {
				background-image: url(../img/MenuLeft/Clientes/Ancar.gif);
			}
			
			a#Bebidas {
				background-image: url(../img/MenuLeft/Clientes/Bebidas.gif);
			}
				
			a#Blackbeans {
				background-image: url(../img/MenuLeft/Clientes/Blackbeans.gif);
			}
			
			a#Bradesco {
				background-image: url(../img/MenuLeft/Clientes/Bradesco.gif);
			}
					
			a#Brasympe {
				background-image: url(../img/MenuLeft/Clientes/Brasympe.gif);
			}
			
			a#Bravo {
				background-image: url(../img/MenuLeft/Clientes/Bravo.gif);
			}
			
			a#Cafe {
				background-image: url(../img/MenuLeft/Clientes/Cafe.gif);
			}

			a#Cantao {
				background-image: url(../img/MenuLeft/Clientes/Cantao.gif);
			}
		
			a#CartaFabril {
				background-image: url(../img/MenuLeft/Clientes/CartaFabril.gif);
			}
			
			a#Coccai {
				background-image: url(../img/MenuLeft/Clientes/Coccai.gif);
			}
			
			a#CorteDOro {
				background-image: url(../img/MenuLeft/Clientes/CorteDOro.gif);
			}
			
			a#Cosmeticos {
				background-image: url(../img/MenuLeft/Clientes/Cosmeticos.gif);
			}
			
			a#CrisFrazao {
				background-image: url(../img/MenuLeft/Clientes/CrisFrazao.gif);
			}
			
			a#Devassa {
				background-image: url(../img/MenuLeft/Clientes/Devassa.gif);
			}
			
			a#DoBem {
				background-image: url(../img/MenuLeft/Clientes/DoBem.gif);
			}
			
			a#Ecovita {
				background-image: url(../img/MenuLeft/Clientes/Ecovita.gif);
			}
			
			a#Embratel {
				background-image: url(../img/MenuLeft/Clientes/Embratel.gif);
			}

			a#EspacoGavea {
				background-image: url(../img/MenuLeft/Clientes/EspacoGavea.gif);
			}
			
			a#FruttOro {
				background-image: url(../img/MenuLeft/Clientes/FruttOro.gif);
			}
			
			a#Granado {
				background-image: url(../img/MenuLeft/Clientes/Granado.gif);
			}
			
			a#HigienePessoal {
				background-image: url(../img/MenuLeft/Clientes/HigienePessoal.gif);
			}
			
			a#Joias {
				background-image: url(../img/MenuLeft/Clientes/Joias.gif);
			}
			
			a#LearningFactory {
				background-image: url(../img/MenuLeft/Clientes/LearningFactory.gif);
			}
			
			a#Loreal {
				background-image: url(../img/MenuLeft/Clientes/Loreal.gif);
			}
			
			a#Marius {
				background-image: url(../img/MenuLeft/Clientes/Marius.gif);
			}
			
			a#Medicamentos {
				background-image: url(../img/MenuLeft/Clientes/Medicamentos.gif);
			}
			
			a#Naturalis {
				background-image: url(../img/MenuLeft/Clientes/Naturalis.gif);
			}
						
			a#Panetto {
				background-image: url(../img/MenuLeft/Clientes/Panetto.gif);
			}
			
			a#Petrobras {
				background-image: url(../img/MenuLeft/Clientes/Petrobras.gif);
			}
			
			a#PortoDOro {
				background-image: url(../img/MenuLeft/Clientes/PortoDOro.gif);
			}
						
			a#Previ {
				background-image: url(../img/MenuLeft/Clientes/Previ.gif);
			}
						
			a#SanFrediano {
				background-image: url(../img/MenuLeft/Clientes/SanFrediano.gif);
			}
			
			a#SCJohnson {
				background-image: url(../img/MenuLeft/Clientes/SCJohnson.gif);
			}
			
			a#SESC {
				background-image: url(../img/MenuLeft/Clientes/SESC.gif);
			}
			
			a#Transpetro {
				background-image: url(../img/MenuLeft/Clientes/Transpetro.gif);
			}
			
			a#UtilidadesDomesticas {
				background-image: url(../img/MenuLeft/Clientes/UtilidadesDomesticas.gif);
			}
						
			a#Vaid {
				background-image: url(../img/MenuLeft/Clientes/Vaid.gif);
			}
						
			a#VitaRio {
				background-image: url(../img/MenuLeft/Clientes/VitaRio.gif);
			}
						
			a#Zuppa {
				background-image: url(../img/MenuLeft/Clientes/Zuppa.gif);
			}
			
			a#Flex {
				background-image: url(../img/MenuLeft/Clientes/Flex.gif);
			}
				
			a#Outros {
				background-image: url(../img/MenuLeft/Clientes/Outros.gif);
			}
				
			a#DoBem {
				background-image: url(../img/MenuLeft/Clientes/DoBem.gif);
			}
					
			a#Livre {
				background-image: url(../img/MenuLeft/Clientes/Livre.gif);
			}
			
			a#Plataforma {
				background-image: url(../img/MenuLeft/Clientes/Plataforma.gif);
			}
					
			a#Colorama {
				background-image: url(../img/MenuLeft/Clientes/Colorama.gif);
			}
			
			a#FACC {
				background-image: url(../img/MenuLeft/Clientes/FACC.gif);
			}
			
			a#FCC {
				background-image: url(../img/MenuLeft/Clientes/FCC.gif);
			}
			
			a#Epicuro {
				background-image: url(../img/MenuLeft/Clientes/Epicuro.gif);
			}
			
			a#ZonaSul {
				background-image: url(../img/MenuLeft/Clientes/ZonaSul.gif);
			}
			
			a#Kovak {
				background-image: url(../img/MenuLeft/Clientes/Kovak.gif);
			}
			
			a#ATL {
				background-image: url(../img/MenuLeft/Clientes/ATL.gif);
			}
			
			a#MarceloFerro {
				background-image: url(../img/MenuLeft/Clientes/MarceloFerro.gif);
			}
			
			a#OGlobo {
				background-image: url(../img/MenuLeft/Clientes/OGlobo.gif);
			}
			
			a#GaveaGolfClub {
				background-image: url(../img/MenuLeft/Clientes/GaveaGolfClub.gif);
			}
/* -----------------End of Links for MenuLeft-Level2--------------------  */

					/*----Caso Especial du SubMenu da Branding (O CSS dele debe aparecer depois do CSS comun dos tags "a" para override-los) ---*/							
					
					/*-Caso particular do menu Branding */
					ul#MenuLeft ul#MenuBranding { 
					position: absolute;
					padding: 0 0 0 0;  /*Reinicializa os paddings-margins*/
					top:288px;  /*New change!! para colar o menu1, para fluididade entre menu rollover pq senao IE bug*/
					left:47px; /*New change!! para colar o menu1, para fluididade entre menu rollover pq senao IE bug*/
					}
					
					ul#MenuLeft ul#MenuBranding ul li { 
					padding: 0;
					margin: 0;		 /*Reinicializa os paddings-margins*/
					}

					ul#MenuLeft ul#MenuBranding a{
						display:block;   /* Para fazer com que toda a área da caixa do link seja "clicável" */
						margin:0;
						padding:0;
						background-position: -110px top;						
						height: 12px;	/* Altura das Imagens de Background  */
						width: 110px;	/* 150:Largura Maximal das Imagens de Background  */
					} 
										
					a#Branding_submCases {
						background-image: url(../img/MenuLeft/Branding_submCases.gif);				
					}
					
					a#Branding_submMarcas {
						background-image: url(../img/MenuLeft/Branding_submMarcas.gif);
					}
					
					ul#MenuLeft ul#MenuBranding a:hover{
						background-position: 0px top;
					} 
					/*--------*/
					
					/*----Caso Especial du SubMenu da Ambientacao (O CSS dele debe aparecer depois do CSS comun dos tags "a" para override-los) ---*/							
					
					/*-Caso particular do menu Ambientacao */
					ul#MenuLeft ul#MenuAmbientacao { 
					position: absolute;
					padding: 0 0 0 0;  /*Reinicializa os paddings-margins*/
					top:167px;  /*New change!! para colar o menu1, para fluididade entre menu rollover pq senao IE bug*/
					left:47px; /*New change!! para colar o menu1, para fluididade entre menu rollover pq senao IE bug*/
					}
					
					ul#MenuLeft ul#MenuAmbientacao ul li { 
					padding: 0;
					margin: 0;		 /*Reinicializa os paddings-margins*/
					}

					ul#MenuLeft ul#MenuAmbientacao a{
						display:block;   /* Para fazer com que toda a área da caixa do link seja "clicável" */
						margin:0;
						padding:0;
						background-position: -110px top;						
						height: 12px;	/* Altura das Imagens de Background  */
						width: 110px;	/* 150:Largura Maximal das Imagens de Background  */
					} 
										
					a#Ambientacao_submAmbientacao {
						background-image: url(../img/MenuLeft/Ambientacao_submAmbientacao.gif);				
					}
					
					a#Ambientacao_submPP {
						background-image: url(../img/MenuLeft/Ambientacao_submPP.gif);
					}
					
					ul#MenuLeft ul#MenuAmbientacao a:hover{
						background-position: 0px top;
					} 
					/*--------*/
 /* -----------------End of MenuLeft-Level2--------------------  */
 
 /* -----------------End of MenuLeft--------------------  */
 
 /* -----------MenuTop--------------- */
#MenuTop ul {
	margin: 0; /*remove o recuo IE e Opera*/ 
	padding: 0; /*remove o recuo Mozilla e NN*/ 
}

#MenuTop li {
float:right;
margin-top:-4px;
margin-right:-4px;
} 
 
#MenuTop a {
	display:block;   /* Para fazer com que toda a área da caixa do link seja "clicável" */
	height: 16px;   /* Altura das Imagens de Background  */
	background-repeat: no-repeat;
	background-position: right -16px;
	padding-left:22px;
}

a#Portfolio {
	background-image: url(../img/MenuTop/Portfolio.gif);
}
a#Cases {
	background-image: url(../img/MenuTop/Cases.gif);
}
a#QuemSomos {
	background-image: url(../img/MenuTop/QuemSomos.gif);
}
a#Contato {
	background-image: url(../img/MenuTop/Contato.gif);
}

a#Extranet {
	background-image: url(../img/MenuTop/Extranet.gif);
}

a#Portfolio {
	width:70px;
}

a#Cases {	
	width:48px;
}

a#QuemSomos {	
	width:84px;
}

a#Contato {
	width:57px;
}

a#Extranet {
	width:61px;
}

#MenuTop a:hover {
	background-position: right 0px;
}



 /* -----------------End of MenuTop--------------------  */






/* -----------------HomePage--------------------  */
#FlashIntro {
	position:absolute;
	width:318px;
	height:205px;
	margin-left:24px;
	margin-top:19px;
	background-image: url(../img/FlashExemploHome.jpg);
}

/* -----------------End of HomePage--------------------  */