<!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" lang="es">
    <head>
        <title>Buscador de cursos para la recuperaci—n de puntos</title>
        <link rel="schema.DC" href="http://purl.org/DC/elements/1.1/" />
        <meta name="DC.title" content="Cursos" />
        <meta name="DC.date" content="2005-10-10" />
        <meta name="DC.languaje" content="es" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link rel="stylesheet" href="screen.css" type="text/css" media="screen" />
    </head>
    <body>
        <div id="web">
            <div id="cabecera">
            <div class="clearfix">
                <div id="cabecera-logo-1">
                    <h1><a href="#" title="Servei Catalˆ de Trˆnsit"><span>Servei Catalˆ de Trˆnsit</span></a></h1>
                    <hr class="ocultar" />
                </div>
                <div id="cabecera-logo-2">
                    <h1><a href="#" title="Generalitat de Catalunya - Departament d'Interior"><span>Generalitat de Catalunya - Departament d'Interior</span></a></h1>
                    <hr class="ocultar" />
                </div>
                <div id="cabecera-buscador">
                <form class="formulario" action="#">
                    <fieldset>
                        <legend>Buscador</legend>
                        <label for="buscar">Buscar</label>
                        <input class="campos" type="text" name="buscar" id="buscar" value="Buscar" />
                        <input class="boton" type="submit" value="" />
                    </fieldset>
                </form>
                <hr class="ocultar" />
                </div>
                <div id="cabecera-enlaces">
                    <a class="enlace-cabecera" href="#" title="Ir a webs A-Z">Webs A-Z</a>
                    <a class="enlace-cabecera" href="#" title="Ir al mapa web">Mapa Web</a>
                    <a class="enlace-cabecera" href="#" title="Ir a contacto">Contacto</a>
                    <a class="enlace-cabecera" href="#" title="Versi—n en catal‡n">Catalˆ</a>
                    <hr class="ocultar" />
                </div>
            </div>
            <div id="cabecera-menu">
                <a class="enlace-cabecera-menu" href="#" title="Ir a temas">Temas</a>
                <a class="enlace-cabecera-menu" href="#" title="Ir a servicios">Servicios</a>
                <a class="enlace-cabecera-menu" href="#" title="Ir a generalitat">Generalitat</a>
                <a class="enlace-cabecera-menu" href="#" title="Ir a Catalu–a">Catalu–a</a>
                <hr class="ocultar" />
            </div>
            <div id="cabecera-titulo">
                <h2>Permiso por puntos</h2>
                <hr class="ocultar" />
            </div>
            </div>
            <div id="contenido" class="clearfix">
                <div id="lateral">
                    <div class="menu">
                    <span class="ocultar">Menú de opciones</span>
                    <ul>
                        <li><div><a href="#" title="Ir a Inf—rmate">Inf—rmate</a></div></li>
                        <li><div><a href="#" title="Ir a Bœsqueda / inscripci—n de cursos">Bœsqueda / inscripci—n de cursos</a></div></li>
                        <li><div><a href="#" title="Ir a FAQ">FAQ</a></div></li>
                        <li><div><a href="#" title="Ir a Enlaces de interŽs">Enlaces de interŽs</a></div></li>
                        <li><div><a href="#" title="Ir a BuzŽn de sugerencias">BuzŽn de sugerencias</a></div></li>
                        <li><div><a href="#" title="Ir a Acceso alumnos">Acceso alumnos</a></div></li>
                    </ul>
                    <hr class="ocultar" />
                    </div>
                </div>
                <div id="datos" class="clearfix">
                    <h2><span>Vamos a conducir mejor</span></h2>
                    <div id="breadcrumbs">
                        <a href="/" title="Ir a inicio">Inicio</a> > Servicios
                        <hr class="ocultar" />
                    </div>
                    <div class="columna2f1 clearfix">
                        <div class="columnas2f1-c1">
                            <div id="caja-busqueda-directa">
                                <div id="caja-busqueda-directa-padding">
                                    <h3>Bœsqueda directa</h3>
                                    <h4>Por Centros:</h4>
                                    <p>Ver listado de centros <a href="#" title="Ir a listado de centros"><img src="img/boton.gif" alt="Ver listado de centros" /></a></p>
                                    <h4>Por tipo de curso:</h4>
                                    Selecciona:
                                    <form class="formulario" method="post" name="formu_tipo_curso" id="formu_tipo_curso" action="#">
                                        <fieldset>
                                            <legend>Buscador</legend>
                                            <select class="campos" name="tipo_curso" id="tipo_curso">
                                                 <option value="0" selected="selected">Curso de ...</option>
                                                 <option value="301" >Recuperacin de puntos</option>
                                                 <option value="302" >Recuperacin del permiso</option>
                                            </select>
                                            <input class="boton" type="submit" value="" />
                                        </fieldset>
                                    </form>
                                    <hr class="ocultar" />
                                </div>
                            </div>
                        </div>
                        <div class="columnas2f1-c2">
                            <h3>Reserva de cursos</h3>
                            A continuaci—n te presentamos los centros donde podr‡s realizar los cursos de sensibilizac—n y reeducaci—n viaria para recuperar puntos o tu permiso de conducir
                            <hr class="ocultar" />
                            <div id="mapa-cat" class="clearfix">
                                <strong>Bœsqueda por mapa:</strong>
                                <br />
                                <div id="mapa-cat-img">
                                    <ul>
                                        <li class="girona"><span class="ocultar">Girona</span><a href="#" title="Ir a centros de Girona">(2)</a></li>
                                        <li class="lleida"><span class="ocultar">Lleida</span><a href="#" title="Ir a centros de Lleida">(1)</a></li>
                                        <li class="barcelona"><span class="ocultar">Barcelona</span><a href="#" title="Ir a centros de Barcelona">(2)</a></li>
                                        <li class="tarragona"><span class="ocultar">Tarragona</span><a href="#" title="Ir a centros de Tarragona">(1)</a></li>
                                    </ul>
                                </div>
                                <div id="mapa-cat-desc">
                                    <span>Pulsar sobre el mapa para:</span>
                                    <ul class="listado-mapa-cat">
                                        <li>Encontrar centros vinculados a cada demarcaci—n</li>
                                        <li>Consultar datos y disponibilidad de los centros</li>
                                        <li>Hacer tu reserva on-line</li>
                                    </ul>
                                    <hr class="ocultar" />
                                </div>                        
                            </div>
                        </div>
                    </div>
                    <hr class="ocultar" />
                        <table class="tabla-centros" summary="Listado de centros">
                            <colgroup>
                                <col width="40%" />
                                <col width="20%" />
                                <col width="20%" />
                                <col width="20%" />
                            </colgroup>
                            <thead>
                            <tr>
                                <th abbr="Cent">Centro</th>
                                <th abbr="Tel">TelŽfono</th>
                                <th abbr="Pob">Poblaci—n</th>
                                <th> </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><strong>C/Alvareda 16</strong></td>
                                <td>555 555 555</td>
                                <td>Girona</td>
                                <td><a href="#" title="Ir a la ficha del centro">Ficha del centro</a></td>
                            </tr>
                            <tr>
                                <td><strong>Av Tenor Fleta 16</strong></td>
                                <td>555 555 555</td>
                                <td>Girona</td>
                                <td><a href="#" title="Ir a la ficha del centro">Ficha del centro</a></td>
                            </tr>
                            <tr>
                                <td><strong>C/Alvareda 16</strong></td>
                                <td>555 555 555</td>
                                <td>Girona</td>
                                <td><a href="#" title="Ir a la ficha del centro">Ficha del centro</a></td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="tabla-info" summary="Listado de cursos">
                            <caption>Curso de recuperaci—n de puntos</caption>
                            <colgroup>
                                <col width="25%" />
                                <col width="30%" />
                                <col width="15%" />
                                <col width="15%" />
                                <col width="15%" />
                            </colgroup>
                            <thead>
                            <tr>
                                <th abbr="Ini"><strong>Inicio curso</strong></th>
                                <th abbr="D’as"><strong>D’as de clase</strong></th>
                                <th abbr="Hor"><strong>Horario</strong></th>
                                <th abbr="Prec"><strong>Precio</strong></th>
                                <th abbr="Res"><strong>Reserva</strong></th>        
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="fecha">02-02-2006</td>
                                <td>Viernes y s‡bado</td>
                                <td>15:00 - 21:00</td>
                                <td>170 Û</td>
                                <td><a href="#" title="Ir a la ficha del centro">Solicitar</a></td>
                            </tr>
                            <tr>
                                <td class="fecha">02-02-2006</td>
                                <td>Viernes y s‡bado</td>
                                <td>15:00 - 21:00</td>
                                <td>170 Û</td>
                                <td><a href="#" title="Ir a la ficha del centro">Solicitar</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
            </div>
            <div id="pie">
                <a class="enlace-pie" href="#" title="Ver el aviso legal">Aviso legal</a><span>|</span>
                <a class="enlace-pie" href="#" title="Ver información sobre la web">Sobre la web</a><span>|</span>
                <span>© 1995-2006 Generalitat de Catalu–a</span>
            </div>
        </div>
    </body>
</html>