/* 
* ========================================
* Diseño web: Joao Rándich Odría
  www.randich.info
* ========================================
*/

																/* >>> ELEMENTS <<< */

* {
	margin: 0;
	padding: 0;
	}
	body {
	padding: 0px 0px 0px 0px;
	background-color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	color: #494949;
	text-align: center;
	background-image: url(../interface/bg.jpg);
}

/* 
* ========================================
* Maquetado
* ========================================
*/

#contenedor{
	height:auto;
	width:800px;
	margin:auto;
}
#header{
	height: auto;
	width: 837px;
}
#caja{
	height:auto;
	width:837px;
}
#contefooter{
	height: 70px;
	width: 837px;
}
#footer_logo{
	height: 70px;
	width: 219px;
	float: left;
	padding-top: 0px;
	position: static;
}

/* 
* ========================================
* Estilo Tablas
* ========================================
*/
.td_contebotonera{ 
	width:219px;
	height: auto;
	
}

.td_botonera{ 
	width:219px;
	height: 100%;
}
.td_botonerafondo{
	width: 219px;
	height: 218px;
	background-image: url(../interface/fondo_downmenu.jpg);
}
.td_contenido{
	width: 618px;
	height: auto;
	background-color: White;
	vertical-align:top;
}

.td_footerlogo{
	width: 219px;
	height: 70px;
}
.td_footerlinks{
	width: 463px;
	height: auto;
}
/* 
* ========================================
* Contendores texto botonera y footer
* ========================================
*/
#conte_textobotonera{
	height: auto;
	width: 90%;
	margin: auto;
	vertical-align:top;
}
#conte_footerdirec{
	height: auto;
	width: 95%;
	margin: auto;
	vertical-align:top;
}


/* 
* ========================================
* Estilos de texto
* ========================================
*/

.texto_ph {
	font-size: 10px;
	text-align: right;
	color: white;
	margin-top: 30px;
	margin-bottom: 10px;
}
.texto_footer {
	font-size: 10px;
	text-align: left;
	color: white;
}
.newsHolder {
	font-size: 11px;
	text-align: justify;
	padding-left: 25px;
	padding-right: 25px;
}
.contenedor_txt {
	font-size: 12px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}

.separador {
	font-size: 11px;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
}



/* 
* ========================================
* titles
* ========================================
*/

.title {
	font-size: 14px;
	text-align: justify;
	color: #FF8C00;
	font: bolder;
}

/* 
* ========================================
* links
* ========================================
*/
.links_footer {
	font-family: Tahoma;
	font-size: 10px;
	margin-bottom: 0px;
	color: white;
	text-decoration: none;
}
.links_footer a {
	color: white;
	text-decoration: none;
}
.links_footer a:active {
	color: white;
	text-decoration: none;
}
.links_conte a:hover {
	color: white;
	text-decoration: none;
}
.links_conte {
	font-family: Tahoma;
	font-size: 11px;
	margin-bottom: 0px;
	color: #376AA2;
	margin: 7px;
	font-weight: bold;
	text-decoration: none;
}
.links_conte a {
	color: #376AA2;
	text-decoration: none;
}
.links_conte a:active {
	color: #376AA2;
	text-decoration: none;
}
.links_conte a:hover {
	color: #91B3D9;
	text-decoration: none;
}

.links_subconte {
	font-family: Tahoma;
	text-align: right;
	font-size: 11px;
	margin-bottom: 0px;
	color: #FF8C00;
	margin: 7px;
	font-weight: bold;
	text-decoration: none;
}
.links_subconte a {
	color: #FF8C00;
	text-decoration: none;
}
.links_subconte a:hover {
	color: #F40000;
}

.linksdown {
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
	margin-bottom: 0px;
	color: #8B0000;
	margin: 7px;
	text-decoration: none;
}
.linksdown a {
	color: #8B0000;
	text-decoration: none;
}
.linksdown a:hover{
	color: #AFAFAF;
}

