/*
================================================================================
Cascading Style Sheet - Folha de Estilos

Site: Pólo Petroquímico do Grande ABC

Criado por: Willian Dobler Mendes / Francisco Monteiro Kamisaka

Criado em: 18/05/2005

================================================================================
*/

/* ::: PROPRIEDADES PARA TODAS AS PÁGINAS ::: */
html, body {
	margin							: 0;
	padding							: 0;
	font-family						: Verdana, Arial;
	font-size						: 11px;
	color								: #555;
	text-decoration				: none;
}

A:link {color: #555; text-decoration: none}
A:visited {color: #555; text-decoration: none}
A:active {color: #555; text-decoration: none}
A:hover {color: #2F579D; text-decoration: none}

A.sublinhado:hover {color: #2F579D; text-decoration: underline;}/* HOVER PARA POP-UP */

#navegacao_esquerda {
	float							:left; 
	width							: 165px;
	height							: 500px;
	margin							: 0 0 0 2px;
	_margin							: 0 0 0 0;
}

#top {
	position							: relative;
	top								: 0;
	left								: 0;
}

#top div {
	position							: absolute;
	top								: 40px;
	left								: 455px;
}

#top div select {
	font-size						: 10px;
}

#bordaBottom {
	display							: block;
	float								: left;
	margin							: 0 0 0 -2px;
}

#leftSupContainer {
	float								: left;
	width								: 166px;
	margin							: 5px 0 0 0;
	_margin							: 2px 0 0 0;
	height							: auto;
}

#leftContainer {
	height							: 98%;
	margin							: 0;
	padding							: 0 0 2px 0;
}

#leftContainer {border-left:solid 1px #CECECE;}

/* Rodapé */
#rodape ul {
	list-style-type				: none;
	border							: solid 1px #D5D5D5;
	border-width					: 0 1px;
	width								: 757px; /* I.E. & Opera */
	margin							: 0 0 0 17px;
	padding							: 0 0 0 5px;
}

#rodape span {display:block; margin-left:17px;}

:root #rodape ul {width:751px;} /* FF */

#rodape ul li {display:inline; margin:0 3px !important;}
#rodape ul li img {border:0;}
/* Rodapé */

/*html>body #rodape {padding-top:10px;}*/

.scroll {
	overflow							: auto;
	width								: 90px;
	height							: 280px;
	SCROLLBAR-HIGHLIGHT-COLOR	: #C73011;
	SCROLLBAR-SHADOW-COLOR		: #C73011;
	SCROLLBAR-3DLIGHT-COLOR		: #000000;
	SCROLLBAR-ARROW-COLOR		: #EEEBF7;
	SCROLLBAR-TRACK-COLOR		: #FFF;
	SCROLLBAR-DARKSHADOW-COLOR	: #000000}

/* Bordas no MSIE */
#imgBorda01	{margin: -69px 0 0 20px;}
#imgBorda02 {margin: -71px 0 0 754px;}
#imgBorda03 {margin: -33px 0 0 20px;}
#imgBorda04 {margin: -45px 0 0 754px;}

/* Bordas no Opera e FF */
html>body #imgBorda01 {
	position							: absolute;
	top								: 0px;
	left								: 20px;
	margin							: 0;
}

html>body #imgBorda02 {
	position							: absolute;
	top								: 0px;
	left								: 767px;
	margin							: 0;
}

html>body #imgBorda03 {
	position							: absolute;
	top								: 55px;
	left								: 20px;
	margin							: 0;
}
  
html>body #imgBorda04 {
	position							: absolute;
	top								: 56px;
	left								: 765px;
	margin							: 0;
}

#imgLogos {
	margin							: 10px 0 0 20px;
	padding							: 6px 6px 0 6px;
	border							: solid 1px #D5D5D5;
	width								: 740px;
	height							: 56px;
	display							: block;
}

img	{border: 0;}

#menu {
	float							:left;
	width							:165px;
	height							:100px;
	margin							: 0;
	padding							: 0;
}

