@charset "utf-8";
/* CSS Document */

/* CSS Reset */

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
  vertical-align: baseline;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: inherit;
  font-size: 12px;
  color:#666;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
:focus {
  outline: 0;
}
body {
  background: white;
  line-height: 1;
  color: black;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  font-weight: normal;
  text-align: center;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

#tarja{
	background-color:red;
	color: white;
	font-weight: bold;
	padding:2px;
	position:fixed;
	top: 0px;
	text-align: center;
	width:100%;
}

/* Global */
small{
  font-size:10px;
  line-height:14px;
}
.textrep {
  overflow:hidden;
  display:block;
  text-indent:-5000px;
  width:0px;
  height:0px;
  font-size:1px;
}
.clear {
  clear:both;
}
.orange {
  color:#794671;
}
a:link {
  color:#794671;
  text-decoration:none;
}
a:visited {
  color:#794671;
  text-decoration:none;
}
a:hover {
  color:#794671;
  text-decoration:underline;
}
h2, h3 {
  font-family:Georgia, "Times New Roman", Times, serif;
  margin-bottom:15px;
}
h2 {
  font-size:20px;
  color:#794671;
}
h3 {
  font-size:14px;
  font-weight:bold;
  color:#333;
}

/* Botões */

.btn-novo, .btn-listar {width:68px;height:22px;float:left;margin-left:5px;}
.btn-novo {background:url(../images/btn_options.gif) no-repeat;}
.btn-novo:hover {background:url(../images/btn_options.gif) no-repeat 0px -22px;}
.btn-listar {background:url(../images/btn_options.gif) no-repeat -68px 0px;}
.btn-listar:hover {background:url(../images/btn_options.gif) no-repeat -68px -22px;}

.btn-imprimir {width:59px;height:22px;float:left;margin-left:5px;}
.btn-imprimir {background:url(../images/btn_list.gif) no-repeat -140px 0px;}
.btn-imprimir:hover {background:url(../images/btn_list.gif) no-repeat -140px -22px;}

.btn-codigos {width:57px;height:22px;float:left;margin-left:5px;}
.btn-codigos {background:url(../images/btn_list.gif) no-repeat -199px 0px;}
.btn-codigos:hover {background:url(../images/btn_list.gif) no-repeat -199px -22px;}

.btn-editar, .btn-excluir {width:48px;height:22px;float:left;margin-left:5px;}
.btn-editar {background:url(../images/btn_list.gif) no-repeat;}
.btn-editar:hover {background:url(../images/btn_list.gif) no-repeat 0px -22px;}
.btn-excluir {background:url(../images/btn_list.gif) no-repeat -48px 0px;}
.btn-excluir:hover {background:url(../images/btn_list.gif) no-repeat -48px -22px;}

.btn-cima, .btn-baixo {width:22px;height:22px;float:left;margin-left:5px;}
.btn-cima {background:url(../images/btn_list.gif) no-repeat -96px 0px;}
.btn-cima:hover {background:url(../images/btn_list.gif) no-repeat -96px -22px;}
.btn-baixo {background:url(../images/btn_list.gif) no-repeat -118px 0px;}
.btn-baixo:hover {background:url(../images/btn_list.gif) no-repeat -118px -22px;}


/* Estrutura */

body {
  background: url(../images/header_back.jpg) repeat-x #F9FAF5;
}
#container {
  width:950px;
  margin:0 auto;
}
#header {
  height:65px;
}
#menu {
  height:27px;
}
#title {
  height:58px;
}

/* Header */

#header h1 a {
  background:url(../images/logo.png) no-repeat;
  width:138px;
  height:33px;
  display:block;
  float:left;
  margin-top:18px;
}
#header #info {
  float:right;
  margin-top:13px;
  text-align:right;
}
#header #info p{
	margin:0 0 10px 0;
}
#header #info a.logout {
  background: url(../images/sair_icon.gif) no-repeat 0 4px;
  padding-left:13px;
  margin-left:2px;
}
#header #info a.logout:hover {
  background: url(../images/sair_icon.gif) no-repeat 0 -18px;
  color:#794671;
}







