#LoginPage{
  margin:0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;

}

#LoginBody{
  width: 600px;
  height: 300px;
  background-color: #e6e6e6;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -150px;
  position: absolute;
  border-radius: 40px 0px 40px 0px;
  -moz-border-radius: 40px 0px 40px 0px;
  -webkit-border-radius: 40px 0px 40px 0px;
  /*
      box-shadow: 5px 5px 2px #999;
      -moz-box-shadow: 5px 5px 2px #999;
      -moz-box-shadow: 5px 5px 2px #999;
  */
}

#LoginContent{
  width: 570px;
  height: 270px;
  top: 50%;
  left: 50%;
  margin-left: -287px;
  margin-top: -137px;
  position: absolute;
  border-radius: 34px 0px 34px 0px;
  -moz-border-radius: 34px 0px 34px 0px;
  -webkit-border-radius: 34px 0px 34px 0px;
  border: 2px solid #fff; 
}

#LoginTable{
  width: 540px;
  height: 240px;
  top: 50%;
  left: 50%;
  margin-left: -270px;
  margin-top: -120px;
  position: absolute;
}

#LoginTableTd1{
  width: 260px;
  text-align: center;
}

#LoginTableTd1 img{
  max-width: 200px;
  max-height: 200px;
}

#LoginTableTd2{
  width: 20px;
  border-left: 1px solid #fff;

}
#LoginTableTd3{
  vertical-align: top;
  width: 260px;
}

#LoginTableTd3 input[type='text'],input[type='password']{
  width: 250px;
}


#LoginFields{
  height: 150px;

}    

#LoginInfoSenha{
  height: 30px;
  font-size: 11px;
}

#LoginInfoSenha a{
  font-size: 11px;
  color : #777;
  text-decoration: none;
}

#LoginInfoSenha a:hover{
  font-size: 11px;
  color : #777;
  text-decoration: underline;
}

.grupoForm{
  float:left;
  margin-right: 10px;
  padding-bottom: 10px;
}
.rotuloForm{
  padding-left:5px;
}

.center{
  width: 950px;
  margin: 0 auto;
}

.space{
  height: 10px;
}

.align_left{
  float: left;  
}

.align_right{
  float: right;  
}

.datetimeNow:disabled, 
.datetimeNowEng:disabled, 
.datetimeNowEsp:disabled, 
.welcomeNow{
  border:0;
  background-color: transparent;
  text-align: right;
  font-size: 12px;
  padding: 5px 0 0 0;
}

.datetimeNow:disabled,
.datetimeNowEng:disabled,
.datetimeNowEsp:disabled{
  font-weight: normal;
  color: #555;    
}

.welcomeNow{
  font-weight: bold;
  color: #333;    
}

#header{
  height: 70px;
  width: 100%;
  background-color: #E6E6E6;
}

#header_left{
  width: 310px;
  text-align: left;
}

#header_left img{
  padding: 8px 0 0 0;
  text-align: left;
}

#header_center{
  width: 320px;
  text-align: center;
}

#header_right{
  width: 310px;
  text-align: right;
}

#header_left, header_center, header_right {
  height: 50px;    
}

#body{
  background-color: #fff; 
  height: calc(100% - 180px);
  height: -webkit-calc(100% - 180px);
  height: -moz-calc(100% - 180px);
  width: 950px;
  margin: 0 auto;
  border-radius: 30px 0 30px 0;
}

.group{
  width: 100%;
  border: 1px solid #d1d1d1;
}
.groupTitle{
  color: #555;
  font-weight: bold;
  padding: 5px;
  background-color: #e1e1e1;
}
.groupBody{
  padding: 10px;    
}

.no-border{
  border: 0;    
}

.no-padding{
  padding: 0;
}

.no-padding-groupbox{
  padding-top: 0;
  padding-bottom: 0;
}

.border-top{
  border: 0;    
  border-top: 1px solid #999;
}

.text-right{
  text-align: right;
}

.grid{
}

.grid, .grid thead tr, .grid tbody tr {
  border-collapse: collapse;
}

.grid thead tr{
  background-color: #B4D3E3;
}

.grid thead tr th,
.grid tbody tr td{
  text-align: left;
  padding: 5px;
  height: 15px;
  border: 1px solid #ccc;
  margin:0;
}

.grid tbody tr:nth-child(even) {
  background:#F2FBFF;
}
.grid tbody tr:nth-child(odd) {
  background:#FFF;
}

.windowSearch{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  clear: both;
  display: none;

}

.windowSearchBg{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  clear: both;
  background-color: #ccc;
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  opacity: 0.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter:alpha(opacity=50);

}

.windowSearchContent{
  position: fixed;
  margin-top: -250px;
  margin-left: -400px;
  top:50%;
  left:50%;
  width: 800px;
  height: 500px;
  clear: both;
  background-color: #fff;
  border: 1px solid #999;
  padding: 15px;
}

.windowSearchHeader{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 20px 0;
  clear: both;
}

.windowSearchBody{
  height: calc(100% - 70px);
  clear: both;
}

.windowSearchFooter{
  padding: 10px 0 10px 0;
  text-align: right;
}


.td_select{
  cursor:pointer;
  background:transparent url('img/select_out.png') no-repeat 5px 50%;

}

.td_select:hover{
  background:transparent url('img/select.png') no-repeat 5px 50%;
}

.td_edit{
  cursor:pointer;
  background:transparent url('img/edit_out.png') no-repeat 5px 50%;

}

.td_edit:hover{
  background:transparent url('img/edit.png') no-repeat 5px 50%;
}


.td_delete{
  cursor:pointer;
  background:transparent url('img/delete_out.png') no-repeat 5px 50%;
}

.td_delete:hover{
  background:transparent url('img/delete.png') no-repeat 5px 50%;
}

/* tables */
table.tablechecked {
  font-family:arial;
  font-size:12px;
  text-align: left;
  border-collapse:collapse;padding: 0;margin:0;}



table.tablechecked thead{
  overflow: auto;
  display: block;
  background-color: transparent;
}
table.tablechecked tfoot{
  overflow: auto;
  display: block;
  background-color: #e6EEEE;
  border: 1px solid #999;
  border-top: 0;
}

table.tablechecked tbody {
  overflow: auto;
  display: block;
  background-color: transparent;
  border: 1px solid #999;
  border-top: 0;
}

table.tablechecked tbody tr:nth-child(odd) { 
  background-color:#eee; 
}

table.tablechecked tbody tr:nth-child(even) { 
  background-color:#fff; 
}

table.tablechecked tbody tr td,
table.tablechecked tfoot tr td{
  font-weight: normal;
  color: #777;
  padding: 5px;
  vertical-align: top;

}

table.tablechecked thead tr th{ 
  font-weight: bold;
  color: #777;
  padding: 5px;
  vertical-align: top;
}


.menuTitle{
  padding:10px;
  font-weight:bold;
  font-size:15px;
  color:#fff;
}

#menuIcon{
  cursor: pointer;
  float: left;
  padding: 20px 40px;
  font-size: 15px;
  color: #fff;
  background-color: #5f5142;
  font-weight: bold;
}

#menuContent{
  width:100%;
  background-color:#5f5142;
  padding: 10px 0;
  display: none;
}
.menuItem{
  padding:10px;
  width:80px;
  height:50px;
  float:left;
  text-align:center;
  color:#d1ac6b;
  cursor: pointer;
  border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
}

.menuItem:hover{
  background-color:#d1ac6b;
  color:#5f5142;
}

.content{
  margin: 0 auto;
  width: 1000px;
}