#menu ul {
	list-style-type				: none;
	width								: 166px;
	background-color				: FFF;
	margin							: 0 0 0 0;
	padding							: 0;
}

#menu ul li {
	color								: #FF0000;
	background						: #FFF url('/imagens/pearson/internas/lado.gif"') repeat-x top left;
	padding							: 5px 0 3px 0;
	border-top						: solid 1px #E1E1E1;
}

#menu ul li a {
	display							: block;
	text-align						: right;
}

#menu ul img {margin-right:5px;}

#menu div {
	text-align						: center;
	border							: solid 1px #000;
}

#menu .linhaMenu {
	display							: block;
	height							: 1px;
	font-size						: 1px;
	background						: #FFF url('/imagens/menu/bg_borda.gif') repeat-x top left;
}

#conteudo {
	width								: 100%;
	margin							: 0;
	padding							: 0;
}

#supContainer {
	float							: left;
	width							: 610px;
	margin							: 0 0 10px 0;
	padding							: 0;
}

#subContainer {
	height							: 300px;
	padding							: 40px 0 0 30px;
	margin							: 0;
	border							: solid 1px #E1E1E1;
	border-width					: 0 1px;

}

.vinManchete {
	padding							: 10px;
	background-color				: #F8F8F8;
	margin-left						: 4px;
	width								: 547px;
}

#combo {
	width								: 558px;
	height							: 22px;
	background						: url('/imagens/responsabilidade/selecione.gif');
	margin							: 0;
	padding							: 2px 0 0 211px ;
}

#combo select {
	width								: 332px;
	height							: 18px;
	font-size						: 10px;
}

.faleCon {
	font								: bold 13px 'Verdana';
	color								: #7A7A7A;
	text-align						: right;
}

.inputComum {
	font-family						: Verdana, Arial, Tahoma, Helvetica;
	background-color				: #F7F7F7;
	font-size						: 11px;
	border							: solid 1px #928D8D
}

.corpoCentro {
	margin							: 25px 0 0 14px;
	padding							: 0;
}

.corpoCentro table {
	font								: normal 11px 'Verdana';
	text-align						: justify;
	border-collapse				: collapse;
	border							: solid 1px #CCC;
	margin							: 10px 0 0 0;
	width								: auto;
}

:root .corpoCentro table {float:left;}

#CentPrograma {
	margin							: 0;
	padding							: 0;
	width								: 537px;
	border							: solid 1px #E1E1E1;
	border-width					: 0 1px;
}

.Centcorpo {
	display							: block;
	float								: left;
	border-left						: dotted 1px #E1E1E1;
	width								: 140px;
	margin							: 0 0 0 11px;
	padding							: 0 0 0 20px;
}

.Centcorpo span {
	background-color				: #F3F1F1;
	display							: block;
	margin							: 35px 0 30px 0;
	color								: #2A57A5;
	width								: 140px;
}

#programas {
	border							: solid 1px #E1E1E1;
	border-width					: 0 1px 0 1px;
	clear								: both;
	width								: 535px;
	_width							: 537px;
}

#projeto {
	border-right					: dotted 1px #E1E1E1;
	float								: left;
	margin-left						: 15px;
	_margin-left					: 10px;
	padding							: 10px;
	width								: 140px;
	_width							: 155px;
	height							: 150px;
}

#projeto span {
	background-color				: #F3F1F1;
	display							: block;
	margin-top						: 30px;
}

#centoHome {
	position:relative;
	float							: left;
	border							: solid 1px #E1E1E1;
	border-width					: 0 1px;
	width							: 610px;
	padding							: 32px 0 0 0;
	background:#FF0000];
}

:root #centoHome {width:608px;} /*Fire Fox*/

:root #subInterna {
	min-height						: 100%;
	height							: 0px auto !important;
	max-width						: 620px;
	width							: auto !important;
}

#vinhetas {
	background-color				: #F8F8F8;
	width								: 603px;
	width								: 100%;
	margin							: 0;
	padding							: 5px 0 0 5px;
	height							: 24px;
}

