body{padding: 0px; margin: 0px; font-family: Arial;}
.centro{width: 1020px; margin: 0px auto;}

/*TOPO*/   
.topo{margin: 20px 0px 0px 0px; padding:0px;}
.topo .logo{float: left;}
.topo .direita {float: right;}
.topo .direita .suporte-titulo{color: #f4f4f4;font-size: 80px; text-transform: uppercase; line-height: 80px;}
.topo .direita .menu{border-top: 1px solid #eaeaea; width: 400px; list-style: none;padding:0px; margin: 0px;}
.topo .direita .menu .item{padding:0px; margin: 0px; float: right;background: #eaeaea; padding: 5px 10px; color: #666; text-decoration: none;}
.topo .direita .menu .item a{color: #666; text-decoration: none;}
.topo .direita .menu .item:hover{background: #cccccc; color: #fff; text-decoration: none;}
.topo .direita .menu .item:hover a{background: #cccccc; color: #fff; text-decoration: none;}

.clear{clear: both;}

/*Conteudo*/    
.conteudo{border: 1px solid #dedede; padding: 20px;color: #525252; border-radius: 4px;}
.conteudo .formulario .lbl-titulo{color: #525252; font-weight: bold; width: 100px;}
.conteudo .formulario .lbl-assunto-titulo{color: #525252; font-weight: bold; width:65px;}
.conteudo .formulario .lbl-assunto{color: #525252;}
.conteudo .formulario .ticket{font-size: 25px;}

.conteudo .formulario .historico-cliente{border: 1px solid #dedede; border-radius: 4px; margin: 5px 0px;}
.conteudo .formulario .historico-cliente .topo{background: #dedede;margin: 0px; padding: 0px;}
.conteudo .formulario .historico-cliente .topo .conteudo{margin: 0px; padding: 5px;}
.conteudo .formulario .historico-cliente .comentario{padding: 10px; font-size: 12px; font-family: Arial; text-align: justify;}

.conteudo .formulario .empresa {border: 1px solid #dedede; border-radius: 4px; margin: 5px 0px 5px 40px;}
.conteudo .formulario .empresa .topo{background: #bbe8fa;margin: 0px; padding: 0px;}
.conteudo .formulario .empresa .topo .conteudo{margin: 0px; padding: 5px;}
.conteudo .formulario .empresa .comentario{padding: 10px; font-size: 12px; font-family: Arial; text-align: justify;}

/*Login*/
.box-login{border: 1px solid #dedede; padding: 40px;color: #525252; border-radius: 4px; width: 300px; margin: 100px auto 0px auto;}

/*Ticket*/
.status-nvo{background: #ff5656; padding: 10px 15px; color: #fff; border-radius: 4px;}
.status-rsp{background: #5fc8ff; padding: 10px 15px; color: #fff; border-radius: 4px;}
.status-fin{background: #00b900; padding: 10px 15px; color: #fff; border-radius: 4px;}
.status-can{background: #eda200; padding: 10px 15px; color: #fff; border-radius: 4px;}

/*Paginador*/
.frw-paginador{float: right;}
.frw-paginador a{text-decoration: none;}
.frw-paginador a:hover{text-decoration: none;}
.frw-paginador-dv {float: left; border: solid 1px #d0d0d0; padding: 3px 10px; margin-left: 5px; color: #666666; font-size: 12px;}
.frw-paginador-dv-hover {float: left; padding: 3px 10px; margin-left: 5px; color: #002c69; cursor: hand; border: solid 1px #d0d0d3; font-size: 12px; background-color: #f8f8f8;}
.frw-paginador-dv-sel { float: left; padding: 3px 10px; margin-left: 5px; font-weight: bold; color: #fff; border: solid 1px #002c69; font-size: 12px; background-color: #002c69;}