/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, 
#globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, 
#productheader h1 a, #productheader h2 a { _behavior: url(http://www.biodieselbr.com/anuario/arquivos/iepngfix.htc); }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#omniture, #top { position: absolute; top: 0; }
#container { width: 980px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }
#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; -webkit-font-smoothing: antialiased; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(http://www.biodieselbr.com/anuario/arquivos/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; }
.nowrap { white-space:nowrap; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
.sosumi { font-size: 10px !important; color:#76797c; }
.sosumi_features { font-size: 10px !important; color:#76797c; }

p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right;}

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }

.last { margin-bottom: 0; }
#main .sidebar { font-size: 10px; line-height: 18px; color:#686868; }
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }

/* PIPED LINKS */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/*--- Global Footer (legacy) ---*/
#globalfooter .gf-buy { float: left; width: 60%; margin: 18px 0 9px; }
#globalfooter .gf-links { float: right; margin: 18px 0 9px; }
#globalfooter .gf-links a { padding: 0 10px; white-space: nowrap; }
#globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important; }

/*--- Global Footer ---*/
#globalfooter { width: 980px; color: #888; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; }
#globalfooter a { color: #08c; }
#globalfooter p { margin-bottom: 1em; }
#globalfooter p.gf-buy { float: left; width: 55%; margin: 18px 0 9px 3px; }
#globalfooter ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; }
#globalfooter .gf-links { float: right; margin: 18px 3px 9px 0; }
#globalfooter .gf-sosumi { clear: both; width: 100%; border-top: 1px solid #ddd; padding-top: 9px; }
#globalfooter .gf-sosumi a { padding: 0 10px; }
#globalfooter .gf-sosumi p { float: left; margin-left: 3px; }
#globalfooter form { margin: 18px 10px; }
#globalfooter .search-wrapper { margin: 0 auto; }
#globalfooter .search-wrapper input.prettysearch { margin-left: 10px; }
#globalfooter ul.piped a.contact_us { padding-right: 1.5em; border-right: 1px solid #d0d0d0; }
#globalfooter ul.piped a.choose { margin-left: 0; border: 0; }
#globalfooter ul.piped a.choose img { vertical-align: middle; margin-top: -5px; *position: relative; }

/*--- Breadcrumbs (legacy) ---*/
#globalfooter #breadcrumbs { font-size: 11px; color: #444; background: url(./../nav/images/breadcrumb_bg.png) no-repeat; overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 0 1px 0 #fff; }
#globalfooter #breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; margin-left: -10px; *position: relative; _cursor: hand; }
#globalfooter #breadcrumbs a:hover { color: #333; text-decoration: none !important; }
#globalfooter #breadcrumbs a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; }
#globalfooter #breadcrumbs span { float: left; width: 9px; margin: 0 10px 0 0; position: relative; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(./../nav/images/breadcrumb_sep.png) no-repeat; }

/*--- Breadcrumbs ---*/
#globalfooter ol#breadcrumbs { font-size: 11px; color: #444; background: url(./../nav/images/breadcrumb_bg.png) no-repeat; height: 36px; line-height: 34px; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; }
#globalfooter ol#breadcrumbs li { float: left; margin: 0; padding: 0 0 0 20px; background: url(./../nav/images/breadcrumb_sep_20080909.png) no-repeat; }
#globalfooter ol#breadcrumbs li a { float: left; color: #444; text-decoration: none; padding: 0 10px; margin-left: -10px; }
#globalfooter ol#breadcrumbs li a:hover { color: #333; text-decoration: none; }
#globalfooter ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; }
#globalfooter ol#breadcrumbs li.home a { margin: 0; padding: 0 10px; width: 15px; text-indent: -9999px; overflow: hidden; }

/*--- Directory Nav ---*/
#directorynav { font-size: 11px; background: url(./../nav/images/directory_bg.png) repeat-y; border-top: 1px solid #e5e5e5; float: left; width: 100%; margin-top: -4px; *position: relative; }
#directorynav .column { width: 120px; padding: 9px 0 4px 18px; }
#directorynav .column.last { float: left !important; padding-right: 0; }
#directorynav h3 { color: #666; font-weight: bold; }
#directorynav h3.standalone { margin-bottom: 18px; }
#directorynav a { color: #888; text-decoration: none; display: block; zoom: 1; }
#directorynav h3.standalone a:link,
#directorynav h3.standalone a:visited { color: #444; }
#directorynav a:hover { color: #333 !important; text-decoration: none !important; }
#directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(./../nav/images/directory_capbg.png) no-repeat; }
#directorynav ul { margin-bottom: 0; padding-bottom: 9px; }
#directorynav.mac #dn-cola { width: 120px; }
#directorynav.mac #dn-colb { width: 115px; }
#directorynav.mac #dn-cold { width: 115px; }
#directorynav.mac #dn-colg { width: 130px; }
#directorynav.ipod .column,
#directorynav.ipad .column,
#directorynav.iphone .column,
#directorynav.itunes .column { width: 190px; padding: 9px 0 0 54px; }

/*--- BREADORY ---*/
#breadory {
	border: 1px solid #ddd; width: 978px; margin: 0 auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#globalfooter #breadory ol#breadcrumbs { background: none; clear: both; float: none; height: 3em; line-height: 3em; font-size: 11px; color: #666; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; }
#breadory ol#breadcrumbs li { background: none; float: left; margin: 0; padding: 0 0 0 1em; }
#breadory ol#breadcrumbs li a { float: left; color: #666; text-decoration: none; padding: 0 1.75em 0 0; margin-left: 0px; background: url(../arquivos/breadcrumb_separator.png) no-repeat 100% 50%; }
#breadory ol#breadcrumbs li a:hover { color: #333; text-decoration: none; }
#breadory ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; }
#breadory ol#breadcrumbs li.home a { background: url(./../nav/images/breadcrumb_home.png) no-repeat 1.25em 50%; margin: 0; padding: 0 0 0 1.25em; width: 30px; text-indent: -9999px; overflow: hidden; }
#breadory ol#breadcrumbs li.home a:hover { background-image: url(./../nav/images/breadcrumb_home_over.png); }

#breadory #directorynav { background: none; clear: both; float: none; margin-top: 0; }
#breadory #directorynav .capbottom { height: 0; font-size: 1px; _display: none; }

/* PRODUCTHEADER */
#productheader { border-bottom: 1px solid #ddd; padding: 1em 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; *position: relative; *height: 39px; }
#productheader h1, 
#productheader h2 {
	height: 36px;
	line-height: 36px;
	display: inline;
	float: left;
	margin: 1px 0 6px 8px;
	padding: 0;
	margin-bottom: 6px !important;
}
#productheader h1 a, 
#productheader h2 a {
	line-height: 36px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #888;
	display: block;
	font-weight: normal;
	height: 36px;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;





*position: relative; }
body#overview #productheader h1 a, 
body#overview #productheader h2 a { cursor: default; }