:root #vinhetas {width:99%;}

#subMenu {
	color								: #8C8C8D;
	padding							: 2px 0 0 0;
	margin							: 0;
}

#subMenu div {
	background						: url('/imagens/degrade.gif');
	width								: 100%
	margin							: 0;
	padding							: 0;
}

#corpo {
	margin							: 10px 0 0 15px;
	padding							: 0;
	width								: 562px;
	min-height						: 80px;
	_height							: 105px;
}

.certificacoes p {			/* força essas propriedades apenas na secao 'Sobre o Pólo' */
	display							: block !important;
	clear								: both !important;
	margin-top						: 10px !important;
}

#corpo h1 {
	border-left						: solid 3px #2A57A5;
	border-bottom					: dotted 1px #2A57A5;
	color								: #2A57A5;
	font-size						: 14px;
	position							: relative;
	margin							: 0 0 8px 0;
	padding							: 0 0 0 5px;
}

#corpo h4 {font-size:11px;	color:#2A57A5;}

#corpo p {_margin:10px 0;} /* Força espaçamento entre parágrafos pro MSIE */
#corpo p .thumbLogo {float:left; margin-right:5px;}
#corpo p .thumbFoto {float:right; margin:5px 0 0 5px;}

#corpo p span {
	display							: block;
	color								: #2A57A5;
	font								: bold 11px 'Verdana';
	text-align						: left;
	margin							: 10px 0 20px 0;
}

.listaTab {
	font-family						: Verdana, Arial;
	font-size						: 11px;
	text-align						: justify;
	border							: 0;
	color								: #555555;
	width								: 550px;
	height							: 300px;
}

.listaItens td	{padding:10px;}

.listaItens a {
	color								: #2A57A5 !important;
	font-family						: Verdana, Arial;
	font-size						: 11px;
	line-height						: 12px !important;
	line-height						: 0;
}

.listaItens a:hover {
	color								: #8C8C8D !important;
}

/* ::: Classe para a seção 'Notícias' ::: */
.link_manchete {border-bottom:dotted 1px #CDCDCD; margin-bottom:10px;}
.link_manchete a {display:block; margin:5px 0 10px 0;}
.link_manchete div {margin-bottom:10px;}
.link_manchete span {color:#2A57A5; display:block; clear:both;}
.link_manchete img {margin-right:5px;}

.combo_noticia {
	font-size:10px;
   position:absolute;
	right:0;
}

#corpo h1>.combo_noticia {bottom:0;} /* FF & Opera */
.combo_noticia {_top:-2px;} /* I.E. */
/* ::: ::: */

/* ::: Propriedades para a tabela da página de 'produtos' da seção 'Pólo' ::: */
#ApoloLogos {
	background						: #F8F8F8;
	width								: 534px;
	_width							: 535px;
	padding							: 0 0 0 0px;
	border 							: solid 1px #E1DFDF;
	border-width					: 0 1px 0px 1px;
	text-align						: center;
}

#ApoloLogos img	{margin:4px 0;}

.ApoloBordas, .ApoloBordasLef, .ApoloBordasBottom {border:solid 1px #ECEBEB;}
.ApoloBordas {border-width: 0 1px 1px 0;}
.ApoloBordasLef {border-width: 0 0 1px 0;}
.ApoloBordasBottom {border-width: 0 1px 0 0;}

.conteudoTabela {
	font								: normal 10px 'Verdana';
	text-align						: center;
	color								: #000;
	border							: 0;
}
.conteudoTabela td {padding:6px;}
.conteudoTabela th {background-color:EBEAEA; padding:6px;}
/* ::: ::: */

/* ::: PROPRIEDADES PARA A HOME ::: */
#containerHome {
	float								: left;
	margin							: 0 0 10px 0;
	padding							: 0;
	width								: 610px;
}

#homeCentral {
	height							: 328px;
	padding							: 40px 0 0 30px;
	margin							: 0;
	border							: solid 1px #E1E1E1;
	border-width					: 0 1px;
}

#conteudoHome {
	float								: left;
	padding-top						: 32px;
}

