/*
CSS da ITBras
*/


body.fpadrao {
    FONT-SIZE: 10pt; 
	FONT-FAMILY: Tahoma, Arial, Helvetica;
    COLOR: #808080;
    TEXT-DECORATION: none;
	margin-top		:	10px;
	margin-right	:	0px;
	margin-bottom	:	0px;
	margin-left		:	0px;
	background-image: 	url("/images/BackgroundDegradeCinza.jpg");
	background-color: 	#CCCCCC; 
	background-repeat: 	repeat-x;
}

.geral{
	clear			: 	both;
	width			: 	970px;
	margin-top		:	0px;
	margin-right	: 	auto; 
	margin-bottom	:	0px;
	margin-left		:	auto; 
	position		: 	static;
	background		: 	#FFFFFF;
	background-image: 	url("/images/BackgroundLinhaHorizontal.png");
	background-repeat: 	repeat-y;
}


.geral_semback{
	clear			: 	both;
	width			: 	970px;
	margin-top		:	0px;
	margin-right	: 	auto; 
	margin-bottom	:	0px;
	margin-left		:	auto; 
	position		: 	static;
}




.topo{
	clear			: 	both;
	width			: 	970px;
	height			: 	120px;
	margin-top		:	0px;
	margin-right	: 	auto; 
	margin-bottom	:	0px;
	margin-left		:	auto; 
	position		: 	relative;
}

.bannerPrincipal {
	clear			: 	both;
	position		: 	relative;
	width			: 	970px;
	height			: 	350px;
	margin-top		:	0px;
	margin-right	: 	auto; 
	margin-bottom	:	0px;
	margin-left		:	0px; 
}

.footer {
	background		:	#5b7186;
	height			:	48px;
	width			:	100%;
	FONT-SIZE		:	8pt; 
	FONT-FAMILY		:	Tahoma, Arial, Helvetica;
    COLOR			:	#FFFFFF;
    TEXT-DECORATION	:	none;
}

address.footer {
	text-align		:	center;
	font-style		: 	normal;
}


/*
Decoração
*/

A:link {
	COLOR: #99CC33;
	text-decoration: underline;
    }

A:visited {
	COLOR: #99CC33; 
	TEXT-DECORATION: underline;
    }
	
A:hover  {
	COLOR: #FF0000;
	TEXT-DECORATION: underline ;
    }


	
A.LinkGeralGrande:link{
	COLOR: #008080;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration: none ;
}

A.LinkGeralGrande:visited{
	COLOR: #008080;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration: none ;
}

A.LinkGeralGrande:hover  {
	COLOR: #99CC33;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration: underline ;
}

.LinkGeralGrande {
	COLOR: #808080;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
}

A.footermenu:link {
	COLOR: #808080;
	text-decoration: underline;
}

A.footermenu:visited {
	COLOR: #808080; 
	TEXT-DECORATION: underline;
}
	
A.footermenu:hover  {
	COLOR: #99CC33;
	TEXT-DECORATION: underline ;
}
	

A.linkDiscreto:link {
	COLOR: #808080;
	text-decoration: none;
}

A.linkDiscreto:visited {
	COLOR: #808080; 
	TEXT-DECORATION: none;
}
	
A.linkDiscreto:hover  {
	COLOR: #AAAAAA;
	TEXT-DECORATION: none ;
}

.linkDiscreto {
	COLOR: #808080;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
}


span.AparentaComoLink {
	COLOR: #008080;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration: none ;
}

.ImagemIconePequenoEsquerda  {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    float: left; 
    margin: 4px;
	border: 0px;
}

.ImagemIconePequeno  {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin: 4px;
	border: 0px;
}

.ImagemIconePequeno2  {
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin: 0px;
	border: 0px;
}


th.Quadrado {
    FONT-SIZE: 8pt; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #000000;
	text-align: left;
	background: 	url("/images/quadradoFundo.png");
	padding: 3px; 
	padding-left: 6px;
	border: 1px solid #CCCCCC; 
}

td.Quadrado {
    FONT-SIZE: 8pt; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #666666;
	text-align: left;
	padding: 3px; 
	padding-left: 6px;
	border: 1px solid #CCCCCC; 
}


A.Quadrado:link {
	COLOR: #808080;
	text-decoration: none;
}

