/*--------------------------------------------------------------------
LAYOUT "quality" 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);

/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
#header{height: 314px;background: transparent url(../imgs/header-quality-bg.png) no-repeat left top;}
#header h3{top: 277px;}
ul#highl{top: 281px;}
#formPesquisar fieldset{top: 279px;}

#headerFlash{
	position: absolute; top: 65px; left: 5px;	width: 945px; height: 200px; z-index: 10;
	background: transparent url(../pics/quality-header-eng.gif) no-repeat; 
}


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


/*-------------------------------------------------------------------------
=CONTENT FUNDO
-------------------------------------------------------------------------*/
#contentFdo{
	position: relative; width: 955px; height:44px; clear: both; 
	background: transparent url(../imgs/quality-contentFdo-bg.png) no-repeat;
}
#contentFdo p{
	font: 13px/18px Corbel, Helvetica, Arial, sans-serif; color:#292c39;
	position: relative; left: 753px; 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/quality-content-bg.png) repeat-y;
}
#content h2{
	position: absolute;	top:0px; left: 668px; 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: 183px; padding: 0 45px 15px 5px; 
}
#contentEsq h3{
	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 Navegacao */
.bNav ul{
	margin: 0 15px 20px 20px;
	font-size: 13px; font-weight: bold;	text-transform: uppercase; color: #1b4668;
}
.bNav li{padding-bottom: 9px;}
.bNav li.on a{color: #b71234; border: 0; cursor: default;}
.bNav a{color: #1b4668;}
.bNav a:hover, .bNav a:focus{border: 0; color: #b71234;}
/* =Bloco Pdf */
.bpdf{
	color:#6d6e71; font-size: 11px;
	background: transparent url(../imgs/icon-pdf-small.png) no-repeat 130px 32px;
}
.bpdf h4{
	padding: 20px 0 8px 20px;
	font-size: 13px; font-weight: bold; color: #292c39;  
	background: transparent url(../imgs/content-separadorColuna-sec.png) no-repeat right top;	
}
.bpdf p{padding: 0 40px 5px 20px;}


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

/*-------------------------------------------------------------------------
=CONTENT DIREITA
-------------------------------------------------------------------------*/
#contentDta{
	position: relative; float: left; width: 300px; padding: 66px 20px 15px 0;	  
}
/* =Imagem id quality */
#contentDta img.logoProduct{
	width: 262px; height: 132px; padding: 2px 4px 4px 4px; margin: 0 0 30px -4px;
	background: transparent url(../imgs/products-moldura-id.png) no-repeat;
}
#contentDta img{margin-bottom: 30px;}