/*--------------------------------------------------------------------
LAYOUT "case study" 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: 445px; padding: 22px 30px 15px 40px;
}
#contentEsq h3{margin: 0 0 0 -15px; font: bold 30px/30px Corbel, Helvetica, Arial, sans-serif; color: #b71234;}
#contentEsq h4{margin: 0 0 0 -15px; font: bold 18px Corbel, Helvetica, Arial, sans-serif; color: #b71234;}
#contentEsq h5{margin: 25px 0 2px 0; font: bold 13px Corbel, Helvetica, Arial, sans-serif; color: #b71234; text-transform: uppercase;}
#contentEsq h6{margin: 8px 0 2px 0; font: bold 13px Corbel, Arial, Helvetica, sans-serif;}
#contentEsq p{font-size: 13px; line-height: 18px; padding-bottom: 13px;}
#contentEsq ul{font-size: 13px; line-height: 18px; margin-left: -10px;}
#contentEsq ul li{padding: 0 0 13px 10px; text-indent: 5px; background: transparent url(../imgs/icon-listas-seta.gif) no-repeat 0 7px;}
#contentEsq ul li>ul{padding-bottom: 0;}
#contentEsq li>ul li{padding: 0 0 5px 6px; margin-left: 12px; background: transparent url(../imgs/icon-listas-traco.gif) no-repeat 0 7px}
#contentEsq ul li>ol li{padding: 0; background: none;}
#contentEsq ol li{margin: 0 0 5px 18px; list-style: decimal outside none;}
#contentEsq ol.roman li{list-style: lower-roman outside none;}
#contentEsq ol li> ul{margin-left: -15px;}
#contentEsq ol li> ul li{list-style: none!important; padding: 0 0 0 10px; background: transparent url(../imgs/icon-listas-seta.gif) no-repeat 0 7px;}


/*-------------------------------------------------------------------------
=CONTENT CENTRO
-------------------------------------------------------------------------*/
#contentCto{
	position: relative; float: left; width: 240px; padding: 100px 12px 15px 0;
}
#contentCto h4{font-weight: bold; text-transform: uppercase;color: #b71234; padding-left:40px;}
#content #contentCto a{border: 0; background: none; padding: 0;}
#contentCto ul{padding: 15px 0 10px 20px;}
#contentCto ul li{margin-bottom: 15px;}

/* =Bloco Products and Services */
.bProd{margin-top: 20px;}
.bProd h5{
	width: 240px; 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-study.png) no-repeat top right;
}
.bProd h5 span{padding-right: 12px;}



/*-------------------------------------------------------------------------
=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{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;}
.bCase li.on{color:#c8c8ca;}
.bCase li.on h6 a{color:#94959c; cursor: default;}
.bCase li.on p a{display: none;}

/* =Bloco ID */
.bId{font-size: 11px; margin-bottom: 25px;}
.bId a{border: 0;}
.bId p{text-align: right; padding-right: 14px;}