/* MENU ESQUERDO */
html, body, div, table, tr, td, input, select, textarea, p, a, h1, h2, h3, ul, li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
html, body {height: 100%;}
body {margin: 0px;}

#menu_esq {width: 147px; background-image: url('../img/back_menu.gif'); background-repeat: repeat-y; background-position: left top; height: 100%; float: left;}
html>body>#menu_esq {height: auto; min-height: 100%;}

#menu_esq #busca {background-image: url('../img/menu_busca.jpg'); width: 144px; height: 28px; padding-top: 23px;}
#menu_esq #busca input {width: 26px;}
#menu_esq #busca input.campo {width: 85px; margin-left: 16px; margin-right: 4px;}
#menu_esq h1 {background-image: url('../img/back_botao_menu.gif'); width: 134px; _width: 147px; height: 18px; _height: 27px; color: #8500A2; font-weight: bold; font-size: 12px; margin-top: 0px; margin-bottom: 0px; padding-top: 9px; padding-left: 13px; overflow: hidden; line-height: 16px;}
#menu_esq a {margin-left: 13px; margin-bottom: 3px; margin-top: 3px; width: 117px; background-image: url('../img/bullet_a.gif'); background-repeat: no-repeat; background-position: left 3px; padding-left: 15px; line-height: 12px; font-size: 10px; clear: both; float: none; display: list-item; list-style: none; text-decoration: none;}
#menu_esq a:hover {color: #EFE2F1;}
#menu_esq a.destaque {font-weight: bold;}

/* MENU DIREITO */
#menu_dir {width: 122px; border-left: 1px solid #938595; margin-left: 8px; height: 100%; background-color: #D2BED5; float: right;}
html>body>#menu_dir {height: auto; min-height: 100%;}
#menu_dir #correio {width: 122px; height: 65px; background-image: url('../img/back_correio.jpg'); text-align: center; padding-top: 5px; cursor: pointer;}
#menu_dir #correio img {margin: 3px;}
#menu_dir h1 {margin: 0px; margin-top: 15px;}
#menu_dir h1 span {color: #B60000; text-decoration: underline; font-size: 12px; font-weight: bold; line-height: 15px; cursor: pointer;}
#menu_dir h1 img {left: -7px; margin-right: -7px; position: relative;}
#menu_dir p {margin: 0px; text-align: justify; font-size: 9px; margin-left: 2px; margin-right: 3px;}
#menu_dir #cadastro {background-image: url('../img/back_correio.jpg'); background-repeat: repeat-y; width: 122px; height: 171px; margin-top: 10px; padding-top: 10px;}
#menu_dir #cadastro a img {float: right;}
#menu_dir #cadastro p {font-size: 9px; color: #FFFFFF; font-weight: normal; margin-bottom: 5px;}
#menu_dir #cadastro span {color: #F8FF04; font-size: 11px; font-weight: bold; padding-left: 6px; width: 110px;}
#menu_dir #cadastro input {border: 1px solid #000000; margin-left: 6px; font-weight: normal; margin-bottom: 2px;}
#menu_dir #cadastro div.a {text-align: right; padding-left: 6px; width: 110px;}
#menu_dir #cadastro div.a a {font-size: 9px; text-decoration: none; color: #FFFFFF; font-weight: normal;}
#menu_dir #cadastro div.a a:hover {text-decoration: underline;}

/* SUPERIOR */
body {background-image: url('../img/super_back.gif'); background-repeat: repeat-x; background-position: left top;}
#super {width: 780px;}
#super img {float: left; _margin-left: -3px; _margin-right: -3px;}
#super #barra {background-image: url('../img/super_back_barra.gif'); background-repeat: repeat-x; background-position: left top; height: 37px; width: 780px; float: left; _float: none; text-align: right;}

#super #barra #usuario {height: 14px; font-size: 9px; width: 365px; text-align: left; float: left; padding-left: 5px; color: #6E187D; font-weight: bold;}
#super #barra #sair {height: 14px; font-size: 8px; width: 200px; text-align: right; float: left; color: #6E187D; font-weight: bold;}
#super #barra #usuario a, #super #barra #sair a {font-size: 9px; color: #6E187D; text-decoration: none; font-weight: bold;}

#super #barra #top {width: 173px; height: 30px; background-image: url('../img/super_back_top.gif'); background-repeat: repeat-x; background-position: left top; float: right; padding-right: 9px; padding-top: 8px; margin-top: 6px;}
#super #barra #top img {float: right;}

/*barra da loja*/
#super #barra #loja {float: left; width: 575px;}
#super #barra #loja #texto {float: left; font-size: 9px; font-weight: bold; color: #B73E3E; padding-top: 6px; float: left; width: 411px;}
#super #barra #loja #texto a {text-decoration: none; font-size: 9px; font-weight: bold; color: #B73E3E;}
#super #barra #loja #texto a:hover {text-decoration: none;}
#super #barra #loja #texto span.caixa {color: #000000; border: 1px solid #B73E3E; background-color: #FFFFFF; padding: 2px; padding-left: 4px; padding-right: 4px; margin-left: 2px; margin-right: 2px;}