<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Matilde Santos, Intelligent Control, Automatic Control, System Engineering, University, Full professor, modelling, simulation, research" />
  <meta name="description" content="Matilde Santos. Full Professor. University Complutense of Madrid. Intelligent Control. Automatic Control. Engineering Applications." />
<title>jQuery lightBox plugin</title>

<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
    
    <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
   <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery_innerfade.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
   	<style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #fff;
		padding: 10px;
		width: 950px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		
		border-width: 5px 5px 20px;
	}
	
	</style>
<style type="text/css">
<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	/* ~~ background-image:url(i/fondo_pag.png) !important;~~ */
	
	background-color: #FAFAFA;

	
	
	
	
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~Selectores de elemento/etiqueta ~~ */
ul, ol, dl { /* Debido a las diferencias existentes entre los navegadores, es recomendable no aÃ±adir relleno ni mÃ¡rgenes en las listas. Para lograr coherencia, puede especificar las cantidades deseadas aquÃ­ o en los elementos de lista (LI, DT, DD) que contienen. Recuerde que lo que haga aquÃ­ se aplicarÃ¡ en cascada en la lista .nav, a no ser que escriba un selector mÃ¡s especÃ­fico. */
	padding: 0;
	margin: 0;
	list-style:none;
	font-size:12px;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 0;	 /* la eliminaciÃ³n del margen superior resuelve un problema que origina que los mÃ¡rgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrÃ¡ separado de los elementos de que le sigan. */
	padding-right: 15px;
	padding-left: 15px; /* la adiciÃ³n de relleno a los lados del elemento dentro de las divs, en lugar de en las divs propiamente dichas, elimina todas las matemÃ¡ticas de modelo de cuadro. Una div anidada con relleno lateral tambiÃ©n puede usarse como mÃ©todo alternativo. */
	color: #333;
}
p {
	margin-top: 0;	 /* la eliminaciÃ³n del margen superior resuelve un problema que origina que los mÃ¡rgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrÃ¡ separado de los elementos de que le sigan. */
	padding-right: 30px;
	padding-left: 15px; /* la adiciÃ³n de relleno a los lados del elemento dentro de las divs, en lugar de en las divs propiamente dichas, elimina todas las matemÃ¡ticas de modelo de cuadro. Una div anidada con relleno lateral tambiÃ©n puede usarse como mÃ©todo alternativo. */
	color: #333;
	font-size:12px;
	
}
p.master {
	margin-top: 0;	 /* la eliminaciÃ³n del margen superior resuelve un problema que origina que los mÃ¡rgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrÃ¡ separado de los elementos de que le sigan. */
	padding-right: 0px;
	padding-left: 29px; /* la adiciÃ³n de relleno a los lados del elemento dentro de las divs, en lugar de en las divs propiamente dichas, elimina todas las matemÃ¡ticas de modelo de cuadro. Una div anidada con relleno lateral tambiÃ©n puede usarse como mÃ©todo alternativo. */
	color:#093;
	
	
	font-size:10px;
	
}
a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando estÃ¡ rodeada por un vÃ­nculo */
	border: none;
}
/* ~~ La aplicaciÃ³n de estilo a los vÃ­nculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */
a:link {
	color:#00C;
	
	font-size:16px;
	
	
	text-decoration: none; /* a no ser que aplique estilos a los vÃ­nculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificaciÃ³n visual rÃ¡pida */
}
a.hola {
	color:#00C;
	
	font-size:12px;
	
	
	text-decoration: none; /* a no ser que aplique estilos a los vÃ­nculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificaciÃ³n visual rÃ¡pida */
}
a.hola1 {
	color:#00C;
	
	font-size:10px;
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* este grupo de selectores proporcionarÃ¡ a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratÃ³n. */
color:#009;

	text-decoration: none;
}

/* ~~ este contenedor de anchura fija rodea a todos los demÃ¡s elementos ~~ */
.container {
	width: 1000px;
	
	margin: 0 auto; /* el valor automÃ¡tico de los lados, unido a la anchura, centra el diseÃ±o */
	
}

/* ~~ Esta es la informaciÃ³n de diseÃ±o. ~~ 

1) El relleno sÃ³lo se sitÃºa en la parte superior y/o inferior de la div. Los elementos situados dentro de esta div tienen relleno a los lados. Esto le ahorra las "matemÃ¡ticas de modelo de cuadro". Recuerde que si aÃ±ade relleno o borde lateral a la div propiamente dicha, Ã©ste se aÃ±adirÃ¡ a la anchura que defina para crear la anchura *total*. TambiÃ©n puede optar por eliminar el relleno del elemento en la div y colocar una segunda div dentro de Ã©sta sin anchura y el relleno necesario para el diseÃ±o deseado.

*/
.content {

	padding: 10px 0;
	margin-left: 27px;
}
.content33 {
	width:970;
	height:600;
	
	
	padding: 10px 0;
	margin-left: 29px;
	
	
	
}

