<!DOCTYPE html>
<html lang="ca">
<head>
	<meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>lletrA - Error 404 - Pàgina no trobada</title>

        <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600,600italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>


        <link href="/css/bootstrap.min.css" rel="stylesheet">
        <link href="/css/lletra-icos.css" rel="stylesheet">
        <link href="/css/styles_min.css?v=3.3" rel="stylesheet">
        <link href="/css/audioplayer.css" rel="stylesheet">



    <!-- Latest compiled and minified JavaScript -->
       <script src="/js/modernizr.custom.14485.js"></script>

        <script>
            /*
             VIEWPORT BUG FIX
             iOS viewport scaling bug fix, by @mathias, @cheeaun and @jdalton
             */
            (function(doc){var addEvent='addEventListener',type='gesturestart',qsa='querySelectorAll',scales=[1,1],meta=qsa in doc?doc[qsa]('meta[name=viewport]'):[];function fix(){meta.content='width=device-width,minimum-scale='+scales[0]+',maximum-scale='+scales[1];doc.removeEventListener(type,fix,true);}if((meta=meta[meta.length-1])&&addEvent in doc){fix();scales=[.25,1.6];doc[addEvent](type,fix,true);}}(document));
        </script>


	    

    <meta name="DC.Title" content="" />
	<meta name="DC.Creator" content="Universitat Oberta de Catalunya" />
	<meta name="DC.Creator.Email" content="lletra@uoc.edu" />
	<meta name="DC.Subject" content="Literatura catalana, recursos a Internet, informació sobre escriptors i escriptores catalanes" />
	<meta name="DC.Publisher" content="Àrea de Comunicació. Universitat Oberta de Catalunya" />
	<meta name="DC.Type" scheme="DCObjects" content="Text.Serial.Journal" />
	<meta name="DC.Format" content="TEXT/HTML" />
	<meta name="DC.Language" scheme="RFC1766" content="ca" />
	<meta name="DC.Identifier" scheme="URL" content="http://lletra.uoc.edu" />
	<meta name="DC.Rights" content="Universitat Oberta de Catalunya" />
	<meta name="description" content="lletrA, l'espai virtual sobre literatura catalana a internet" />
	<meta name="keywords" content=" literatura catalana, literatura, poesia catalana, períodes literàris, obres literàries, temàtica, gèneres, revistes, premis literaris, Montserrat Abelló, Perejaume, Mercè Rodoreda, Salvador Espriu, Tirant lo blanc" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="google-site-verification" content="cccUoHeHNeSi9O-6dWQeY7GmXRopCc0Wq2FYu4k_J2E" />
	<meta name="content-language" content="ca" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


     <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/LletraLaLiteraturaCatalanaAInternet" title="LletrA - Home" />
	<script type="text/javascript" src="/readspeaker/readspeaker-uoc.js"> </script>
    <!--
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" href="/css/20131210/mediaelementplayer.css" />
    <link rel="stylesheet" type="text/css" href="/css/20131210/mejs-skins.css" />
    <script type="text/javascript" src="/js/mediaelement-and-player.min.js"></script>
    -->

    <script languague="javascript">




        function mostrar_caixes() {

            var total = 1;
            var paso = 1;
            var final = 1;
            var trobat = false;

            while (document.getElementById('targeta' + total)) {
                    if ($('#targeta' + total).hasClass('ocult') && (!trobat)) {
                        paso = total;
                        trobat = true;
                    }

                    total = total + 1;
            }

            if (trobat) {
                final = paso + 9;

                for (paso; paso < final; paso++) {

                    if (document.getElementById('targeta' + paso)) {
                        $('#targeta' + paso).removeClass('ocult');
                    } else {
                        document.getElementById('boto_afegir_contingut').style.display = 'none';
                    }
                }

            }



                var wookmark = new Wookmark('#container', {
                    offset: 20 // Optional, the distance between grid items
                });
                var wookmark2 = new Wookmark('#container2', {
                    offset: 20 // Optional, the distance between grid items
                });
                $('#container').imagesLoaded(function() {
                    var wookmark = new Wookmark('#container', {
                        offset: 20 // Optional, the distance between grid items
                    });
                    var wookmark2 = new Wookmark('#container2', {
                        offset: 20 // Optional, the distance between grid items
                    });
                });




        }

    </script>



    <!--<link href="https://plus.google.com/108786156836862540616" rel="publisher"/>-->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

    <!--<script type="text/javascript" src="/js/jquery.min.js"></script>-->

	

    <script type="text/javascript">
	$(document).ready(function(){
		function setCookie(c_name, value, exdays) {
			var exdate = new Date();
			exdate.setDate(exdate.getDate() + exdays);
			var c_value = escape(value) + ((exdays == null) ? "" : "; expires="+exdate.toUTCString());
			document.cookie=c_name + "=" + c_value;	
		}

		$("#accept_cookies").click(function(evt) {
			setCookie("cookies_accepted", 1, 365);
			$(".cookies_footer").animate({ "height": "toggle"});
			evt.preventDefault();
		});                        
	});
	</script>    <script type="text/javascript"> 
	var _gaq = _gaq || []; 
	
  _gaq.push(['_setAccount', 'UA-1571980-13']);
  _gaq.push(['_setDomainName', 'none']);
  _gaq.push(['_trackPageview']);
		
	(function() { 
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
	var s = document.getElementsByTagName('script')[0]; 
	s.parentNode.insertBefore(ga, s); 
	})(); 
	</script>
