/*
CSS da ITBras
Apenas os usados na Pagina Inicial
*/


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;
}

.conteudoPaginaPrincipal {
	clear			: 	both;
	position		: 	relative;
	width			: 	auto;
	height			: 	auto;
	margin-top		:	0px;
	margin-right	: 	auto; 
	margin-bottom	:	0px;
	margin-left		:	auto; 
}


.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;
}

.coluna1 {
margin-left: 50px; height: 400px; width: 250px;
}


.coluna2{
margin-left: 350px; height: 400px; margin-top: -400px; width: 250px;
}


.coluna3 {
margin-left: 650px; height: 400px;  margin-top: -400px; width: 250px;
}

.SeparadorVerticalGrandeCol1to2 {
	margin-left: 320px;
	height: 400px;
	margin-top: -400px;
	width: 15px; 
}

.SeparadorVerticalGrandeCol2to3 {
	margin-left: 620px; 
	height: 400px; 
	margin-top: -400px; 
	width: 15px; 
}

.BannerPagPrincipal  {
	position:relative;
	margin-left: 11px; 
	margin-top: 0px;
}

/*
Decoração
*/

A:link {
	COLOR: #99CC33;
	text-decoration: underline;
	}

A:visited {
	COLOR: #99CC33; 
	TEXT-DECORATION: underline;
	}
	
A:hover  {
	COLOR: #FF0000;
	TEXT-DECORATION: underline ;
	}


	
A.prodserv:link{
	COLOR: #008080;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration: none ;
}

A.prodserv:visited{
	COLOR: #008080;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration: none ;
}

A.prodserv:hover  {
	COLOR: #99CC33;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration: underline ;
}

.prodserv {
	COLOR: #808080;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana;
}


.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.linkDiscretoPagPrinc:link {
	COLOR: #808080;
	text-decoration: none;
}

A.linkDiscretoPagPrinc:visited {
	COLOR: #808080; 
	TEXT-DECORATION: none;
}
	
A.linkDiscretoPagPrinc:hover  {
	COLOR: #AAAAAA;
	TEXT-DECORATION: none ;
}

.ImagemIconePagPrincipal  {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    float: left; 
    margin: 4px;
	border: 0px;
}

.espacador {
	height: 20px;
}

.espacadorpeq {
	height: 16px;
}

.menusuperiorvertical {
vertical-align:middle;
}

/*
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: 600px;
	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;
}

