/* CSS Document */

		#pestanas{
			width: 100%;
			margin: 30px 0;
			display:block;
			
		}



		#pestanas ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		#pestanas ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		#pestanas ul.tabs li.current{
			background: #ededed;
			color: #222;
		}

		#pestanas .tab-content{
			display: none;
			background: #ededed;
			padding: 15px;
		}

		#pestanas .tab-content.current{
			display: inherit;
		}
/* 
Generic Styling, for Desktops/Laptops 
*/
div#tab-1 table, 
div#tab-2 table,
div#tab-3 table{ 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
div#tab-1 tr:nth-of-type(odd),
div#tab-2 tr:nth-of-type(odd),
div#tab-3 tr:nth-of-type(odd) { 
  background: #eee; 
}
div#tab-1 th,
div#tab-2 th,
div#tab-3 th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
div#tab-1 td, div#tab-1 th, 
div#tab-2 td, div#tab-2 th,
div#tab-3 td, div#tab-3 th{ 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
/*div#tab-1 td:nth-of-type(4), div#tab-2 td:nth-of-type(4), div#tab-3 td:nth-of-type(4), div#tab-4 td:nth-of-type(4) 
	{ text-align:right  }*/


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 639px), (max-device-width: 960px)  {

	/* Force table to not be like tables anymore */
	div#tab-1 table, div#tab-1 thead, div#tab-1 tbody, div#tab-1 th, div#tab-1 td, div#tab-1 tr,
	div#tab-2 table, div#tab-2 thead, div#tab-2 tbody, div#tab-2 th, div#tab-2 td, div#tab-2 tr,
	div#tab-3 table, div#tab-3 thead, div#tab-3 tbody, div#tab-3 th, div#tab-3 td, div#tab-3 tr
	 { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	div#tab-1 thead tr,
	div#tab-2 thead tr,
	div#tab-3 thead tr  
	{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	div#tab-1 tr,
	div#tab-2 tr,
	div#tab-3 tr 
	{ border: 1px solid #ccc; }
	
	div#tab-1 td,
	div#tab-2 td,
	div#tab-3 td  
	{ 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	div#tab-1 td:before,
	div#tab-2 td:before,
	div#tab-3 td:before
	 { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	div#tab-1 td:nth-of-type(1):before, 
	div#tab-2 td:nth-of-type(1):before,
	div#tab-3 td:nth-of-type(1):before
	{ content: "Posición"; }
	div#tab-1 td:nth-of-type(2):before, 
	div#tab-2 td:nth-of-type(2):before,
	div#tab-3 td:nth-of-type(2):before
	{ content: "Jugador"; }
	div#tab-1 td:nth-of-type(3):before { content: "Recinto"; }
	div#tab-2 td:nth-of-type(3):before { content: "Carrera"; }
	div#tab-3 td:nth-of-type(3):before { content: "Carrera"; }
	div#tab-1 td:nth-of-type(4):before,
	div#tab-2 td:nth-of-type(4):before,
	div#tab-3 td:nth-of-type(4):before
	{ content: "Puntaje"; }
	/*div#tab-1 td:nth-of-type(4), div#tab-2 td:nth-of-type(4), div#tab-3 td:nth-of-type(4), div#tab-4 td:nth-of-type(4) 
	{ text-align:left  }*/

}