/* CSS Document */
table
{
/*
	vertical-align:middle;
	*/
}
html, body
{
	overflow: hidden;
	height:100%;
	font: normal 1em Calibri;	
	background:#fff;
	margin:0px;
/*
	margin:0px;
*/
}
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}
::-webkit-scrollbar-thumb {
    height: 6px;
    width: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}
@font-face
{
	font-family: Calibri;
	src: url(fonts/calibri.ttf) format('truetype');
	font-weight:normal;
}
@font-face
{
	font-family: Calibri;
	src: url(fonts/calibrib.ttf) format('truetype');
	font-weight:bold;
}
@font-face
{
	font-family: Calibri;
	src: url(fonts/calibrii.ttf) format('truetype');
	font-style:italic;
}
@font-face
{
	font-family: Calibri;
	src: url(fonts/calibril.ttf) format('truetype');
	font-weight: lighter;
}
@font-face
{
	font-family: Calibri;
	src: url(fonts/calibrili.ttf) format('truetype');
	font-style:italic;
	font-weight:lighter;
}
@font-face
{
	font-family: Calibri;
	src: url(fonts/calibriz.ttf) format('truetype');
	font-style:italic;
	font-weight: bold;
}

.FrameWindow
{
	color: #333;
	background-color: #E4E4E4;
	border-bottom: 5px;
	border-top: 5px;
	border-left: 5px;
	border-right: 5px;
	border-color: #E4E4E4;
	border-style: solid;
	text-align: center;
	font: normal 1.2em Verdana, sans-serif;
	min-width:200px;	
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);


}

.FrameWindow  tr
{
	height:20px;
	line-height:25px;
	max-height:20px;
	overflow:hidden;
}
.FrameWindowTRHead tr td div.titleMainContainerDiv
{
	width:100%;
}
.divTBodyContainerTable
{
	position:relative;
	box-sizing:border-box;
	width:auto;
	height:240px;
	border-top-color:#A0A0A0;
	border-top-style:ridge;
	border-top-width:1px;
	border-left-color:#A0A0A0;
	border-left-style:ridge;
	border-left-width:1px;
	border-bottom-color:#ffffff;
	border-bottom-style:ridge;
	border-bottom-width:1px;
	border-right-color:#ffffff;
	border-right-style:ridge;
	border-right-width:1px;
	display:block;
	overflow-x: scroll;
	overflow-y: scroll;
	margin:2px;
}
.FrameWindowTRHead div.title
{
	float:left;
	position:relative;
	width:calc(100% - 120px);
	text-align:center;
	vertical-align:central;
	margin-top:-6px;
	font: normal 1.2em Calibri;
}
.FrameWindowTRHead div.titleBtn
{
	float:right; 
	position:relative; 
	width: auto;
	text-align:right;
	margin-top:-7.5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}
.FrameWindowTRBody
{
	background-image:url(/images/GCom.gif);
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:100% 100%;
	border-bottom: 7px;
	border-top: 1px;
	border-left: 7px;
	border-right: 7px;
	border-color: #C2C2C2;
	border-style: solid;
	text-align: center;
	font: normal 1em Verdana, sans-serif;
	padding:0px;
	margin:0px;
}
.FrameWindowTRBody .td
{
	border-width:2px;
	border-style:solid;
	border-color:rgba(0, 0, 0, 0.09);
}
.FrameWindowContent
{
	color: #000;
	background-color:transparent;
	border: none;
	text-align: center;
	padding:0px;
	margin:0px;
	font: normal 0.8em Verdana, sans-serif;
	width:100%;
}
.FrameWindowContent td
{
	width:30%;
}
.FrameWindowContent div
{
	text-align:right;
}
.FrameWindowContent img
{
	margin:15px;
}
.FrameWindowContent input, .FrameWindowContent select
{
	width:100px;
}
.FrameWindowContent button
{
	width:80px;
	min-width:80px;	
	height:80px;
	min-height:80px;	
	background:transparent;
	border:none;
	font: normal 1.2em Calibri;
	padding:0px;
}
.parent { 
    /* height can be whatever you want, also auto if you want a child 
       div to be responsible for the sizing */ 
    height: 200px;
}

