body {
	font-family: arial;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
}

img {
  border: none;
  }

table {
  margin: 0 auto;
}

tr {
  vertical-align: middle;
  } 

td {
    font-family: arial;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    }

.tableMain{  
  margin-left: 0.2cm;
  padding: 4px;
  width: 98%;
}

.tableMain td{  
  vertical-align: top;
}

.tableSub
{
  background-color : #FAFAFA;
  border-spacing: 4px;
  border-radius:8px;
  box-shadow:0 1px 8px rgba(0,0,0,1);
  padding: 6px;
}

.tableSub td
{
  vertical-align: top;  
}

.tableSub td hr
{
  border: 1px solid #000000;
}

.tdSub
{
  background-color : #FFF;
  border-spacing: 4px;
  border-radius:8px;
  box-shadow:0 1px 8px rgba(0,0,0,1);
  padding: 6px;
}

.tableList
{
  margin-left: auto; 
  margin-right: auto;  
  background-color : #FFFFFF;
  border-spacing: 2px;
  border-collapse: separate;
  border-radius:8px;
  box-shadow:0 1px 8px rgba(0,0,0,1);
  padding: 4px;
}

.tableList td
{
  padding: 6px;
}

.tableList td a
{  
  text-decoration : underline;
  font-size: 14px;
  font-weight: bolder;
}

.tableList tr:hover
{
  background-color: #D8D8D8;
}

th {
        background-color: #FFCC19;
	font-size: 12px;
	color: #424242;
	text-align: center;
	font-weight: bold;
        padding: 6px;
}

th a{
        background-color: #FFCC19;
	font-size: 12px;
	color: #424242;
	text-align: center;
	font-weight: bold;
        text-decoration: underline;
}

td hr
{
  border: 1px solid #000000;
}

hr
{
  border: 1px solid #000000;
}

input.number
{
  text-align: right;
}
  
input, select, textarea 
{
  background-color: #FFF;
  border: 1px solid #13294B;
  color: #6E7B8E;
  font-size: 12px;
  font-family : Arial;
  transition: all 0.5s;
  margin: 2px;
  border-radius:8px;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
  padding:4px;
}


input
{
  background-color: #FFF;
  border: 1px solid #13294B;
  color: #6E7B8E;
  font-size: 14px;
  font-family : Arial;
  transition: all 0.5s;
  margin: 2px;
  border-radius:8px;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
  padding:4px;
}

textarea{
  resize: none;
}

  
a {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #424242;	
}

a:hover {
	color: #000000;
	text-decoration: none;
}

.titulo {
	font-family: arial;
	font-size: 30px;
	font-weight: bolder;
	text-decoration: none;
        padding: 10px;
}

.subtitulo {
  font-family: arial;
  font-size: 16px;
  font-weight: bolder;
  text-decoration: none;
  padding: 10px;
}

.buttonOK {
  border-radius: 4px;
  background-color: #3e8e41;
  border: 1px solid ;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  padding: 10px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  text-height : bold;
}

.buttonCancel {
  border-radius: 4px;
  background-color: #A41717;
  border: solid 2px #000;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  padding: 6px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 6px;
  font-weight : normal;    
}

.buttonNegro {
  border-radius: 4px;
  background-color: #000;
  border: none;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  padding: 8px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 6px;
  text-height : bold;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.buttonOK:hover {background-color: #4CAF50}

.buttonColor
{
  border-radius: 4px;
  background-color: #F2F2F2;
  border: solid 2px #424242;
  color: #2E2E2E;
  text-align: center;
  font-size: 16px;
  padding: 4px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 4px;
  font-weight : normal;  
}

.buttonColor:disabled
{
  border-radius: 4px;
  background-color: #FFFFFF;
  border: solid 2px #424242;
  color: #c0c0c0;
  text-align: center;
  font-size: 16px;
  padding: 4px;
  transition: all 0.5s;
  cursor: default;
  margin: 4px;
  font-weight : normal;  
}

.espera {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/espera.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
    display: none;
}

.div_tableId
{
  width: 1em;
  height: 1em;
  overflow: auto;
  position: relative;
}

.tableId
{
  visibility: hidden;
}

.tableId th
{
  font-family : arial;
  font-size: 14px;
}

.tableId td
{
  font-family : arial;
  font-size: 14px;
}

.letraPuestoEng
{
  font-family : arial;
  font-size: 14px;
  font-weight:bold;  
  color : #000;
}

.letraPuestoEsp
{
  font-family : arial;
  font-size: 12px;
  font-weight:bold;  
  color : #0B5394;
  font-style : italic;
}

.row_gray {
	background-color: #F2F2F2;
}

.row_blank {
	background-color: #FFFFFF;
}

.td_totales
{
  background-color : #EFFBEF;
  font-size: 14px;
  font-weight: bold;
	text-align: right;
}

.td_oc
{
  background-color : #E0F2F7;  
}