/* Title */

#title h2, #title h3 {
  font-family:Georgia, "Times New Roman", Times, serif;
}
#title h2 {
  float:left;
  color:#FFF;
  font-size:30px;
  margin-top:11px;
}
#title h3 {
  float:right;
  color:#999;
  font-size:18px;
  margin:18px 0 0 15px;
}

/* Secundárias ------------------------------------------------*/

/* Options Head */

#breadcrumb {
  background:url(../images/breadcrumb_icon.gif) no-repeat;
  padding-left:15px;
  margin-top:20px;
  float:left;
}
#options-head {
  height:50px;
}
#options-head-wrap {
  float:right;
  margin-top:15px;
}
#search-head, #buttons-head {
  float:left;
  margin-left:20px;
}
#search-head .search-input {
  border:1px solid #CCC;
  padding:2px;
  width:200px;
}
#search-head .search-button {
  background:url(../images/btn_options.gif) no-repeat -136px 0px;
  border:0px;
  width:68px;
  height:22px;
  color:#FFF;
  font-family:Georgia, "Times New Roman", Times, serif;
  padding-bottom:2px;
}
#search-head .search-button:hover {
  background:url(../images/btn_options.gif) no-repeat -136px -22px;
}

/* List */

.list .zebra {
  background:#EFEFEF;
}
.list {
  width:80%;
  background:#FFF;
}
.list thead {
  background:#EDF0E1;
}
.list thead tr th {
  padding:8px;
  border-bottom:1px solid #CCC;
  font-weight:bold;
  color:#666;
  text-align:center;
}
.list thead tr th a {
  background:url('../images/ord.png') right 3px no-repeat;
  font-weight:bold;
  color:#666;
  text-decoration:none;
  padding:0 12px 0 0;
}
.list thead tr th a.ord {background:url('../images/ord.png') right -9px no-repeat;}
.list thead tr th a.ordD {background:url('../images/ord.png') right -21px no-repeat;}
.list thead tr th.id {
  text-align:center;
  border-bottom:1px solid #CCC;
  font-weight:bold;
  color:#666;
}
.list tfoot {
  background:#EDF0E1;
}
.list tfoot tr td {
  padding:8px;
  border-top:1px solid #CCC;
}
.list tr td {
  padding:10px;
  vertical-align:middle;
}
.list .list-buttons {
  float:right;
  width:106px;
}
.list .btn-excluirsel {
  background: url(../images/btn_excluirsel.gif) no-repeat;
  padding-left:15px;
  margin-left:9px;
  color:#333 !important;
}
.list .btn-excluirsel:hover {
  color:#C00 !important;
}

.zebra2 {
  background-color:#EFEFEF !important;
}


/* Novo */

#novo {
  background:#FFF;
  padding:20px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  overflow:hidden;
  zoom:1;
}
#novo-main {
  float:left;
  width:655px;
}
#novo-lista {
  float:left;
  width:910px;
}
#novo label {
  font-size:14px;
}
#novo label.option {
  font-size:12px !important;
}
.textbox, .divGrupo {
  margin:3px 0 8px 0;
  border:1px solid #E0E1DC;
  background:#F9FAF5;
  padding:3px;
  width:400px;
}

.textbox_menor {
  margin:3px 0 8px 0;
  border:1px solid #E0E1DC;
  background:#F9FAF5;
  padding:3px;
  width:150px !important;
}

.select_data {
  margin:3px 0 8px 0;
  border:1px solid #E0E1DC;
  background:#F9FAF5;
  padding:3px;
  width:60px !important;
}

.select {
  margin:3px 0 8px 0;
  border:1px solid #E0E1DC;
  background:#F9FAF5;
  padding:3px;
  /*width:60px !important;*/
}

