/* **********************************
 * POR tag
 ***********************************/

* {
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
	font-size: 12px;
	line-height: 150%;
}

html, body {
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #666666;
	border:0;
	height:100%;
}

p {
	padding: 0 0 1em 0;
	margin: 0;
}

ul {
	padding: 0 1em 1em 3em;
	margin: 0;
}

ol {
	padding: 0 1em 1em 3em;
	margin: 0;
}

ul ul {
	padding: 0 1em 0 3em;
	margin: 0;
}

ul ol {
	padding: 0 1em 0 3em;
	margin: 0;
}

ol ul {
	padding: 0 1em 0 3em;
	margin: 0;
}

ol ol {
	padding: 0 1em 0 3em;
	margin: 0;
}

a {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.tabRow tr td a {
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: white;
	width: 100%;
	height: 100%;
	display: block;
}

.tabRow tr td a:visited{
/*
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
	font-size: 18px;
*/
	text-decoration: none;
	color: white;
}

.tabRow tr td a:active{
/*
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
	font-size: 18px;
*/
	text-decoration: none;
	color: white;
}

.tabRow tr td a:hover{
/*
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
	font-size: 18px;
*/
	text-decoration: none;
	color: black;
	background-color: #F5B237;
/*	width: 100%; */
}


td {
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
	font-size: 12px;
}

th {
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
	font-size: 12px;
	padding: 5px;
	border: solid 1px gray;
	background: #e0e0e0;
}

/* no quiero margenes en los h */
h3 {
	padding: 0 0 1em 0;
	margin: 0;
}

h1 {
	margin: 0;
	padding: 0; 
	font-family: "Lucida Grande",Lucida,Verdana,Arial,sans-serif;
	font-size: 18px;
}

img {
	border:0;
}

img.top_right {
	display: inline-block;
	padding-left: 20px;
	padding-bottom: 20px;
}

hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

/*************************************
 * por clase
 ************************************/

/*
rojo oscuro #990033 #990000
naranja     #ffcc33 #F5B237
*/

#container {
	min-height: 101%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: 0;
/*
	border-collapse: collapse;
	border-top: 0;
	border-bottom: 0;
	border-left: solid 1px red;
	border-right: solid 1px red;
*/
	width: 1000px;
	background-color:#FFFFFF;
}

table.mainTable {
	border-collapse: collapse;
	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 100%;
	background-color:#FFFFFF;
}

table.mainTable tr td {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Todas las filas iguales */

table.anyRow {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	width:100%;
}

/* Cada td segun el caso */
table.headerRow tr td {
	padding: 20px;
	background-color: #333333; /* #990033; */
	font-size: 24px;
	font-weight: bold;
	color: white;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
}

table.tabRow tr td {
	width: 14%;
	height: 100%;
	background-color: #990000;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-align: center;
	border-top: none;
	border-bottom: solid 1px gray;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	padding-top: 0px;
	padding-bottom: 0px;
}

table.tabRow tr td.tabSelected {
	background-color: #F5B237;
	font-weight: bold;
	color: black;
	border-bottom: solid 1px #F5B237;
}
/*
table.tabRow tr td:hover {
	background-color: #F5B237;
	color:black;
}
*/
table.fillRow tr td {
	background-color: #F5B237;
	font-weight: bold;
	color: white;
	text-align: center;
	border-top: none;
	border-bottom: none;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	padding: 0;
}

table.contentRow tr td.menuCell {
	padding-top: 20px;
	padding-left: 10px;
	background-color: #eeeeee; /* #E6E0CC; */
	text-align: left;
	border-top: solid 1px gray;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	vertical-align: top;
}

table.contentRow tr td.menuCell table {
	border-collapse: collapse;
}

table.contentRow tr td.menuCell td {
	font-size: 16px important;
	padding: 5px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

table.contentRow tr td.menuCell td.selected {
	background-color: #ffffff;
}

/*
table.contentRow tr td.menuCell span {
	background-color: #FFFFFF;
	padding: 5px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid #FFFFFF;
	width:80px;
}

table.contentRow tr td.menuCell a {
	padding: 5px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width:80px;
}
*/
table.contentRow tr td.contentCell {
	padding: 20px;
	width: 100%;
	background-color: #FFFFFF;
	text-align: left;
	border-right: solid 1px gray;
	border-top: solid 1px gray;
	vertical-align: top;
}

/************************************
 * Varios tipos de tablas interiores
 ***********************************/

table.centeredTable {
	border-collapse: collapse;
	border: dashed 1px #CCCCCC;
	margin-left: auto;
	margin-right: auto;
}

table.centeredTable tr td {
	padding: 5px;
	border: dashed 1px #CCCCCC;
}

table.centeredTable tr th {
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border: dashed 1px #CCCCCC;
	background: #f5f5f5;
}

table.fillTable {
	border-collapse: collapse;
	border: dashed 1px #CCCCCC;
	width: 100%;
	border-spacing: 1px;
	padding: 2px;
	margin: 2px;
}

table.fillTable tr td {
	padding: 5px;
	border: dashed 1px #CCCCCC;
	margin: 2px;
}

table.fillTable tr th {
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border: dashed 1px #CCCCCC;
	background: #f5f5f5;
}

/* TABLE no visible */

table.hiddenTable {
	border-collapse: collapse;
	border: none;
}

table.hiddenTable tr td {
	padding: 5px;
	border: none;
}

table.hiddenTable tr th {
	padding: 5px;
	border: none;
	background: #e0e0e0;
}