body {
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
	background-image: url('imagenes/fondo.png');
	text-align: center;
	font-family: Arial, Helvetica, Trebuchet, Verdana, sans-serif;
}

p  {
	padding: 0.5em;
	margin: 0;
	font-size: 0.75em;
	color: #000000;
	line-height: 1.2em;
	margin-bottom: 10px;
	text-align: justify;
}

h1 {
	padding: 0.5em;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #71838F;
}

h2 {
	padding: 0.5em;
	margin: 0;
	font-size: 0.95em;
	font-weight: bold;
	color: #71838F;
}

ol, ul.n1 {
	padding-right: 0.5em;
	font-size: 0.75em;
	text-align: justify;
	margin-bottom: 1em;
	}

ul {
	padding-right: 0.5em;
	text-align: justify;
	margin-bottom: 1em;
	}

table, td {
/*	padding: 0.5em;*/
}

img {
	border: 0;
	vertical-align: middle;
}

a {
		font-size: 1.0em;
		color: #000000;
		text-decoration: none;
}

a:visited {
		font-size: 1.0em;
		color: #000000;
		text-decoration: none;
}

a:hover {
		font-size: 1.0em;
		background-color: #FFFF90;
		text-decoration: none;
}

.envoltura {
	min-width:  780px;
	max-width: 1024px;
	width: 100%;					/*ancho  total */
	margin: 0 auto 0 auto;
	text-align: justify;
}      

.externo {
	border-left-width: 180px;		/*ancho columna izquierda */
	border-left-color: #f5f5f5;		/*color columna izquierda */
	border-right-width: 206px;		/*ancho columna derecha */
	border-right-color: #f5f5f5;	/*color columna derecha*/
	background-color: #f5f5f5;		/*color columna central*/
	width: auto;
	border-left-style: solid;
	border-right-style: solid;
}

.interno {
	width: 100%;
}

.colizq {
	width: 180px;					/*ancho columna izquierda */
	margin-left: -180px;			/*negativo de ancho columna izquierda */
	float: left;
	position: relative;
}

.colizq a {
		font-size: 0.80em;
		color: #FFFFFF;
		text-decoration: none;
		padding-left: 3px;
}

.colizq a:visited {
		font-size: 0.80em;
		color: #FFFFFF;
		text-decoration: none;
}

.colizq a:hover {
		font-size: 0.80em;
		font-weight: bolder;
		color: #FFFFE0;
		background-color: #191970;	/*midniteblue*/
		text-decoration: none;
}

.colizq p {
		font-size: 0.75em;
		color: #FFFF90;
		line-height: 1.0em;
		text-align: justify;
}

.colizq img {
	border: 0;
	vertical-align: baseline;
	padding-left: 3px;
}

div.colizq {
   width: 180px;
   background: #191970 url('imagenes/trd.gif') no-repeat top right;
}

.colizq div {
   background: transparent url('imagenes/tld.gif') no-repeat top left;
}

.colizq div div {
   background: transparent url('imagenes/brd.gif') no-repeat bottom right;
}

.colizq div div div {
   background: transparent url('imagenes/bld.gif') no-repeat bottom left;
   padding: 5px;
   line-height: 0.8em;
}

.colizq div div div div {
   background: transparent;
}

.colder {
	width: 206px;					/*ancho columna derecha*/
	margin-right: -206px;			/*negativo de ancho columna derecha*/
	float: left;
	position: relative;
/*	visibility: hidden;*/
}

.colder a {
		font-size: 1.0em;
		color: #000000;
		text-decoration: none;
}

.colder a:visited {
		font-size: 1.0em;
		color: #000000;
		text-decoration: none;
}

.colder a:hover {
		font-size: 1.0em;
		color: #FFFF90;
		background-color: #b0c4de;	/*lighsteelblue*/
		text-decoration: none;
}

.colder p {
		padding: 0.5em;
		margin: 0;
		font-size: 0.75em;
		color: #000000;
		line-height: 1.2em;
		margin-bottom: 10px;
		text-align: justify;
}

div.colder {
   width: 206px;
   background: #b0c4de url('imagenes/trl.gif') no-repeat top right;
}

.colder div {
   background: transparent url('imagenes/tll.gif') no-repeat top left;
}

.colder div div {
   background: transparent url('imagenes/brl.gif') no-repeat bottom right;
}

.colder div div div {
   background: transparent url('imagenes/bll.gif') no-repeat bottom left;
   padding: 5px;
}

.colder div div div div {
	width: 180px ;
	height: 100px;
	padding: 0;
	background-image: none;
}

.colcen {
	float: left;
	width: 100%;
	position: relative;
}

.principal {
	padding: 10px;
}

.encabezado {
	background-image: url('imagenes/iudbanner_mx.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 100%;
	height: 120px;
}

.pie {
	background-color: #f2ebee;		/*color de pie*/
	width: 100%;
	position: relative;
}

.limpia {
	clear: both;
}

.imagen {
	background-image: url('imagenes/iudimagen.png');
	height: 90px;
	text-align: center;
}

.extras {
		background-color: #B0C4DE;	/*lightsteelblue*/
		padding: 11px 25px 5px 25px;
}

.reticula {
	width: 100%;
	border-spacing: 10px;
	margin-left: 15px;
}

.datret {
	font-size: 0.7em;
	font-family: Arial;
	text-align: left;
	background-color: #B0C4DE;	/*lightsteelblue*/
	vertical-align: top;
	width: 20%;
	border: 1px solid #7f7f7f;
	padding: 4px;
}

.encret {
	font-size: 0.7em;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	width: 20%;
}