.linkssubtitulo {
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
	margin-bottom: 0px;
	color: #8B0000;
	margin: 7px;
}
.linkssubtitulo a {
	color: #8B0000;
}
.linkssubtitulo a:hover{
	color: #AFAFAF;
}

.linksmap {
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
	margin-bottom: 0px;
	color: #666666;
	margin: 7px;
}
.linksmap a {
	color: #666666;
	text-decoration: none;
	
}
.linksmap a:hover{
	color: #A00000;
}

.linkarriba {
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
	margin-bottom: 0px;
	color: Red;
	margin: 0px;
	font: bold;
	font-weight: bold;
}
.linkarriba a {
	color: Red;
	
	
}
.linkarriba a:hover{
	color: Red;
	
}


/* 
* ========================================
* Images Titles
* ========================================
*/

#difusion {
	background-color: White;
	width: 286px;
	height: 34px;
	background-image: url(../interface/title_difusion.jpg);
}

#exitoso {
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_exitoso.jpg);
}
#extensioneducativa{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_extensioneducativa.jpg);
}
#extensioncultural{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_extensioncultural.jpg);
}
#publicaciones{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_publicaciones.jpg);
}
#comunicaciones{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_comunicaciones.jpg);
}
#eventos{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_eventos.jpg);
}

#academica{
	background-color: White;
	width: 286px;
	height: 34px;
	background-image: url(../interface/title_academica.jpg);
}
#talleresdocentes{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_talleresdocentes.jpg);
}
#talleresalumnos{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_talleresalumnos.jpg);
}

#investigacion{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_investigacion.jpg);
}
#objetivos2007{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_objetivos2007.jpg);
}
#administracion{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_administracion.jpg);
}
#planificacion{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_planificacion.jpg);
}

#noticias{
	background-color: White;
	width: 286px;
	height: 34px;
	background-image: url(../interface/title_noticias.jpg);
}
#biblioteca{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_biblioteca.jpg);
}

#administracion{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_administracion.jpg);
}
#mapa{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_mapa.jpg);
}
#directorio{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_directorio.jpg);
}
#admision{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_admision.jpg);
}
#servicios{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_servicios.jpg);
}
#inves_publicaciones{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_inves_publicaciones.jpg);
}
#formulario{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_formulario.jpg);
}
#publicidad{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_publicidad.jpg);
}
#agenda{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_agenda.jpg);
}
#historia{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_historia.jpg);
}
#importes{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_importes.jpg);
}
#proyectos{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_proyectos.jpg);
}
#calendario{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_calendario.jpg);
}
#centrodocumental{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_centrodocumental.jpg);
}
#audiovisual{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_audiovisual.jpg);
}
#articulos{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_articulosinves.jpg);
}
#direcciongeneral{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_direcciongeneral.jpg);
}
#transparencia{
	background-color: White;
	width: 286px;
	height: 55px;
	background-image: url(../interface/title_transparencia.jpg);
}
#agendacultural{
	background-color: White;
	width: 320px;
	height: 113px;
	background-image: url(../interface/agenda_titlemenu.jpg);
}

.marco2 {
   padding:8px;
   background-color: #f5f5f5;
   width: 180px;
   border-bottom: 1px solid #999999;
   border-right: 1px solid #999999;
}

.marco3 {
   padding:8px;
   background-color: #f5f5f5;
   width: 350px;
   border-bottom: 1px solid #999999;
   border-right: 1px solid #999999;
}

/* 
* ========================================
* Caja noticias index
* ========================================
*/
.flotar{ 
	float:left
}
.m300_top{
	margin:20px; padding:0; height:25px; background: url(../interface/top_caja.gif) no-repeat
}
.m300_conte{
	margin:0 4px 3px 0; padding:0; width:302px; background:url(../interface/bgm.gif) repeat-y; background-position:right; background-color:#F9F9F9;
}
.m300_bottom{
	margin:0; padding:0; background:url(../interface/footer_caja.gif) no-repeat; background-position:bottom; height:96px
}
.m300_title{ 
	margin:2px 0 0 0; padding:0; list-style:none; float:left
}