/* IMPORT DE CSS DO PACOTE */
 
@import url(sidebar.css); 
@import url(style.css);
@import url(forms.css);
@import url(selectbox.css);
/*
Indice
#CSS			Css Reset
#GER			Classes uteis
#HDR			Header	
#HDR-01		Header > User Info box
#HDR-02		Header > Menu
#SDB			Sidebar 
#FTR			Footer
*/

/*  #CSS CSS RESET */
* {margin:0; padding:0;}
html {font-size:62.5%;font-family:arial, helvetica, verdana, tahoma, sans-serif;color:#313131;}
ul, ol {list-style-position:outside; }
ul li, ol li {text-indent:0;}
table {border-collapse:collapse;border-spacing:0;}
img, a img {border:0 none;}
 
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

a:link, a:visited {color:#54579a;}
a:hover {color:#404380;text-decoration:underline !important;}
a:active {color: #54579a;}

cite, em, dfn { font-style: italic; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: baseline; }
blockquote { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #444; margin:5px 20px; padding:5px 0}
article,aside,details,dialog,eventsource,figure,footer,header,mark,menu,meter,nav,output,progress,section { display:block; }
.placeholder { color:#666; }

label.fleft, .fleft {float:left;}
label.fright, .fright {float:right;}
.nofloat {float:none;}
.cleft {clear:left;}
.cright {clear:right;}
.cboth {clear:both;}
.nomargin {margin:0;}
.nopadding {padding:0 !important;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
th.alignright {text-align: right !important}

.labelClearLeft label, .labelClearLeft .divlabel {clear:left;}

strong {font-weight: bold;} 

p.msgErroLogin {
	font-size:12px;
	font-weight:bold;
	color:red;
}

/* titulo home */
h1.titHomeTodosProdutos {
	color:#999;
	font-weight:normal;
	font-size:18px;
}

/* #GER Classes uteis */

.clearfix:after { /*classe para limpar containers com filhos flutuantes*/
  content:".";
  display:block;
  height:0;
  clear:both;
	visibility: hidden;
}

*.clearfix {display:inline-block;}
*html .clearfix {height: 1px;}
.clearfix {display: block;}


.wrapper { /* Classe para centralizar conteudo na pagina */
	width:990px; 
	margin:0 auto;}

.button { /* Botoes usados em todo o site. Aplicaveis em links. Podem receber atributos de largura. */
	font:bold 11px/28px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color:#fff !important;
	text-decoration:none;
	text-align:center;
	display:inline-block;
	padding:0 10px;
	margin-right:10px;
	position:relative;
	letter-spacing:0;
	background:url(images/bg-button.jpg) no-repeat -10px top;
	text-shadow: #6f71ba 1px 1px 1px;
}
.button span { 
	width:10px; height:28px;
	display:inline-block;
	position:absolute;
	right:0; top:0;
	_right:-1px; /*IE6*/
	background:url(images/bg-button.jpg) no-repeat 0 top;  }
	.button:hover { background-position: -10px bottom !important; text-decoration:none !important;}
	.button:hover span { background-position: left bottom;}
	.button.btHover { background-position: -10px bottom;}
	.button.hover span.sbtHover { background-position: left bottom;}

#ATT_ADESAO_COMMAND #content .button.fright{*top: -30px;}

.disclaimer{
	clear: both;
	color: #989898;
	font-size: 12px;
}

/* #HDR Header */
header{
	background: url('images/bgHeaderNovo.png') scroll repeat-x center top;
	display:block;
	height:129px;
	margin:0 0 20px 0;
	padding:0;
	position:relative;
	overflow:visible; 
	width:auto;
	z-index:999;
}
header h1{ 
	width:240px; 
	height:65px; 
	float:left;
	margin:25px 0;  }

/* #HDR-01 Header > User Info box */
#userInfo {
	float:right;
	color:#313131; 
	width:660px; }

section#userData {
	background: url(images/bg-header-userInfo.jpg) no-repeat right center;
	font-size:14px;
	width:260px;
	_width:275px;
	float:left;
	display:inline;
	padding:40px 15px 30px 0; }
	section#userData p { 
		clear:none;
		float:left; 
		margin-bottom:3px; }
	section#userData strong { color:#54579a; font-weight: bold; }
	section#userData small { 
		font-size:11px; 
		line-height:16px;
		color:#888; 
		display:block; }
	

#userActions { 
	clear:none;
	float:left;
	/*padding:40px 15px 30px 0; Florez */
	padding:0;
	width: 60px;
	_width: 70px;
	margin-left:15px;
	display:inline;
	/*background: url(images/bg-header-userInfo.jpg) no-repeat right center;*/
	font: normal 11px/14px Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
	color:#313131;
	z-index: 100;}
	#userActions p { 
		margin-bottom:3px;
		font: normal 11px/14px Arial, Helvetica, Verdana, Tahoma, sans-serif !important; } 
	#userActions strong { 
		/*font-size:14px;*/
		font-size:12px;
		_font-size:12px;
		/*_font-size:13px;*/
		font-weight: bold;
		/*display:block;*/} 
	#userActions li {
		width:25px;
		float:left;
		margin-right:3px;
		position: relative;
		z-index: 1000;	}
	#userActions li p {cursor:pointer;color:#54579A;height:17px;line-height:22px;padding: 5px 7px 0 25px;}
	#userActions li div p {cursor:text;color:#54579A;height:auto;line-height:25px;padding:0px!important;}
	#userActions li.last-child,	#userActions li:last-child { border:0 none;}
	#userActions ul li.dotVert { background: url(images/separaDataHora.gif) repeat-y right top;}
	#userActions #userActions-mensagens { background: url(images/bt-header-userInfo-options.png) no-repeat left top;}
	#userActions #userActions-protocolos { background: url(images/bt-header-userInfo-options.png) no-repeat left center;}
	#userActions #userActions-infoUsuario { background: url(images/bt-header-userInfo-options.png) no-repeat right bottom; width:18px; padding-left:0px; padding-right:0;}
	#userActions li span { display:none; }
	#userActions li div { 
		width:211px;
		_width:241px;
		padding:15px 15px 10px;
		position:absolute;
		top:32px; left:-205px !important;
		z-index: 1000;
		display:none;
		font:10px verdana !important;
		color:#313131;
		background: url(images/bg-header-userActions-rbox.png) no-repeat left bottom;
		_background: url(images/bg-header-userActions-rbox.gif) no-repeat left bottom;}
		#userActions li div div { 
			height:15px;
			padding:0;
			top:-10px; left:0 !important;
			width:100%;
			background:url(images/bg-header-userActions-rbox.png) no-repeat left top;
			_background:url(images/bg-header-userActions-rbox.gif) no-repeat left top;}
		section#userData #userActions li strong { color:#313131;}
		#userActions li div li { 
			float:none;
			width:auto;
			padding:0 0 3px;
			background:none;} 
		#userActions li div a { 
			color:#54579a;
			font-weight:bold;
			display:block;
			text-decoration:none;
			padding: 0 0 0 8px;
			background:url(images/bullet-arrow.gif) no-repeat center left;}
		#userActions li div a:hover {text-decoration:underline;}
		#userActions li div strong { 
			display:inline;
			*font:bold 10px arial;
			font-size:inherit;} 
					#userActions li div a:hover { text-decoration: underline;}
