/*--------------------------------------------------------------------
LAYOUT "markets & Products" Style - CRITICAL ECS(IE7+ FF1.5+ Opera9+)

Version: 	1.0 - 2009
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);

/*----------------------------------------------------------------------
=CONTENT TOPO
Notes: no #contentFdo
-------------------------------------------------------------------------*/
#contentTop{
	position: relative; width: 955px; height:7px;
	background: transparent url(../imgs/market-contentTop-bg.png) no-repeat;
}


/*-------------------------------------------------------------------------
=CONTENT FUNDO
-------------------------------------------------------------------------*/
#contentFdo{
	position: relative; width: 955px; height:44px; clear: both;
	background: transparent url(../imgs/market-contentFdo-bg.png) no-repeat;
}
#contentFdo p{
	font: 13px/18px Corbel, Helvetica, Arial, sans-serif; color:#292c39;
	position: relative; left: 563px; top: 10px; width: 200px;
}
#contentFdo p a{font-weight: bold;color:#292c39;}


/*-------------------------------------------------------------------------
=CONTENT 
-------------------------------------------------------------------------*/
#content{
	position: relative; width: 955px;	min-height: 300px; overflow: hidden; height: 1%;
	background: transparent url(../imgs/market-content-bg.png) repeat-y;
}
#content h2{
	position: absolute;	top:0px; left: 475px; width: 281px; height: 42px;	text-align: right;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background: transparent url(../imgs/content-separadorMain-big.png) no-repeat;
}
#content h2 span{padding-right: 12px;}


/*-------------------------------------------------------------------------
=CONTENT ESQUERDA
-------------------------------------------------------------------------*/
#contentEsq{
	position: relative; float: left; width: 360px; padding: 22px 62px 15px 40px;
}
#contentEsq h3{
	margin: 0 0 12px -15px; 
	font: bold 30px/30px Corbel, Helvetica, Arial, sans-serif; color: #b71234;
}
#contentEsq h4{margin: 8px 0 2px 0; color: #b71234; text-transform: uppercase;}
#contentEsq h5{margin: 8px 0 2px 0; font: bold 14px Corbel, Helvetica, Arial, sans-serif;}
#contentEsq h6{margin: 8px 0 2px 0; font: bold 13px Corbel, Helvetica, Arial, sans-serif;}
#contentEsq h3 + p{font-size: 17px; line-height: 21px; margin-bottom: 10px;}
#contentEsq p, #contentEsq ul,#contentEsq dl{padding-bottom: 13px; font-size: 13px; line-height: 18px;}
#contentEsq ul li{padding: 0 0 0 10px; background: transparent url(../imgs/icon-listas-seta.gif) no-repeat 0 7px;}
#contentEsq ul.blue{color: #292c39}
#contentEsq ul.blue a{color: #292c39}
#contentEsq p + ul{margin-top: -12px;}
#contentEsq dt{font-weight: bold; color: #b71234; margin:10px 0 0 -10px;}

/* =Share */
#contentEsq ul.shareTxtOpen{
	padding: 20px 0; overflow: hidden; font-size: 9px; min-width: 350px; z-index: 40;
	background: transparent url(../imgs/sharethis-separador.png) no-repeat 0 0; margin-top: 10px; 
}
#contentEsq ul.shareTxtOpen li{
	display: inline-block;  background: none; padding: 0; margin: 0; vertical-align: top;
}
#contentEsq  ul.shareTxtOpen li.fb iframe{max-width:90px;}
#contentEsq ul.shareTxtOpen li.plus1 iframe{margin: 4px 0 0 0;}

/*-------------------------------------------------------------------------
=CONTENT CENTRO
-------------------------------------------------------------------------*/
#contentCto{
	position: relative; float: left; width: 293px; padding: 66px 12px 15px 0;
}

/* =Bloco Solutions e Features */
#contentCto .bLista{width: 277px; margin-bottom: 10px;}
#contentCto .bLista h4{
	font: bold 17px/17px Corbel, Helvetica, Arial, sans-serif; 
	color: #b71234; text-transform: uppercase; padding-bottom: 8px;	
}
#contentCto .bLista ul{font-size:13px; color: #292c39;}
#contentCto .bLista li{
	padding: 0 0 5px 10px;
	background: transparent url(../imgs/icon-listas-seta.gif) no-repeat 0 5px;
}
#contentCto .bLista a{color: #292c39;}

