* {
	margin: 0;
	padding: 0 0 0 5;
	outline: 0;
}
body {
	font: 11px Verdana,Arial;
	margin: 25px;
	background: #fff url("https://arc.reglasdecalculo.org/indice/images/backdrop.png") repeat-x;
	text-indent: 5px;
}
#tablewrapper {width:1000px; margin:0 auto}
#tableheader {height:55px}
.search {
	border-radius: 6px;
	float: left;
	padding: 6px;
	border: 2px solid #800000;
	background: #FFCC00;
}
#tableheader select {float:left; font-size:12px; width:125px; padding:2px 4px 4px}
#tableheader input {float:left; font-size:12px; width:225px; padding:2px 4px 4px; margin-left:4px}
.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:12px}
.tinytable {
	width: 98%;
	border-left: 1px solid #c6d5e1;
	border-top: 1px solid #c6d5e1;
	border-bottom: none;
	border-color: #996600;
	border-style: solid;
	border-width: 4px;
	color: #000040;
}
.tinytable th {
	background: url("../indice/images/header-bg.gif");
	text-align: center;
	color: #000000;
	border: 1px solid #fff;
	border-right: none;
}
.tinytable th h3 {font-size:10px; padding:6px 8px 8px}
.tinytable td {
	padding: 4px 2px 2px 2px;
	border-bottom: 1px solid #c6d5e1;
	border-right: 1px solid #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #c6d5e1;
	border-right-width: 1px;
	border-bottom-width: 1px;
}
.tinytable .head h3 {
	background: url("../indice/images/sort.gif") 7px center no-repeat;
	cursor: pointer;
	padding-left: 18px;
}
.tinytable .desc, .sortable .asc {background:url("../indice/images/header-selected-bg.gif")}
.tinytable .desc h3 {
	background: url("../indice/images/desc.gif") 7px center no-repeat;
	cursor: pointer;
	padding-left: 18px;
	color: #FFFFFF;
}
.tinytable .asc h3 {background:url("../indice/images/asc.gif") 7px  center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#fff}
.tinytable .evenrow td {background:#fff}
.tinytable .oddrow td {
	background: #FFFFCC
}
.tinytable td.evenselected {
	background: #66FFFF
}
.tinytable td.oddselected {
	background: #CCFFFF
}
.tinytable tfoot {background:#fff; font-weight:bold}
.tinytable tfoot td {padding:6px 8px 8px}
#tablefooter {height:15px; margin-top:20px}
#tablenav {float:left}
#tablenav img {cursor:pointer}
#tablenav div {float:left; margin-right:15px}
#tablelocation {
	float: none;
	font-size: 12px;
}
#tablelocation select {margin-right:3px}
#tablelocation div {
	float: left;
	margin-left: 140px
}
.page {float:right; font-style:italic}
#selectedrow td {
	background: #99FF99
}

.boton_arriba {
	border-width: 0px;
	left: 50%;
	text-align: center;
}


.img.border0 {
	border-style: solid;
	border-width: 0px;
}

.cel_am_hd{
	border: 1px solid #000000;
	background-color: #FFFF00;
	text-align: left;
	text-indent: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.cel_am_li{
	padding: 4px;
	border: 1px solid #000000;
	background-color: #FFFFCC;
	text-indent: 6px;
}
.cel_am_hd_azul{
	padding: 2px;
	margin: 2px;
	border: 1px solid #000000;
	background-color: #CCFFFF;
	text-align: left;
	text-indent: 4px;
}
.cel_am_hd_verde{
	border: 1px solid #000000;
	background-color: #CCFFCC;
	text-align: center;
}

.centrar {
	text-align:center
}



div.buscar {
	width: 100px;
	height: 20px;
	background: url("buscar.jpg");
	overflow: hidden;
	background-repeat: no-repeat;
}

div.buscar input {
    display: block !important;
    width: 100px !important;
    height: 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

div.borrar {
	width: 100px;
	height: 20px;
	background: url("borrar.png");
	overflow: hidden;
	background-repeat: no-repeat;
}

div.borrar input {
    display: block !important;
    width: 100px !important;
    height: 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

div.subir {
	width: 100px;
	height: 20px;
	background: url("subir.png");
	overflow: hidden;
	background-repeat: no-repeat;
}

div.subir input {
    display: block !important;
    width: 100px !important;
    height: 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

div.enviar {
	width: 100px;
	height: 20px;
	background: url("enviar.gif");
	overflow: hidden;
	background-repeat: no-repeat;
}

div.enviar input {
    display: block !important;
    width: 100px !important;
    height: 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

div.limpiar {
	width: 100px;
	height: 20px;
	background: url("borrar.gif");
	overflow: hidden;
	background-repeat: no-repeat;
}

div.limpiar input {
    display: block !important;
    width: 100px !important;
    height: 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

div.cerrar {
	width: 100px;
	height: 20px;
	background: url("cerrar.gif");
	overflow: hidden;
	background-repeat: no-repeat;
}

div.cerrar input {
    display: block !important;
    width: 100px !important;
    height: 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

div.volver {
	width: 100px;
	height: 20px;
	background: url("volver.gif");
	overflow: hidden;
	background-repeat: no-repeat;
}

div.volver input {
    display: block !important;
    width: 100px !important;
    height: 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}