#userInfo .button { 
	text-transform:uppercase;
	width:40px;
	height: 28px;
	top:40px; float:right;
	margin:0;
}


nav.box-menu {
	overflow:hidden; 
	margin-top: 2px; 
	position:relative;
	display:block;
	z-index: 10;
}
nav.box-menu ul { 
	overflow:hidden;
	width:794px; 
	margin:0 auto; }
	nav.box-menu li { 
		float:left;
		list-style:none; }
		nav.box-menu a { 
			color:#fff; 
			display:block;
			text-indent:-9999px;
			height:67px;
			background-position:left top;
			background-repeat:no-repeat;
			z-index: 10; }
			nav.box-menu li a { background-image:url(images/btnsMenuInactive.png); }
			nav.box-menu li#nav-home a { background-position: left top; width:135px; }
			nav.box-menu li#nav-contaTotal a { background-position: -139px top; width:195px; }
			nav.box-menu li#nav-movel a { background-position: -342px top; width:156px; }
			nav.box-menu li#nav-fixo a { background-position: -500px top; width:144px; }
			nav.box-menu li#nav-internet a { background-position: right top; width:148px; }
			nav.box-menu li.active a { background-image:url(images/btnsMenuActive.png); }
			nav.box-menu li#nav-home.active a { background-position:left top; }
			nav.box-menu li#nav-contaTotal.active a { background-position:-139px top; }
			nav.box-menu li#nav-movel.active a { background-position: -342px top; }
			nav.box-menu li#nav-fixo.active a { background-position: -500px top; }
			nav.box-menu li#nav-internet.active a { background-position: right top; }

