/******************************************************************************

DOCUMENTO: Arquivo com as classes de template e classes específicas do projeto
CRIAÇÃO: 16/10/2008
AUTOR: Alisson Douglas (alisson@brivia.com.br)
VERSÃO: 003
ATUALIZAÇÕES:
1) dd/mm/aaaa (autor): _____________
2) dd/mm/aaaa (autor): _____________
OBSERVAÇÕES: 

******************************************************************************/

/*****************
******************
	  BASICO
******************
******************/

@import url("_basico.css");

/*****************
******************
	TEMPLATE
******************
******************/

#pagina{
	width:776px;
	margin:0 auto;	
	height:auto;
}
#topo{ 
	width:776px; 
	background:#000; 
	height:;
	position:absolute;
	top:0;
}
#conteudo{ 
	width:776px;
	position:relative;
	margin:0 0 0 0;
}
#principal{ 
	width:;
	display:inline;
	float:right;
	padding:40px 0 0
}
#menu-global{ 
	width:180px; 
	background:#CCC;
	display:inline;
	float:left;	
}

#rodape { 
	width:776px;
	text-align:center;
	background:#0099CC;	
}

/*****************
******************
	PROJETO
******************
******************/

body{background:#F0F0F0 url(../img/bg-body.jpg) repeat-x scroll 0 0;}
#pagina{height:768px}
#conteudo{padding:163px 0 0;}
/*topo*/
#topo{background:none}
#topo h1{float:left; display:block; }
#topo h1 a{
	background: url(../img/img-logo-vipal.gif) no-repeat scroll 0 0; 
	width:219px; 
	height:59px; 
	float:left;
	margin:40px 0 0;
}
#topo div#idioma{float:right;}
#topo div#idioma ul li {float:left; display:block;  }
#topo div#idioma ul li a{
	font:11px Arial,sans-serif; 
	color:white; 
	text-decoration:none; 
	float:left; 
	display:block; 
	padding:0 8px; 
	margin:5px 0;
	height:12px;
}
#topo div#idioma ul li a:hover{text-decoration:underline}
#topo div#idioma ul li a.borda{border-right:1px solid white; }
#topo #menu-global{
	float:right;
	background:none; 
	width:498px;
	display:block;
	height:28px;
	padding:0px 0 0 200px;
	margin:-2px 0 0;

}
#topo #menu-global ul li{float:left; display:block; }
#topo #menu-global ul li a{height:30px;}
#topo #menu-global ul li a.lk-institucional{
	background: url(../img/lk-institucional.gif) no-repeat scroll 0 0; 
	width:123px; 

}
#topo #menu-global ul li a.lk-institucional:hover,
#topo #menu-global ul li a.lk-institucional.ativo{background-position:0 -30px; }
#topo #menu-global ul li a.lk-entenda{
	background: url(../img/lk-entenda.gif) no-repeat scroll 0 0; 
	width:262px; 

}
#topo #menu-global ul li a.lk-entenda:hover,
#topo #menu-global ul li a.lk-entenda.ativo{background-position:0 -30px; }
#topo #menu-global ul li a.lk-corporativo{
	background: url(../img/lk-corporativo.gif) no-repeat scroll 0 0; 
	width:113px; 
}
#topo #menu-global ul li a.lk-corporativo:hover,
#topo #menu-global ul li a.lk-corporativo.ativo{background-position:0 -30px; }

