/*** ***/
/*** Estilo Sitio Uctu al 20 de agosto 2008 ***/
/*** ***/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; 
/* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #Contenedor_General */
	color: #000000;
	background-color: #FFFFFF;
	background-repeat:  repeat-x;
	background-position: top;
}
img {
	border: 0px;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General {
	width: 46em;
	margin: 0 auto;
	border: 0.1em solid #FFFFFF;
	text-align: left;
}
.UnaColumnaElasticaCabeceraPie #header {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 200px;
}
.UnaColumnaElasticaCabeceraPie #header h1 {
	margin: 0; 
/* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; 
/* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.UnaColumnaElasticaCabeceraPie #navegacion {
	width: 120px;
	text-decoration: none;
	background-repeat: no-repeat;
	float: right;
	margin-top: 10px;
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #D2D4DA;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_Central {
	padding: 0 20px;
	min-height: 450px;
}
.UnaColumnaElasticaCabeceraPie #footer {
	height: 100px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background-color: #E4E4E4;
	text-align: center;
}
.UnaColumnaElasticaCabeceraPie #footer p {
	margin: 0; 
/* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; 
/* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General #header #navegacion li {
	padding: 0px;
	margin: 0px;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General #header #navegacion ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General #header #navegacion a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General #header #navegacion a:hover {
	color: #FF0000;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General #header #uctu_logo {
	width: 250px;
	margin-top: 10px;
}
/*** ***/
/*** CAJA REDONDEADA ***/
/*** ***/
.caja_imagenes_redondeadas{display:block}
.caja_imagenes_redondeadas *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D2D4DA}
.caja_imagenes_redondeadas1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dfd9dc;
  border-right:1px solid #dfd9dc;
  background:#d7d6db}
.caja_imagenes_redondeadas2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e6dddd;
  border-right:1px solid #e6dddd;
  background:#d6d5da}
.caja_imagenes_redondeadas3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d6d5da;
  border-right:1px solid #d6d5da;}
.caja_imagenes_redondeadas4{
  border-left:1px solid #dfd9dc;
  border-right:1px solid #dfd9dc}
.caja_imagenes_redondeadas5{
  border-left:1px solid #d7d6db;
  border-right:1px solid #d7d6db}
.caja_imagenes_redondeadasfg{
  background:#D2D4DA}
/*** ***/
/*** Lista Ordenada como Tabla ***/
/*** ***/
ul {
}/* Mientras mas ancha sea #Contenedor_Lista_como_Tabla mas columnas puede contener */
#Contenedor_Lista_como_Tabla {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}/* mas angosta, menos clumnas */
ul.varias_columnas li {
	text-align: left;
	float: left;
	list-style: none;
	height: 78px;
	width: 78px;
	background-color: #D2D4DA;
	padding: 5px;
}
/*** ***/
/*** PIE ***/
/*** ***/
.UnaColumnaElasticaCabeceraPie #foo {
	background-color: #00FF00;
	position: relative;
	clear: both;
	background-color: #000000;
	height: 217px;
	color: #ffffff;
}
.UnaColumnaElasticaCabeceraPie #foo #footer {
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	width: 760px;
	padding-top: 30px;
	background-color: #000000;
	height: 150px;
}
.UnaColumnaElasticaCabeceraPie #black {
	background-color: #000000;
	height: 3px;
}

/*** ***/
/*** Splash ***/
/*** ***/
#splash {
	height: 80px;
	width: 173px;
	position: absolute;
	z-index: 10;
	left: 20%;
	top: -35px;
	background-image:url(../___imagenes/splash.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
/*** ***/
/*** TEXTOS ***/
/*** ***/

.UnaColumnaElasticaCabeceraPie #Contenedor_General #Contenedor_Central p {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	margin-right: 7px;
	margin-left: 7px;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General #Contenedor_Central h1 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General #Contenedor_Central h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.UnaColumnaElasticaCabeceraPie #Contenedor_General #Contenedor_Central a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
	text-decoration: none;
	font-weight: bold;
	color: #006699;
}
.UnaColumnaElasticaCabeceraPie #Contenedor_General #Contenedor_Central a:hover {
	color: #0099CC;
	border-bottom-color: #0099CC;
}