</head>
<body class="ca">
    <!--
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=258897677462154";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    -->
   <!-- HEADER -->
    <header id="header">

        <!-- LOGO -->
        <div class="logo">
            <span><a href="/" title="">Lletra, La literatura catalana a internet</a></span>
        </div>
        <!-- /end LOGO -->

        <!-- CERCADOR -->
        <div id="searcher" class="searcher">
            <div>
                <form method="get" class="form" action="/ca/cercar">
				<label for="cerca">Paraula/es clau</label>
				<input type="search" size="30" placeholder="cercar..." class="form-control search-field" name="cerca">
                <button type="submit" class="btn-search ico-search">cercar</button>
			</form>            </div>
        </div>
        <!-- /end CERCADOR -->

        <!-- BARRA HEADER (mobil) -->
    	<div class="header-bar">
        	<div class="container">
                <div class="row">
                    <div class="col-sm-1 col-xs-2">
                        <!-- boto menu mobil -->
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                            <em class="sr-only">Obrir/tancar menú</em>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <!-- /end boto menu mobil -->
                    </div>
                    <div class="col-sm-1 col-xs-2 pull-right">
                        <!-- boto cercador mobil -->
                        <button type="button" class="btn-search ico-search" data-toggle="collapse" data-target="#searcher" aria-expanded="false" aria-controls="searcher">cercar</button>
                        <!-- /end boto cercador mobil -->
                    </div>
                </div>
            </div>
        </div>
        <!-- /end BARRA HEADER (mobil) -->

        <!-- desplegable mobil -->
        <div id="navbar" class="navbar-collapse collapse">

            <!-- NAVEGACIO -->
            <nav class="nav">
                <div class="container">
                    <div class="col-lg-offset-4 col-lg-8 col-md-offset-3 col-md-9 col-sm-12 col-xs-12">
                        <ul class="nav-justified">
                            <li><a title="Inici - i" href="/ca/" accesskey="i">Inici</a></li><li>
					<a title="Noms propis - s" href="/ca/noms-propis" accesskey="s">Noms propis</a>
				</li><li>
					<a title="Obres - o" href="/ca/obres" accesskey="o">Obres</a>
				</li><li>
					<a title="Tast de textos - t" href="/ca/tast-de-textos" accesskey="p">Tast de textos</a>
				</li><li>
					<a title="Multimèdia - p" href="/ca/multimedia" accesskey="p">Multimèdia</a>
				</li><li>
					<a title="+ Projectes web - l" href="/ca/especials-lletra" accesskey="l">+ Projectes web</a>
				</li>                            <li class="argus"><a href="https://lletra.uoc.edu/ca/argus-esteve-plantada" title="Argus">Argus</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <!-- /end NAVEGACIO -->

        	<!-- TOP BAR -->
            <div class="top-bar">
                <div class="container">
                	<div class="row">

                        <!-- right -->
                        <div class="one-side links-side col-lg-3 col-md-4 col-sm-7 col-xs-12">
                        	<div class="row">
                                <div class="lang one-side col-lg-4 col-md-4 col-sm-5 col-xs-5">
                                    <ul>
                                        <li><a href="/es/" hreflang="es" title="Castellano">ESP</a></li><li><a href="/en/" hreflang="en" title="English">ENG</a></li>                                    </ul>
                                </div>
                                <div class="social other-side col-lg-8 col-lg-offset-0 col-md-8 col-md-offset-0 col-sm-5 col-sm-offset-2 col-xs-7">
                                    <ul>
                                        <li><a class="ico-tw" title="Twitter" href="https://twitter.com/lletrA" target="_blank">Twitter</a></li>
                                        <li><a class="ico-fb" title="Facebook" href="https://www.facebook.com/deLletrA" target="_blank">Facebook</a></li>
                                        <!--<li><a class="ico-gp" title="Google+" href="https://plus.google.com/u/0/108786156836862540616/posts" target="_blank">Google+</a></li>-->
                                        <li><a class="ico-yt" title="Youtube" href="https://www.youtube.com/user/literaturacatalana" target="_blank">Youtube</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- /end right -->

                        <!-- left -->
                        <div class="other-side col-lg-2 col-md-3 col-sm-4 col-xs-12">
                            <!--<div class="patrons">-->
                            <div class="patrons">
                                <ul>
                                    <li class="uoc"><a href="http://www.uoc.edu" title="Universitat Oberta de Catalunya" target="_blank">Universitat Oberta de Catalunya</a></li>
                                    <li class="irl"><a href="http://www.llull.cat" title="Institut Ramon Llull" target="_blank">Institut Ramon Llull</a></li>
                                    <!--<li><a href="http://www.uoc.edu" title="Universitat Oberta de Catalunya" alt="Universitat Oberta de Catalunya" target="_blank"><img src="../images/logo-uoc.png"></a></li>-->
                                    <!--<li class="gencat"><a href="http://www.gencat.cat" title="Generalitat de Catalunya" target="_blank">Generalitat de Catalunya</a></li>-->
                                </ul>
                            </div>

                        </div>
                        <!-- /end left -->

                	</div>
                </div>
            </div>
        	<!-- /end TOP BAR -->

    	</div>
        <!-- /end desplegable mobil -->
        
    </header>
    
