html { background: #232323 url(images/fundo-body.jpg) repeat-y center top; }
body { margin: 0; padding: 0; }
body, td, th { color: #666; font-family: Lucida Sans, Arial, Sans-Serif; font-size: 12px; }
form { margin: 0; padding: 0; }
:focus { outline: none 0; }

#top_container .menu { position: relative; width: 493px; height: 44px; margin: 0; background: url(images/menu.jpg); float: left; z-index: 22; }
#top_container .menu ul, #top_container .menu ul li { margin: 0; padding: 0; list-style: none; }
#top_container .menu ul a { text-decoration: none; }

#top_container .menu > ul li a { position: absolute; display: block; float: left; top: 0; height: 44px; margin-left: 1px; cursor: default; background: url(images/menu.jpg); text-indent: -10000px; }
#top_container .menu > ul li a.hospedagem { width: 142px; background-position: -1px 0; z-index: 29; }
#top_container .menu > ul li a.seja-neepz { width: 126px; margin-left: 144px; background-position: -144px 0; z-index: 31; }
#top_container .menu > ul li a.a-neepz { width: 106px; margin-left: 271px; background-position: -271px 0; z-index: 33; }
#top_container .menu > ul li a.suporte { width: 114px; margin-left: 378px; background-position: -378px 0; z-index: 35; }
#top_container .menu > ul li a.last { display: none; width: 157px; margin: 0 0 0 494px; background: none; z-index: 37; }
#top_container .menu > ul li a.hospedagem.selected { background-position: -1px -44px; }
#top_container .menu > ul li a.seja-neepz.selected { background-position: -144px -44px; }
#top_container .menu > ul li a.a-neepz.selected { background-position: -271px -44px; }
#top_container .menu > ul li a.suporte.selected { background-position: -378px -44px; }

#top_container .menu > ul li > div { position: absolute; top: 0; display: none; float: left; background: url(images/submenu.png); width: 226px; margin: 0 0 0 -10px; padding-top: 5px; }
#top_container .menu > ul li > div.hospedagem { height: 197px; background-position: 0 5px; z-index: 30; }
#top_container .menu > ul li > div.seja-neepz { height: 196px; margin-left: 133px; background-position: -226px 5px; z-index: 32; }
#top_container .menu > ul li > div.a-neepz { height: 226px; margin-left: 260px; background-position: -452px 5px; z-index: 34; }
#top_container .menu > ul li > div.suporte { height: 166px; margin-left: 367px; background-position: -678px 5px; z-index: 36; }

#top_container .menu > ul li > div ul { position: relative; display: block; margin: 0 0 0 28px; padding-top: 51px; }
#top_container .menu > ul li > div ul li a { display: block; position: relative; width: 157px; height: 28px; line-height: 28px; margin-bottom: 2px; padding-left: 11px; font-size: 11px; color: #fff; background: none; text-indent: 0; letter-spacing: 0; cursor: pointer; }
#top_container .menu > ul li > div ul li a:hover { background: url(images/submenu.png) -1px -197px; width: 145px; padding-left: 23px; }

.sub-cabecalho { height: 71px; background: url(images/sub-cabecalho.jpg) repeat-x; }
.sub-cabecalho .conteudo { width: 954px; height: 71px; line-height: 69px; margin: 0 auto; }
.sub-cabecalho .conteudo strong { display: block; float: left; width: 122px; height: 71px; text-indent: -10000px; background-repeat: no-repeat; background-position: center 0; margin-right: -2px; }
.sub-cabecalho .conteudo strong.clientes { background-image: url(images/marcador-clientes.png); }
.sub-cabecalho .conteudo strong.clientes a { display: block; width: 75px; height: 23px; margin: 20px 0 0 20px; }
.sub-cabecalho .conteudo > div { float: left; margin: 22px 0 0 17px; }
.sub-cabecalho .conteudo > div a.selected { cursor: default; }
.sub-cabecalho .conteudo > div.clientes a { display: block; margin-right: 6px; height: 26px; float: left; background: url(images/abas-clientes.png); text-indent: -10000px; }
.sub-cabecalho .conteudo > div a.ticket { width: 98px; background-position: 0 0; }
.sub-cabecalho .conteudo > div a.knowledge { width: 167px; background-position: -98px 0; }
.sub-cabecalho .conteudo > div a.server { width: 130px; background-position: -265px 0; }
.sub-cabecalho .conteudo > div a.datacenter { width: 87px; background-position: -395px 0; }
.sub-cabecalho .conteudo > div a.ticket.selected { background-position: 0 -52px !important; }
.sub-cabecalho .conteudo > div a.knowledge.selected { background-position: -98px -52px !important; }
.sub-cabecalho .conteudo > div a.server.selected { background-position: -265px -52px !important; }
.sub-cabecalho .conteudo > div a.datacenter.selected { background-position: -395px -52px !important; }
.sub-cabecalho .conteudo > div a.ticket:hover { background-position: 0 -26px; }
.sub-cabecalho .conteudo > div a.knowledge:hover { background-position: -98px -26px; }
.sub-cabecalho .conteudo > div a.server:hover { background-position: -265px -26px; }
.sub-cabecalho .conteudo > div a.datacenter:hover { background-position: -395px -26px; }
.sub-cabecalho .conteudo > a { display: block; float: right; margin: 21px 15px 0 0; width: 153px; height: 28px; background: url(images/suporte-ao-vivo.png); text-indent: -10000px; }
.sub-cabecalho .conteudo > a:hover { background-position: 0 -28px; }
#content_container { background: #fff url(images/sidebar.jpg) repeat-y 0 0; color: #666; margin: 0 auto 0; padding: 0; text-align: left; width: 954px; }
#content_container .content-main { padding: 14px 16px 30px 20px; background: #f7f3f3; border: solid 1px #d6d6d6; border-left: none 0; min-height: 190px; }
#content_left { background: #fff; float: right; margin: 0; padding: 0; text-align: left; width: 706px; }
#side_menu { background-color: #e6e6e6; float: left; margin: 0; padding: 0; width: 248px; }
#side_menu .sidebar { width: 270px; margin: -16px 0 0 -11px; position: relative; }
#side_menu .sidebar-top { width: 270px; height: 16px; background: url(images/sidebar-01.png); }
#side_menu .sidebar-middle { width: 209px; background: url(images/sidebar-02.png) repeat-y; padding: 20px 26px 24px 35px; }
#side_menu .sidebar-bottom { width: 270px; height: 8px; background: url(images/sidebar-03.png); }
form.login-area div.campos { float: left; padding-bottom: 20px; height: 60px; }
form.login-area input.username, form.login-area input.password { float: left; color: #3a1210; height: 17px; vertical-align: 21px; padding: 5px 10px; background: url(images/inputs-login.png); border: none 0; }
form.login-area input.username.focus, form.login-area input.password.focus { color: #000; }
form.login-area input.username { width: 178px; margin-bottom: 6px; background-position: 0 0; }
form.login-area input.username.focus { background-position: 0 -27px; }
form.login-area input.password { width: 95px; margin-right: 5px; background-position: -198px 0; }
form.login-area input.password-password { background-position: -198px -27px; display: none; }
form.login-area a.entre { display: block; float: left; width: 77px; height: 26px; background: url(images/entre.png) 0 0; border: none 0; padding: 0; margin-top: 1px; cursor: pointer; text-indent: -10000px; }
form.login-area a.entre:hover { background-position: 0 -26px; }
form.login-area div.checks { float: left; }
form.login-area div.checks input { width: 13px; height: 13px; padding: 0; margin: 0 2px 0 0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; }
form.login-area div.checks label { color: #e8e8e8; font-size: 11px; display: block; padding-left: 15px; text-indent: -15px; }
form.login-area div.checks a { display: block; height: 12px; color: #e8e8e8; font-size: 11px; background: url(images/lembrar-senha.gif) no-repeat; padding-left: 17px; text-decoration: none; margin-top: 8px; }
form.login-area div.checks a:hover { background-position: 0 -12px; color: #fff; }
#side_menu .searchbar { width: 248px; height: 76px; background: url(images/search-fundo.jpg); margin-top: -8px; padding-top: 22px; }
#side_menu .searchbar form { margin: 0 0 0 22px; }
.searchbar input.search { float: left; margin-bottom: 10px; color: #1e1e1e; width: 182px; height: 15px; vertical-align: 21px; padding: 3px 10px; background: url(images/inputs-search.png); border: none 0; font-size: 11px; }
.searchbar input.search.focus { color: #f2f2f2; background-position: 0 -21px; }
.searchbar .searchin { float: left; margin-right: 3px; width: 156px; height: 21px; color: #1e1e1e; font-size: 10px; }
.searchbar a.ok { display: block; float: left; width: 42px; height: 21px; background: url(images/ok.png); text-indent: -10000px; }
.searchbar a.ok:hover { background-position: 0 -21px; }
#side_menu h3 { font-size: 15px; margin: 16px 0 12px; padding: 0; color: #fff; }
#side_menu h3.first { margin-top: 0; }
#side_menu p { color: #c9aeae; }
#side_menu a { color: #c9aeae; text-decoration: none; }
#side_menu a:hover { color: #d9bebe; text-decoration: underline; }
#side_menu .red { color: #fffc00; }
#top_container { background: #232323; height: 115px; margin: 0 0 0 -1px; padding: 21px 0 0 0; *float: left; }
#top { background: url(images/header-fundo.jpg); width: 954px; height: 44px; margin: 0 auto; padding: 0; }
#company_title { width: 120px; height: 44px; float: left; color: #fff; font-size: 24px; line-height: 44px; margin: 0; padding: 0; }
#company_title a { display: block; background: url(images/header-logo.jpg) 0 0; width: 120px; height: 44px; text-indent: -10000px; }
#company_title a:hover { background-position: 0 -44px; }
#fone { background: url(images/header-fone.jpg); float: right; width: 181px; height: 44px; text-indent: -10000px; }
.cabecalho { width: 955px; height: 93px; background: url(images/cabecalho.jpg); }
#top_menu { width: 674px; height: 38px; background: url(images/cabecalho-links.jpg); line-height: 38px; margin: 0; padding: 0 0 0 18px; text-align: right; float: right; }
#top_menu ul { list-style: none; margin: 0; padding: 0; float: right; }
#top_menu ul li { float: left; margin: 0; padding: 0 10px 0 10px; background: url(images/separador-links.png) no-repeat 0 center; }
#top_menu ul li.first { padding: 0 10px 0 0; background: none; }
#top_menu ul li.last { padding: 0 15px 0 10px; }
#top_menu ul li a, #top_menu ul li a:visited { color: #763232; font-weight: bold; display: block; height: 38px; line-height: 38px; padding: 0; text-decoration: none; }
#top_menu ul li a:hover { color: #932525; text-decoration: underline; }
div.separador-link { width: 1px; height: 19px; background: url(images/separador-links.png) no-repeat 0 2px; margin: 0 9px; display: inline-block; text-indent: -10000px; }
#welcome_box { float: left; letter-spacing: 0; font-size: 11px; margin: 0 0 0 24px; color: #1f1f1f; line-height: 19px; padding-top: 27px; }
#welcome_box a, #welcome_box a:visited { color: #763232; font-weight: bold; text-decoration: none; }
#welcome_box a:hover { color: #932525; text-decoration: underline; }
#welcome_box a.minha-conta, #welcome_box a.logout { float: left; }
#welcome_box div.separador-link { float: left; }
.home-destaque { width: 707px; height: 258px; background: url(images/home-destaque.jpg); margin: -50px 0 0 0; }
.home-destaque * { display: none; }
table.links-home { background: #f7f3f3; border: solid 1px #d6d6d6; border-left: none 0; border-bottom: none 0; padding: 0; margin: 0; }
table.links-home td { border: solid 1px #d6d6d6; border-top: none 0; border-right: none 0; padding: 0; margin: 0; width: 353px; height: 87px; background: url(images/seta-home.jpg) no-repeat center right; }
table.links-home td.esquerda { border-left: none 0; }
table.links-home td .icone { margin: 7px 9px 0 14px; float: left; }
table.links-home td .icone img { border: none 0; padding: 0; margin: 0; }
table.links-home td .descricao { margin: 18px 0 0 0; float: left; width: 212px; line-height: 17px; }
table.links-home td .descricao strong { display: block; }
table.links-home td .descricao strong a { color: #c4494b; text-decoration: none; }
table.links-home td .descricao span { display: block; color: #4b2421; }
table.links-home td:hover { cursor: pointer; }
table.links-home td:hover .descricao strong a { color: #d4494b; text-decoration: underline; }
.absmiddle { vertical-align: middle; }
.breadcrumb { background-color: #e7dbdb; margin: 0 0 10px; padding: 10px; color: #413433; font-size: 11px; }
.breadcrumb a, .breadcrumb a:visited { color: #413433; text-decoration: none; }
.breadcrumb a:hover { color: #932525; text-decoration: underline; }
.clear { clear: both; }
.green { color: #006F0F; }
.header { color: #1a4d80; font-size: 14px; font-weight: 700; }
.red { color: #BF0000; }
.small { font-size: 11px; }
.warning { background-color: #FFFFDF; border: 1px solid #FDFF3F; margin: 0 0 10px; padding: 10px; }
.contentbox { padding: 10px; margin: 0 0 10px; text-align: center; }
.errorbox { background-color: #FFBFBF; padding: 10px; margin: 0 0 10px; text-align: center; color: #7F0000; }
.successbox { border: 1px solid #66CC00; font-weight: bold; background-color: #DDFFC6; text-align: center; padding: 10px; color: #009933; }
.clientareatableactive { background-color: #DFFFE0; }
.clientareatablepending { background-color: #EFEFEF; }
.clientareatablesuspended { background-color: #FFF6CF; }
.clientareatableterminated { background-color: #FFCFCF; }
.clientticketreplyheader { background-color: #EBEBEB; color: #333; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #CCC; }
.clientticketreply { background-color: #F5F5F5; margin: 0 0 10px; padding: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
.adminticketreplyheader { background-color: #ffcfcf; color: #333; border-top: 1px solid #ffcfcf; border-right: 1px solid #ffcfcf; border-bottom: 1px solid #ffcfcf; border-left: 1px solid #ffcfcf; }
.adminticketreply { background-color: #ffeeee; padding: 10px; margin: 0 0 10px; border-right: 1px solid #ffcfcf; border-bottom: 1px solid #ffcfcf; border-left: 1px solid #ffcfcf; }
.networkissueaffected { background-color: #EFEFEF; padding: 10px; margin: 0 0 10px; }
.textgreen { color: #158F00; }
.textred { color: #9F0000; }
a, a:visited { color: #763232; text-decoration: none; }
a:hover { color: #932525; text-decoration: underline; }
h1 { display: block; width: 635px; height: 49px; line-height: 49px; color: #eacece; font-size: 18px; font-weight: bold; margin: 0; padding: 0 36px; background: url(images/h1.jpg); }
h2 { border-bottom: 1px solid #f5f5f5; color: #666; font-size: 16px; font-weight: 700; margin: 0 0 5px; padding: 10px 0 3px; }
h3 { color: #666; font-size: 16px; font-weight: 700; margin: 0; padding: 10px 0 5px; }
hr { background-color: #EBEBEB; border: 0; border-top: 1px solid #EBEBEB; height: 0; margin: 10px 0; overflow: hidden; }
input, select, textarea { color: #666; font-family: Lucida Sans Unicode, Lucida Grande, Sans-Serif; font-size: 12px; margin: 0; padding: 2px; }
p { margin: 0; padding: 3px 0 8px; }
table.data { margin: 0 0 10px; padding: 0; }
table.data td { background-color: #FFF; border-bottom: 1px solid #EBEBEB; }
table.data th { background-color: #888; border-bottom: 1px solid #333; color: #FFF; font-weight: 400; }
table.data tr.clientareatableactive td { background-color: #DFFFE0 !important; }
table.data tr.clientareatablepending td { background-color: #EFEFEF !important; }
table.data tr.clientareatablesuspended td { background-color: #FFF6CF !important; }
table.data tr.clientareatableterminated td { background-color: #FFCFCF !important; }
table.frame { margin: 0 0 10px; padding: 0; border: 1px solid #EBEBEB; border-bottom: 0; }
table.frame table td { background-color: #FFF; border-bottom: 1px solid #EBEBEB; }
table.frame table td.fieldarea { background-color: #f4f4f4; color: #333; text-align: right; border-right: 1px solid #EBEBEB; }
.rodape { background-color: #fff !important; width: 906px; background: url(images/rodape-separador.jpg) no-repeat center 33px; color: #838383; padding: 52px 24px 40px; font-size: 11px; }
.rodape .esquerda { float: left; text-align: right; }
.rodape .esquerda span { float: left; }
.rodape .direita { float: right; text-align: left; }
.rodape .esquerda a { float: left; color: #111; font-size: 11px; text-decoration: none; }
.rodape .esquerda a:hover { color: #000; border-bottom: solid 1px #afafaf; }
.rodape .direita span { float: left; }
.rodape .rss { display: block; float: left; width: 13px; height: 12px; background: url(images/rodape.png) 0 0; text-indent: -10000px; margin-left: 15px; }
.rodape .rss:hover { background-position: 0 -12px; }
.rodape .facebook { display: block; float: left; width: 12px; height: 12px; background: url(images/rodape.png) -13px 0; text-indent: -10000px; margin-left: 15px; }
.rodape .facebook:hover { background-position: -13px -12px; }
.rodape .twitter { display: block; float: left; width: 20px; height: 12px; background: url(images/rodape.png) -25px 0; text-indent: -10000px; margin-left: 15px; }
.rodape .twitter:hover { background-position: -25px -12px; }