/*--------------------------------------------------------------------
LAYOUT "PProdutos" Style - ECODIMULTI(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);

/*----------------------------------------------------------------------*/
#wrapper{
	background: #ffffff url(../imgs/wrapper-bg-folha.gif) no-repeat right 220px;
}
.main #wrapper{
	background: #ffffff url(../imgs/wrapper-bg-folha.gif) no-repeat top right;
}
#content h2{margin-top: 20px;}

/*-------------------------------------------------------------------------
=PRODUTOS
-------------------------------------------------------------------------*/
.main #content h3{ height: 66px;text-indent: -5555px}
.main #content h3.classic{width: 113px;  background: transparent url(../imgs/id-linhaClassic-produtos.gif) no-repeat;}
.main #content h3.gold{width: 192px;  background: transparent url(../imgs/id-linhaGold-produtos.gif) no-repeat;}
.main #content h4 {font-size: 12px; line-height: 13px; font-weight: bold; margin-bottom: 8px;}
.main #content h4 a{border: 0; padding-left: 16px;}
.main #content .coluna h4 a{background: transparent url(../imgs/bola-classic.gif) no-repeat left top;}
.main #content .central h4 a{background: transparent url(../imgs/bola-gold.gif) no-repeat left top;}

.main .coluna{float: left; width: 193px; margin:50px 0 30px 0;}
.main .colunaLast{float: left; width: 180px; margin-top: 95px;}
.main .central{padding: 0 40px 0 33px;}
.main #content .coluna p{font-size: 10px; font-style: italic; width: 140px; padding-bottom: 15px;}
.main .coluna ul{margin: -3px 0 20px 17px;}
.main .coluna ul li{padding-bottom: 5px;}

.main #content p{width: 580px; padding-bottom: 6px;}
.main #content h5{margin-top: 15px; color: #b7d432;}
.main p.catalogo{top: 100px;}

/*-------------------------------------------------------------------------
=FICHAS de PRODUTOS
-------------------------------------------------------------------------*/
#sideContent h3.classic{
	width: 85px; height: 38px; text-indent: -5555px; margin: 30px 0 5px 0;
	background: transparent url(../imgs/id-linhaClassic-nav.gif) no-repeat;
}
#sideContent h3.gold{
	width: 143px; height: 37px; text-indent: -5555px; margin: 30px 0 5px 0;
	background: transparent url(../imgs/id-linhaGold-nav.gif) no-repeat;
}
#sideContent h3 a{display: block;	width: 100%; height: 100%;}

#sideContent h4{width: 200px; font: bold 12px/15px Arial, Helvetica, sans-serif; margin-bottom: 4px;}
#sideContent h4.on{
	color: #d7d432; padding-left: 15px;
	background: transparent url(../imgs/navSec-bola.gif) no-repeat left bottom;
}
#sideContent h4 a{
	border: 0; padding-left: 15px; color: #8c8c8c; text-decoration: none; 
	background: transparent url(../imgs/navSec-bola.gif) no-repeat left top;
}	
#sideContent h4 a:hover{color: #1b271b; text-decoration: none;}	
#sideContent ul{width: 185px; padding-left: 15px; line-height: 19px; color: #d7d432; margin: -2px 0 13px 0;}
#sideContent li a{color: #8c8c8c; text-decoration: none; border-bottom: 1px dotted #007446;}
#sideContent li a:hover, #sideContent  li a:focus{border-bottom: 0; color: #d7d432;}



/* =CONTENT */
.centro{float:left; width: 375px; padding-right: 75px; margin-bottom: 15px;}
.direita{float:left; width: 190px; margin: 50px 0 15px 0;}

.centro h2{font-weight: normal;}
.centro h3{color: #b7d432; font: bold 16px Arial, Helvetica, sans-serif; margin:30px 0 4px 0;}
.centro h4{font: bold 12px Arial, Helvetica, sans-serif; margin-top: 10px;}
.centro p{font: 13px/18px Arial, Helvetica, sans-serif; padding-bottom: 6px;}
.centro p.nota{font-size: 11px; margin: 10px 0 0 0;}
table {
 width: 375px; margin: 0; padding: 0;font: normal 13px/18px Arial, Helvetica, sans-serif;}
table td{padding-right: 20px;}
table .valor{font-weight: bold; padding: 0;}
table em, .centro p.nota em{font-style: normal; font-size: 11px;	line-height: 14px; color: #b7d432;}

.direita p.ref{text-align: center; font-weight: bold;}
.direita img{width: 190px; height: 95px; margin: 0 0 35px 0;}
.direita h3{color: #b7d432; font: bold 15px Arial, Helvetica, sans-serif; margin:30px 0 4px 0;}
.direita h3.doc{
	width: 125px; height: 105px; margin: 0; 
	background: transparent url(../imgs/icon-catalogoS.png) no-repeat;
}
.direita h3.doc span{display: block; padding-top: 84px;}
.direita p{font: 12px/16px Arial, Helvetica, sans-serif; padding-bottom: 6px;}