<!-- CONTINGUT -->
<a name="page_content"> </a>
<main id="main">
	
                    <header class="tit-bar">
                            <div class="container">
                                    <h1 class="title">Error 404 - Pàgina no trobada</h1>
                             </div>
                    </header>
		  <div class="text-page">
                     <div class="container">
                         <div class="row">
                                <p></p>


				<!-- FILA --><div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                                    <div class="page-404">
                                        <h3>suggeriments</h3>
                                        <p>Per a trobar la pàgina podeu:</p>
                                        <ul>
                                            <li>Utilitza les opcions de navegació de la part superior de la pàgina</li>
                                            <li>Accedeix a la <a title='lletrA' href='/'>pàgina inicial de lletrA</a>.</li>
                                            <li>Utilitza el cercador</li>
                                         </ul>
                                            <!--<div class="error404 fletxa">-->

                                                <form class="form searcher" method="get" action="/ca/cercar">
                                                        <input type="search" onclick="this.value=''" type="text" value="Paraula/es clau" id="cerca2" name="cerca" class="form-control search-field"/></label>
                                                        <button type="submit" class="btn-search ico-search" title="cercar" alt="cercar"><span class="sr-only">cercar</span></button>
                                                </form>
                                            <!--</div>-->

                                 </div>
                              </div></div>
			</div>
		</div>    </main><!-- FOOTER -->
    <footer id="footer">
    	<div class="container">

            <div class="logo"><a href="/" title="">LletrA</a></div>

            <div class="mid">
                <nav class="corporate">
                    <ul>
                       <li><a href="/ca/sobre-lletra-web" title="Sobre LletrA">Sobre LletrA</a></li><li><a href="/ca/escriu-nos" title="Escriu-nos">Escriu-nos</a></li>                    </ul>
                </nav>

                <div class="social">
                    <div>
                        <span class="tit">Segueix-nos a</span>
                        <ul>
                            <li><a class="ico-tw" href="https://twitter.com/lletrA" title="Twitter" target="_blank">Twitter</a></li>
                            <li><a class="ico-fb" href="https://www.facebook.com/deLletrA" title="Facebook" target="_blank">Facebook</a></li>
                            <!--<li><a class="ico-gp" href="https://plus.google.com/u/0/108786156836862540616/posts" title="Google+" target="_blank">Google+</a></li>-->
                            <li><a class="ico-yt" href="https://www.youtube.com/user/literaturacatalana" title="Youtube" target="_blank">Youtube</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="patrons">
                <ul>
                    
				<li class="uoc"><a href="http://www.uoc.edu" title="UOC: Universitat Oberta de Catalunya" target="_blank"><abbr title="Universitat Oberta de Catalunya">UOC</abbr></a></li><li class="irl"><a href="http://www.llull.cat" title="Institut Ramon Llull: Llengua i cultura catalanes" target="_blank"><span></span></a></li>                </ul>
            </div>

        </div>
    </footer>
    <!-- /end FOOTER -->




    <!-- Bootstrap core JavaScript
    ================================================== -->


    <script type="text/javascript" src="/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/jquery.sticky.js"></script>

<!-- Add jCarousel library  -->
<script type="text/javascript" src="/js/jquery.jcarousel.min.js"></script>



<script type="text/javascript">
    $(function() {
        $('.video-slide')
            .jcarousel({
                'animation': 'slow',
                'wrap': 'last',
                'transitions': true,
                'rtl': true
            })
            .jcarouselAutoscroll({
                // Plugin configuration goes here
            });
    });
    $(function() {
        $('.video-slide').jcarousel({
            // Core configuration goes here
        });

        $('.ctrl_prev').jcarouselControl({
            target: '-=1'
        });

        $('.ctrl_next').jcarouselControl({
            target: '+=1'
        });
    });