/* ~~ clases float/clear varias ~~ */
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la pÃ¡gina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pÃ¡gina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pÃ¡gina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pÃ¡gina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacÃ­a como elemento final tras la Ãºltima div flotante (dentro de #container) si se elimina overflow:hidden en .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->
</style></head>

<body onload="MM_preloadImages('i/curriculumro.png','i/investigacione.png','i/docenciaroe.png','i/interesesroe.png','i/contactoroe.png','i/investigacionroe.png','i/contactoroe.png')">


<div class="container">
  <div class="content"></div>
<div class="content"></div>
  <div class="content"> <a href="index.html"><img src="i/fondologoe.png" width="970" height="150" border="0" usemap="#Map" />
      <map name="Map" id="Map">
        <area shape="rect" coords="898,12,917,26" href="index.html" />
        <area shape="rect" coords="921,13,941,27" href="indexe.html" />
      </map>
  </a>
<!-- end .content --></div>
  <!-- end .container -->
  <div class="content">
<a href="indexe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','i/curriculumro.png',1)"><img src="i/curriculum.png" name="Image4" width="194" height="27" border="0" id="Image4" /></a><a href="investigacione.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','i/investigacionroe.png',1)"><img src="i/investigacione.png" name="Image5" width="194" height="27" border="0" id="Image5" /></a><a href="docenciae.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','i/docenciaroe.png',1)"><img src="i/docenciae.png" name="Image6" width="194" height="27" border="0" id="Image6" /></a><a href="interesese.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','i/interesesroe.png',1)"><img src="i/interesese.png" name="Image7" width="194" height="27" border="0" id="Image7" /></a><a href="contactoe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','i/contactoe.png',1)"><img src="i/contactoroe.png" name="Image8" width="194" height="27" border="0" id="Image8" /></a></div>
   <div class="content33">
     
     <table border="0px">
     <tr><td valign="top" background="i/fondo_pag.png">
     
     <a href="indexe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','i/curriculumro.png',1)"><img src="i/curriculumv.png" name="Image9" width="194" height="27" border="0" id="Image9" /></a><br />
     <a href="investigacione.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','i/investigacionroe.png',1)"><img src="i/investigacionve.png" name="Image10" width="194" height="27" border="0" id="Image10" /></a><br />
     <a href="docenciae.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','i/docenciaroe.png',1)"><img src="i/docenciave.png" name="Image11" width="194" height="27" border="0" id="Image11" /></a><br />
     <a href="interesese.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','i/interesesroe.png',1)"><img src="i/interesesve.png" name="Image12" width="194" height="27" border="0" id="Image12" /></a><br />
     <a href="contactoe.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','i/contactoe.png',1)"><img src="i/contactoroe.png" name="Image13" width="194" height="27" border="0" id="Image13" /></a>
     <br /><br /><iframe width="194" height="161" src="http://www.youtube.com/embed/v_1aR6hha2k?rel=0" frameborder="0" allowfullscreen></iframe><p class="adios">Interview on Artificial Intelligence (Spanish)<br /> de TVE 2, 11/01/2007</p>
     
     <object id="player533334" width="194" height="133" type="application/x-shockwave-flash" data="http://www.ivoox.com/playerivoox_ee_533334_1.html"><param name="movie" value="http://www.ivoox.com/playerivoox_ee_533334_1.html"></param><param name="AllowScriptAccess" value="always"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent"></param><embed src="http://www.ivoox.com/playerivoox_ee_533334_1.html" type="application/x-shockwave-flash" allowfullscreen="true" wmode="transparent" allowscriptaccess="always" width="194" height="133"></embed></object></td><td background="i/texto1.gif" valign="top">
     <img src="i/linea.png" width="767" height="1" />
     <h2 align="center">
Teaching</h2>

<p> Teaching web page (slides, bibliography): <a href="https://informatica.ucm.es/profesores-docencia/" target="_blank">Present Academic Year</a></p>
	   <p> Virtual Campus, University Complutense of Madrid: <a href="https://cv.ucm.es/CampusVirtual/jsp/index.jsp" target="_blank">UCM Virtual Campus</a></p>
       
	   <p><strong>Subjects (Graduate)</strong></p>
	   
	   <p>Artificial Intelligence applied to Automatic Control<br />
         Signal Processing<br />
         Modelling and Simulation<br />
         Dynamic Systems and Automatic Control<br />
		 Final Degree Projects<br />
		 <br />

		 <strong>Master Subjects (Postgraduate)</strong><br />
		 <br />
		 Intelligent Control<br />
         Bio-Systems<br />
         Modelling and Simulation of Renewable Energy Systems<br />

         Final Master Projects</p>
     
  
  </td>
 </tr>
</table>

</div>

<p class=master><span lang=EN-US style='font-family:"Verdana","sans-serif";
mso-ansi-language:EN-US'>Powered by </span><span style='font-family:"Verdana","sans-serif"'><a
href="http://www.nticmaster.com" target="_blank"><span lang=EN-US
style='mso-ansi-font-size:7.5pt;mso-bidi-font-size:7.5pt;mso-ansi-language:
EN-US'>Master Social Media &amp; Community Manager</span></a></span><span
lang=EN-US style='font-family:"Verdana","sans-serif";mso-ansi-language:EN-US'><o:p></o:p></span></p>

</div>

<p class=MsoNormal><span style='font-family:"Verdana","sans-serif"'><script>
 
$(document).ready(function() { 
	$('#image_rotate').innerfade({ 
		speed: 'slow', 
		timeout: 5000, 
		type: 'sequence', 
		containerheight: '444px'
		
	});
});
</script></span><span style='mso-fareast-font-family:"Times New Roman"'><o:p>&nbsp;</o:p></span></p>

</div>

</body>

</html>