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

Version: 	2.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/products-contentTop-bg.png) no-repeat;
}


/*-------------------------------------------------------------------------
=CONTENT FUNDO
-------------------------------------------------------------------------*/
#contentFdo{
	position: relative; width: 955px; height:44px; clear: both;
	background: transparent url(../imgs/products-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/products-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: 13px;}


/*-------------------------------------------------------------------------
=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{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;}


/*-------------------------------------------------------------------------
=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;}

/* =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: 181px; height: 42px;	text-align: right;
	font: bold 9px/12px Corbel, Helvetica, Arial, sans-serif; color:#6d6e71; text-transform: uppercase;
	background: transparent url(../imgs/content-separadorColuna.png) no-repeat;	
}
#contentDta h5 span{padding-right: 13px;}
/* =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;}