/* =Bloco Products and Services */
.bProd{margin-top: 40px;}
.bProd h5{
	width: 281px; height: 42px;	text-align: right;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background: transparent url(../imgs/content-separadorMain-big.png) no-repeat;
}
.bProd h6{font: bold 13px/18px Corbel, Helvetica, Arial, sans-serif; color:#292c39;}
.bProd h6 a{color:#292c39; border: 0;}
.bProd ul li{
	display: block; position: relative;	width: 277px; 
	font-size:11px; overflow: hidden; height: 1%; margin-bottom: 25px;
}
.bProd ul li img{float: left; padding-right: 10px; width: 66px;}
.bProd ul li div{float: left; width: 200px; padding: 0; margin: 0;}
.bProd ul li p a{line-height: 25px;}

/* =Imagem id products */
#contentCto img.logoProduct{
	width: 262px; height: 132px; padding: 2px 4px 4px 4px; margin: 0 0 20px -4px;
	background: transparent url(../imgs/products-moldura-id.png) no-repeat;
}

/*-------------------------------------------------------------------------
=CONTENT DIREITA
-------------------------------------------------------------------------*/
#contentDta{
	position: relative; float: left; width: 181px; padding: 0 0 10px 0;
}

#contentDta h5{
	width: 169px; height: 42px;	text-align: right; padding-right: 12px;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background: transparent url(../imgs/content-separadorColuna.png) no-repeat;	
}

/* =Bloco Case Study */
.bCase{color:#6d6e71; font-size: 11px; margin-bottom: 15px;}
.bCase li{
	display: block; position: relative; padding: 16px 14px 16px 15px; 
	background: transparent url(../imgs/content-separadorColuna-sec.png) no-repeat top right;
}
.bCase ul li:first-child{background: none; padding: 3px 14px 16px 15px;}
.bCase li h6, .bflyer h6{font: bold 13px/15px Corbel, Helvetica, Arial, sans-serif; color:#292c39; display: inline;}
.bCase li h6 a{color:#292c39; border: 0; margin: 0; padding: 0;}
.bCase li img{float: right; padding: 3px 0 10px 5px;} /* :BUG: IE7, com margin entra em conflito com o roll over do see detalis*/
.bCase li p{margin-top: 5px;}

/* =Bloco White Papers  */
.bPapers, .bLinks{color:#6d6e71; font-size: 12px; margin-bottom: 15px;}
.bPapers p{padding: 3px 14px 13px 15px;}
.bPapers ul{margin-bottom: 30px;}
.bPapers li{
	display: block; position: relative; min-height: 20px; margin: 0 14px 15px 15px; padding-left: 19px; 
	background: transparent url(../imgs/icon-pdf-red.png) no-repeat; line-height: 16px;
}
.bPapers li a{
	color: #292c39; font-weight: bold; font-size: 11px; 
	background: none!important; padding: 0!important;
}
.bPapers li a:hover,.bPapers li a:focus{color: #b71234;}

/* =Bloco Flayer e Presentation */
.bflyer{
	color:#6d6e71; font-size: 11px; margin-bottom: 15px; min-height: 100px;
	display: block; position: relative; padding: 3px 14px 16px 15px;
	background: transparent url(../imgs/icon-pdf-big.png) no-repeat 115px 64px;
}
.bflyer h5{margin-left: -14px;}
.bflyer h6{width: 90px;}
.bflyer p{margin-top: 5px; width: 100px;}
.bflyer ul li{margin: 4px 0; line-height: 16px;}

/* =Bloco Listagem de links */
.bLinks{color:#6d6e71; font-size: 12px; margin-bottom: 15px;}
.bLinks p{padding: 3px 14px 5px 15px;}
.bLinks li{display: block; position: relative;  margin: 0 14px 0 15px; line-height: 14px; margin-bottom: 5px; font-size: 11px;}
.bLinks li a{color: #292c39;}
.bLinks li a:hover,.bLinks li a:focus{color: #b71234; border: 0;}
.bLinks li.on a{color:#c8c8ca; border: 0; cursor: default;}