/**secundario***/
body #secundario #box-empresas{	
	background: url(../img/bg-box-empresas.gif) no-repeat scroll 0 0; 
	width:320px; 
	min-height:228px;
	padding:22px 0 0;
}
body #secundario #box-empresas h3{	
	background: url(../img/tt-grupo-vipal.gif) no-repeat scroll 0 0; 
	width:auto; 
	height:17px;
	margin:0 0 10px 13px;
}
body #secundario #box-empresas ul li{
	margin:0 0 0 3px;
	display:block; 
	float:left;
	width:313px;
	height:75px;
	background: url(../img/img-barra-separacao.gif) no-repeat scroll bottom center;
}
body #secundario #box-empresas ul li a{height:55px; width:141px; margin:12px auto 0;}
body #secundario #box-empresas ul li:hover,
body #secundario #box-empresas ul li.ativo{background:url(../img/bg-empresa.gif) no-repeat scroll 0 bottom;}
body #secundario #box-empresas ul li.last{background:none;}
body #secundario #box-empresas ul li.last:hover{ background:url(../img/bg-espresa-last.gif) repeat-x scroll 0 bottom;}
body #secundario #box-empresas ul li a.borrachas{background:url(../img/lk-borrachas-vipal-p.gif) no-repeat scroll 0 0; }
body #secundario #box-empresas ul li a.financeira{background: url(../img/lk-vipal-financeira-p.gif) no-repeat scroll 0 0; }
body #secundario #box-empresas ul li a.plasticos{background: url(../img/lk-vipal-plasticos-p.gif) no-repeat scroll 0 0; }


/*principal*/
body #principal{padding:0}
body #principal #box-video{
	background:url(../img/bg-box-video.jpg) no-repeat scroll 0 0; 
	width:379px; 
	min-height:248px; 
	float:left;
	padding:22px 0 0 36px;
}
body #principal #box-video span{
	background:url(../img/tt-saiba-mais.gif) no-repeat scroll 0 0; 
	width:264px; 
	min-height:17px; 
	margin:0 0 36px;
}
body #principal #box-video div{width:320px; margin:0 0 0 10px; }
body #principal #box-video div embed{background:#3F3F3F;}

body#institucional #principal{width:100%}
body#institucional #principal #box-institucional{
	background:white url(../img/bg-box-texto.gif) no-repeat scroll 0 0; 
	width:713px; 
	padding:22px 32px 10px;
	font:11px Tahoma,sans-serif; color:#666666;
	height:425px;
	float:left;
	display:block;
}
body#institucional #principal #box-institucional div.texto{width:713px; overflow:auto; 	height:425px;}
body#institucional #principal #box-institucional p{margin:10px 0}
body#institucional #principal #box-institucional h3{background: url(../img/tt-institucional.gif) no-repeat scroll 0 0; height:16px;}
body#institucional #principal #box-institucional h3.tt-entenda{background: url(../img/tt-entenda.gif) no-repeat scroll 0 0; height:21px;}
body#institucional #principal #box-institucional span.subtitulo{color:#00254E; font-weight:bold; }



body#institucional #principal #box-institucional img{padding:20px 0; display:block;  }
body#institucional #principal a.lk-voltar{background:url(../img/lk-voltar.gif) no-repeat; width:47px; height:13px; margin:10px 0 0; }



body#institucional #principal #box-institucional div.box-organograma{
	background: url(../img/img-corporativo.gif) no-repeat scroll center center;
	width:713px; 
	height:425px;
}
body#institucional #principal #box-institucional div.box-organograma h3{
	background: url(../img/tt-corporativo.gif) no-repeat scroll 0 0; 
	height:21px;
}
body#institucional #principal #box-institucional div.box-organograma a.vipal{
	width:150px; 
	height:50px; 
	float:left; 
	display:block;
	margin:38px 0 0 4px;
}
body#institucional #principal #box-institucional div.box-organograma div{float:left; 	_display:inline;}
body#institucional #principal #box-institucional div.box-organograma div ul li a{display:block;}
body#institucional #principal #box-institucional div.box-organograma div.empresas{	margin:37px 0 0 15px;}

body#institucional #principal #box-institucional div.box-organograma div.empresas ul li a{
	width:130px;
	height:40px;
	margin:39px 0;
}
body#institucional #principal #box-institucional div.box-organograma div.emp-borrachas{margin:0 0 0 280px;}
body#institucional #principal #box-institucional div.box-organograma div.emp-borrachas ul li a{
	width:130px;
	height:21px;
	margin:0 0 9px;
}

body#institucional #principal #box-institucional div.box-organograma div.emp-plasticos{margin:157px 0 0 320px;}
body#institucional #principal #box-institucional div.box-organograma div.emp-plasticos ul li a{
	height:28px;
	margin:0 0 7px;
	width:90px;
}