.mainDiv
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* bring your own prefixes 
  top: 50%;
  left: 50%;
  */
  /* transform: translate(-50%, -50%);*/
    /* Chrome, Safari, Opera */
	 -webkit-animation:movingbox 1s 1;
	 
}
.mainContainerDiv
{
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
/*
  transform: translate(-50%, -50%);
*/  
  /* bring your own prefixes 
  top: 50%;
  left: 50%;
  */
  /* transform: translate(-50%, -50%);*/
    /* Chrome, Safari, Opera */

/*
	 -webkit-animation:movingbox 1s 1;
*/
	 
}
@-webkit-keyframes movingbox{
  0%{left:0%;-webkit-transform: translate(-50%, -50%);}
}
.logMessages
{
	color:#F00;
	font: normal 1.2em Calibri;	
}
.left
{
	text-align:left;
}
.center
{
	text-align:center;
}
.right
{
	text-align:right;
}
#MainContainer
{
	border-color:#000;
	border-width:1px;
	border-style:ridge;
	width:100%;
	height:100%;
	overflow:hidden;
}
#dataUser
{
	background-color:transparent;
	float:right;
	right:0%;
	position:fixed;
 	-webkit-animation:movingbox2 1s 1;
	 
}
#dataByIPRED
{
/*
	background-image:url("/images/BYIPRED.png");
	background-repeat:no-repeat;
	background-size:auto;
*/
	float:right;
	right:0%;
	bottom:0%;
	position:fixed;
 	-webkit-animation:movingbox_bottom 1s 1;
	 
}
#htmlPage
{
	overflow:hidden;
	background-color:transparent;
	z-index:500;
	position:relative;
	-webkit-animation:movingbox2 1s 1;
	 
}
@-webkit-keyframes movingbox2{
  0%{left:0%;-webkit-transform: translate(-100%, -100%);}
}
@-webkit-keyframes movingbox_bottom{
  0%{bottom:0%;-webkit-transform: translate(100%, 100%);}
}
/* PARA TABS */
.FrameWindowContentTABOrder
{
	table-layout:fixed;
	width:100%;
	margin:0px;
	padding:0px;
	border-spacing:0px;
}
.bodySelected-w8
{
	border-left:2px;
	border-left-color:#F4F4F4;
	border-left-style:outset;
	border-bottom:2px;
	border-bottom-color:#B6BABF;
	border-bottom-style:ridge;
	border-right:2px;
	border-right-color:#B6BABF;
	border-right-style:ridge;
}
.width_auto
{
	width:auto;
}
.headerSelected-w8
{
	height:20px;
	width:50px;
	max-width:100px;
	text-align:center;
	color:#C00;
	background-color:transparent;
	border-top:2px;
	border-top-color:#F4F4F4;
	border-top-style:solid;
	border-left:2px;
	border-left-color:#F4F4F4;
	border-left-style:solid;
	border-right:2px;	
	border-right-color:#B6BABF;
	border-right-style:ridge;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	font: normal 0.7em Verdana, sans-serif;
	word-break:break-all;
    white-space:nowrap;
	word-wrap:break-word;
/*	
	box-shadow: 2px 0px 2px 0px rgba(50, 50, 50, 0.75);
*/
}
.headerNotSelected-w8:hover
{
	color:#F00;
	background-color:#E6E6E6;
	border-top:1px;
	border-top-color:#B6BABF;
	border-top-style:solid;
	border-left:1px;
	border-left-color:#B6BABF;
	border-left-style:solid;
	border-right:1px;	
	border-right-color:#B6BABF;
	border-right-style:solid;
	font: normal 0.7em Verdana, sans-serif;
}
.headerNotSelected-w8
{
	width:50px;
	max-width:100px;
	text-align:center;
	color:#000;
	background-color:transparent;	
	border-top:2px;
	border-top-color:  #f4f4f4;
	border-top-style: solid;
	border-left:0px;
	border-left-color:#F4F4F4;
	border-left-style:solid;
	border-right:2px;	
	border-right-color:#B6BABF;
	border-right-style:ridge;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom:2px;	
	border-bottom-color:#F4F4F4;
	border-bottom-style:solid;
	font: normal 0.7em Verdana, sans-serif;
	word-break:break-all;
    white-space:nowrap;
	word-wrap:break-word;
/*	
	margin-left:auto;
	padding-top:auto;
	box-shadow: 2px 0px 2px 0px rgba(50, 50, 50, 0.75);
*/	
      
}
.header1st
{
	border-left:2px;
	border-left-color:#F4F4F4;
	border-left-style:solid;

}
.doce_5
{
	width:12.5%;
}
.veinte_0
{
	width:20%;
}