.divGrupo input {
  width: 20px !important;
  vertical-align: middle;
}

.separa {
  margin-top: 5px;
  margin-bottom: 10px;
  border-top: 1px dashed #CCCCCC;
}

select.textbox {
  width:400px !important;
}
.textbox_block {
  margin:3px 0 8px 0;
  border:1px solid #E0E1DC;
  padding:3px;
  width:400px;
}
#novo input, #novo textarea {
  font-family: Arial, Helvetica, sans-serif;
  margin:3px 0 8px 0;
  border:1px solid #E0E1DC;
  background:#F9FAF5;
  padding:3px;
  width:400px;
}
#novo textarea {
  height: 70px;
  resize: none;
}
#novo .btn-enviar {
  background:url(../images/btn_options.gif) no-repeat -136px 0;
  border:0px;
  width:68px;
  height:22px;
  color:#FFF;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:15px;
  padding:0 0 2px 0;
}
#novo .btn-enviar:hover {
  background:url(../images/btn_options.gif) no-repeat -136px -22px;
}
#novo #novo-sidebar {
  background:#F9FAF5;
  float:right;
  width:200px;
  padding:15px;
  border-top:4px solid #794671;
}
#novo #novo-sidebar p {
  margin-bottom:15px;
}



/* Options Foot */

#options-foot {
  position:relative;
  margin-top:20px;
}
#pagination {
  text-align:center;
}
#pagination a {
  /*background:#FFF;*/
  padding:2px 5px;
  font-size:12px;
  margin-left:3px;
}
#pagination p {
  margin-top:18px;
}
#pagination a.current {
  font-weight:bold;
  text-decoration:underline;
}
#buttons-foot {
  position:absolute;
  top:0px;
  right:0px;
}

/* Css de formulario */
img#preloader {
  margin-bottom:-3px;
  display:none;
}
label.error {
  font-family:Arial !important;
  font-size:9px !important;
  color:#794671 !important;
  display:block;
}
div.linha {
	width:100%;
	height:55px;
	margin-bottom:10px;
}
div.linha-txt { height: 140px; }
div.linhaextra-txt { height: 120px; }
div.linha div.esquerda{
	float:left;
	width:49%;
}
div.linha div.direita{
	float:right;
	width:49%;
}
div.linha div.ramal{
    float:left;
    margin-left: -130px;
}
div.linha strong{
	display:block;
	font-size: 16px;
	font-weight:bold;
	padding:4px 0;
}
/* mensagens da lista */
div#container h3.flashMessages {
  display:block;
  border:#794671 2px solid;
  background-cotext-loadlor:#ddd;
  color:#ccc;
  text-align:center;
  padding:5px;
}

/* Listagens */

.checkbox-listagem {
  width: 20px !important;
  border: none !important;
  background: none !important;
}

/* envio de emails */

img#preloader {
  margin-bottom:-3px;
  display:none;
}

div#aguarde {
  display:none;
  float: left;
}

a#limpaDiv {
  float: right;
  margin-right: 250px;
}

#mensagens {
  height: 200px;
  width: 400px;
  overflow: auto;
  border:1px solid #E0E1DC;
  background: #F9FAF5;
  padding:3px;
  margin:3px 0 8px 0;
  clear: both;
}

ul.error_list li {
  color: #f00;
}

/* alert message */
div.alert_message {
  position: relative;
  padding-right: 20px;
}
.notice, .error, .warning, .info {
  font-weight: bold;
  margin: 0px 0 5px 0;
  padding: 5px 5px 5px 27px;
}
.notice {
  border: 1px solid #9c9;
  background: #e2f9e3 url(../images/icons/tick.gif) no-repeat 4px 3px;
  color: #060;
}
.error {
  border: 1px solid #c68484;
  background: #fcc url(../images/icons/cross.gif) no-repeat 4px 3px;
  color: #C45050;
}
.warning {
  border: 1px solid #dd0;
  background: #ffc url(../images/icons/error.gif) no-repeat 4px 3px;
  color: #000;
}
.warning h2{
  color:#000;
}
.info {
  border: 1px solid #82c2d4;
  background: #ebf5f8 url(../images/icons/information.gif) no-repeat 4px 3px;
  color: #000;
}
/* fim - alert message */

