/* Estilos utilizados para producir efectos de texto comunes a todo el sitio*/
/* Se incluyen en hojas aparte los elementos con características propias de cada sección principal */

/* Botones de ayuda y contacto */
a.ayuda {
	position: absolute;
	top: 5px;
	left: 540px;
	width: 45px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 70%;
	color: #CCCCCC;
	background: transparent url("../imagenes/b_ayuda.gif") no-repeat top;
	text-decoration: none;
	padding-top: 25px;
}

a.ayuda:hover {
	position: absolute;
	top: 5px;
	left: 540px;
	width: 45px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 70%;
	color: #CCCCCC;
	background: transparent url("../imagenes/b_ayuda.gif") no-repeat top;
	background-position: 0px -49px;
	text-decoration: none;
	padding-top: 25px;
}

a.contacto {
	position: absolute;
	top: 5px;
	left: 590px;
	width: 45px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 70%;
	color: #CCCCCC;
	background: transparent url("../imagenes/b_contacto.gif") no-repeat top;
	text-decoration: none;
	padding-top: 25px;
}

a.contacto:hover {
	position: absolute;
	top: 5px;
	left: 590px;
	width: 45px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 70%;
	color: #CCCCCC;
	background: transparent url("../imagenes/b_contacto.gif") no-repeat top;
	background-position: 0px -50px;
	text-decoration: none;
	padding-top: 25px;
}

/* Menu principal */
ul#ulppal {
	list-style: none;
	width: 550px;
	display: inline;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul#ulppal li {
	display: block;
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
}

ul#ulppal li#programa a {
	display: block;
	float: left;
	text-decoration: none;
	width: 100px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #999999;
	background: White url("../imagenes/b_programa.gif") no-repeat top;
}

ul#ulppal li#programa a:hover {
	display: block;
	float: left;
	text-decoration: none;
	width: 100px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #009933;
	background: White url("../imagenes/b_programa.gif") no-repeat top;
}

ul#ulppal li#proyectos a {
	display: block;
	float:left;
	text-decoration: none;
	width: 104px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #999999;
	background: White url("../imagenes/b_proyectos.gif") no-repeat top;
}

ul#ulppal li#proyectos a:hover {
	display: block;
	float:left;
	text-decoration: none;
	width: 104px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #FF9900;
	background: White url("../imagenes/b_proyectos.gif") no-repeat top;
}

ul#ulppal li#recursos a {
	display: block;
	text-decoration: none;
	width: 104px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #999999;
	background: White url("../imagenes/b_recursos.gif") no-repeat top;
}

ul#ulppal li#recursos a:hover {
	display: block;
	text-decoration: none;
	width: 104px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #993399;
	background: White url("../imagenes/b_recursos.gif") no-repeat top;
}

ul#ulppal li#itinerarios a {
	display: block;
	float: left;
	text-decoration: none;
	width: 104px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #999999;
	background: White url("../imagenes/b_itinerarios.gif") no-repeat top;
}

ul#ulppal li#itinerarios a:hover {
	display: block;
	float: left;
	text-decoration: none;
	width: 104px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #CC0000;
	background: White url("../imagenes/b_itinerarios.gif") no-repeat top;
}

ul#ulppal li#experiencias a {
	display: block;
	float: left;
	text-decoration: none;
	width: 104px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #999999;
	background: White url("../imagenes/b_experiencias.gif") no-repeat top;
}

ul#ulppal li#experiencias a:hover {
	display: block;
	float: left;
	text-decoration: none;
	width: 104px;
	height: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	color: #0066CC;
	background: White url("../imagenes/b_experiencias.gif") no-repeat top;
}

/* Textos invisibles.
Vamos a dejar de utilizar la propiedad display, ya que algunos lectores de pantalla 
omiten los enlaces con esta propiedad. Además inhabilita los accesskeys en IE 
En su lugar aplicamos elementos de ancho-alto 0.*/

/*.escondido {
	display: none;
}*/

.escondido {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}

.escondido:active, .escondido:focus {
  position: absolute;
  overflow: visible;
  width: auto;
  height: auto;
  background-color: yellow;
  color: red;
  top: 5px;
  left: 5px;
  padding: 5px;
  border: 2px solid #000000;
  font-weight: bold;
} 

.bloque_izq {
	width: 80px;
	float: left;
	text-align: left;
	margin-right: 5px;
}


.bloque_izq_largo {
	width: 120px;
	float: left;
	text-align: left;
	margin-right: 5px;
}

.bloque_der {
	width: auto;
	float: left;
	text-align: left;
}

.bloque_separador {
	line-height: 0px;
	height: 0px;
	clear: both;
}