#productheader ul { display: inline; float: right; margin: 0; }
#productheader ul li {
	display: inline;
}
#productheader ul li a { color: #999; float: left !important; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; }
#productheader ul li a:hover { color: #08c; }

#productheader a.buynow, #productheader span.buynow, /* old */
#productheader a.ordernow, #productheader span.ordernow,
#productheader a.joinnow, #productheader span.joinnow,
#productheader a.preorder, #productheader span.preorder,
#productheader a.preorder_blue, #productheader span.preorder_blue,
#productheader a.howtobuy, #productheader span.howtobuy,
#productheader a.howtoapply, #productheader span.howtoapply,
#productheader a.freetrial, #productheader span.freetrial,
#productheader a.downloadnow, #productheader span.downloadnow,
#productnav a.downloadnow, #productnav span.downloadnow,
#productheader a.upgradenow, #productheader span.upgradenow,
#productheader a.tryamac, #productheader span.tryamac { height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#productheader a.notifyme, #productheader span.notifyme { height: 25px; margin: 0.8em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }

#productheader a.preorder_blue, #productheader span.preorder_blue { width: 75px; background-image: url(./../elements/buttons/preorder_blue.png); }
#productheader a.buynow, #productheader span.buynow { width: 71px; background-image: url(./../elements/buttons/buynows.png); _background-image: url(./../elements/buttons/buynows.gif); }
#productheader a.ordernow, #productheader span.ordernow { width: 105px; background-image: url(./../elements/buttons/ordernows.png); _background-image: url(./../elements/buttons/ordernows.gif); }
#productheader a.joinnow, #productheader span.joinnow { width: 72px; background-image: url(./../elements/buttons/joinnows.png); _background-image: url(./../elements/buttons/joinnows.gif); }
#productheader a.preorder, #productheader span.preorder { width: 99px; background-image: url(./../elements/buttons/preordernows.png); _background-image: url(./../elements/buttons/preordernows.gif); }
#productheader a.howtobuy, #productheader span.howtobuy { width: 107px; background-image: url(./../elements/buttons/howtobuys.png); _background-image: url(./../elements/buttons/howtobuys.gif); }
#productheader a.howtoapply, #productheader span.howtoapply { width: 107px; background-image: url(./../elements/buttons/howtoapplys.png); _background-image: url(./../elements/buttons/howtoapplys.gif); }
#productheader a.freetrial, #productheader span.freetrial { width: 104px; background-image: url(./../elements/buttons/freetrials.png); _background-image: url(./../elements/buttons/freetrials.gif); }
#productheader a.downloadnow, #productheader span.downloadnow { width: 108px; background-image: url(./../elements/buttons/downloadnows.png); _background-image: url(./../elements/buttons/downloadnows.gif); }
#productnav a.downloadnow, #productnav span.downloadnow { width: 108px; background-image: url(./../elements/buttons/downloadnows.png); _background-image: url(./../elements/buttons/downloadnows.gif); }
#productheader a.upgradenow, #productheader span.upgradenow { width: 104px; background-image: url(./../elements/buttons/upgradenows.png); _background-image: url(./../elements/buttons/upgradenows.gif); }
#productheader a.tryamac, #productheader span.tryamac { width: 103px; background-image: url(./../elements/buttons/tryamacs.png); _background-image: url(./../elements/buttons/tryamacs.gif); }
#productheader a.notifyme, #productheader span.notifyme { width: 75px; background-image: url(./../elements/buttons/notifymes.png); _background-image: url(./../elements/buttons/notifymes.gif); }

#productheader a.buynow:hover, #productheader a.buynow:focus,
#productheader a.ordernow:hover, #productheader a.ordernow:focus,
#productheader a.joinnow:hover, #productheader a.joinnow:focus,
#productheader a.preorder:hover, #productheader a.preorder:focus,
#productheader a.howtobuy:hover, #productheader a.howtobuy:focus,
#productheader a.howtoapply:hover, #productheader a.howtoapply:focus,
#productheader a.freetrial:hover, #productheader a.freetrial:focus,
#productheader a.downloadnow:hover, #productheader a.downloadnow:focus,
#productnav a.downloadnow:hover, #productnav a.downloadnow:focus,
#productheader a.upgradenow:hover, #productheader a.upgradenow:focus,
#productheader a.tryamac:hover, #productheader a.tryamac:focus,
#productheader a.notifyme:hover, #productheader a.notifyme:focus { background-position: 0 -25px; }

#productheader a.buynow:active,
#productheader a.ordernow:active,
#productheader a.joinnow:active,
#productheader a.preorder:active,
#productheader a.howtobuy:active,
#productheader a.howtoapply:active,
#productheader a.freetrial:active,
#productheader a.downloadnow:active,
#productnav a.downloadnow:active,
#productheader a.upgradenow:active,
#productheader a.tryamac:active,
#productheader a.notifyme:active { background-position: 0 -50px; }

#productheader span.buynow,
#productheader span.ordernow,
#productheader span.joinnow,
#productheader span.preorder,
#productheader span.howtobuy,
#productheader span.howtoapply,
#productheader span.freetrial,
#productheader span.downloadnow,
#productnav span.downloadnow,
#productheader span.upgradenow,
#productheader span.notifyme { background-position: 0 -75px; }


/* BUTTONS - (U.S.) */
.browsewebappss, .businessstores, .buyiphones, .buynows, .comingsoons, .descargarahoras, .downloadituness, .downloadnows, .finds, .freetrials, .getstarteds, .gos, .howtoapplys, .howtobuys, .joinnows, .learnmores, .nikebuynows, .notifymes, .ordernows, .preordernows, .preorders, .reserves, .startyoursearchs, .submits, .tryamacs, .upgradenows {
	height: 25px; background-position: 0 0; background-repeat: no-repeat; display: block; position: relative; text-decoration: none; text-indent: -9999px; overflow: hidden;
}
a.browsewebappss:hover, a.businessstores:hover, a.buyiphones:hover, a.buynows:hover, a.comingsoons:hover, a.descargarahoras:hover, a.downloadituness:hover, a.downloadnows:hover, a.finds:hover, a.freetrials:hover, a.getstarteds:hover, a.gos:hover, a.howtoapplys:hover, a.howtobuys:hover, a.joinnows:hover, a.learnmores:hover, a.nikebuynows:hover, a.notifymes:hover, a.ordernows:hover, a.preordernows:hover, a.preorders:hover, a.reserves:hover, a.startyoursearchs:hover, a.submits:hover, a.tryamacs:hover, a.upgradenows:hover,
a.browsewebappss:focus, a.businessstores:focus, a.buyiphones:focus, a.buynows:focus, a.comingsoons:focus, a.descargarahoras:focus, a.downloadituness:focus, a.downloadnows:focus, a.finds:focus, a.freetrials:focus, a.getstarteds:focus, a.gos:focus, a.howtoapplys:focus, a.howtobuys:focus, a.joinnows:focus, a.learnmores:focus, a.nikebuynows:focus, a.notifymes:focus, a.ordernows:focus, a.preordernows:focus, a.preorders:focus, a.reserves:focus, a.startyoursearchs:focus, a.submits:focus, a.tryamacs:focus, a.upgradenows:focus {
	background-position: 0 -25px;
}
a.browsewebappss:active, a.businessstores:active, a.buyiphones:active, a.buynows:active, a.comingsoons:active, a.descargarahoras:active, a.downloadituness:active, a.downloadnows:active, a.finds:active, a.freetrials:active, a.getstarteds:active, a.gos:active, a.howtoapplys:active, a.howtobuys:active, a.joinnows:active, a.learnmores:active, a.nikebuynows:active, a.notifymes:active, a.ordernows:active, a.preordernows:active, a.preorders:active, a.reserves:active, a.startyoursearchs:active, a.submits:active, a.tryamacs:active, a.upgradenows:active {
	background-position: 0 -50px;
}
span.browsewebappss, span.businessstores, span.buyiphones, span.buynows, span.comingsoons, span.descargarahoras, span.downloadituness, span.downloadnows, span.finds, span.freetrials, span.getstarteds, span.gos, span.howtoapplys, span.howtobuys, span.joinnows, span.learnmores, span.nikebuynows, span.notifymes, span.ordernows, span.preordernows, span.preorders, span.reserves, span.startyoursearchs, span.submits, span.tryamacs, span.upgradenows {
	background-position: 0 -75px;
}
.buynows { background-image: url(../arquivos/buynows.png); _background-image: url(./../elements/buttons/buynows.gif); width: 71px; }
.downloadituness { background-image: url(./../elements/buttons/downloadituness.png); _background-image: url(./../elements/buttons/downloadituness.gif); width: 114px; }

#productheader .browsewebappss, #productheader .businessstores, #productheader .buyiphones, #productheader .buynows, #productheader .comingsoons, #productheader .descargarahoras, 
#productheader .downloadituness, #productheader .downloadnows, #productheader .finds, #productheader .freetrials, #productheader .getstarteds, 
#productheader .gos, #productheader .howtoapplys, #productheader .howtobuys, #productheader .joinnows, #productheader .learnmores, 
#productheader .notifymes, #productheader .ordernows, #productheader .preordernows, #productheader .preorders, #productheader .reserves, 
#productheader .startyoursearchs, #productheader .submits, #productheader .tryamacs, #productheader .upgradenows {
	margin: 0.8em 0 0 20px; float: left;
}


/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
/* text & colors */
html { background-color:#fff; }
body { font-size:12px; line-height:1.5; color:#333; background-color:transparent; }

#main { width:984px; margin:0 auto; zoom:1; }
#main .maincap { position:absolute; width:984px; left:0; z-index:5; font-size:1px; }
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

h1, h2, h3, h4, h5, h6 { color:#000; }
h1 { margin-bottom:.3em; font-size:3em; line-height:1.4; font-weight:normal; }
h2 { margin-bottom:.3em; font-size:2em; line-height:1.4; font-weight:normal; }
h3 { margin-bottom:.3em; font-size:1.3em; line-height:1.4; }
h4 { font-size:1em; line-height:1.5; }
h5 {}
h6 {}
.replaced { display:block; width:1px; height:1px; outline:none; overflow:hidden; text-indent:-9999px; }
cite { font-style:italic; }

ul { margin-bottom:0; }
ul.square,
ul.circle { margin-bottom:1.5em; }
ul ul.circle,
ul ul.square { margin-top:.5em; margin-bottom:1em; }

p { margin-bottom:1.5em; }
p.intro { color:#888; font-size:16px; line-height:1.4; font-weight:normal; }
#main .sidebar { color:#333; }

sup, sup a { color:#888; }
sup a:hover { color:#08c; text-decoration:none; }
.sosumi { color:#888; line-height:1.5; }
.sosumi_features { color:#888; line-height:1.5; }

body.specs #content { font-size:11px; line-height:1.5; }
body.specs #content h4 { font-size:12px; line-height:1.5; }

#content strong { color:#000; }

/* layout */
.content { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; }
@-moz-document url-prefix() { .content { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;  } } /* FF2 */
.content { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
.content:nth-child(1n) { border: none; } /* reset for smart browsers */

.content,
.rounded,
.article .box { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

.graybox,
.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; }

.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }

/* productheader */
#productheader { border:0; }
#productheader ul li a { color:#333; margin-left:30px; text-shadow: #fff 0 1px 0; }
#productheader ul li a:hover { color:#08c !important; }

/* promofooter */
#promofooter { width:984px; margin:18px auto 0; padding-top:17px; background:url(http://www.biodieselbr.com/anuario/arquivos/promofooter_top.png) no-repeat; zoom:1; _background-image:url(http://www.biodieselbr.com/anuario/arquivos/promofooter_top.gif); }
#promofooter #promos { width:980px; margin-bottom:0; padding:0 2px 4px; background:url(http://www.biodieselbr.com/anuario/arquivos/promofooter_bottom.png) no-repeat 0 100%; zoom:1; _background-image:url(http://www.biodieselbr.com/anuario/arquivos/promofooter_bottom.gif); }
#promofooter #promos:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#promofooter #promos li.promo { position:relative; float:left; width:244px; min-height:15em; _height:15em; padding-right:1px; margin-top:-16px; }
#promofooter #promos li.promo a { color:#777; }
#promofooter #promos li.promo:hover a { color:#08c; text-decoration:none; }

#promofooter #promos img { display:block; }

#promofooter #promos h4 a,
#promofooter #promos p a,
#promofooter #promos ul { position:relative; display:block; padding-left:15px; padding-right:12px; text-align:left; z-index:101; }

#promofooter #promos h4 a { font-size:18px; font-weight:normal; padding-top:15px; }
#promofooter #promos p { margin-bottom:0; }
#promofooter #promos p a { font-size:11px; line-height:1.4; }
#promofooter #promos a.image { height:180px; position:absolute; bottom:0; z-index:100; }

#promofooter #promos .promo.left p a { width:110px; }
#promofooter #promos .promo.right p a { width:105px; left:121px; }
#promofooter #promos .promo.center p a { text-align:center; }

#promofooter #promos li.buy { position:relative; float:left; width:244px; padding-right:1px; margin-top:-17px; color:#777; }
#promofooter #promos li.buy ul { font-size:11px; line-height:1.4; }

/* global footer */
#directorynav { font-size:11px; line-height:18px; }
#directorynav h3 { margin:0; font-size:1em; line-height:18px; }










html, body { background: #f5f6f7 url(http://www.biodieselbr.com/anuario/arquivos/gradient_texture20100901.jpg) repeat-x 0 0; }

#main .maincap { position:absolute; width:984px; height:7px; left:-2px; z-index:5; font-size:1px; }
#main .maincap.top { top:0; background:url(http://www.biodieselbr.com/anuario/arquivos/content_top20100901.png) no-repeat; }

#main { width:980px; margin-bottom:0; *width: 982px; }
.content {
	margin:0 auto 18px;
	padding:4em 50px 2em;
	zoom:1;
}
.content:after,
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

h1 img, h2 img { display:block; }
.content { font-size:14px; line-height:1.43; }
.content h2 { font-size:1.7em; }
.content h2 span { color:#888; }
.content h3 { font-size:1.1429em; }
.content hr {
	margin:0em -12px 3em;
	height:1.5em;

*height: .75em; 		border:none;
	background:url(http://www.biodieselbr.com/anuario/arquivos/hr20100901.png) no-repeat 50% 50%;


	*width:0; *display:list-item; *list-style:url(http://www.biodieselbr.com/anuario/arquivos/hr20100901.png) inside; *filter:alpha(opacity=0);
}
.content hr.plain { display:block; margin:3em 0 2em; height:0; background:none; border-bottom:1px solid #d9d9d9; *filter: none; *width: 100%; }
.content hr.flushleft { margin-left:-50px; }
.content hr.flushright { margin-right:-50px; }
.content hr.last { margin-bottom:0; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; margin-right:auto; margin-left:auto; }
.middle { vertical-align:middle; }

.content .padtop { padding-top:4em; }
.content .padright { padding-right:50px; }
.content .padleft { padding-left:50px; }
.content .padbottom { padding-bottom:2em; }

.content .flushtop { margin-top:-4em; *position:relative; }
.content .flushright { margin-right:-50px; *position:relative; }
.content .flushleft { margin-left:-50px; *position:relative; }
.content .flushbottom { position:absolute; bottom:0; }
.content img.inline { margin-top:1em; }
.content img.center { display:block; margin-right:auto; margin-left:auto; }

.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; }

#main .gradient { background-color: #f9f9f9; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(242,242,242)), color-stop(1, rgb(253,253,253))); background-image: -moz-linear-gradient( center top, rgb(242,242,242) 0%, rgb(253,253,253) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2F2', endColorstr='#FFFDFDFD'); }
#main .gradient p { color: #666; }

.more { color:#08c; padding-right:10px; white-space:nowrap; background:url(http://www.biodieselbr.com/anuario/arquivos/morearrow_08c.gif) no-repeat 100% 50%; zoom:1; }
.learn { display:block; float:left; margin:-1.2em 0 1.5em; text-align:left; }
.learn:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.intro .more { background:url(http://www.biodieselbr.com/anuario/arquivos/morearrow_big_08c.gif) no-repeat 100% .35em; }
a.block { display:block; color:#333; cursor:pointer; }
a.wrap { float:none; }
a.wrap:hover,
a.block:hover,
a.block:hover .wrap { text-decoration:none; }
a.wrap:hover span,
a.block span { color:#08c; }
a.wrap:hover span,
a.block:hover span,
a:hover .more { text-decoration:underline; cursor:pointer; }
a.backtotop { float:right; margin-top:1em; padding-right:10px; font-size:12px; text-align:right; background:url(http://www.biodieselbr.com/anuario/arquivos/uparrow_08c.gif) no-repeat 100% 50%; }

.column { display:inline; }
.grid2col .column { width:47%; }

noscript p { text-align:center; font:24px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; }

#promofooter { margin-top:0; -webkit-font-smoothing:antialiased; }

#main .maincap,
.callout .enlarge,
.gallery .simple-nav li a,
.gallery .gallery-content.movie .close { behavior:url(http://www.biodieselbr.com/anuario/arquivos/iepngfix.htc); }
.gallery .gallery-nav ul li a div img { behavior:url(http://www.biodieselbr.com/anuario/arquivos/ie7pngfix.htc); }

.hero-nav li { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.hero-nav li .arrow { position: absolute; display: block; height: 560px; width: 107px; -moz-opacity:0; opacity:0; -webkit-transition: .25s opacity ease-out; float: none; padding: 0 20px; outline: none; z-index: 100; top:0; }
.hero-nav li .arrow:hover { -moz-opacity:1; opacity:1; }
.hero-nav li .arrow.disabled { display: none; }
.hero-nav li .arrow img,
.hero-nav li .arrow span { display: block; margin-top: 255px; *margin-top: 120px; text-indent: -1000em; }
.hero-nav li .arrow:hover span,
.hero-nav li .arrow.left { left: 0; }
.hero-nav li .arrow.left img,
.hero-nav li .arrow.left span { float: left; }
.hero-nav li .arrow.right { right: 0; }
.hero-nav li .arrow.right img,
.hero-nav li .arrow.right img { float: right; }
/* iPad Styles */
@media only screen and (device-width: 768px) {
	.hero-nav li .arrow { opacity: 1; -webkit-transition: none; }
}

/* product header
------------------------*/
#productheader { z-index:10; }
#productheader h2 a { display:inline; text-indent:0; }
#productheader h2 a img { position:relative; margin-bottom:-8px; }

.whatsnew  #pn-whatsnew a,
.whatis    #pn-whatis a,
.features  #pn-features a,
.ios4      #pn-ios4 a,
.gamesapps #pn-gamesapps a,
.itunes    #pn-itunes a,
.design    #pn-design a,
.gallery   #pn-gallery a { color:#999; text-shadow:#fff 0 1px 0; }

#overview  #pn-overview a,
#whatsnew  #pn-whatsnew a,
#whatis	   #pn-whatis a,
#features  #pn-features a,
#ios4      #pn-ios4 a,
#gamesapps #pn-gamesapps a,
#itunes    #pn-itunes a,
#design    #pn-design a,
#gallery   #pn-gallery a,
#specs     #pn-specs a { color:#999 !important; text-shadow:#fff 0 1px 0; cursor:default; }


/* scroller nav
------------------------*/
.scrollernav { margin:0 -50px -3em -50px; font-size:12px; text-align:center; }
.scrollernav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.scrollernav li { display:-moz-inline-stack; display:inline-block; *display:inline; width:150px; vertical-align:top; text-align:left; background:url(http://www.biodieselbr.com/anuario/arquivos/scroller_div20100901.png) no-repeat 0 0; zoom:1; }
.scrollernav li { _background-image: expression(this.previousSibling==null?'none':'url\(/br/ipod/images/scroller_div20100901.png\)'); }
.scrollernav li:first-child { background:none; }
.scrollernav li a { display:block; display:inline-block; *display:inline; width:125px; padding:0 15px; color:#333; outline:none; zoom:1; }
.scrollernav li a span.more { display: block; float: left; margin-top: -1.8em; padding-right: 12px; background: url(http://www.biodieselbr.com/anuario/arquivos/scrollernav_arrow_down20100901.gif) no-repeat 100% 50%; }
.scrollernav li a img { margin-bottom:7px; background-color:#fff; }
.scrollernav li a p { margin-bottom:0; padding-bottom:2em; }
.scrollernav li:hover a,
.scrollernav li a:hover { text-decoration:none; }


/* galleries
------------------------*/
.gallery { margin-bottom:4em; }
.gallery:after,
.gallery-view:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.gallery .gallery-content { width: 100%; }

.gallery .gallery-content.movie { padding-bottom: 0; }
.gallery .gallery-content.movie .moviePanel,
.gallery .gallery-content.movie .endState { width: 848px; height: 480px; }
.gallery .gallery-content.movie .close:hover { color: #08c; background-position: 0 -49px; text-decoration: none; }

/* gallery navs */
.content .gallery .gallery-nav,
.content .gallery .simple-nav { margin-right:-50px; margin-left:-50px; }

/* gray bar with caret and thumbnail navs */
.gallery .gallery-nav ul { display:inline; display:inline-block; *display:inline; overflow:hidden; }
.gallery .gallery-nav h4,
.gallery .gallery-nav ul li,
.gallery .gallery-nav ul li a,
.gallery .gallery-nav ul li a div { display:-moz-inline-stack; display:inline-block; *display:inline; }

.gallery .gallery-nav h4 { position:relative; top:-15px; padding-right:10px; text-align:right; font-weight:normal; color:#5f5e62; }

.gallery .gallery-nav ul {
	padding-right:1px;
	height:150px;
	border-left:1px solid #ddd;
}
.gallery .gallery-nav ul li {
	width:980px;
	height:150px;
}
.gallery .gallery-nav ul li a {
	position:relative;
	width:980px;
	height:149px;
	margin-top:1px;
	outline:none;
	cursor:pointer;
}
.gallery .gallery-nav ul li a b { position:absolute; width:61px; height:7px; top:-1px; left:0; z-index:5; }
.gallery .gallery-nav ul li a div {
	width:980px;
	height:150px;
	left:0;
}
@-moz-document url-prefix() { .gallery .gallery-nav ul li a div { position:relative; } }


.gallery .gallery-nav ul li a.active { margin:0 -1px; padding:0 1px; cursor:default; }

/* thumbnail with caret and label navs */
.gallery .image-nav { text-align: center; }
.gallery .image-nav li { display:-moz-inline-stack; display:inline-block; *display: inline; zoom: 1;width: 96px; margin: 0 8px; vertical-align: top; }
.gallery .image-nav li a { font-size: .7857em; color: #000; text-decoration: none; display: block; *display: inline; zoom: 1; outline: none; }
.gallery .image-nav li a.active { color: #666; cursor: default; }
.gallery .image-nav li a:hover span.image { background-position: 0 -66px; }
.gallery .image-nav li a.active span.image { background-position: 0 -132px; cursor: default; }
.gallery .image-nav li a.active:hover span.image { background-position: 0 -132px; }
.gallery .image-nav li a span.image img { display: block; *display: inline; zoom: 1; }
.gallery .image-nav li a span.caption { display: block; padding-top: 6px; *display: inline; }

/* simple dot navs */
.gallery .simple-nav { margin-bottom:1em; height:13px; text-align:center; }
.gallery .simple-nav li,
.gallery .simple-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.gallery .simple-nav li { position:relative; margin-right:8px; width:13px; height:13px; *height: 12px; overflow:hidden; }
.gallery .simple-nav li.last-dot { margin-right: 0; }
.gallery .simple-nav li a:hover { top:-13px; }
.gallery .simple-nav li a.active { cursor:default; top:-26px; opacity:1; -moz-opacity:1; }

/* slyder
------------------------*/
.slider { position:relative; margin:0 -30px; width:940px; padding-top:2em; overflow:hidden; z-index:0; font-size:12px; }

/* dots nav */
.slider .nav { position:absolute; top:0; left:50%; }
.slider .nav a:hover { background-position:50% -8px; }
.slider .nav a.active { background-position:50% -16px; cursor:default; }

/* previous and next arrows */
.slider a.arrow { position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; cursor:pointer; overflow:hidden; z-index:11; }
.slider a.arrow:hover { background-position:0 -30px; }
.slider a.disabled,
.slider a.disabled:hover { background-position:0 -60px; }

/* mask */
.slider .mask { position:relative; display:block; margin:0 30px; width:880px; overflow:hidden; z-index:0; }

/* callouts
------------------------*/
#main .callout { font-size:12px; }

.callout { position:relative; padding:19px; zoom:1;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4);
	background-color: #f9f9f9;
	border: none; *border: 1px solid #e5e5e5; border-top-color: #f9f9f9; border-bottom-color: #bdbdbd;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
}
.callout.inset { background: #f4f4f4; -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.25); -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.25); }
.callout:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.callout a.block { display:block; margin:-18px; padding:18px; text-decoration:none; zoom:1;
	background-color:#f0f3f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;
}
.callout a.block:hover { background-color:#e6e9eb; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.8)), to(rgba(255,255,255,0))); }
.callout a.block:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.callout.inset a.block { background: #f4f4f4; -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.25); -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.25); }
.callout.inset a.block:hover { background: #e6e9eb; }

.callout h3 { margin-bottom:0; }
.callout p { margin-bottom:0; zoom:1; }
.callout img.left { margin-right:12px; }
.callout img.right { margin-left:12px; }
.callout .learn { margin-top:.3em; margin-bottom:0; }

/* audio links for circular controllers */
.content a.audioLink { float:left; background:none; padding-top:7px; padding-left:0; }
.content a.audioLink img { vertical-align:middle; margin-right:6px; }
.content a.controller { padding:0; }


/* footers
------------------------*/

/* itunes download promo */
#overview #itunes-promo { position: relative; min-height: 100px; _height: 100px; background: #4c4c4c url('http://www.biodieselbr.com/anuario/arquivos/overview_itunes_bg20100901.png') repeat-x 0 0; padding: 28px 0 0 24px; margin: 18px auto 0; width: 956px; font-size: 12px; }
#overview #itunes-promo img.roundedbottomright { position: absolute; bottom: 25px; right: 80px; margin: 0; }
#overview #itunes-promo img.left { margin: -2px 9px 0 -3px; }
#overview #itunes-promo h2 { margin-bottom: 2px; }
#overview #itunes-promo p.intro { color: #fff; font-size: 16px; margin-bottom: 9px; word-spacing: -2px; }
#overview #itunes-promo p { color: #ccc; width: 600px; }
#overview #itunes-promo a:hover { text-decoration: none; }


/* buy now strips */
#buystrip { margin: 0 auto 4px; _height:156px; _overflow:hidden; position:relative; }
#buystrip img { clear: none; }
#buystrip h2 {
	width:200px;
	margin-bottom:10px;
	text-align:center;
	line-height: 25px;
}
#buystrip .column.first { height:136px; padding-top:25px; }
#buystrip .column.first h4 {
	width:200px;
	margin-bottom:0;
	color:#000;
	text-align:center;
}
#buystrip .column.first .right { margin:-5px 16px 5px 0; }
#buystrip #comparison { position:absolute; padding-top:13px; bottom:10px; width:221px; }
#buystrip #comparison .family { margin:-8px 18px -10px 10px; }
#buystrip #links { padding-left:20px; text-align:center; width:609px; _width:607px; _position:static; _margin:-7px -100px; }

/* site-specific k2 buy now promo */
#promofooter #promos li.buy { width:232px; padding-left:12px; }
#promofooter #promos li.buy h4 { font-size:15px; font-weight:normal; padding-top:12px; }
#promofooter #promos li.buy h4 span { color:#525252; }
#promofooter #promos li.buy h5 { font-size:12px; }
#promofooter #promos li.buy ul { margin-top:7px; padding:0; }
#promofooter #promos li.buy ul li.pad { margin-bottom:10px; }

/* site-specific box shot buy now promo */
#promofooter #promos li.buy.shot { width:244px; padding-left:0; }
#promofooter #promos li.buy.shot h4 { padding-top:0; }
#promofooter #promos li.buy.shot ul { padding-left:15px; }
#promofooter #promos li.buy.shot ul li { margin-bottom:4px; }
#promofooter #promos li.buy.shot ul li.shop { margin-right:85px; }
#promofooter #promos li.buy.shot .button a { padding:5px 10px 15px; }
#promofooter #promos li.buy.shot .product { position:absolute; top:15px; left:150px; }


/* sosumi */
.sosumi { width:940px; margin:0 auto; margin-bottom:10px !important; padding:18px 20px 0; }
ol.sosumi { margin-left:auto; padding-left:0; }
#main .sosumi { width:auto; padding-right:0; padding-left:0; }
.sosumi a { color:#333; }
.sosumi li { line-height:14px; padding-bottom:5px; margin-bottom:0; }
ol.sosumi li { margin-left:2em; }



/* page specific
------------------------*/

/* overview */
#overview #hero { padding-bottom:0; }
#overview #hero .gallery { margin-bottom:0; }
#overview #hero .gallery-view { width:880px; height:543px; }
#overview #hero .gallery-view img { display:block; }

#overview #hero .bleed { margin-left: -50px; margin-right: -50px; *position: relative; }
#overview #hero .gallery1 { width:930px; background-color:#fff; }
#overview #hero .gallery1 img { *position: relative; }
#overview #hero .gallery1 img.right {
	margin:0 0 0 0;
*position: absolute; *right: 0; }
#overview #hero .gallery1 h1 {
	padding:27px 0 0;
	margin:0 0 0 -12px;
}
#overview #hero .gallery1 p { margin-left: 1px; }

#overview #hero .gallery-nav .images { margin-left: 0px; /* 73 + width of h4 */ }
#overview #hero .gallery-nav h4.ad { width: 160px; top: -16px; font-size: 11px; line-height: 15px; padding-right: 6px; }

#overview .fmradio {
	background: url('http://www.biodieselbr.com/anuario/arquivos/verticalizacao.jpg') no-repeat 100% 100%;
	margin-right: -50px;
}


#overview .media { padding-top: 31px; margin: 0 auto; }
#overview .media,
#overview .moviePanel,
#overview .endState { width: 848px; height: 480px; }

#overview #featurettes { position:relative; padding:0; }
#overview #featurettes .column { margin:0; width:489px; border-right:1px solid #e6e6e6; }
#overview #featurettes .column a { width:454px; padding:2em 10px 24px 25px; display:block; position:relative; background: url('http://www.biodieselbr.com/anuario/arquivos/fundo1.png') no-repeat 100% 100%; }
#overview #featurettes .column a:hover { background: url('http://www.biodieselbr.com/anuario/arquivos/fundo1.jpg') repeat-x; }
#overview #featurettes .first img.right { margin-left:6px; margin-right: -10px; }
#overview #featurettes img.right { margin-bottom:0; margin-top:-13px; *position: relative; *margin-bottom: -45px; }

/* design */
#design .content h1 { margin-bottom: 5px; }
#design .content h1,
#design .content h3,
#design .content p { *position:relative; }

#design .hero { margin-bottom:-100%; margin-left:-50px; }
#design .intro {
	width:725px;
	margin-bottom:100px;
}
#design .overview {
	width:300px;
}

#design .colors { margin-top:128px; }
#design .colors p { *z-index:1; }
#design .colors h3 { padding-top: 70px; }
#design .colors img { position:relative; z-index:0; *z-index:1; margin-top: 0; }

#design .screen { margin-top:135px; }
#design .screen img { margin-bottom:-60px; margin-top: -160px; margin-left: -55px; }

#design .grid3col { position:relative; z-index:0; background:#fff; }
#design .grid3col .column { width:250px; margin-left:70px; }
#design .grid3col .column img { margin-bottom:0; }
#design .grid3col .clip img {
	margin-bottom: 0px;
}
#design .grid3col .connect img { margin-top:2px; margin-left:25px; }
#design hr { margin-top:0; margin-bottom:1em; }

#design #basics .grid3col { padding-top: 45px; margin: 0 20px; width: 840px; }
#design #basics .grid3col .column { width: 220px; margin-left: 90px; }
#design #basics h4,
#design #basics p { font-size: smaller; }
#design #basics .item { display:inline; float:left; width:200px; margin:0 90px 0 0; }
#design #basics img.multi-touch { margin-left: 0px; *position: relative; }
#design #basics img { margin-bottom: 18px; }
#design #basics img.right { margin-right:-10px; margin-left:10px; *position:relative; }
#design #basics p img { margin: 0; vertical-align: middle; }
#design #basics .column div { text-align: center; }
#design #basics a.play { display: block; width: 56px; margin: 0 auto 18px; line-height: 21px; }
#design #basics a.play img { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
#design #basics a.play:hover img { -webkit-box-shadow: none; }
#design #basics a.play img { margin: 0; display: block; -webkit-border-radius: 10px; }

/* Design - HTML5 Nanos */
#design #main #basics .animation { position: relative; }
#design #main #basics .animation .animation-stage { width: 116px; height: 116px; left: 52px; top: 21px; overflow: hidden; position: absolute; }
#design #main #basics .animation .animation-stage .bg { background: url(http://images.apple.com/br/ipodnano/images/design_animation_bg2010901.jpg) no-repeat; width: 100%; height: 100%; position: relative; }
#design #main #basics .animation .animation-stage .glare { background: url(http://images.apple.com/br/ipodnano/images/design_animation_glare2010901.jpg) no-repeat; width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; left: 0; }
#design #main #basics .animation .animation-stage .finger { width: 40px; height: 40px; background-color: rgba(255,255,255,.7); -webkit-border-radius: 20px; position: absolute; z-index: 5; opacity: 0; -webkit-animation-duration: 1.5s; }
#design #main #basics .animation .no-animate { -webkit-transition: none !important; }
#design #main #basics .animation .animation-stage .pages { height: 116px; position: absolute; top: 0; left: 0; -webkit-transform: translateZ(0); -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-out; }
#design #main #basics .animation .animation-stage .page { width: 116px; height: 116px; position: absolute; top: 0; }
#design #main #basics .animation .animation-stage .page:nth-child(1) { left: 0; }
#design #main #basics .animation .animation-stage .page:nth-child(2) { left: 116px; }
#design #main #basics .animation .animation-stage .page:nth-child(3) { left: 232px; }
#design #main #basics .animation .animation-stage .page:nth-child(4) { left: 348px; }
#design #main #basics .animation .animation-stage .page:nth-child(5) { left: 464px; }
#design #main #basics .animation .animation-stage .page:nth-child(6) { left: 580px; }

#design #main #basics .animation .animation-stage .dots { height: 3px; width: 24px; background: url(http://images.apple.com/br/ipodnano/images/design_animation_dots2010901.jpg) no-repeat, url(http://images.apple.com/br/ipodnano/images/design_animation_dots2010901.jpg) repeat-x 0 -3px; position: absolute; left: 47px; bottom: 2px; z-index: 3; }
#design #main #basics .animation .animation-stage .dots.two { background-position: 6px 0, 0 -3px; }
#design #main #basics .animation .animation-stage .dots.three { background-position: 12px 0, 0 -3px; }
#design #main #basics .animation .animation-stage .dots.four { background-position: 18px 0, 0 -3px; }

#design #main #basics .animation .animation-stage .bg .icon { position: absolute; display: block; margin: 0; -webkit-animation-duration: 0.25s; -webkit-animation-iteration-count: infinite; z-index: 2; }
#design #main #basics .animation .animation-stage .bg .icon:nth-child(1),
#design #main #basics .animation .animation-stage .bg .icon:nth-child(3) { left: 10px; }
#design #main #basics .animation .animation-stage .bg .icon:nth-child(2),
#design #main #basics .animation .animation-stage .bg .icon:nth-child(4) { right: 10px; }
#design #main #basics .animation .animation-stage .bg .icon:nth-child(1),
#design #main #basics .animation .animation-stage .bg .icon:nth-child(2) { top: 13px; }
#design #main #basics .animation .animation-stage .bg .icon:nth-child(3),
#design #main #basics .animation .animation-stage .bg .icon:nth-child(4) { bottom: 5px; }

#design #main #basics .animation .animation-stage .bg .icon-shadow { width: 90px; height: 90px; display: block; background: url(http://images.apple.com/br/ipodnano/images/design_animation_shadow20100901.png) no-repeat; position: absolute; margin: -10px -27px; z-index: 1; }
#design #main #basics .animation .animation-stage .bg .icon-shadow:nth-child(5),
#design #main #basics .animation .animation-stage .bg .icon-shadow:nth-child(7) { left: 10px; }
#design #main #basics .animation .animation-stage .bg .icon-shadow:nth-child(6),
#design #main #basics .animation .animation-stage .bg .icon-shadow:nth-child(8) { right: 10px; }
#design #main #basics .animation .animation-stage .bg .icon-shadow:nth-child(5),
#design #main #basics .animation .animation-stage .bg .icon-shadow:nth-child(6) { top: 13px; }
#design #main #basics .animation .animation-stage .bg .icon-shadow:nth-child(7),
#design #main #basics .animation .animation-stage .bg .icon-shadow:nth-child(8) { top: 62px; }


/* Home Screen Animation */
#design #main #basics #home-screen .animation-stage .finger { left: 75px; top: 33px; }


/* Mult-touch Animation */
#design #main #basics #multi-touch .animation-stage { background: #000; }
#design #main #basics #multi-touch .animation-stage .bg { -webkit-transition: -webkit-transform 0.5s ease-in; }
#design #main #basics #multi-touch .animation-stage .finger.one { right: 20px; top: 7px; }
#design #main #basics #multi-touch .animation-stage .finger.two { left: 20px; bottom: 7px; }
#design #main #basics #multi-touch .animation-stage .fingers { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; }
#design #main #basics #multi-touch .animation-stage .fingers.animate .finger { -webkit-transition: opacity 0.25s ease-out; opacity: 0; }
#design #main #basics #multi-touch .animation-stage .fingers.minus-1 { -webkit-transform: rotate(-90deg); }
#design #main #basics #multi-touch .animation-stage .fingers.minus-2 { -webkit-transform: rotate(-180deg); }
#design #main #basics #multi-touch .animation-stage .fingers.minus-3 { -webkit-transform: rotate(-270deg); }

#design #main #basics #multi-touch .animation-stage.fingered .finger { opacity: 1; }


/* Custom Home Screen Animation */
#design #main #basics #custom-home .animation-stage .finger { left: 12px; top: 12px; }
#design #main #basics #custom-home .animation-stage.fingered .finger { opacity: 1; }
#design #main #basics #custom-home .animation-stage.fingered.jazz-hands .finger { opacity: 0; -webkit-transition: .5s opacity ease-out; }
#design #main #basics #custom-home .animation-stage.fingered.jazz-hands.finger-first .finger { opacity: 1; }

#design #main #basics #custom-home .animation-stage .bg .icon:nth-child(1) {
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-duration: .5s, .5s;
	-webkit-transition-timing-function: ease-out, ease-out;
	-webkit-transform: scale3d(1,1,1);
	opacity: 1;
}
#design #main #basics #custom-home .animation-stage.finger-first .bg .icon:nth-child(1) {
	-webkit-transform: scale3d(1.2,1.2,1);
	opacity: .6;
	z-index: 4;
}
#design #main #basics #custom-home .animation-stage.finger-first .bg .finger.one,
#design #main #basics #custom-home .animation-stage.finger-first .bg .icon:nth-child(1) img {
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 1s;
}
#design #main #basics #custom-home .animation-stage.finger-first .bg .finger.one {
	-webkit-animation-name: drag_finger;	
}
#design #main #basics #custom-home .animation-stage.finger-first .bg .icon:nth-child(1) img {
	-webkit-animation-name: drag_icon;	
}
#design #main #basics #custom-home .animation-stage.fingered:not(.jazz-hands) .bg::after { content: ' '; display: block; background: rgba(0,0,0,.5); width: 37px; height: 38px; -webkit-border-radius: 5px; position: absolute; top: 13px; left: 14px; z-index: 4; }

#design #main #basics #custom-home .animation-stage .bg .icon { display: block; height: 49px; width: 46px; }
#design #main #basics #custom-home .animation-stage .bg .icon img { -webkit-transition: -webkit-transform .25s ease-in; }
#design #main #basics #custom-home .animation-stage.jazz-hands:not(.finger-first) .bg .icon:nth-child(1) { -webkit-animation-delay: .5s; -webkit-animation-name: wiggle_a; }
#design #main #basics #custom-home .animation-stage.jazz-hands .bg .icon:nth-child(2) { -webkit-animation-name: wiggle_f; }
#design #main #basics #custom-home .animation-stage.jazz-hands .bg .icon:nth-child(3) { -webkit-animation-name: wiggle_c; }
#design #main #basics #custom-home .animation-stage.jazz-hands .bg .icon:nth-child(4) { -webkit-animation-name: wiggle_g; }

#design #main #basics #custom-home .animation-stage.jazz-hands .bg .icon .move-to-first { -webkit-transform: translate3d(-50px, 0, 0); }

#design #main #basics #custom-home .extra-credit { width: 35px; height: 2px; overflow: hidden; position: absolute; background: url(http://images.apple.com/br/ipodnano/images/design_animation_extra_credit2010901.png) no-repeat 0 -2px; z-index: 20px; right: 30px; top: 0; -webkit-transition: .15s background-position linear; }
#design #main #basics #custom-home .extra-credit.push { background-position: 0 0; }

#design #main #basics #custom-home .monty-python-hand { width: 9px; height: 12px; position: absolute; z-index: 21px; left: 169px; top: -10px; }
#design #main #basics #custom-home .monty-python-hand img { -webkit-transition: -webkit-transition .15s linear; -webkit-animation-duration: 1.5s; opacity: 0; }



#design #main #basics .needs-webkit { display: none; }
#design.webkit #main #basics .needs-webkit { display: block; }




/* features */
#features .main { padding-bottom: 0; }
#features hr { clear: both; }

#features #hero { text-align: center; width: 980px; margin: 0 -50px 28px; }
#features #hero h1 { margin: 0 0 4px; }
#features #hero img,
#features #hero p.intro { margin: 0 auto; }
#features #hero p.intro {
	width: 690px;
	position: relative;
	margin-bottom: -36px;
}

#features .scrollernav li { width:150px; }
#features .scrollernav li a { width:120px; height:16.5em; padding:0 12px 0 18px; }

#features h2 {
	margin-bottom: 40px;
}
#features .row { clear: both; }

#features .music { background:url("http://www.biodieselbr.com/anuario/arquivos/linha_especial.jpg") no-repeat scroll 100% 0 transparent; margin:-4.5em -50px -3em; padding:3em 230px 0 50px; }
#features .music2 { background:url("http://www.biodieselbr.com/anuario/arquivos/anuario-lateral.jpg") no-repeat scroll 100% 0 transparent; margin:-4.5em -50px -3em; padding:3em 230px 0 50px; }
#features .music h2 { margin-bottom: 18px; }
#features .music img { margin-right: 0; margin-bottom: 0; }
#features .music .clip { margin-right: 36px; margin-left: 238px; }
#features .music h3.hand { padding-top: 77px; margin-right: -50px; }
#features .music p.hand { margin-bottom:50px; margin-left:388px; }
#features .music .grid2col { padding-top:10px; width:605px; }
#features .music .column { width: 270px; }
#features .music .column h3 { margin-top: -10px; }

#features .genius .genius { margin-left: 486px; padding-top: 48px; }
#features .genius h3, #features .genius p { *position: relative; *z-index: 1; }
#features .genius img.flushleft { margin-top: -360px; }

#features .fmradio {
	margin-bottom: -3em;
*margin-bottom: -3.5em; 	padding-bottom: 5em;
	background: url('http://www.biodieselbr.com/anuario/arquivos/verticalizacao.jpg') no-repeat 100% 100%;
	margin-right: -50px;
}
#features .fmradio2 {
	margin-bottom: -3em;
*margin-bottom: -3.5em; 	padding-bottom: 5em;
	background: url('http://www.biodieselbr.com/anuario/arquivos/import_export.jpg') no-repeat 100% 100%;
	margin-right: -50px;
}

#features .fmradio  .contents { width: 350px; }
#features .fmradio img.pause { margin-bottom: 0; }
#features .fmradio .tag { margin-right: 290px; }

#features .fmradio2  .contents { width: 350px; }
#features .fmradio2 img.pause { margin-bottom: 0; }
#features .fmradio2 .tag { margin-right: 290px; }

#features .fitness img { margin-bottom: 0; }
#features .fitness .fit-callout { background: url('../arquivos/linha_do_tempo.jpg') no-repeat; padding: 22px 20px 20px 20px; margin-bottom: 54px; min-height: 508px; _height: 508px; }
#features .fitness .fit-content {
	width: 350px; margin: 0; padding: 30px 20px 30px 30px;
	background: rgba(0, 0, 0, 0.7);
	*background: none; /* turn off BG for IEs */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B6000000,endColorstr=#B6000000)"; /* IE8 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B6000000,endColorstr=#B6000000); /* older IEs */
}
#features .fitness .fit-content h3,
#features .fitness .fit-content p { color: #fff; text-shadow: #000 0 0 15px, #000 0 0 10px, #000 0 0 5px; }
#features .fitness .fit-content p.clip { padding-top: 27px; margin-left: 135px; width: 170px; }
#features .fitness .fit-content img.left { margin: -24px 15px 24px -30px; }
#features .fitness .fit-content img.right { margin-right: 40px; }
#features .fitness .fit-content img.icon { margin: -4px 5px 0 18px; }
#features .fitness .column { width: 415px; margin: 0; }
#features .fitness h3 img { margin-left: 28px; }
#features .fitness p.small,
#features .fitness a.small { font-size: smaller; }

#features .itunes img { margin-top: -210px; margin-bottom: 18px; }
#features .itunes p.row1 { margin-right: 370px; }
#features .itunes p.row2 { margin-right: 445px; }

#features .accessibility { clear: both; background-color: #fafafa; border-top: 1px solid #d9d9d9; width: 880px; padding: 3em 50px 36px; }
#features .accessibility p { margin-right: 255px; }
#features .accessibility .column { margin-top: 18px; width: 260px; margin-left: 50px; }
#features .accessibility .column.last img { margin-left: -15px; margin-right: -24px; *position: relative; }
#features .accessibility .column h3 { margin-top: -36px; *position: relative; }
#features .accessibility .column p { font-size: smaller; margin-right:0; *position: relative; }

/* specs */
#specs img.dimensions { margin-bottom: 36px; }
#specs img.display { margin-bottom: 36px; }
#specs .content #voiceover { zoom:1; }
#specs .content #voiceover.grid3col .column { width:85px; margin-left:0; }
#specs .content #voiceover .last { width:87px; }
#specs .content #voiceover ul li { margin-bottom:0; }
#specs #inout img { position:static; margin-top:18px; margin-bottom:0; }
#specs img.buttons { margin-top:18px; margin-bottom:35px; }
#specs #box img.right { margin-bottom: 0; }

#specs #accessories { position:relative; }
#specs #accessories #extra { padding-left:90px; padding-bottom:48px; }
#specs #accessories #extra img { margin-top:-20px; position:absolute; left:480px; bottom:0; _bottom:-1px; }


.mainRightSub { width: 270px; float: right; }
.try { float: right; width: 270px; height: 76px; background: transparent url(../arquivos/comprar-270.png) 0 0 no-repeat; border: none; margin-top: 28px; }
.try:hover { background: transparent url(../arquivos/comprar-270.png) 0 -76px no-repeat; color: transparent; cursor: pointer; }
.learnMoreTour { margin-top: 110px; }