</script>

    <script type="text/javascript" src="/js/typeahead/typeahead.bundle.min.js"></script>
    <script>
        var substringMatcher = function(strs) {
            return function findMatches(q, cb) {
                var matches, substringRegex;

                // an array that will be populated with substring matches
                matches = [];

                // regex used to determine if a string contains the substring `q`
                substrRegex = new RegExp(q, 'i');

                // iterate through the pool of strings and for any string that
                // contains the substring `q`, add it to the `matches` array
                $.each(strs, function(i, str) {
                    if (substrRegex.test(str)) {
                        matches.push(str);
                    }
                });

                cb(matches);
            };
        };

        
        var states = [
                    ];



        var states_url = [
                    ];
        
        $('.searcher .typeahead').typeahead({
                hint: true,
                highlight: true,
                minLength: 1
            },
            {
                name: 'states',
                source: substringMatcher(states)
            });
    </script>

    <script>
    $('.searcher .typeahead').bind('typeahead:select', function(ev, suggestion) {
        //console.log('Selection: ' + suggestion);
        /* Remove unwanted characters, only accept alphanumeric and space */
        var suggestionUrl='';

        for (var i=0; i<states.length; i++) {
           if (states[i]==suggestion) {
               suggestionUrl = states_url[i];
           }
        }

        //var keyword = suggestion.replace(/[^A-Za-z0-9 ]/g,'');

        /* Replace multi spaces with a single space */
        //keyword = keyword.replace(/\s{2,}/g,' ');

        /* Replace space with a '-' symbol */
        //keyword = keyword.replace(/\s/g, "-")."-multi";
                                      var keyword = suggestionUrl;
             var cleanUrl = 'https://lletra.uoc.edu' + '/ca/noms-propis' + '/' + keyword.toLowerCase();
                         

        location.href= cleanUrl;
    });
    </script>

        

    



<!--
      /*
      var container = '#container2',
      $container = $(container),
      $window = $(window),
      $document = $(document);
      /**
       * When scrolled all the way to the bottom, add more tiles
       */
    /*
      function onScroll() {
        // Check if we're within 100 pixels of the bottom edge of the broser window.
        var winHeight = window.innerHeight ? window.innerHeight : $window.height(), // iphone fix
            closeToBottom = ($window.scrollTop() + winHeight > $document.height() - 100);
        if (closeToBottom) {
          // Get the first then items from the grid, clone them, and add them to the bottom of the grid
          var $items = $('li', $container),
              $firstTen = $items.slice(0, 10).clone().css('opacity', 0);
          $container.append($firstTen);
          wookmark2.initItems();
          wookmark2.layout(true, function () {
            // Fade in items after layout
            setTimeout(function() {
              $firstTen.css('opacity', 1);
            }, 300);
          });
        }
      };*/
      // Capture scroll event.
      //$window.bind('scroll.wookmark', onScroll);
-->
<!--/ EXTRA -->


     <!-- sticky nav -->
    <script type="text/javascript">
	$(document).ready(function(){
	      $("#header").sticky({ topSpacing: 0 });

          $("#tit-bar").sticky({ topSpacing: 85 });
          $("#tit-bar-mobil").sticky({ topSpacing: 50 });

        $("#main-tit-mobil").sticky({ topSpacing: 50 });
        $("#main-tit").sticky({ topSpacing: 85 });

          $("#multi-nav-mobil").sticky({ topSpacing: 130 });
          $("#multi-nav").sticky({ topSpacing: 165 });
          $("#multi-aside").sticky({ topSpacing: 165 });

          $("#alpha-nav-mobil").sticky({ topSpacing: 205 });
          $("#alpha-nav-tablet").sticky({ topSpacing: 150 });
          $("#alpha-nav").sticky({ topSpacing: 185 });
          $("#aside-col").sticky({ topSpacing: 185 });
	});
    </script>

    <!--<script src="/js/cookies.js"></script>-->
    <div class="cookies_footer">
			<div class="container"><p>Utilitzem galetes pròpies i de tercers. L'anàlisi de les dades que recopilem ens permet millorar el web i oferir una informació i uns serveis més personalitzats. Si continues navegant, considerem que n'acceptes l'ús.</p>
				<ul>
				  <li><a title='política de cookies' href='http://www.uoc.edu/portal/ca/_peu/avis_legal/politica-galetes/index.html' class='btn'>Política de cookies</a></li>
				  <li><a id="accept_cookies" href="#" class="btn">Tanca</a></li>
				</ul>
			</div>
		</div>	


<!-- AUDIO -->
<script src="/js/audioplayer.js"></script>
<script>$( function() { $( 'audio' ).audioPlayer(); } );</script>


<script type="text/javascript">
function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>

</body>
</html>