<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

/* **************************
Name: Grunge Superstar
Blogger by: http://blogandweb.com/
Distributed by: http://btemplates.com/
Designer: http://arcsin.se/
Date: Sep 08
***************************** 

*//* Definicion de variables
   ====================
   <Variable name="textocolor" description="Text Color"
             type="color" default="#444444" value="#444444">
   <Variable name="enlacecolor" description="Link Color"
             type="color" default="#EEEECC" value="#EEEECC">
   <Variable name="colorenlaceencima" description="Hover Link Color"
             type="color" default="#FFFFAA" value="#FFFFAA">
   <Variable name="colortituloblog" description="Blog Title Color"
             type="color" default="#EEEEDD" value="#EEEEDD">
   <Variable name="descripcioncolor" description="Blog Description Color"
             type="color" default="#BFBFB6" value="#BFBFB6">
   <Variable name="colormenu" description="Menu Color"
             type="color" default="#aaaaaa" value="#aaaaaa">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#424242" value="#424242">
   <Variable name="colortituloslateral" description="Sidebar Title Color"
             type="color" default="#aaaaaa" value="#aaaaaa">
   <Variable name="colortextolateral" description="Sidebar Text Color"
             type="color" default="#777777" value="#777777">
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#paper_left {
	background: url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLuTt3La9FI/AAAAAAAAARc/BhlF8rwVMzM/s1600/paper_left.gif) no-repeat left top;
	margin: 0 auto;
	padding-bottom: 34px;
	width: 778px;
}
#paper_right {
	background: url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLuTuLg_TZI/AAAAAAAAARk/vsiq3wgRdJo/s1600/paper_right.gif) no-repeat right bottom;
}

#layout_wrapper {
	background: #50504A url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLuTtZBMzUI/AAAAAAAAAQ8/UK2bJEaEKbA/s1600/grain_dark.gif);
	margin: 0 auto;
	width: 736px;
}
#layout_container {padding: 8px;}
#layout_content {border: 1px solid #333;}

#header_image {
	height: 160px;
	background: #222 url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLuTtTomFvI/AAAAAAAAARE/8VkILjHM02M/s1600/header.jpg) no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #111;
}

#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

/*-- (Generales) --*/

html {
	font-size: 62.5%; /* reset 1em to 10px */
	height: 100%;
}

body {
	background: #444 url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLuTtaS_gsI/AAAAAAAAAQ0/74iXB5OPIt8/s1600/body.jpg);
	color: $textocolor;
	font: normal 1.2em Verdana,Arial,sans-serif;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
	padding-top: 64px;
}

small,.small {font-size: 0.9em;}

a {
	color: $enlacecolor;
	text-decoration: none;
}
a:hover {
	color: $colorenlaceencima;
	text-decoration: underline;
}

p {padding: 0.2em 0 1.2em;}

blockquote, code {
	background: #4A4A4A;
	border: 1px solid #333;
	color: #BBB;
	display: block;
	margin-bottom: 12px;
}
code {
	font: normal 0.9em Verdana,sans-serif;
	line-height: 1.5em;
	padding: 8px 14px;
}
blockquote {
	background: #4A4A4A url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLuTujnROXI/AAAAAAAAAR8/Ja9IzOvqg-E/s1600/quote.gif) no-repeat left top;
	padding: 6px 14px 6px 44px;
}
blockquote p {padding: 0.5em 0;}


/* --------------------------------
   Headings, titles
----------------------------------- */

h1 {font: normal 2em Georgia,sans-serif;}
h2 {font: normal 1.6em Georgia,sans-serif;}
h3 {font: normal 1.4em Georgia,sans-serif;}
h4 {font: bold 1em Georgia,sans-serif;}

h1, h2, h3, h4 {margin-bottom: 5px;}

form {margin: 0; padding: 0;}

/* Inputs */
input#s, textarea, input.styled {
	background: #DDD;
	border: 3px solid #555;
	font: normal 1em Verdana,sans-serif;
	padding: 3px;
	width: 160px;
}
textarea {width: 440px;}

/* Seachform */
table.search {
	border-collapse: collapse;
	width: 250px;
}
table.search td {vertical-align: top;}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */



#main-wrapper {overflow:hidden;} 

.clear {clear:both; height:0;}  
  
#blog-pager-newer-link {float: left;} 

#blog-pager-older-link {float: right;} 

#blog-pager {text-align: center; }

/*-- (Cabecera) --*/

#header-wrapper {
	background: #222;
	padding: 12px 20px;
}

#header-wrapper h1 {
	color: $colortituloblog;
	font: normal 2em Georgia,sans-serif;
	margin: 0 0 5px;
}


#header-wrapper h1 a {
	color: $colortituloblog;
}

#header-wrapper p {
	color: $descripcioncolor;
	font: normal 1.1em sans-serif;
	margin: 0; padding:0;
}

/*-- (Menu) --*/