.ClassTableNAS
{
	table-layout:fixed;
	word-break:break-all;
	white-space:nowrap;
	word-wrap:break-word;
	overflow-x: hidden;
	overflow-y: hidden;	
	height:100%;
	margin:0px;
	padding:0px;
	border-top-width:1px;
	border-top-style:ridge;
	border-top-color:#646464;
	border-left-width:1px;
	border-left-style:ridge;
	border-left-color:#646464;
	border-bottom-width:1px;
	border-bottom-style:ridge;
	border-bottom-color:#F0F0F0;
	border-right-width:1px;
	border-right-style:ridge;
	border-right-color:#F0F0F0;
	border-collapse:collapse;
	white-space-collapse:collapse;
	vertical-align:middle;
/*
	display:inline-block;
*/
}
.ClassTableNAS thead, .ClassTableNAS tbody, 
{
	display:block;
	white-space-collapse:collapse;
	border-collapse:collapse;
}
.ClassTableNAS thead tr
{
	height:15px;
	max-height:15px;
	line-height:15px;
	font: normal 1em Calibri;	
}
.ClassTableNAS thead tr th
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
.ClassTableNAS tbody tr
{
	height:15px;
	max-height:15px;
	line-height:15px;
	font: normal 1em Calibri;	
}
.ClassTableNAS tbody tr td
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
.ClassTableNAS2 thead 
{
	display:block;
	box-sizing:inherit;
	width:100%;
}
.THeadGral
{
	height:10px;
	max-height:10px;
	line-height:10px;
}
.TDGralL1
{
	background-color:rgb(240,240,240);
	text-align:center;
	vertical-align:middle;
	border-top-color:#646464; 
	border-top-style:solid; 
	border-top-width:1.5px;
	border-right-color:#A0A0A0; 
	border-right-style:solid; 
	border-right-width:1.5px;
}
.TDGralL1_R
{
	border-left-color:#646464; 
	border-left-style:solid; 
	border-left-width:1.5px;
/*
	border-width: 0px 3px 0px 0px;
	-webkit-border-image: -webkit-linear-gradient(left, #fafafa, #646464) 1 100%;
*/
}
.TDGralL1_B
{
	border-bottom-width:3px;	
	border-bottom-style: solid;
	border-bottom-color:#000;
/*
    -webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(#A0A0A0)) 1 100%;
*/
}

.TDGralL23
{
	background-color:rgb(240,240,240);
	text-align:center;

	border-top-color:#646464; 
	border-top-style:ridge; 
	border-top-width:1.5px;

	border-right-color:#A0A0A0; 
	border-right-style:ridge; 
	border-right-width:1px;


}

.TDGralL23_R
{
	border-left-color:#646464; 
	border-left-style:ridge; 
	border-left-width:1.5px;
}


