@charset "utf-8";
/* CSS Document */
* {margin: 0px; padding: 0px; vertical-align: middle;}
/*html, body {height: 100%; font-size: 12px; background-color: #f6f6f6;}*/

.pag {position: relative; display: block; min-height: 100%; min-width: 1000px; text-align: center; font-family: Arial; font-size: 12px; color: #777777;}

.pag_logar {display: block; height: 100%;}
.pag_banner {position: relative; display: block; padding: 5px; background-color: #ffffff;}
.pag_usuario {position: relative; display: block; padding: 5px; background-color: #c1e1ed; border-top: 1px solid #abc7d2; border-bottom: 1px solid #abc7d2;}
.pag_menu {position: relative; display: block; background-color: #ffffff; border-bottom: 4px solid #0265a9; z-index: 10;}
.pag_body {position: relative; display: inline-block; padding: 10px; margin-bottom: 10px; /*overflow: hidden;*/ background-color: #ffffff;
border: 1px solid #d2d2d2; border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 1px 2px #e8e8e8; -webkit-box-shadow: 0px 1px 1px #e8e8e8; box-shadow: 0px 1px 1px #e8e8e8; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#e8e8e8')";}
/*.pag_body {position: relative; display: block; padding: 10px; min-height: 70%; background-color: #ffffff;
border: 1px solid #d2d2d2; -moz-box-shadow: 0px 1px 2px #e8e8e8; -webkit-box-shadow: 0px 1px 1px #e8e8e8; box-shadow: 0px 1px 1px #e8e8e8; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#e8e8e8')";}*/
.pag_foot {position: relative; display: block; line-height: 57px; background-color: #444444; border: 1px solid #000;}

/*Inicio [banner]*/
.pag_banner .titulo {position: relative; display: inline-block; font-size: 30px;}
/*Fim [banner]*/

/*Inicio [usuario]*/
.pag_usuario .logo {position: relative; display: inline-block;}
.pag_usuario .logo img {width: 60px;}
.pag_usuario .grupo {position: absolute; display: inline-block; top: -6px; right: 0px;}
.pag_usuario .grupo .nome {position: relative; display: inline-block; padding: 10px; margin-right: 5px; color: #025198; border-right: 1px solid #b7d6e1;}
/*Fim [usuario]*/

/*Inicio [menu]*/
.pag_menu ul {position: relative; display: block; list-style: none; clear: both;}
.pag_menu ul li {position: relative; display: inline-block; float: left;}
.pag_menu ul li a {position: relative; display: inline-block; padding: 10px; text-decoration: none; font-size: 14px; color: #777; border: 1px solid #fff; border-top: none; border-bottom: none; cursor: pointer;}
.pag_menu ul li a:hover {color: #444; background-color: #eee; border: 1px solid #dfdfdf; border-top: none; border-bottom: none;}
.pag_menu .sel {color: #fff; background: url(../imgs/grad_inv.png) repeat-x top; background-color: #0265a9;}
.pag_menu .sel:hover {color: #fff; background-color: #0265a9;}
/*Fim [menu]*/

/*Inicio [body]*/
.pag_body .titulo {position: relative; display: block; padding: 10px 0px; color: #444;}
.pag_body .subtitulo {position: relative; display: block; padding: 5px 0px;}
.pag_body .titulo .ball {margin-right: 3px; *margin-right: 5px;}
.inner {position: relative; display: block; padding: 0px; margin: 10px 0px; /*overflow: hidden;*/ background-color: #eeefff;
border: 1px solid #d2d2d2; border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 1px 2px #e8e8e8; -webkit-box-shadow: 0px 1px 1px #e8e8e8; box-shadow: 0px 1px 1px #e8e8e8; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#e8e8e8')";}
.inner .submenu {position: relative; display: block; padding: 3px; text-align: center; background-color: #e4e5f4; border-bottom: 1px solid #c7c8d5;}
.inner .submenu .desc {position: relative; display: inline-block; text-align: center; font-size: 12px; font-weight: bold; color: #616168;}
.inner .submenu .opt {position: absolute; display: inline-block; top: 1px; right: 3px;}
/*.conteudo {position: relative; display: block;}*/
/*Fim [body]*/

/*Inicio [foot]*/
.pag_foot a {position: relative; display: inline-block; margin: 0px 10px; text-decoration: none; font-size: 14px; color: #fff;}
/*Fim [foot]*/

/*Inicio [nav]*/
.pag_nav {position: relative; display: block; margin: 5px 0px; text-align: left;}
.pag_nav a {position: relative; display: inline-block; padding: 5px 8px; font-family: Arial; font-size: 12px; font-weight: bold; color: #777; text-decoration: none; /*border: 1px solid #fff;*/ cursor: pointer;}
.pag_nav a:hover {color: #195d9e; /*text-decoration: underline; background-color: #f9f9f9; border: 1px solid #eee;*/}
.pag_nav .sel {/*text-decoration: underline;*/ background: url(/imgs/acapulco/fundo_cinza.jpg) repeat-x bottom #f7f7f7; border: 1px solid #c6c6c6; 
-moz-box-shadow: 0px 1px 2px #dcdbdb; -webkit-box-shadow: 0px 1px 1px #dcdbdb; box-shadow: 0px 1px 1px #dcdbdb; 
/*Inicio ie*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#dcdbdb')";
/*Fim ie*/
}
/*Fim [nav]*/

/*Inicio [lightbox]*/
.lightbox {position: absolute; display: inline-block; width: 980px; padding: 10px; font-family: Arial; color: #777; background-color: #fff; border: 3px solid #d2d2d2;
border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 5px 8px #333; -webkit-box-shadow: 0px 5px 8px #333; box-shadow: 0px 5px 8px #333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#333333')";}
.lightbox .titulo {position: relative; display: block; padding: 5px 0px; text-align: left; color: #444;}
.lightbox .titulo h1 {margin-right: 40px;}
.lightbox .subtitulo {position: relative; display: block; padding: 5px 0px;}
.lightbox .botoes {text-align: center;}
/*Fim [lightbox]*/

.ib {position: relative; display: inline-block;}
.normal {position: relative; display: block;}
.wrap {position: relative; display: inline-block; width: 970px; text-align: left;}
.fixed {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10;}
.pointer {cursor: pointer;}

/*
h1 {position: relative; display: inline; font-size: 20px;}
h2 {position: relative; display: inline; font-size: 13px;}
h3 {position: relative; display: inline; font-size: 12px;}

input {padding: 3px; color: #444444; border: 1px solid #cccccc;}
select {padding: 3px; color: #444444; border: 1px solid #cccccc;}
textarea {padding: 3px; color: #444444; border: 1px solid #cccccc;}
*/
.grupo {position: relative; display: block;}

.hr {position: relative; display: block; padding-top: 1px; background-color: #eee;}

.link {position: relative; display: inline-block; color: #777777; text-decoration: underline;}
.link:hover {color: #444444;}

/*Inicio [logar]*/
.tab_box {position: relative; width: 100%; height: 100%;}
/*.box {position: relative; display: inline-block; padding: 5px; background-color: #ffffff; border: 1px solid #cccccc;}*/
.box {position: relative; display: inline-block; padding: 10px; margin: 20px 0px; background-color: #ffffff;
border: 1px solid #d2d2d2; border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 1px 2px #e8e8e8; -webkit-box-shadow: 0px 1px 1px #e8e8e8; box-shadow: 0px 1px 1px #e8e8e8; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#e8e8e8')";}
.box .head {position: relative; display: inline-block; padding: 10px;}
.box .logo {position: relative; display: inline-block;}
.box .titulo {position: relative; display: inline-block; margin-left: 10px; color: #444444;}
/*Fim [logar]*/

.form {position: relative; display: block; padding: 20px;}

.item {position: relative; display: inline-block; padding: 10px; text-align: left; vertical-align: top;}
.item .lbl {position: relative; display: inline-block; padding: 5px 10px; background-color: #f2f2f2; border: 1px solid #e0e0e0; border-bottom: none; border-radius: 10px 10px 0px 0px; moz-border-radius: 10px 10px 0px 0px;}
.item .lbl input[type='checkbox'] {margin-right: 5px; border: none;}
.item .inp {position: relative; display: block;}
.item .inp input {position: relative; display: inline-block; width: 290px;}
.item .inp select {position: relative; display: inline-block; width: 298px;}
.item .inp select[multiple] {height: 150px;}
.item .inp .select {position: relative; display: inline-block; width: 285px; height: 136px; padding: 5px; overflow: auto; background-color: #ffffff; border: 1px solid #cccccc;}
.item .inp .select .opt {position: relative; display: block; padding: 5px;}
.item .inp .select input[type='checkbox'] {position: absolute; top: 5px; left: 5px; margin-right: 5px; width: auto; border: none;}
.item .inp .select .txt {position: relative; display: inline-block; margin-left: 25px; /*width: 60%;*/ font-size: 12px; color: #444;}
.item .botao {margin: 0px 1px; line-height: 13px;}

.resumo {position: relative; display: block;}
.resumo .quad {padding: 5px; margin: 10px 5px; background-color: #f2f2f2; border: 1px solid #d7d7d7;}
.resumo .quad .txt {display: block;}

.quad {position: relative; display: inline-block;}
.quad .lbl {position: relative; display: inline-block; padding: 3px; font-weight: normal;}
.quad .txt {position: relative; display: inline-block; padding: 3px; color: #444;}

.box_base {position: relative; display: inline-block; margin: 10px; font-size: 12px; font-weight: bold;}
.box_base .btn {position: relative; display: block; padding: 15px; border: 1px solid; cursor: pointer;}
.aviso {color: #ff0000;}

.lista {position: relative; display: inline-block;}
.lista .quad {position: relative; display: block; margin: 2px;}

.grafico {position: relative; display: inline-block; margin-left: 40px; text-align: center;}
.grafico .quad {padding: 10px 20px; margin: 5px; min-width: 80px; background-color: #eee; border: 1px solid #ccc; cursor: pointer;}
.grafico .quad .lbl {display: block; margin-bottom: 10px;}
.grafico .quad .txt {display: block;}

/*Inicio [filtro]*/
.filtro {position: absolute; display: inline-block; top: 5px; right: 2px;}
.filtrando {position: relative; display: inline-block; padding: 0px 5px; font-size: 12px; font-weight: bold; color: #6627a3; cursor: pointer;}
/*Fim [filtro]*/

/*Inicio [tabela]*/
.frame {position: relative; display: inline-block; overflow: auto; overflow-x: hidden;}
.tabela {position: relative; width: 100%; border: 0px solid #eee; border-bottom: 1px solid #eee; 
-moz-box-shadow: 0px 1px 2px #ccc; -webkit-box-shadow: 0px 1px 1px #ccc; box-shadow: 0px 1px 1px #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#cccccc')";}
.tabela .head td {text-align: center; white-space: nowrap; background-color: #e4efff; border: 1px solid #c0d9ff;}
.tabela td {padding: 5px; text-align: center; background-color: #fff; border-top: 1px solid #eee;}
.tabela td h3 {color: #777;}
/*Fim [tabela]*/

/*Inicio [paginacao]*/
.paginacao {position: relative; display: block; text-align: center;}
.paginacao .grupo {position: relative; display: inline-block; text-align: center;}
.paginacao a {position: relative; display: inline-block; padding: 5px 10px; float: left; text-decoration: none; font-family: Arial; font-size: 12px; font-weight: bold; color: #777; background-color: #f2f2f2; border: 1px solid #ccc; 
-moz-box-shadow: 0px 1px 2px #dcdbdb; -webkit-box-shadow: 0px 1px 1px #dcdbdb; box-shadow: 0px 1px 1px #dcdbdb; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#dcdbdb')";}
.paginacao .sel {background-color: #e4efff; border: 1px solid #c0d9ff;}
.paginacao a:hover {background-color: #f8f8f8;}
.paginacao .sel:hover {background-color: #e4efff; border: 1px solid #c0d9ff;}
/*Fim [paginacao]*/

/*Inicio [botoes]*/
.botoes {position: relative; display: block; padding: 10px; padding-top: 20px; text-align: right;}
.botao {position: relative; display: inline-block; padding: 5px 10px; margin: 2px 1px; line-height: 18px; text-align: center; vertical-align: middle; font-family: Arial; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; background-color: #4487fa; background: url(../imgs/grad.png) repeat-x bottom; background-color: #4487fa; /*background: url(/imgs/botao_fundo.gif) repeat-x left bottom #4487fa;*/ border: 1px solid #3e71c9; cursor: pointer; 
-moz-box-shadow: 0px 1px 2px #a0a0a0; -webkit-box-shadow: 0px 1px 1px #a0a0a0; box-shadow: 0px 1px 1px #a0a0a0; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#a0a0a0')";}
.botao:hover {text-decoration: none; background: none; background-color: #4e8df9;}
.sair {position: relative; display: inline-block; padding: 5px 8px; margin: 2px 1px; line-height: 15px; text-align: center; vertical-align: middle; font-family: Arial; font-size: 11px; font-weight: bold; color: #2185b7; text-decoration: none; background-color: #fbfbfb; border: 1px solid #eeeeee; cursor: pointer;
-moz-box-shadow: 0px 1px 2px #a0a0a0; -webkit-box-shadow: 0px 1px 1px #a0a0a0; box-shadow: 0px 1px 1px #a0a0a0; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#a0a0a0')";}
.sair:hover {text-decoration: none; background: none; background-color: #eee;}
.fechar {position: absolute; display: block; top: 50%; right: 2px; _right: -3%; margin-top: -13px;}
.botao_fechar {position: relative; display: inline-block; width: 25px; height: 25px; background: url(../imgs/fechar.gif) no-repeat center; cursor: pointer;}
/*Fim [botoes]*/

/*Inicio [icones]*/
.ball {position: relative; display: inline-block; padding: 6px; background: url(../imgs/ball.png) no-repeat center; background-color: #00aeef;}
/*.ball {position: relative; display: inline-block; padding: 7px; background: url(../imgs/ball.png) no-repeat center;}*/
.ico {padding: 5px; vertical-align: middle;}
.ico .txt {margin: 0px 3px;}
.logout {position: relative; display: inline-block; width: 12px; height: 12px; padding: 2px; background: url(../imgs/logout.png) no-repeat center;}
.gear {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -288px -1px;}
.edit {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -824px -1px;}
.del {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -73px -1px;}
.plus {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -1px -1px;}
.search {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -611px -1px;}
.seta_c {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-black.png) no-repeat -180px -1px;}
.seta_b {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-black.png) no-repeat -217px -1px;}
.undo {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -396px -1px;}
.info {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -539px -1px;}
/*.home {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -575px -1px;}*/
.atualizar {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -323px -1px;}
.del_black {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-black.png) no-repeat -73px -1px;}

.copy {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/copy.png) no-repeat center;}
.preview {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/preview.png) no-repeat center;}

.list {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/lista.png) no-repeat center;}
.save {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/save.png) no-repeat center;}
.comunicados {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/comunicado.png) no-repeat center;}
.contatos {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/contatos.png) no-repeat center;}
.templates {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/template.png) no-repeat center;}
.relatorios {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/relatorio.png) no-repeat center;}
.home {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/home.png) no-repeat center;}
.campanhas {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/campanha.png) no-repeat center;}
.clip {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/clip.png) no-repeat center;}
.download {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/download.png) no-repeat center;}
.draft {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/draft.png) no-repeat center;}
.base {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/base.png) no-repeat center;}
.painel {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/painel.png) no-repeat center;}

.digi_ok {position: relative; display: inline-block; width: 24px; height: 24px; background: url(../imgs/digi_ok.png) no-repeat center;}
.digi_alert{position: relative; display: inline-block; width: 24px; height: 24px; background: url(../imgs/digi_alert.png) no-repeat center; cursor: pointer;}
.digi_error {position: relative; display: inline-block; width: 24px; height: 24px; background: url(../imgs/digi_error.png) no-repeat center; cursor: pointer;}
.digi_clock {position: relative; display: inline-block; width: 24px; height: 24px; background: url(../imgs/digi_clock.png) no-repeat center;}
.digi_clock_alert {position: relative; display: inline-block; width: 24px; height: 24px; background: url(../imgs/digi_clock_alert.png) no-repeat center;}

/*Fim [icones]*/

/*Inicio [biblioteca]*/
/* Inicio [load] */
.bi_load {background: url(../img/load.gif) no-repeat left top;}
.bi_load_pai {background-color: #164EA8; border: 2px solid #164EA8;
-moz-box-shadow: 0px 2px 3px #333; -webkit-box-shadow: 0px 2px 3px #333; box-shadow: 0px 2px 3px #333; 
/*Inicio ie*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')";
/*Fim ie*/
}
/* Fim [load] */

/*Inicio [menu]*/
.bi_menu {position: absolute; display: block; background-color: #fff; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 3px #bebebe; -webkit-box-shadow: 1px 1px 3px #bebebe; box-shadow: 1px 1px 3px #bebebe;}
.bi_menu a {position: relative; display: block; padding: 10px 20px; text-align: left; text-decoration: none; font-family: Arial; font-size: 12px; font-weight: bold; color: #777; border: 1px solid #fff; border-left: none; border-right: none; cursor: pointer;}
.bi_menu a:hover{background-color: #f2f2f2; border: 1px solid #ebebeb; border-left: none; border-right: none;}

.calendario {position: relative; display: inline-block; vertical-align: top; text-align: center;}
.calendario .ui-datepicker-header {position: relative; display: inline-block;}
.calendario .ui-datepicker-prev {position: relative; display: none; padding: 10px; margin-right: 5px; cursor: pointer;}
.calendario .ui-datepicker-next {position: relative; display: none; padding: 10px; margin-left: 5px; float: right; cursor: pointer;}

.calendario .ui-datepicker-title {position: relative; display: inline-block;}
.calendario .ui-datepicker-month {position: relative; display: inline-block; padding: 5px; font-size: 20px; color: #444;}
.calendario .ui-datepicker-year {position: relative; display: inline-block; padding: 5px; font-size: 12px; color: #777;}

.calendario .ui-datepicker-calendar {position: relative; font-size: 12px; text-align: center;}
.calendario .ui-datepicker-calendar th {padding: 10px 5px; color: #444;}
.calendario .ui-datepicker-calendar .ui-state-default {position: relative; display: block; padding: 10px; /*margin: 0px 1px 1px 0px;*/ font-size: 16px; text-decoration: none; color: #777; border: 1px solid #fff; cursor: pointer;}

.calendario .ui-datepicker-calendar .destaque .ui-state-default {position: relative; display: block; color: #777; background: transparent; background-color: #e4efff; border-color: #c0d9ff;}
.calendario .ui-datepicker-calendar .ui-state-hover, .calendario .ui-datepicker-calendar .destaque .ui-state-hover  {position: relative; display: block; color: #777; background: transparent; background-color: #feffe4; border-color: #f1f2d8;}
.calendario .ui-datepicker-calendar .ui-state-active, .calendario .ui-datepicker-calendar .destaque .ui-state-active {position: relative; display: block; color: #fff; background: url(../imgs/grad.png) repeat-x bottom; background-color: #0265a9; border-color: #025085;}
.calendario .ui-datepicker-calendar .ui-state-disabled .ui-state-default {color: #b5b5b5; background: transparent; background-color: transparent; border-color: transparent; cursor: default;}
/*Fim [menu]*/

/* Inicio [tooltip] */
.tooltip {z-index: 600;}
.tooltip .texto {position: relative; display: block; padding: 5px 15px; font-family: Arial; font-size: 11px; font-weight: bold; color: #fff; background-color: #4e8df9; border: 1px solid #3e77da;}
.tooltip .baixo {position: relative; display: inline-block; top: -2px; width: 20px; height: 17px; background: url(../imgs/seta.png) no-repeat center center;}

.tooltip table td {padding: 5px; text-align: left; border-bottom: 1px solid #659dfd;}
.tooltip table .lbl {text-align: right;}

.t_a .texto {color: #777; background-color: #fff; border-color: #ccc;}
.t_a .baixo {top: -3px; background: url(../imgs/seta_a.png) no-repeat center center;}

.t_v .texto {color: #fff; background-color: #34d80d; border: 1px solid #2dbc0c;}
.t_v .baixo {background: url(../imgs/seta_v.png) no-repeat center center;}
/* Fim [tooltip] */
/*Fim [biblioteca]*/

/*Inicio [pag_home]*/
.pag_home .ball {background-color: #0265a9;}
.pag_home .pag_menu {border-bottom-color: #0265a9;}
.pag_home .pag_menu .sel {background-color: #0265a9;}
.pag_home .botao {background-color: #0265a9; border-color: #025085;}
.pag_home .botao:hover {background-color: #0265a9;}
/*Fim [pag_home]*/

/*Inicio pag_contato*/
.pag_contato .ball {background-color: #00aeef;}
.pag_contato .pag_menu {border-bottom-color: #00aeef;}
.pag_contato .pag_menu .sel {background-color: #00aeef;}

.grafico .quad_contato {background: url(../imgs/grad.png) repeat-x bottom; background-color: #00aeef; border-color: #0090c6;}
.grafico .quad_contato h3 {color: #fff;}
/*Fim pag_contato*/

/*Inicio pag_campanha*/
.pag_campanha .ball {background-color: #323a45;}
.pag_campanha .pag_menu {border-bottom-color: #323a45;}
.pag_campanha .pag_menu .sel {background-color: #323a45;}
.pag_campanha .botao {background-color: #323a45; border-color: #191d22;}
.pag_campanha .botao:hover {background-color: #323a45;}

.pag_campanha .tabela .head td {background-color: #ededed; border-color: #d1d1d1;}
.pag_campanha .paginacao .sel {background-color: #dedede; border-color: #c1c1c1;}

/*.pag_campanha .tabela .head td {background-color: #ffe4df; border-color: #e9d0cc;}
.pag_campanha .paginacao .sel {background-color: #ffe4df; border-color: #e9d0cc;}
.grafico .quad_campanha {background-color: #de1c7c; border-color: #b81767;}*/

.grafico .quad_campanha h3 {color: #fff;}
.grafico .quad_campanha {background: url(../imgs/grad.png) repeat-x bottom; background-color: #323a45; border-color: #191d22;}
/*Fim pag_campanha*/

/*Inicio [pag_comunicado]*/
.pag_comunicado .ball {background-color: #df2126;}
.pag_comunicado .pag_menu {border-bottom-color: #df2126;}
.pag_comunicado .pag_menu .sel {background-color: #df2126;}
.pag_comunicado .botao {background-color: #df2126; border-color: #af1a1e;}
.pag_comunicado .botao:hover {background-color: #ff262b;}

.pag_comunicado .tabela .head td {background-color: #ffe4df; border-color: #e9d0cc;}
.pag_comunicado .paginacao .sel {background-color: #ffe4df; border-color: #e9d0cc;}

.grafico .quad_comunicado {background: url(../imgs/grad.png) repeat-x bottom; background-color: #df2126; border-color: #af1a1e;}
.grafico .quad_comunicado h3 {color: #fff;}

/*.grafico .quad_comunicado {background-color: #f9bf00; border-color: #d2a100;}*/
/*Fim [pag_comunicado]*/

/*Inicio [pag_template]*/
.pag_template .ball {background-color: #772cb0;}
.pag_template .pag_menu {border-bottom-color: #772cb0;}
.pag_template .pag_menu .sel {background-color: #772cb0;}
.pag_template .botao {background-color: #772cb0; border-color: #55207e;}
.pag_template .botao:hover {background-color: #772cb0;}

.pag_template .tabela .head td {background-color: #f0e0ff; border-color: #dbcde9;}
.pag_template .paginacao .sel {background-color: #e5d5f3; border-color: #c7b9d3;}

/*.grafico .quad_template {background-color: #f27935; border-color: #bf5f2a;}*/
.grafico .quad_template {background: url(../imgs/grad.png) repeat-x bottom; background-color: #772cb0; border-color: #55207e;}
.grafico .quad_template h3 {color: #fff;}
/*Fim [pag_template]*/

/*Inicio [pag_relatorio]*/
.pag_relatorio .ball {background-color: #34d80d;}
.pag_relatorio .pag_menu {border-bottom-color: #34d80d;}
.pag_relatorio .pag_menu .sel {background-color: #34d80d;}
.pag_relatorio .botao {background-color: #34d80d; border-color: #2dbc0c;}
.pag_relatorio .botao:hover {background-color: #38ea0e;}

.pag_relatorio .tabela .head td {background-color: #cfffba; border-color: #b3dca0;}
.pag_relatorio .paginacao .sel {background-color: #cfffba; border-color: #b3dca0;}

.grafico .sel {color: #fff; background-color: #34d80d; border-color: #2dbc0c;}
.grafico .sel h1 {color: #fff;}
/*Fim [pag_relatorio]*/

/*Inicio [pag_base]*/
.pag_base .ball {background-color: #eeb933;}
.pag_base .pag_menu {border-bottom-color: #eeb933;}
.pag_base .pag_menu .sel {background-color: #eeb933;}
.pag_base .botao {background-color: #eeb933; border-color: #cfa12c;}
.pag_base .botao:hover {background-color: #f0bb33;}

.pag_base .tabela .head td {background-color: #eee79f; border-color: #d5cf8e;}
.pag_base .paginacao .sel {background-color: #eee79f; border-color: #d5cf8e;}

.pag_base .box_base .btn {background-color: #eee79f; border-color: #d5cf8e;}
.pag_base .box_base .sel {color: #fff; background: url(../imgs/candy.png) center #9d7a22; border-color: #90701f;}
/*Fim [pag_base]*/

.error {color: #e60000;}