/*
*********************************************************************	
	********************************************************
	CONECTT | CSS PADRAO
	Arquivo base padrao para estilos CSS | Projetos Conectt
	********************************************************
	NUCLEO DE DESIGN CONECTT
	Marcelo Trojahn | DESIGNER
	marcelo.trojahn@conectt.com.br
	Date: 08/2006
	********************************************************
	Copyright CONECTT | http://www.conectt.com.br
	********************************************************
*********************************************************************
*/

/* ### BODY ### */
body {	
	font-size: 11px;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial;
	background-color: #666666;.
	margin: 0;
	padding: 0;
	background-image: url('../media/img/fundo_geral.gif');
}

div.clear{
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	clear: both;
}




/*
TOPO
*/
#topo{
	height: 79px;
	width:770px;
	background: url('http://www.comgas.com.br/media/img/topo.gif') no-repeat;
}

#topo #marca{
	float: left;
	padding: 0 1px;
}
#topo div#menus {
/*	float: right;*/
	padding-left: 200px;
}
#topo #lang{
	display: none;
}
#topo div #navegacao{
	padding: 10px 0 0 0;
	height: 49px;
	max-height: 39px;
}
#topo div #menu_h{
	margin: 0 !important;
	padding:0 !important;
}
#topo div #menu_h img{
	margin: 0 !important;
	padding:0 !important;
	border: 0px none;
	float: left;
}
#topo div #menu_h div{
	padding: 5px;
	margin: 0;
	float:right;
	text-align: right;
}
#topo div #menu_h div form{
	display: inline;
}
#topo div #menu_h div input{
	border: 1px solid #333;
	background: #fff;
	display: inline;
	height: 20px;
	padding: 0;
	margin: 0 0 0 5px;
}
#largura{
	border-right: 1px solid #ccc;
	width: 770px;
	background-color: #fff;
}

#esquerda{
	width: 585px;
	float: left;;
	padding-left:0; 
	padding-right:1px; 
	padding-top:0; 
	padding-bottom:0;
}

#esquerda2{
	width: 580px;
	float: left;;
	padding-left:0; 
	padding-right:1px; 
	padding-top:0; 
	padding-bottom:0;
}

/*
CABECALHO
*/
#esquerda #cabecalho{
/*
	background: url(http://www.comgas.com.br/media/img/detalhe_verde.gif) no-repeat right;
*/
	background: #fff url('http://www.comgas.com.br/media/img/fundo_top_homes.gif') repeat-x 0 0;
	width: 595px;
	clear: both;
	border-bottom: 1px solid #ccc;
	border-right: 4px solid #060; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px
}
#esquerda #cabecalho #migalhas{
	background: url('http://www.comgas.com.br/media/img/icone_migalhas.gif') no-repeat 0 10px;
	clear: both; 
	padding-left:15px; 
	padding-right:10px; 
	padding-top:10px; 
	padding-bottom:0;
}

#adobe{
	display: block; 
	padding: 5px 10px; 
	margin: 10px 0; 
	border: 1px solid #ccc; 
	background: #f2f2f2;
}

#ico_prn{
	float: right;
	margin: 10px 0;
}
#esquerda #cabecalho h1{
	padding-top:10px;
	padding-left: 15px !important;
	padding-right: 0 !important;
	margin: 0 !important;
	clear: both; 
}
#esquerda #cabecalho h1 span{
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #018b43;
}
#esquerda #cabecalho h5{
	padding-top:10px;
	padding-left: 15px !important;
	padding-right: 0 !important;
	margin: 0 !important;
	clear: both; 
}

#esquerda #cabecalho h5 span{
	font-family: arial, sans-serif;
	text-transform: none;
	font-size: 15px;
	font-weight: bold;
	color: #018b43;
}

/* 
NOVA HOME
*/

#largura2{
	border-right: 1px solid #ccc;
	width: 770px;
	background-color: #f8f8f8;
	padding-left:5px;
}

#destaques {
	float:left;
	width:580px;
}


#direita2 {
	float:right;
	width:180px;
	padding-left:3px;
	border-left: dotted 1px #CCC;
}

.ident_azul {
	font:bold 14px Arial;
	color:#0369aa;
}

.texto_cinza {
	font:11px Arial;
	color:#686868;
}

.menu_cinza {
	font:11px Arial;
	color:#686868;
}

.menu_cinza:hover {
	color:#008a42;
}

.img_destaques {
	margin-right:5px;
	margin-left:10px;
}
.img_destaques2 {
	margin-right:5px;
}

.img_destaques3 {
	margin-top:5px;
}

#noticias {
	float:left;
	width:580px;
	margin-top:15px;
}