button.btn-acao, button.btn-acao-gde {
  background:url(../images/btn_options.gif) no-repeat -204px 0;
  border:0px;
  width:115px;
  height:22px;
  color:#FFF;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:15px;
  padding:0 0 2px 0;
}
button.btn-acao:hover {
  background:url(../images/btn_options.gif) no-repeat -204px -22px;
}
button.btn-acao-gde {
  background:url(../images/btn_options.gif) no-repeat -319px 0;
  width:200px;
}
button.btn-acao-gde:hover {
  background:url(../images/btn_options.gif) no-repeat -319px -22px;
}

/*----- POP-UP DIV------*/

body{
	margin:0px;
	height:100% !important;
}
.fundo-pop-interno{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	display:none;
	z-index:9999;
}
.fundo-pop-interno .background{
	width:100%;
	height:100%;	
	background-color:#252525;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.fundo-pop-interno .area{
	position:absolute;
	width:100%;
	height:auto;
}
.fundo-pop-interno .area-inputs{
	position:relative;
	width:418px;
	height:auto;
    border:3px solid #7F0000 !important;
	line-height:18px;
	background-color:#ffffff;
	margin:auto;
	padding:3px;
	margin-top:15%;
    padding-bottom:20px !important;
	z-index:999;
}

#div_companion {
	width:100%;
	position:relative;
	top:0px;
	/*left:50%;
	margin-left: -170px;*/
	background:#fff;
	line-height:22px;
	/*padding:10px;*/
	display:none;
}

.botao-fechar{
    position:relative;
	width:18px;
	height:18px;
	float:right;
	/*padding:0 25px 0 0;*/
	background:url('../images/delete.png') no-repeat top right;
	display:block;
	margin-right:10px;
    top:3px;
    text-indent:-9000px;	
}

.titulo-pop {
	background:#DEE5EC none repeat scroll 0 0;
	border-bottom:1px solid #BFD4DD;
	color:#26669C;
	font-size:17px;
	vertical-align:middle;
    height:auto;
/*     width:100%; */
    padding:3px;
}
.area-inputs .button{
    border:2px solid #DEE5EC;
    background-color:#26669C;
    margin-left:42% !important;
    margin-top:10px;
    color:#ffffff;
}


/* Form busca - clientes */
.list-customer {
	/*width:634px;*/
	margin-bottom:15px;
}

.list-customer fieldset{
	padding: 10px;
	padding-right:14px;
	border:1px solid #ccc;
}

.list-customer ul {
	list-style:none;
	float:left;
}

.list-customer ul li {
	margin-right:30px;
	float:left;
}

.list-customer label{
	display:block;
	float:left;
	margin-top:10px;
	width:74px;
}
.list-customer label.nome{
	margin-top:5px;
	width:94px;
}

.list-customer button{
	margin-top:6px;
}

.list-customer input {
	margin:3px 0 8px 0;
	border:1px solid #E0E1DC;
	background:#F9FAF5;
	padding:3px;
	width:200px;
}

select.manage {
    margin:3px 20px 8px 20px;
    }

div#novo ul.data-registro {
    margin:-30px 0 50px 200px;
}

div#novo ul.data-registro li {
    float:left;
    width: 235px;
}

.checkbox_novo {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    float: left !important;
	margin:4px 0 !important;
    width: 40px !important;
}

#anexos {
	padding: 10px 0 0;
}
#anexos li {
	padding: 4px 0;
}
#anexos a {
	background: url(../images/sair_icon.gif) no-repeat 0 0;
	float: left;
	height: 10px;
	width: 15px;
}