.navigation {
	background: #353535 url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLuTt7E6iLI/AAAAAAAAARU/p3OQLyaFhQI/s1600/navigation.jpg) repeat-x;
	border-bottom: 1px solid #222;
	border-top: 1px solid #555;
}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {
	border-right: 1px solid #303030;
	float: left;
	list-style: none;
}
.navigation a {
	color: $colormenu;
	display: block;
	font: bold 1em Verdana,sans-serif;
	padding: 12px 14px;
	text-decoration: none;
}
.navigation a:hover {
	background: #444;
	color: #E5E5D5;
	text-decoration: none;
}
.navigation li.current_page_item a {
	background: none;
	color: #EEE;
}

/* Sub navigation */
#subnav a {
	padding: 10px;
	font-size: 0.9em;
}

/*-- (Contenedor) --*/

#content-wrapper {

}

/*-- (Principal) --*/

#main-wrapper {
	background: #4A4A4A;
	color: #CCC;
}

#main-wrapper a {
}

#main-wrapper a:hover {
}

.post {
	background: #363636;
	border-bottom: 1px solid #111;
}
.post_top {
	background: #222 url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLuTubpEKJI/AAAAAAAAAR0/5WKhIbQaQ0s/s1600/post_top.gif) repeat-x left top;
	border-bottom: 4px solid #777;
	border-top: 1px solid #3A3A3A;
	padding: 10px 16px 13px;
}
.post-title {
	font-size: 2em;
	margin: 0;
	padding: 0;
}
.post-header-line-1 {
}
.post-body {
	background: url(http://4.bp.blogspot.com/_73i0fjAB_Hw/SLuTubateQI/AAAAAAAAARs/ssuF3RExE4E/s1600/post_body.jpg) no-repeat left top;
	border-top: 1px solid #333;
	padding: 16px 16px 0;
}

.post-body ul, .post-body ol {margin: 0 0 1em 1.5em;}
.post-body ul {list-style: disc;}
.post-body ol {list-style: decimal;}

.date-header {

}

.post-footer, post-footer-line-1, p.comment-footer {
	background: $dateHeaderColor;
	color: #999;
	font-size: 0.9em;
	padding: 10px 12px;
}

.post-footer a {color: #BBB;}
.post-footer a:hover {color: #DDD;}

.post-footer .comment-link {
background: url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLuTt1BUR7I/AAAAAAAAARM/Yi7b7mzvtRE/s1600/icon_comment.gif) no-repeat left center; padding-left: 18px;
}
.post-footer .post-labels {
	background: #222 url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLuTubpEKJI/AAAAAAAAAR0/5WKhIbQaQ0s/s1600/post_top.gif) repeat-x left top;
	border-bottom: 2px solid #555;
	color: #BBB;
	margin: 0;
	padding: 0.5em 0.8em 0.6em;
}

#blog-pager {
	background: #555;
	border-top: 1px solid #444;
	font-size: 0.9em;
	padding: 7px 8px 9px;
}
#blog-pager a {
	color: #CCC;
	text-decoration: none;
}
#blog-pager a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*-- (Pie de pagina) --*/

#footer-wrapper {
	background: #222;
	border-bottom: 1px solid #1A1A1A;
	border-top: 1px solid #2A2A2A;
	color: #AAA;
	padding: 16px;
}
#footer-wrapper h2 {
	color:$colortituloslateral;
}
#footer-wrapper ul li {
	border-bottom: 1px solid #303030;
	display: block;
	padding: 4px 6px;
}
#footer-wrapper ul li a {
	color: $colortextolateral;
}
#footer-wrapper ul li a:hover {
	background: #2A2A2A;
	color: #FFC;
	text-decoration: none;
}

#links {
	background: #2A2A2A;
	border-bottom: 1px solid #1A1A1A;
	border-top: 1px solid #333;
	color: #888;
	font-size: 0.9em;
	padding: 10px 12px;
	text-align:center;
}
#links a {color: #AAA;}
#links {color: #555;}
#links a:hover {color: #BBB;}

.left {float: left;}
.right {float: right;}

.col3, .col3last {width: 31%; margin-right: 3%;}
.col3last {margin-right: 0;}

/*-- (Comentarios) --*/

#comments h4 {
background:#222222 url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLuTubpEKJI/AAAAAAAAAR0/5WKhIbQaQ0s/s1600/post_top.gif) repeat-x scroll left top;
border-bottom:2px solid #555555;
color:#BBBBBB;
margin:0;
padding:0.5em 0.8em 0.6em;
font-family:Georgia,sans-serif;
font-size:1.6em;
}

#comments dl {
background:#363636 none repeat scroll 0 0;
border-bottom:1px solid #111111;
border-top:1px solid #333333;
padding:8px 10px 1px;
}

.comment-author {
background:transparent url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLuTt1BUR7I/AAAAAAAAARM/Yi7b7mzvtRE/s1600/icon_comment.gif) no-repeat scroll left center !important;
padding-left:18px;
}

