body { background: #EEE url(images/bg.png) repeat left top , Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0; }
a { text-decoration: none; }
.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#loading { display: none; position: fixed; z-index: 99999999; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url(images/loading.gif) center center no-repeat; }

/*header no tocar */
#header { background: url(images/header-bg.jpg) repeat-x left bottom; width: 100%; height: 89px; }
#header #card { float: right; margin: 8px 6px 0 0; }
#header #card .info { float: left; margin-right: 5px; line-height: 12px; text-align: right; }
#header #card .info span { color: #888; font-size: 9px; }
#header #card .avatar { float: right; padding: 4px; background: #FFF; border: 1px solid #999; }

#canvas { margin: 1px 0 0 0; padding: 0; position: absolute; top: 88px; bottom: 26px; left: 0; right: 0; }
#canvas #sidebar { background: #EEE; border-right: 1px solid #868E99; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 260px;
	background-color: rgba(0, 0, 0, 0.03);
	border-right: 1px solid rgba(0, 0, 0, 0.03);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) inset, 0 -1px 0 rgba(255, 255, 255, 0.25);
}
#canvas #sidebar a.menu { background: url(images/menu-title-bg.jpg) repeat-x; display: block; border-left: 3px solid #333; color: #000; font-weight: bold; padding: 12px 10px 11px; }
#canvas #sidebar a.menu:hover { text-decoration: none; color: #FFF; }
#canvas #sep { width: 5px; }
#canvas #toggle { cursor: pointer; position: absolute; left: 260px; top: 0px; width: 5px; }

#canvas #showroom { position: absolute; left: 270px; right: 5px; top: 5px; bottom: 0px; overflow: auto; }
#login, #forgot { background: #FFF; border: 1px solid #DADADA; border-radius: 3px; margin: 5% auto auto; padding: 50px 30px 40px; width: 285px; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; }
#forgot { display: none; }
#footer { background: #E0E0E0 url(images/footer-bg.jpg) repeat-x left top; text-align: right; width: 100%; height: 20px; padding: 3px 0; position: fixed; bottom: 0; left: 0; right: 0; }

#accordion { font-size: 12px; list-style: none; padding: 0; margin: 0px; width: 260px; }
#accordion li{ display: block; background: url(images/menu-bg.jpg) no-repeat left top; border-left: 3px solid #333; color: #333; font-weight: bold; margin: 0px; cursor: pointer; padding: 10px 5px 9px 10px; }
#accordion ul { list-style: none; padding: 0; margin: 0px; display: none; }
#accordion ul li{ background: url(images/menu-item-bg.jpg) repeat-x; font-weight: normal; cursor: auto; padding: 0; margin: 0px; border-left: 3px solid #D93600; border-bottom: none; }
#accordion a { display: block; color: #333; text-decoration: none; padding: 5px 0 4px 20px; }
#accordion a:hover { color: #DD4B39; }
#accordion .here { border-left: 3px solid #D93600; }
#accordion a.here { background: url(images/menu-item-here.png) no-repeat left center; border-left: none; }

/* no tocar */
#canvas #toggle { cursor: pointer; position: absolute; left: 0px; top: 0px; width: 5px; }
/*#canvas #showroom { position: absolute; left: 10px; right: 5px; top: 5px; bottom: 0px; overflow: auto; }*/

#login, #forgot { background: #FFF; border: 1px solid #DADADA; border-radius: 3px; margin: 5% auto auto; padding: 50px 30px 40px; width: 285px; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; }
#forgot { display: none; }
/*footer  no tocar */
#footer { background: #E0E0E0 url(images/footer-bg.jpg) repeat-x left top; text-align: center; width: 100%; height: 28px; padding: 1px 0; position: fixed; bottom: 0; left: 0; right: 0; }
/*header no tocar */

#pedido_total { color: #333; }
#pedido_total span { color: #CCC; }

table .num { text-align: right; }

fieldset { position: relative; margin: 0 0 15px; padding: 25px 15px 5px; background-color: white; border: 1px solid #DDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
fieldset legend { position: absolute; top: -1px; left: -1px; line-height: 20px; padding: 0 5px; font-size: 12px; font-weight: bold; background-color: whiteSmoke; border: 1px solid #DDD; color: #9DA0A4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; width: auto; }

.tblTotales h4 { color: #000; margin: 0; white-space: nowrap; }
.tblTotales span { color: #BBB; }