#produtos {position:absolute; top:0; left:0;}
.accordion { text-align: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 { 
	color: white;
    font-size: 14px;
	font-family: 'Helvetica Neue', Arial, sans-Georgia, "Times New Roman", Times, serif;
	margin: 0; 
	z-index: 100; 
	position: absolute; 
	top: 0; 
	left: 0; 
	-webkit-transform: translateX(-100%) rotate(-90deg); 
	-webkit-transform-origin: right top; 
	-moz-transform: translateX(-100%) rotate(-90deg);
	-moz-transform-origin: right top; 
	-o-transform: translateX(-100%) rotate(-90deg); 
	-o-transform-origin: right top; 
	transform: translateX(-100%) rotate(-90deg); 
	transform-origin: right top;
}
.accordion .slide > h2 span { 
    display: block; 
    padding-right: 8%; 
    text-align: right; 
    height: 90%;
    margin-top: 5px; 
}
.accordion .slide > h2 b { 
    position: absolute; 
    top: 13%; 
    left: 15%; 
    text-align: center; 
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white; }


/***************************************** Light */
.light { 
    border-bottom-width: 8px; 
    padding: 5px 5px 6px 0; 
    background: #000033; 
}
.light .slide > h2 { background: #000033; line-height: 25px }
.light .slide > h2 span { 
    background: #006633;
    color: #ffffff;
	
}
.light .slide > h2 b { background: #ffffcc; color: #000033; }
.light .slide > h2.selected span, .light .slide h2.selected span:hover, .light .slide > h2.selected b { background: #FC0; color:#000000; }
.light .slide > div { background: #000033; margin-left: 0px }


/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }