﻿.tarifas
{
    height: 100%;
    width: 100%;
}

div#itsthetable
{
}

html>.tarifas body div#itsthetable {
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 377px
}

.tarifas div#itsthetable table
{
    border-collapse: collapse;
}

.tarifas caption {
	background: url(images/dtable.gif) #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: none;
	font: normal normal bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px
}

html>.tarifas body caption {
	display: block
}

.tarifas thead tr th, 
.tarifas tr thead td {
	background: url(images/dtable.gif) #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	position: relative;
	text-align: left
}

html>.tarifas body thead tr th, 
html>.tarifas body tr thead td {
	position: inherit
}

.tarifas tbody tr th, 
.tarifas tbody tr td {
	background: url(images/dtablerow.gif) #FFF repeat-x scroll center left;
	display: table-cell;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: center;
	vertical-align: top
}

.tarifas tbody tr.odd th, 
.tarifas tbody tr.odd td {
	background: url(images/dtablerow.gif) #EEE repeat-x scroll center left;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

.tarifas tbody tr:hover th, 
.tarifas tbody tr:hover td, 
.tarifas tbody tr.odd:hover th, 
.tarifas tbody tr.odd:hover td {
	background: url(dtablerow.gif) #999 repeat-x scroll center left;
	color: #FFF;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

.tarifas tbody tr a, 
.tarifas tbody tr a:link, 
.tarifas tbody tr a:visited {
	color: #009;
	text-decoration: none
}

.tarifas tbody a:hover {
	color: #009;
	text-decoration: underline
}

.tarifas tbody tr:hover th a, 
.tarifas tbody tr:hover td a, 
.tarifas tbody tr.odd:hover th a, 
.tarifas tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none
}

.tarifas tbody tr:hover th a:hover, 
.tarifas tbody tr:hover td a:hover, 
.tarifas tbody tr.odd:hover th a:hover, 
.tarifas tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline
}

.tarifas tfoot tr th {
	background: url(images/dtable.gif) #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: normal normal bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: right;
	z-index: 1000000
}

.tarifas tfoot tr td {
	background: url(images/dtable.gif) #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: italic normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	z-index: 1000000
}

html>.tarifas body tfoot tr th, 
html>.tarifas body tfoot tr td {
	border-bottom: 1px solid #CCC
}
 
html>.tarifas body thead {
	display: block
}

html>.tarifas body tfoot {
	display: block;
	position: absolute;
	top: 620px
}

html>.tarifas body tbody {
	display: block;
	height: 300px;
	overflow: auto
}

html>.tarifas body thead tr th, 
html>.tarifas body tbody tr th {
	width: 98px
}

html>.tarifas body thead tr th + th, 
html>.tarifas body tbody tr th + td {
	width: 100px
}

html>.tarifas body thead tr th + th + th, 
html>.tarifas body tbody tr th + td + td {
	width: 80px
}

html>.tarifas body thead tr th + th + th + th, 
html>.tarifas body tbody tr th + td + td + td {
	width: 230px
}

html>.tarifas body thead tr th + th + th + th + th {
	width: 86px
}

html>.tarifas body tbody tr th + td + td + td + td {
	width: 70px
}

html>.tarifas body tfoot tr th {
	width: 98px
}

html>.tarifas body tfoot tr th + td {
	width: 526px
}

