html, body {
    height: 100%;
    margin: 0;
}
div {
   height: 80%;                         /* para navegadores que não suportam calc() */
   height: calc(100% - 194px);          /* para suporte nativo */
   height: -webkit-calc(100%);  /* para Chrome */
   height: -moz-calc(100%);     /* para Firefox */
   margin: 0 auto;
   }

#tabela
.col_1{
    width: 99px;
    font-weight: bold;
    text-align: right;
}
.col_2{
    width: 69px;
    font-weight: bold;
}
.col_d_1{ 
    width: 159px;
}
.col_d_2{
    width: 230px;
}
.linha
	{
		BORDER-RIGHT: #CCCCCC  1px solid;
		BORDER-TOP: #CCCCCC  1px solid;
		BORDER-LEFT:  #CCCCCC  1px solid;
		BORDER-BOTTOM:#CCCCCC  1px solid;
		COLOR: #486383;
                white-space: nowrap; /* Retira a quebra de linha */
                //text-align: right;
        }
.linha_esq
	{
		BORDER-RIGHT: #CCCCCC  1px solid;
		BORDER-TOP: #CCCCCC  1px solid;
		BORDER-LEFT:  #CCCCCC  1px solid;
		BORDER-BOTTOM:#CCCCCC  1px solid;
		COLOR: #486383;
                white-space: nowrap; /* Retira a quebra de linha */
                text-align: left;
        }
.linha_quebra
	{
		BORDER-RIGHT: #CCCCCC  1px solid;
		BORDER-TOP: #CCCCCC  1px solid;
		BORDER-LEFT:  #CCCCCC  1px solid;
		BORDER-BOTTOM:#CCCCCC  1px solid;
		COLOR: #486383;
                /*white-space: pre;   Quebra de linha */
        }
table
{
	font-family:Tahoma;
	font-size: 11px;
        font-weight: bold;
        ext-align: left;
}
th{
    color: #FFFFFF;
}
a:link, a:visited
{
    text-decoration: none;
    font-family: Tahoma;
    font-size: 11px;
    color: #FFFFFF;

}
a:hover {
text-decoration: underline overline; 
}
a.cad:link{
    text-decoration: none;
    font-family: Tahoma;
    font-size: 11px;
    color: #000222;
}
a.cad:visited{
    text-decoration: none;
    font-family: Tahoma;
    font-size: 11px;
    color: #000222;
}

#celula_entidade {
  width: 290px;
	}
        
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

#envolve_div {
 width: 890px;
}

#resposta_div {
 float: left;
}
 
#div_1 {
 width: 18px;
 height: 18px;
 float: left;
 text-align: center;  
} 
  
#div_2 {
 width: 150px;
 height: 18px;
 float: left;
 line-height:18px;
 text-align: center;
 /*vertical-align: middle;*/
 COLOR: #486383;
}

#div_3 {
 width: 35px;
 height: 18px;
 float: left;
 line-height:18px;
 text-align: right;     
 color: #FFF;
 
}

#div_4 {
 width: 60px;
 height: 18px;
 float: left;
 line-height:18px;
 text-align: left;
 white-space: nowrap;
} 

#div_5 {
 width: 14px;
 height: 14px;
 float: left;
 text-align: center;  
} 
 
#div_6 {
 //width: 150px;
 height: 14px;
 float: left;
 line-height:14px;
 text-align: center;
 /*vertical-align: middle;*/
 COLOR: #486383;
}

#div_7 {
 width: 14px;
 height: 14px;
 float: left;
 text-align: center;  
}

#div_8 {
 width: 24px;
 height: 24px;
 float: left;
 text-align: center;  
}

#div_9 {
 width: 16px;
 height: 16px;
 line-height:16px;
 float: right;
 text-align: center;  
}  

#div_status_hist_chamado {
 width: 100px;
 height: 18px;
 float: left;
 line-height:18px;
 text-align: center;
 /*vertical-align: middle;*/
 COLOR: #486383;
}

#div_img_ar {
 width: 18px;
 height: 18px;
 float: left;
 text-align: center;  
} 
  
#div_num_ar {
 width: 100px;
 height: 18px;
 float: left;
 line-height:18px;
 text-align: center;
 /*vertical-align: middle;*/
 COLOR: #486383;
}

#degrade {
    background: #28516f; /* Old browsers */
    background: -moz-linear-gradient(left, #feffff 0%, #28516f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#feffff), color-stop(100%,#28516f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #feffff 0%,#28516f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #feffff 0%,#28516f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #feffff 0%,#28516f 100%); /* IE10+ */
    background: linear-gradient(to right, #feffff 0%,#28516f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); /* IE6-9 */
}

#clear {
 clear:both; 
}

#div_ligacao_assunto {
 width: 300px;
 float: left;
 text-align: left;
 /*vertical-align: middle;*/
 /*white-space: pre;*/
 word-wrap: break-word;
 COLOR: #486383;
}

#div_ligacao_telefones {
 width: 300px;
 float: left;
 text-align: left;
 /*vertical-align: middle;*/
 /*white-space: pre;*/
 word-wrap: break-word;
 COLOR: #486383;
}

.botao3d {
   display: block;
   border-color: #999 #000 #000 #999;

   border: 1px solid;
   width: 180px;
   height: 40px;
   line-height: 40px;

   background: #658FC4;//#9F9;

   font-family: Verdana;
   font-size: 19px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}

.botao3d:hover	{
   position: relative;
   top: 1px;
   left: 1px;
   border-color: #000 #999 #999 #000;

   background: #28516F;//#3F6;
}
      
a.btn{
   padding:0px;
   text-decoration: none;
   font-family: Tahoma;
   font-size: 19px;
   color: #000;	
   width:180px;  
   height:40px;	
   display:block;	
}

a.btn:link{
   padding:0px;
   text-decoration: none;
   font-family: Tahoma;
   font-size: 19px;
   color: #000;	
   width:180px;  
   height:40px;	
   display:block;	
}

a.btn:hover{
   padding:0px;
   text-decoration: none;
   font-family: Tahoma;
   font-size: 19px;
   color: #FFF;	
   width:180px;  
   height:40px;	
   display:block;	
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:550px; 
  height:250px;
  padding:10px;
  background-color:#ffffff;
}

#result_rtv {
  width:550px; 
  height:150px;
  padding:0px;
  background-color:#ffffff;
}

.close{display:block; text-align:right;}

i{
   font-family: Verdana;
   font-size: 9px;
   text-align: center;
   color: gray;
}

x{
   display:none;
}