.TDGralL2
{
	background-color:rgb(240,240,240);
	text-align:center;

	border-top-color:#646464; 
	border-top-style:ridge; 
	border-top-width:1.5px;
	border-right-color:#A0A0A0; 
	border-right-style:solid; 
	border-right-width:1.5px;

	border-bottom-color:#646464; 
	border-bottom-style:ridge; 
	border-bottom-width:1.5px;
}
.TDGralL2_R
{
	border-left-color:#646464; 
	border-left-style:ridge; 
	border-left-width:1.5px;
}
.TBodyGralLineSelected td
{
	border-top-color:#C60;
	border-top-style:dotted;
	border-top-width:1px;
	border-bottom-color:#C60;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
.TBodyGralLineSelected 
{
	padding:0px;
	margin: 0px;
	background-color:#39F;
	color:#FFF;
	cursor: auto;
	vertical-align:middle;
}

.TBodyGralLine:hover
{
	background-color:#39F;
	color:#FFF;
	cursor: pointer;
	vertical-align:middle;
}
.TBodyGralLineDisabled:hover
{
	background-color:#39F;
	color:#FFF;
	cursor: pointer;
	vertical-align:middle;
}
.TBodyGralLine
{
	padding:0px;
	margin: 0px;
	background-color:#fbfbfb;
	color:#000;
	cursor: auto;
	vertical-align:middle;
}
.TBodyGralLineDisabled
{
	padding:0px;
	margin: 0px;
	background-color:#fbfbfb;
	color:#CCC;
	cursor: auto;
	vertical-align:middle;
}
/* unvisited link */
.TBodyGralLine a:link {
    color: #646464;
	text-decoration: none;
}
.TBodyGralLineDisabled a:link {
    color: #646464;
	text-decoration: none;
}

/* visited link */
.TBodyGralLine a:visited {
    color: #646464;
	text-decoration: none;
}
.TBodyGralLineDisabled a:visited {
    color: #646464;
	text-decoration: none;
}

/* mouse over link */
.TBodyGralLine a:hover {
    color: #FFF;
	text-decoration: none;
}
.TBodyGralLineDisabled a:hover {
    color: #FFF;
	text-decoration: none;
}

/* selected link */
.TBodyGralLine a:active {
    color: #646464;
	text-decoration: none;
}
.TBodyGralLineDisabled a:active {
    color: #646464;
	text-decoration: none;
}

.TBodyTDBorderAll
{
	border-top-color:#646464;
	border-top-style:solid;
	border-top-width:thin;
	border-right-color:#646464;
	border-right-style:solid;
	border-right-width:thin;
	border-bottom-color:#646464;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-left-color:#646464;
	border-left-style:solid;
	border-left-width:thin;
}
.TBodyTDBorderTopBottomLeft
{
	border-top-color:#646464;
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-color:#646464;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-left-color:#646464;
	border-left-style:solid;
	border-left-width:thin;
	border-right:none;
}
.TBodyTDBorderTopBottom
{
	border-top-color:#646464;
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-color:#646464;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-left:none;
	border-right:none;
}

.MainSearchBoxTable
{
	text-align:left;
	width:340px;
	height:55px;
	max-height:35px;
	table-layout:fixed;
	border-collapse:collapse;
	font: normal 0.9em Calibri;
}
.MainSearchBoxTable tbody tr
{
	height:22px;
	max-height:22px;
	line-height:22px;
	overflow:hidden;
}
.MainSearchBoxTable tbody tr td.MainSearchBoxTableTD1
{
	padding-left:10px;
	padding-top:5px;
	width:80px;
	background-color:#e4e4e4;
	border-top: 1px;
	border-right: 1px;
	border-bottom:0px; 
	border-left:1px; 
	border-color:#AEAEAE; 
	border-style:solid;
}
.MainSearchBoxTable tbody tr td.MainSearchBoxTableTD1 div.MainSearchBoxTableDiv1
{
	 color:#333;
	 margin:0px;
	 padding:0px;
	 text-align:center;
	 font: bold 1.3em Calibri;
}
.MainSearchBoxTable tbody tr td.MainSearchBoxTableTD2
{
	width:260px;
	background-color:transparent;
	border-top: 0px;
	border-right:0px;
	border-bottom:1px;
	border-left:0px;
	border-color:#AEAEAE;
	border-style:solid;
}

.MainSearchBoxTable tbody tr td.MainSearchBoxTableTD3
{
	padding-left:10px;
	padding-top:15px;
	padding-bottom:5px;
	background-color:#e4e4e4;
	border-top: 0px;
	border-right:1px;
	border-bottom:1px;
	border-left:1px;
	border-color:#AEAEAE;
	border-style:solid;	
}
.MainSearchBoxTable tbody tr td.MainSearchBoxTableTD3 div.MainSearchBoxTableDiv2
{
	vertical-align:middle;
	text-align:left;
	margin:0px;
	padding:0px;
}
.MainSearchBoxTable tbody tr td.MainSearchBoxTableTD3 input.MainSearchBoxTableTD3InputFind
{
	margin:0px;
	padding:0px;
	width:200px;
}
.MainSearchBoxTable tbody tr td.MainSearchBoxTableTD3 img.MainSearchBoxTableTD3BtnFind
{
	vertical-align:middle;
	margin:-5px 0px 0px 0px;
	padding:0px;
}



.border-image {
/*
  height: 200px;
  width: 200px;
  top
  bottom
  left
  right
*/  
  background: 	-webkit-linear-gradient(bottom,  #AEAEAE, #f4f4f4),
				-webkit-linear-gradient(top,  #AEAEAE, #f4f4f4),
				-webkit-linear-gradient(right,  #AEAEAE, #f4f4f4),
				-webkit-linear-gradient(left,  #AEAEAE, #f4f4f4);
				
  background: 	linear-gradient(bottom, #AEAEAE, #f4f4f4),
				linear-gradient(top, #AEAEAE, #f4f4f4),
				linear-gradient(right, #AEAEAE, #f4f4f4),
				linear-gradient(left, #AEAEAE, #f4f4f4);
  
  
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 100% 5px, 100% 5px, 5px 100%, 5px 100%;
  background-position: 0px 0px, 0px 100%, 0px 0px, 100% 0px;
  padding: 5px;
}

.border-image-lrb {
/*
  height: 200px;
  width: 200px;
  top
  bottom
  left
  right
*/  
  background: 	-webkit-linear-gradient(bottom,  transparent,transparent),
				-webkit-linear-gradient(top,  #AEAEAE, #f4f4f4),
				-webkit-linear-gradient(right,  #AEAEAE, #f4f4f4),
				-webkit-linear-gradient(left,  #AEAEAE, #f4f4f4);
				
  background: 	linear-gradient(bottom, transparent, transparent),
				linear-gradient(top, #AEAEAE, #f4f4f4),
				linear-gradient(right, #AEAEAE, #f4f4f4),
				linear-gradient(left, #AEAEAE, #f4f4f4);
  
  
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 100% 5px, 100% 5px, 5px 100%, 5px 100%;
  background-position: 0px 0px, 0px 100%, 0px 0px, 100% 0px;
}