#destaque {
	width								: 385px;
	padding							: 0 2px 0 2px;
	border							: solid 6px #fff;
	border-width					: 0 6px 0 6px;
}

:root #destaque { /* Atributo identificável somente no FF */
	max-width						: 369px;
}

#destaque img {
	display							: block;
	margin							: 0;
}

#destaque h1 {
	font-family						: Verdana, Arial;
	font-size						: 11px;
	color								: #FFF;
	background						: url('/imagens/home/bg_destaques.gif');
	margin							: 0;
	padding							: 0 0 0 10px;
}

#ultimasNoticias {
	width								: 386px;
	_width							: 388px;
	margin							: 10px 0 0 0;
	border							: solid 1px #E4E4E4;
	border-width					: 0 1px;
}

#ultimasNoticias h2 {
	font-size						: 11px;
	color								: #7A7A7A;
	padding							: 0px 0 0 10px;
	background-color				: #F7F7F7;
	clear								: both;
}

#ultimasNoticias p {
	width								: 188px;
	float								: left;
	margin							: 0 0 0 0;
	padding							: 0 10px;
	min-height						: 80px;
}

:root #ultimasNoticias p {
	width								: 172px;
	padding							: 0 5px 5px 10px;
}

#ultimasNoticias div {
	position							: relative;
	top								: 0;
	left								: 0;
	clear								: both;
	border-bottom					: solid 1px #E4E4E4;
	height							: 28px;
	margin-left						: -1px;
}

#ultimasNoticias .bordaLeft { /* MSIE e Opera */
	top								: 0;
	left								: 0;
}

:root #ultimasNoticias .bordaLeft { /* Firefox */
	top								: 2px;
	left								: 0;
}

#ultimasNoticias .bordaRight { /* MSIE e Opera */
	top								: 0;
	left								: 358px;
}

:root #ultimasNoticias .bordaRight { /* Firefox */
	top								: 2px;
	left								: 360px;
}

#ultimasNoticias img {position:absolute;}

#quadroAzul {
	background-color		: #B3C2E3;
	font-weight					: bold;
	position						: relative;
	width								: 550px;
	margin							: 10px 0;
	padding							: 0;
}

#quadroAzul .celula {
	float								: left;
	width								: 50%;
	padding							: 10px;
}

:root #quadroAzul .celula {width:254px;} /* FF */

#quadroAzul span {
	font-size						: 13px;
	color								: #304899;
	font-style					: italic;
}

#denuncia {
	float								: right;
	line-height					: 1.15em;
	width								: 160px;
}

html>body #denuncia {margin:0 0 0 20px !important;}

#denuncia h3 {
	font-size						: 11px;
	text-align					: center;
	color								: #7A7A7A;
	background					: #FFF url('/imagens/home/bg_clique.gif') no-repeat 0 0;
	margin							: 0;
	padding							: 7px 0 0 0;
	height							: 28px;
}

#denuncia .cartaz {
	background						: #FFF url('/imagens/home/bg_clique-baixo.gif') no-repeat 0 0 !important;
	text-align						: center;
	height							: 29px;
	margin							: 0 0 0 1px;
	_margin-top						: -2px;
}

#denuncia .cartaz h4 {
	font-size						: 11px;
	margin							: 0;
	padding							: 5px 0 0 0;
}

#denuncia a:link {color:#7A7A7A;}
#denuncia a:visited {color:#7A7A7A;}
#denuncia a:active {color:#7A7A7A;}
#denuncia a:hover {color:#2F579D;}

:root #denuncia span img {margin-top:-7px;}

#denuncia p {
	font-size						: 11px;
	color								: #7A7A7A;
	margin							: 0;
	padding							: 3px 5px 5px 10px;
}

.logosRodape{
	padding:0px 14px 0px 13px;
}


.sistseguro{
				float:right; 
				width:250px;
				height:270px; 
				border:#000099 1px solid; 
				margin-left:10px;
				text-align:justify ;
				padding:5px 10px 5px 10px;
}