li.sep {
	display:block;
	float:left;
	width:2px;
	height:67px;
	/*height:73px;*/
	background:url(images/sepmenu.png) no-repeat right center;
}

/* #SDB Sidebar */
aside { 
	float:right;
	width:230px; 
	padding:0;
	background:url(images/bg-sidebar.jpg) no-repeat left top;
	min-height:800px;
	height:auto !important;
	}
	aside section { 
		clear:both;
		margin:0 0 10px 25px; 
		width:204px;
		display:block;}
	aside section.box {
		width:204px;
		background:url(images/bg-sidebar-sectionBox-pattern.jpg) repeat-y left top; }
		aside section.box h3 {
			color:#000;
			font:bold 14px/16px Arial, Helvetica, Verdana, Tahoma, sans-serif; 
			letter-spacing:-0.05em;
			background:url(images/bg-sidebar-sectionBox-title.jpg) no-repeat left top;
			padding:8px 12px; 
			/*margin:0 0 5px;*/ 
			margin:0 0 -2px; /* alteracao a pedido do usuario 12Abr */ }
		
		
/*Duvidas minha oi*/
aside section.sidebar-duvidas-minha-oi{
background: url(images/bkg-sidebar-duvidas-minha-oi.jpg) no-repeat;
width: 204px; 
height:123px; 
overflow:hidden}
aside section.sidebar-duvidas-minha-oi div { 
width:175px; 
margin:10px auto;}
aside section.sidebar-duvidas-minha-oi div img{
margin:0 10px 10px 0; float:left;}
aside section.sidebar-duvidas-minha-oi div h3{
font-size:14px; 
font-weight:bold; 
color:#000; 
margin:0;
background:none;
padding:5px 0 15px 0;
}
aside section.sidebar-duvidas-minha-oi div p{
width:162px; 
margin:10px auto; 
font-size:12px; 
margin:10px 0 20px 0;
color:#000;}		
			
/* banner conta online*/
aside section.banner-conta-onlinev2{
	background: url(images/bkg-banner-conta-online-v2.jpg) no-repeat; 
	width: 204px; 
	height:264px; 
	overflow:hidden}
	aside section.banner-conta-onlinev2 div { 
		width:162px; 
		margin:10px auto;}
		aside section.banner-conta-onlinev2 div img{
			margin:10px 0 10px 0;}
		aside section.banner-conta-onlinev2 div h3{
			font-size:24px; 
			font-weight:bold; 
			color:#e5e5e5; 
			margin:0;
			background:none!important;
			padding:0}
		aside section.banner-conta-onlinev2 div p{
			width:162px; 
			color:#e5e5e5; 
			font-size:15px; 
			margin:15px auto 20px auto;}
		aside section.banner-conta-onlinev2 div a.bt-banner-conta-online{
			background: url(images/bt-banner-conta-online-v2.png) no-repeat; 
			display:block; 
			width:99px; 
			height:28px; 
			color:#54579a; 
			font-weight:bold; 
			text-decoration:none; 
			text-align:center; 
			line-height:28px; 
			font-size:11px;}

/* #FTR	Footer */
footer { 
	margin-top:40px;
	color:#555658;
	font:normal 11px/15px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	background:url(images/bg-footer-pattern.jpg) repeat-x center bottom;
	padding-bottom:10px;
	height:100px;
	clear:both;
	text-align:center; }
footer .onlybg {background:url(images/bg-footer.jpg) no-repeat center top; }

footer .wrapper  {
	padding: 40px 0;
	padding-top:35px;
	background:url(images/bg-footer.jpg) no-repeat center top; }
	footer .wrapper  a { 
		color:#555658;
		font-weight:bold;
		text-decoration:none; }
	footer .wrapper  a:hover {
		text-decoration:underline; }