/* BASE ----------------------------------------------------------------------------- */
html, body { height: 100%; height:auto !important; min-height:100%; }
body { margin:0; background:#fff; font-family: Verdana, Arial,Helvetica,sans-serif; font-size:12px; line-height:1.3em; color:#666;}
.main { position:relative; left:0px; top: 0px; margin: 0 auto; width:780px; height: 100%; }


/* HEADER ----------------------------------------------------------------------------- */
#header { border-bottom: 5px solid #ffbe31; position: relative; top: 0px; left: 0px; }
#header h1 { height: 102px; background:#fff url(../images/background/header-banner.jpg) top left no-repeat; text-indent: -9999px; }
#header #menuTop { background: #ededed; padding: 2px 0px; border-bottom: 2px solid #FFF; border-top: 2px solid #FFF; line-height: 22px; height: 22px; }
#header #menuTop img { float: left; margin: 5px 0 0 10px; }
#header #menuTop ul { color: #767676; list-style: none; margin: 0 20px 0 0; display: table; float: right; }
#header #menuTop ul li { float: left; }
#header #menuTop ul li span { padding: 0 5px; }
#header #menuTop ul a { color: #767676; text-transform: uppercase; font-weight: bold; font-size: 10px; }
#header #menuTop ul a:hover { text-decoration: underline; }

#header .email { text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: 52px; left: 408px; }

#header #login { position: absolute; right: 15px; top: 10px; width: 150px; background: #ededed; }
#header #login h3 { font-size: 12px; text-align: center; } 
#header #login label { font-size: 10px; width: 35px; text-align: right; margin: 2px 0; display: inline-block; padding: 0 5px 0 0; font-weight: bold; }
#header #login input { padding: 0px; font-size: 10px; border: 1px solid #999; margin: 2px 0; width: 100px; }
#header #login input.bt { float: right; margin: 2px 10px 5px 0; width: auto; padding: 0 5px; }

/* CONTENT
----------------------------------------------------------------------------- */
.content { width: 100%; oveflow: hidden; display: table; background: #f5f5f5; }

.content #contentMenu { width: 166px; vertical-align:top; height: 100%; display: table-cell; background: #eaeaea; }
.content #contentMenu { *float: left; }
.content #contentMenu .logos { position: absolute; bottom: 35px; left: 7px; }

.content #contentContent { float: right; width: 614px; height: 100%; display: table-row; background:#FFF; min-height: 350px; padding: 0 0 25px 0; }
.content #contentContent .margin { margin: 10px; position: relative; }

.content #cadastro { display: table; width: 156px; background: #f5f5f5; margin: 5px; }
.content #cadastro h3 { font-size: 12px; text-align: center; } 
.content #cadastro label { font-size: 10px; width: 35px; text-align: right; margin: 2px 0; display: inline-block; padding: 0 5px 0 0; font-weight: bold; }
.content #cadastro input { padding: 0px; font-size: 10px; border: 1px solid #999; margin: 2px 0; width: 105px; }
.content #cadastro input.bt { margin: 2px 10px 5px 0; width: auto; padding: 0 5px; float: right; }

ul#menuLeft, ul#menuLeft ul { list-style: none; width: 100%; }
ul#menuLeft a { display: block; text-decoration: none; padding: 3px 0; letter-spacing: 1px; }
ul#menuLeft li { border-bottom: 3px solid #FFF; } 
ul#menuLeft li a { font-size: 12px; color: #000; font-weight: bold; padding: 6px 0 6px 25px; background: #ffbe31 url(../images/menu/menu-up.gif) 3px 5px no-repeat; }
ul#menuLeft li a:hover { text-decoration: underline; }
ul#menuLeft li a.down { background: #ffbe31 url(../images/menu/menu-down.gif) 3px 5px no-repeat; }
ul#menuLeft li ul li { border: none; border-top: 3px solid #FFF; }
ul#menuLeft li ul li a { font-size: 10px; background: #f5f5f5; color: #000; padding: 5px 0 5px 15px; }
ul#menuLeft li ul li a:hover { background: #aaa; }

ul#menuLeft li.nosub a { background-image: none; }

/* FOOTER
----------------------------------------------------------------------------- */
#footer { position: fixed; bottom: 0px; left: 0px; z-index: 999; width: 100%; }
#footer .ct { background: #ededed; width:780px; margin: 0 auto; display: table; padding: 2px 0px; line-height: 22px; height: 22px; }
#footer .ct img { float: left; margin: 5px 0 0 10px; }
#footer .menu { float: right; }
#footer .menu img { float: left; margin: 5px 0 0 10px; }
#footer .menu ul { color: #767676; list-style: none; margin: 0 20px 0 0; display: table; float: right; }
#footer .menu ul li { float: left; }
#footer .menu ul li span { padding: 0 5px; }
#footer .menu ul a { color: #767676; text-transform: uppercase; font-weight: bold; font-size: 8px; }
#footer .menu ul a:hover { text-decoration: underline; }