#flash {
	float:left;
	width:580px;
	padding-bottom:15px;
	padding-top:10px;
}

.datas {
	font: 10px Tahoma;
	color:#FFF;
}

.IdentVerde {
	font: 12px Arial;
	color:#008a42;
	font-stretch:semi-condensed;
}

.IdentAzul2{
	font: 12px Arial;
	color:#0369aa;
	font-stretch:semi-condensed;
}

.IdentCinza {
	font:bold 11px Tahoma;
	color:#555555;
}

.TextoAzul {
	font:bold 11px Arial;
	color:#0369aa;
	padding-right:40px;
}

#minha_conta {
	padding-top:6px;
	padding-left:5px;
}


a.menuazul2:active { font:bold l2px Arial; color: #008a42; text-decoration: none; padding-right:40px;}
a.menuazul2:link { font:bold l2px Arial; color: #0369aa; text-decoration: none; padding-right:40px;}
a.menuazul2:visited { font:bold l2px Arial; color: #0369aa; text-decoration: none; padding-right:40px;}
a.menuazul2:hover { font:bold l2px Arial;  color: #008a42; text-decoration: underline; padding-right:40px;}
a.menuazul2:visited:hover { font-family:bold l2px Arial; color: #008a42; text-decoration: underline; padding-right:40px;}


/*
BOUNDINGBOX
*/
#esquerda #boundingbox
{
	background: #fff url('http://www.comgas.com.br/media/img/fundo_top_homes.gif') repeat-x 0 -1px;
}
#esquerda #boundingbox #menu_v{
	width: 155px;
	max-width: 130px;
	float: left;

	padding-left:15px; 
	padding-right:10px; 
	padding-top:10px; 
	padding-bottom:10px;
}

#esquerda #boundingbox #menu_v ul,
#esquerda #boundingbox #menu_v dl
{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}
#esquerda #boundingbox #menu_v ul li,
#esquerda #boundingbox #menu_v dl dt,
#esquerda #boundingbox #menu_v dl dd
{
	list-style: none;
	margin: 0 !important;
	padding: 2px 0 !important;
	border-bottom: 1px solid #fff;
}
#esquerda #boundingbox #menu_v ul li a,
#esquerda #boundingbox #menu_v dl dt a,
#esquerda #boundingbox #menu_v dl dd a
{
	margin: 0 !important;
	display: block;
	clear: both;
	background-image: url("../media/img/menu_v_bullet.gif");
	background-repeat: no-repeat !important;
	background-position: 2px 5px;
	text-decoration: none; padding-left:12px; padding-right:0; padding-top:2px; padding-bottom:2px
}
#esquerda #boundingbox #menu_v dl dd a
{
	/*color: red;*/
	padding: 2px 0 2px 22px;
	background-position: 12px 5px;
}
#esquerda #boundingbox #menu_v ul li a:hover{
	color:#06c;
}
/*
CONTEUDO
*/
#esquerda #boundingbox #conteudo{
	width: 555px;
	max-width: 555px;
	padding: 10px 10px;
	padding-left:30px;
/*	background: url(http://www.comgas.com.br/media/img/detalhe_verde.gif) no-repeat right -50px;*/
}

#esquerda #boundingbox #conteudo h2{
	padding-top: 10px 0 5px 0 !important;
	margin: 17px 0 10px 0 !important;
	border-bottom: 1px solid #018b43;
	clear: both; 
}
#esquerda #boundingbox #conteudo h2 span{
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	color: #018b43;
}
#esquerda #boundingbox #conteudo h3,
#esquerda #boundingbox #conteudo h4{
	font-weight: bold;
	color: #000;/*018b43;*/
	margin: 20px 0 0 0;
	padding: 0;
}
#esquerda #boundingbox #conteudo h3{
	font-size: 12px;
}
#esquerda #boundingbox #conteudo h4{
	font-size: 11px;
}
#esquerda #boundingbox #conteudo h5{
	padding-top: 10px 0 5px 0 !important;
	margin: 17px 0 10px 0 !important;
	border-bottom: 1px solid #018b43;
	clear: both; 
}
#esquerda #boundingbox #conteudo h5 span{
	font-family: arial, sans-serif;
	text-transform: none;
	font-size: 16px;
	font-weight: bold;
	color: #018b43;
}
#esquerda #boundingbox #conteudo P{
	margin: 5px 0 10px 0;
}
#esquerda #boundingbox #conteudo a,
#esquerda #boundingbox #conteudo a:hover,
#esquerda #boundingbox #conteudo a:visited:hover
{
	text-decoration: underline;
/*	font-weight: bold;*/
	color: #0033CC;
}
#esquerda #boundingbox #conteudo ul,
#esquerda #boundingbox #destaques ul,
#esquerda #boundingbox #links_relacionados ul,
#direita #noticias ul{
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 1.5em;
	list-style: none;
}
#esquerda #boundingbox #conteudo ul.2colunas li
{
	width: 45%;
	float: left;
	display: inline;
}
#esquerda #boundingbox #conteudo ul li,
#esquerda #boundingbox #destaques ul li,
#esquerda #boundingbox #links_relacionados ul li,
#direita #noticias ul li{
	background: url('../media/img/bullet_links.gif') no-repeat 0 3px;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}