A.Quadrado:visited {
	COLOR: #808080; 
	TEXT-DECORATION: none;
}
	
A.Quadrado:hover  {
	COLOR: #99CC33;
	TEXT-DECORATION: none ;
}






span.Quadrado {
    FONT-SIZE: 8pt; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #666666;
	text-align: left;
}

table.Quadrado {
	background:#FFFFFF; 
	width:170px; 
	border-collapse: collapse;
}

div.QuadradoDivisor {
	background:#FFFFFF url("/images/quadradoPontilhadoTransparente.png") repeat-x;
	height:1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.QuadradoDivisor2 {
	background: url("/images/quadradoPontilhadoTransparente.png") repeat-x;
	height:1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

td.Quadrado2 {
    FONT-SIZE: 8pt; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #666666;
	text-align: left;
	padding: 3px; 
	padding-left: 6px;
	border: 1px solid #CCCCCC; 
	background-color: #ffffdd;
}




.espacador {
	height: 20px;
}

.espacadorpeq {
	height: 16px;
}

.espacadorUltraPeq {
	height: 5px;
}


.menusuperiorvertical {
vertical-align:middle;
}

div.publicidadedireitaEmpresa {
	margin-left:770px; width: 200px; height: 600px; margin-top: -160px;
}

div.publicidadedireitaTecnologia {
	margin-left:770px; width: 200px; height: 600px; margin-top: -160px;
}

INPUT.fontepadrao {
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
}

LI.bullet {list-style: disc outside; color: #808080; background-color: #ffffff;}

div.tecnologiasCaixaExplicacao {
float:right; padding: 12px; border: thin dotted #000080; margin:12px;
FONT-SIZE: 8pt; 
}

div.CasosSucessoCaixaDepoimento {
float:right; padding: 12px; border: thin dotted #000080; margin:12px;
FONT-SIZE: 10pt; 
color: #cc6600;
}

span.autor-CasosSucessoCaixaDepoimento  {
FONT-SIZE: 7pt; 
color: #000000;
}



h1,h2,h3,h4,h5,h6 
{
color: #009999;
}

h1.produtos 
{
color: #49A4C1;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

td.maisItensProdutosDestaques {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	text-align: left;
	vertical-align:text-top;
}

A.maisItensProdutosDestaques:link {
	COLOR: #808080;
	text-decoration: none;
}

A.maisItensProdutosDestaques:visited {
	COLOR: #808080; 
	TEXT-DECORATION: none;
}
	
A.maisItensProdutosDestaques:hover  {
	COLOR: #99CC33;
	TEXT-DECORATION: underline ;
}


span.produtosCategoriaAtual {
	color: #808080;
	font-size: 8pt;
	font-weight:bold;
}

A.produtosCategoriaAtual:link {
	COLOR: #808080;
	text-decoration: none;
}

A.produtosCategoriaAtual:visited {
	COLOR: #808080; 
	TEXT-DECORATION: none;
}
	
A.produtosCategoriaAtual:hover  {
	COLOR: #99CC33;
	TEXT-DECORATION: underline ;
}




div.AreaPreco {
background-color: #EEEEEE;
padding: 5px; 
border: 1px solid;
border-color: #808080;
}

span.produtosPrecoPor {
	color:#008000;
	font-size:20px;
	font-weight:bold;
	vertical-align:text-top;
}

span.produtosPrecoDe {
	text-decoration: line-through;
}

span.produtosTextoParcelamento {

}

span.produtosPrecoParcelamento {
	color:#008000;
	font-weight:bold;
}


span.newsTitulo {
	font-weight:bold;
	color: #009999;
}

div.QuadradoDegradeGdeTopo {
	height: 7px;
	width: 300px; 
	margin-left: auto; 
	margin-right: auto;
	background: #FFFFFF url("/images/QuadroDegrade_01.png"); 
	background-repeat: no-repeat; 
}


div.QuadradoDegradeGdeBase {
	width: 300px; 
	height: 7px; 
	margin-left: auto; 
	margin-right: auto;
	background: #FFFFFF url("/images/QuadroDegrade_03.png");
	background-repeat: no-repeat; 
}

div.QuadradoDegradeGdeMeio {
	width: 300px; 
	height: 130px; 
	margin-left: auto; 
	margin-right: auto; 
	background:#FFFFFF url("/images/QuadroDegrade_02.png");
	background-repeat: no-repeat; 
	overflow: auto;
}


A.LinkGrandeQuadradoDegrade {
	font-size: 13px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration: none;
}

A.LinkGrandeQuadradoDegrade:link {
	COLOR: #808080;
	text-decoration: none;
}

A.LinkGrandeQuadradoDegrade:visited {
	COLOR: #808080; 
	text-decoration: none;
}
	
A.LinkGrandeQuadradoDegrade:hover  {
	COLOR: #AAAAAA;
	text-decoration: none;
}


A.LinkGrandeCinza:link {
	COLOR: #808080;
	text-decoration: none;
}

A.LinkGrandeCinza:visited {
	COLOR: #808080; 
	text-decoration: none;
}
	
A.LinkGrandeCinza:hover  {
	COLOR: #99CC33;
	text-decoration: none;
}

/*
Bookmarking Social


localizacao do popup
-setasuperior =seta
espaco entre icones e texto = sharepage strong margin-right 
segredo ta em blocoImagemFundo... se .selected = diaplay:block... pois no inicio ele é display:none
*/

.blocoCompartilharBookmark .BookmarkingQuadradoExplicacaoOntop .blocoImagemFundo { 
	top:20px; 
	left: 270px; 
	width: 380px;
}

.blocoCompartilharBookmark  {
	position:relative;
	width: 650px;
	margin-left: 195px;

}
.blocoCompartilharBookmark .blocoCompartilharBookmarkInterno  {
	width:360px; 
	margin: auto; 
}

.blocoCompartilharBookmark .textoBookmarking {
	float:left; 
	margin-right:30px; 
}

.blocoCompartilharBookmark .textoBookmarking span a { 
	text-decoration:underline;
}

.textoBookmarking { 
    FONT-SIZE: 8pt; 
	FONT-FAMILY: Tahoma, Arial, Helvetica;
    COLOR: #808080; 
	} 

.ImagemCompartilharBookmark  { 
	border:0px; 
}

.BookmarkingQuadradoExplicacaoOntop .blocoImagemFundo {
	display:none;
}

.BookmarkingQuadradoExplicacaoOntop .BookmarkingMaisInfoTexto { 
	overflow:hidden; 
	padding-right:15px; 
    FONT-SIZE: 8pt; 
	FONT-FAMILY: Tahoma, Arial, Helvetica;
    COLOR: #808080; 
}

.BookmarkingQuadradoExplicacaoOntop3.selected .blocoImagemFundo {
	display:block;
}

.blocoImagemFundo {
	background: #FFFFFF url('/images/bookmarking/DegradeFundo.png') repeat-x top; 
	border:1px solid #999999; 
	position:absolute; 
	height: 8em; 
	z-index:2;
}
.BookmarkingQuadradoExplicacaoOntop .seta { 
	background: url('/images/bookmarking/SetaSuperior.png') no-repeat 2em top;  
	width: 370px ; 
	position: relative; 
	top:-11px; 
	padding: 15px;
}

.geralbookmarking {
	clear			: 	both;
	width			: 	970px;
	height			:	18px;
	margin-top		:	0px;
	margin-right	: 	auto; 
	margin-bottom	:	0px;
	margin-left		:	auto; 
	padding-top		:	5px;
	position		: 	static;
	background		: 	#FFFFFF;
	background-image: 	url("/images/BackgroundLinhaHorizontal_c.gif");
	background-repeat: 	repeat-y;
}

	
A.tagcloud:link{
	COLOR: #808080;
	font-size: 10pt;
	font-family: Tahoma, Arial, Verdana;
	text-decoration: none ;
}

A.tagcloud:visited{
	COLOR: #808080;
	font-size: 10pt;
	font-family:Tahoma, Arial, Verdana;
	text-decoration: none ;
}

A.tagcloud:hover  {
	COLOR: #333333;
	font-size: 10pt;
	font-family:Tahoma, Arial, Verdana;
	text-decoration: underline ;
}

.tagcloud {
	COLOR: #808080;
	font-size: 10pt;
	font-family:Tahoma, Arial, Verdana;
}

table.bordasimples {border-collapse: collapse;}

table.bordasimples th {
border:1px solid #c3c3c3;
color:#000000;
background-color:#dddddd;
}


table.bordasimples tr td {
border:1px solid #c3c3c3;
color:#000000;
background-color:#f1f1ed;
}