table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 98%;
  table-layout: fixed;
  font-size: .75em;
}

table caption {
  font-size: 1.0em;
  margin: .1em 0 .15em;
  color: #fff;
}
table tr {
  background: #000;
  color: #fff;
  border: 1px solid #ddd;
  padding: .15em;
}

table th {
  background: #484848;
}

table th,
table td {
  padding: .025em;
}
table th {
  letter-spacing: .1em;
  text-transform: uppercase;
}

tbody tr:nth-child(odd) {
  background: #2c2c2c;
}

table tr.tr-ult_paso {
  background: #d4eefd;
}
	.col-c1 	{ width: 6%;  font-size: 10px;}
	.col-c2 	{ width:30%;  font-size: 10px;}
	.col-c3 	{ width:25%;  font-size: 10px;	text-align:center;}
	.col-c4 	{ width:10%;  font-size: 10px;	text-align:right;}
	.col-c5 	{ width: 5%;  font-size: 10px;	text-align:center;}
	.col-c6 	{ width:15%;  font-size: 10px;	text-align:right;}
	.col-c7 	{ width:9%;  font-size: 10px;	text-align:right;}
	
	.col-1 	{ width: 6%;  font-size: 18px;}
	.col-2 	{ width:30%;  font-size: 16px;}
	.col-3 	{ width:25%;  font-size: 16px;}
	.col-4 	{ width:10%;  font-size: 16px;	text-align:right;}
	.col-5 	{ width: 5%;  font-size: 16px;	text-align:center;}
	.col-6 	{ width:15%;  font-size: 16px;	text-align:right;}
	.col-7 	{ width:9%;  font-size: 16px;	text-align:right;}


	.col-off0 	{ width: 5%;  font-size: 15px;}
	.col-off1 	{ width: 5%;  font-size: 15px;}
	.col-off2 	{ width:33%;  font-size: 15px; text-align:left;}
	.col-off3 	{ width:10%;  font-size: 15px; text-align:left;}
	.col-off4 	{ width: 3%;  font-size: 15px;	text-align:center;}
	.col-off5 	{ width: 11%;  font-size: 15px;	text-align:right;}
	.col-off6 	{ width: 11%;  font-size: 15px;	text-align:right;}
	.col-off7 	{ width: 11%;  font-size: 15px;	text-align:right;}	
	.col-off8 	{ width: 11%;  font-size: 15px;	text-align:right;}	
	
	.col-coff0 	{  width: 15%;font-size: 15px; text-align:left;}
	.col-coff1 	{  width: 5%;font-size: 15px; text-align:center;}
	.col-coff2 	{  width: 15%;font-size: 15px; text-align:right;}
	
	
	.col-croff0 	{  width: 20%;font-size: 15px; text-align:left;}
	.col-croff1 	{  width: 20%;font-size: 15px; text-align:center;}
	
	
	.col-piff0 	{  width: 20%;font-size: 15px; text-align:left;}
	.col-piff1 	{  width: 80%;font-size: 15px; text-align:left;}
	
	.col-peff0 	{  width: 20%;font-size: 15px; text-align:left;}
	.col-peff1 	{  width: 60%;font-size: 15px; text-align:left;}
	.col-peff2 	{  width: 15%;font-size: 15px; text-align:right;}
	.col-peff3 	{  width:  5%;font-size: 15px; text-align:center;}
	
	
	.col-offz1 	{ font-size: 15px;}
	.col-offz2 	{ font-size: 15px; text-align:left;}
	.col-offz3 	{ font-size: 15px; text-align:left;}
	.col-offz4 	{ font-size: 15px;	text-align:center;}
	.col-offz5 	{ font-size: 15px;	text-align:right;}
	.col-offz6 	{ font-size: 15px;	text-align:right;}
	.col-offz7 	{ font-size: 15px;	text-align:right;}	
	.col-offz8 	{ font-size: 15px;	text-align:right;}	



	.col-offz4 	{ font-size: 15px;	text-align:center;}	
	

@media screen and (min-width: 1201px) {
	

}

@media screen and (min-width: 651px ) and (max-width: 1200px){

}


@media screen and (max-width: 650px) {
  table {
    border: 0;
    font-size: .8em;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	font-size: .85em;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
  	.col-1 	{ width:97%; }
	.col-2 	{ width:97%; }
	.col-3 	{ width:97%; }
	.col-4 	{ width:97%; }
	.col-5 	{ width:97%; }
	.col-6 	{ width:97%; }
	.col-7 	{ width:97%; }
	
  	.col-off0 	{ width:97%; }
  	.col-off1 	{ width:97%; }
	.col-off2 	{ width:97%; }
	.col-off3 	{ width:97%; }
	.col-off4 	{ width:97%; }
	.col-off5 	{ width:97%; }
	.col-off6 	{ width:97%; }
  	.col-off7 	{ width:97%; }
  	.col-off8 	{ width:97%; }
  
}