#esquerda #boundingbox #conteudo div.conecttAccordeon ul li h3 a,
#esquerda #boundingbox #conteudo div.conecttAccordeon ul li h3 a:hover,
#esquerda #boundingbox #conteudo div.conecttAccordeon ul li h3 a:visited{
	text-decoration: none;
	color:#333333;
}
dl.acordeon,
dl.acordeon2 
{
	margin: 0;
	padding: 0;
}
dl.acordeon dd,
dl.acordeon2 dd{
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #fff;
}
#esquerda #boundingbox #conteudo dl.acordeon dd a,
#esquerda #boundingbox #conteudo dl.acordeon dd a:hover,
#esquerda #boundingbox #conteudo dl.acordeon2 dd a,
#esquerda #boundingbox #conteudo dl.acordeon2 dd a:hover
{
	display: block;
	padding: 5px 25px;
	margin: 0 !important;
	clear: both;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
dl.acordeon dd a
{
	border-top: 1px solid #c2c2c2;
	background-color: #f2f2f2;
	background-image: url('http://www.comgas.com.br/media/img/acordeon_bullet.gif');
}
dl.acordeon2 dd a
{
	background-image: url('http://www.comgas.com.br/media/img/acordeon2_bullet.gif');
}
dl.acordeon dd a:hover,
dl.acordeon dd a:visited:hover,
dl.acordeon2 dd a:hover,
dl.acordeon2 dd a:visited:hover{
	background-position: 8px -82px;
	text-decoration: none;
}
dl.acordeon dd span,
dl.acordeon2 dd span{
	display: none;
	padding: 0 0 20px 25px !important;
	margin: 0 !important;
	background: #fff;
}
dl.acordeon dd span a,
dl.acordeon dd span a:hover,
dl.acordeon2 dd span a,
dl.acordeon2 dd span a:hover
{
	display: inline !important;
	background: none;
	border-top: 0px none;
	padding: 0 !important;
	font-weight: normal !important;
	color: #0033CC !important;
	text-decoration: underline !important;
}

/*
ABAS
*/
.abas
{
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	clear: both;
}
.abas ul
{
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
	border: 1px solid #fff;
	background: none;
	list-style: none;
	clear: both;
}
.abas ul li
{
	margin: 0 !important;
	padding: 0 !important;
	display:inline;
	float:left;
	background-image: none !important;
	list-style:none !important;
}
.abas ul li a
{
	background-image: url('http://www.comgas.com.br/media/img/bg_abas.gif') !important;
	background-repeat: repeat-x;
	background-position: left 5px;
	display:block;
	text-align:center;
	color:#333 !important;
	text-decoration: none !important;
	font-weight:normal !important;
}
.abas ul li a:hover,
.abas ul li a.ativa,
.abas ul li a.ativa:hover
{
	background-image: url('http://www.comgas.com.br/media/img/bg_abas.gif') !important;
	background-repeat: repeat-x ;
	background-position: left top;
	color:#000 !important;
	text-decoration: none !important;
}

.abas ul li a.ativa,
.abas ul li a.ativa:hover
{
	background-position: 0 -71px;
	color:#fff !important;
}

div.abas ul li a span
{
	display: block;
	background-image: url('http://www.comgas.com.br/media/img/bg_abas_r.gif') !important;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 1px;
	margin-top: 5px;
	height: 60px;
	cursor:pointer;
}
div.abas ul li a:hover span,
div.abas ul li a.ativa span,
div.abas ul li a.ativa:hover span
{
	margin-top: 0;
	padding-top: 2px;
	height: 65px;
	text-decoration:none !important;
}
div.abas_conteudo
{
	display:none;
}
div.abas_conteudo_ativa
{
	display: block;
}
/*
/ABAS
*/


#esquerda #boundingbox #conteudo fieldset
{
	border: 1px solid e2e2e2;
	padding: 5px;
}
#esquerda #boundingbox #conteudo fieldset
{
	/*display: none;*/
}
#esquerda #boundingbox #conteudo table
{
	border-top: 3px solid #999;
	width:100%;
}
#esquerda #boundingbox #conteudo table tr td,
#esquerda #boundingbox #conteudo table tr th
{
	border-bottom:1px solid #d7d7d7;
	padding: 5px 0;
}
#esquerda #boundingbox #conteudo table.servicosonline
{
	border-top: 0 none !important;
}
#esquerda #boundingbox #conteudo table.servicosonline tr td,
#esquerda #boundingbox #conteudo table.servicosonline tr th
{
	border-bottom:0 none !important;
}
/*
/BOUNDINGBOX
*/
/*
/ESQUERDA
*/
#direita{
	width: 200px;
	float: right;
}

#direita div
{
	width: 200px;
}
#direita #noticias
{
}
#direita #extras
{
	padding:10px;
}
#direita #noticias h2 
{
	height: 25px;
}
#direita #noticias h2 span
{
	visibility: hidden;
}
#direita #noticias h2
{
	background: url('http://www.comgas.com.br/media/img/titulos/noticias.gif') no-repeat 0 10px;
	margin: 0;
	padding: 0;
}
span.data
{
	color: #999;
}
#rodape
{
	background-color: #0268AA;
	padding:5px 10px;
}

#rodape p
{
	color: #80b3d5;
	line-height: 14px;
}
#rodape span
{
	display: inline; 
	clear: none; 
	margin: 0; 
	padding: 0;
}
/*
CAPAS
*/
#esquerda div#boundingbox.home
{
	background-position: left 106px;
}
#esquerda div#boundingbox.home div.submenu
{
	heigh:85px !important;
}
div.submenu
{
	width: 185px;
	min-height:85px !important;
	_height: 85px;
	padding: 0;
	float: left;
	background: url('http://www.comgas.com.br/media/img/px_azul.gif') repeat-y right top;
	margin: 10px 0 0 10px; 
}
#menuNav
{
	float:right; 
	height: 20px !important; 
	margin: 0 !important; 
	padding: 0;
	border: 0 none !important; 
	display: inline;
	background: url('http://www.comgas.com.br/media/img/px_azul.gif') repeat-y right top;
	width: 185px;
}
div.submenu h3
{
	clear: both;
	padding: 5px 0px;
	margin: 0 0 5px 0;
	border-right: 3px solid #0369AB;
}

div#banner{
	clear:both;
	margin: 10px 0 10px 10px;
	height: 128px;
	_height: 108px;
}

div#banner_xp{
	position:absolute;
	clear: both;
	z-index:2;
	overflow-y: hidden;
	height: 128px;
	_height: 108px;
	border: 1px solid #fff;
	background: #fff;
}

div.menu_ri
{
	background: url('http://www.comgas.com.br/media/img/fundo_top_tabelas.gif') repeat-x !important;
}
div.menu_ri ul
{
	margin: 0 0 0 10px; 
	padding: 0; 
	list-style: none;
}
div.menu_ri ul li
{
	padding: 0 0 10px 0;
}
/*
CAPAS
*/


small {
	font-size: 90%;
}	

big	{
	font-size: 120%;
}	

pre	{	
	font-family: Courier New;
	color: #4b4b4b;
	font-size: 100%;
}	

ol li	{	
	list-style-type: decimal;
}	

ol ol li	{	
	list-style-type: lower-alpha;
}	

ol ol ol li	{	
	list-style-type: lower-roman;
}

/* ### Classes pr?prias ### */
.textoTabela {
	padding: 5;
	margin: 0 0 0 1.6em;
}

.endereco {
	font-family: Arial;
	font-size: 100%;
	font-style: normal;
	color: #80b3d5;
	vertical-align: bottom;
}

/* ### Fundos ### */
.topTabelas {
	background-image: url('../media/img/fundo_top_tabelas.gif');
	background-repeat: repeat-x;
	background-position-y:50%
}

.fundoColuna {
	background-image: url('../media/img/fundo_coluna_direita.gif');
	background-repeat: repeat-y;
	background-position:  right 50%;
}

.topHome {
	background-image: url('../media/img/fundo_top_homes.gif');
	background-repeat: repeat-x;
	background-position-y:50%
}

.topMeio {
	background-image: url('../media/img/fundo_pontilhado_meio.gif');
	background-repeat: no-repeat;
	background-position-y:50%
}

.pontilhadoAzul {
	background-image: url('../media/img/fundo_pontilhado_azul.gif');
	background-repeat: repeat-y;
	background-position-y:50%
}

/* ### Textos e demais itens do site ### */
table, td, tr, p, div { 
	font-family: Arial;
	font-size: 100%;
	color: #4b4b4b; 
}