.comment-body {
padding:0.2em 0 0.2em;
}

p.comment-footer {
	text-align:center;
}

dd.comment-footer, dd.comment-body {
margin:0; 
}

.comment-timestamp a {
color:#BBBBBB;
border-bottom:1px solid #333333;
font-size:0.9em;
display:block;
margin-bottom:15px;
}

body#layout #content-wrapper { 
  margin: 0px;
 }
.feed-links, body#layout #footer-wrapper p.links, body#layout #menu, body#layout #search {
display:none;
}
]]></b:skin>
</head>

  <body>
  <div id='paper_left'>
<div id='paper_right'>
<div id='layout_wrapper'>
<div id='layout_container'>
<div id='layout_content'>

    <!-- links para navegadores de texto -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>ir a principal </a> |
      <a href='#sidebar'>Ir a lateral</a>
    </span>

<!-- (Cabecera) -->
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Grunge Superstar (cabecera)' type='Header'>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
</b:widget>
</b:section>
    </div>

<div id='header_image'/>

<div class='navigation'>
<ul>
	<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
	<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
	<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
	<li><a href='#'>Edit</a></li>		
</ul>
<div class='clear'>&#160;</div>
</div>

<!-- (Contenedor) -->	
    <div id='content-wrapper'>

<!-- (Principal) -->
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'><div class='post_top'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>

    <div class='post-header-line-1'>

      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span> | 

      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>

    </div></div>

    <div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
 
      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' width='100%'><tr>
            <td valign='center'><span class='reactions-label'>
              <data:top.reactionsLabel/></span>
              &#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>

      <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>


      | <b:if cond='data:post.dateHeader'>
        <span class='date-header'><data:post.dateHeader/></span>
      </b:if>

      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
      </div>

      <div class='post-footer-line post-footer-line-2'>

      </div>

      <div class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display: none'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>

        <b:if cond='data:post.embedCommentForm'>
          <b:include data='post' name='comment-form'/>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
  
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>

</b:includable>
</b:widget>
</b:section>
      </div>

<!-- Limpiar flotacion-->
      <div class='clear'/>

    </div> <!-- fin de capa content-wrapper -->

<!-- (Pie de pagina) -->
    <div id='footer-wrapper'>

        <b:section class='left col3' id='footer1' preferred='yes'>
<b:widget id='Label1' locked='false' title='Tags' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
        <b:section class='left col3' id='footer2' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Blogger Templates' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <b:loop values='data:feedData.items' var='i'>
        <li>
          <span class='item-title'>
            <a expr:href='data:i.alternate.href'>
              <data:i.title/>
            </a>
          </span>
          <b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != &quot;&quot;'>
              <span class='item-date'>
                &#160;-&#160;<data:i.str_published/>
              </span>
            </b:if>
          </b:if>
          <b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != &quot;&quot;'>
              <span class='item-author'>
                &#160;-&#160;<data:i.author/>
              </span>
            </b:if>
          </b:if>
        </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section>
        <b:section class='right col3last' id='footer3' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Blog and Web' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <b:loop values='data:feedData.items' var='i'>
        <li>
          <span class='item-title'>
            <a expr:href='data:i.alternate.href'>
              <data:i.title/>
            </a>
          </span>
          <b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != &quot;&quot;'>
              <span class='item-date'>
                &#160;-&#160;<data:i.str_published/>
              </span>
            </b:if>
          </b:if>
          <b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != &quot;&quot;'>
              <span class='item-author'>
                &#160;-&#160;<data:i.author/>
              </span>
            </b:if>
          </b:if>
        </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section>

      <div class='clear'/>
    </div>
<!-- 

Este es un incentivo al trabajo en disenar y adaptar esta plantilla, llega a ti de forma muy facil y sin costo, tampoco cuesta nada dejes los link, gracias y que te sea util!

This is an incentive to work in design and adapt this template, comes to you in a very easy and without cost, not cost anything let the link, thank you and this work is useful.

Dies ist ein Anreiz zur Arbeit in Design und Anpassung dieser Vorlage, kommt zu Ihnen in einem sehr einfach und ohne Kosten, nichts kosten lassen Sie den Link, ich danke Ihnen, und diese Arbeit sinnvoll ist.

 -->
<div id='links'> Copyright &#169; 2008 <a expr:href='data:blog.homepageUrl' style='text-decoration: none;'><data:blog.title/></a> |
Design by <a href='http://arcsin.se/' style='color:#555555'>Arcsin</a> <a href='http://templates.arcsin.se/' style='color:#555555'>Web Templates</a>
  - <a href='http://btemplates.com/' style='color:#555555'>Blogger template</a> by  
  <a href='http://blogandweb.com/' style='color:#555555'>Blog and Web</a></div>
    

  </div></div></div></div></div> <!-- fin de capa outer-wrapper -->
</body>
</html>