table tr .border_left
{
	border-left: 1px solid #ccc;
	padding: 0 5px !important;
}

p {
	line-height: 1.6em;
}

/*
h1, h2, h4, h5, h6 {
    margin: 0;
    padding-top: 0.1em;
	padding-bottom: 0.1em;
}
h1 { 
	font-family: Arial; 
	font-size: 150%; 
	color: #4b4b4b;
}

h2 { 
	font-family: Arial;
	font-size: 120%;
	color: #4b4b4b;
}


h4 { 
	font-family: Arial; 
	font-size: 100%;  
	font-weight: bold; 
} 
*/
/* ### Listas ### */

ol { 
	line-height: 1.5em;
	padding: 0;
	margin: 0.5em 0 0 3.2em;
}

/* ### Formul?rios ### */
textarea {
	font-family: Arial;
	font-size: 100%;
	color: #4b4b4b;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #999999;
	padding: 2px;
}

.combosHome {
	font-family: Arial;
	font-size: 90%;
	color: #4b4b4b;
	/*width: 170px;*/
}

.combosRI {
	font-family: Arial;
	font-size: 90%;
	color: #4b4b4b;
	width: 130px;
}

.combosMinhaConta {
	font-family: Arial;
	font-size: 90%;
	color: #4b4b4b;
	width: 140px;
}

.input {
	font-family: Arial;
	font-size: 100%;
	color: #4b4b4b;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #999999;
	padding: 2px;
}

.imageField { /* Usar somente quando em imagens nos inputs (submit) */
	border: none;
	padding: 0px;
}


/* ### Imagens ### */
.imagens {
	border: 1px solid #999999;
	margin: 0 10 10 0;
	margin-right: 10px;
}

.banners {
	border: 1px solid #dbdbdb;
}

img {
	border: none;
}

.textarea-w295 {
font-family: Arial;
font-size: 100%;
color: #4b4b4b;
font-weight: normal;
vertical-align: middle;
border: 1px solid #999999;
padding: 2px;
width: 295px;
}

.input-w20 {
font-family: Arial;
font-size: 100%;
color: #4b4b4b;
font-weight: normal;
vertical-align: middle;
border: 1px solid #999999;
padding: 2px;
width: 20px;
}

.input-w90 {
font-family: Arial;
font-size: 100%;
color: #4b4b4b;
font-weight: normal;
vertical-align: middle;
border: 1px solid #999999;
padding: 2px;
width: 80px;
}

.input-w295 {
font-family: Arial;
font-size: 100%;
color: #4b4b4b;
font-weight: normal;
vertical-align: middle;
border: 1px solid #999999;
padding: 2px;
width: 295px;
}


/* ### Links ### */
a:active { font-family: Arial; font-size: 100%; font-style: normal; color: #008a42; text-decoration: none; }
a:link { font-family: Arial; font-size: 100%; font-style: normal; color: #4b4b4b; text-decoration: none; }
a:visited { font-family: Arial; font-size: 100%; font-style: normal; color: #4b4b4b; text-decoration: none; }
a:hover { font-family: Arial; font-size: 100%; font-style: normal; color: #008a42; text-decoration: underline; }
a:visited:hover { font-family: Arial; font-size: 100%; font-style: normal; color: #008a42; text-decoration: underline; }


a.enderecoLink:link { font-family: Arial; font-size: 100%; font-style: normal; color: #80b3d5; text-decoration: none; }
a.enderecoLink:visited { font-family: Arial; font-size: 100%; font-style: normal; color: #80b3d5; text-decoration: none; }
a.enderecoLink:hover { font-family: Arial; font-size: 100%; font-style: normal; color: #ffffff; text-decoration: none; }
a.enderecoLink:visited:hover { font-family: Arial; font-size: 100%; font-style: normal; color: #ffffff; text-decoration: none; }


a.chamada:link { font-family: Arial; font-size: 100%; font-style: normal; color: #4b4b4b; text-decoration: none;}
a.chamada:hover { font-family: Arial; font-size: 100%; font-style: normal; color: #008a42; text-decoration: underline; }



/* :::::::::::::::::::::: SALA DE IMPRENSA - by Bolinho :::::::::::::::::::::::::: */
#lcDestaque h2 {
	font: 9px;
	text-transform: none;
}
.lcImages {
	float: right;
	width: 208px;
}
.lcRelease {
	float: left;
	width: 208px;
}
.bxThumb {
	width: 98px;
	text-align: center;
	float: left;
	margin: 3px;
}
.bxThumb img {
	border: 1px solid #018B43;
	margin-bottom: 5px;

}