<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "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[/*

/* **************************
Plantilla adaptada a Blogger por Blog and Web
Diseño original por Design4.

Encuentra esta y más plantillas en:
http://www.blogandweb.com

Recuerda que esta plantilla es gratuita y esta 
bajo una licencia Creative Commons Atribution.
Puedes usarla para fines personales o comerciales 
pero NO REMOVER LOS CREDITOS

Una bonita forma de agradecer es dando un link a Blog and Web.
***************************** */


/* Definición de variables
   ====================

   <Variable name="textocolor" description="Color general del texto"
             type="color" default="#666666" value="#666666">
   <Variable name="enlacecolor" description="Color de los enlaces (links)"
             type="color" default="#B00000" value="#B00000">
   <Variable name="colortituloblog" description="Color del título del blog"
             type="color" default="#B40000" value="#B40000">
   <Variable name="colortituloentrada" description="Color del título de las entradas"
             type="color" default="#555555" value="#000000">
   <Variable name="colorenlaceencima" description="Color del link al pasar el mouse"
             type="color" default="#b40000" value="#b40000">
    <Variable name="colortitlateral" description="Color títulos sidebar"
             type="color" default="#676767" value="#676767">
    <Variable name="linklateral" description="Color links sidebar"
             type="color" default="#666666" value="#666666">
*/

#outer-wrapper {
	width: 762px;
	margin: 0 auto;
	background-color: #fff;	
	background: #fff url(http://img171.imageshack.us/img171/8579/blogyportfoliomainbgil2.gif) repeat-y fixed top;
}

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

/*-- (Genrales) --*/

body {
	margin: 0;
	padding: 0;
	background: #88A4B7 url(http://img171.imageshack.us/img171/8504/blogyportfoliobodybgcc0.gif) repeat-x top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: $textocolor;
}

img {
	margin: 0;
	padding: 0;
	border: 0px none;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border: 3px double #cecece;
	font-style: italic;
	}

#main-wrapper {overflow:hidden;} 
.clear {clear:both;}
#blog-pager-newer-link {float: left;} 
#blog-pager-older-link {float: right;} 
#blog-pager {text-align: center; }

/*-- (Cabecera) --*/

#header-wrapper {
	background: #fff url(http://img171.imageshack.us/img171/8579/blogyportfoliomainbgil2.gif) repeat-y fixed top;	
	height: 83px;
	clear: both;
	width: 702px;
	padding-left: 30px;
	padding-right: 30px
}

#header-wrapper h1 {
	background-color: #fff;
	color: $colortituloblog;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0px 40px 0px 40px;
	padding: 25px 0 0 0;
}


#header-wrapper h1 a{
	color: #B40000;
	text-decoration:none;
	}

#header-inner {
	float: left;
	width: 350px;
	height: 83px;
	background: #fff url(http://bp2.blogger.com/_Zuzii37VUO4/RlXuXZyaz9I/AAAAAAAABgE/Gcrzrf8ITVQ/s1600/top_paint.gif) no-repeat left center;
}

#header-wrapper p {
	margin: 0px 40px 0px 41px;
	padding: 3px 0 0 0;
}

#header-wrapper h1 span {
	color: #FAA806;
}

#header-wrapper a {
	color: #B40000;
	text-decoration:none;
}


#content-wrapper {
	clear: both;
	width: 762px;	
}

/*-- (Menú) --*/

.shortnfo {
background:#890100 url(http://bp0.blogger.com/_Zuzii37VUO4/RlXuS5yaz7I/AAAAAAAABf0/YWPnjwtZjSM/s1600/rednhand.jpg) no-repeat scroll center top;
color:#FFFFFF;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:10px;
height:225px;
}

.shortnfo .menuitems {
	text-align: right;
	padding: 12px 34px 30px 30px;
}

.shortnfo ul {
	margin: 0px;
	list-style: none;
	border: none;
}

.shortnfo li {
	display: inline;
	padding: 0 9px 0 9px;
}

.shortnfo li a:link, .shortnfo li a:visited {
	color: #fff;
	background: inherit;
	margin: 0px;
	text-decoration: none;
}

.shortnfo li a:hover, .shortnfo li a:active {
	color: #ffffff;
	margin: 0px;
	text-decoration: underline;
}

.shortnfo .welcome {
	width: 358px;
	border-left: 1px solid #fff;
	margin-left: 328px;
}

.welcome h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 10px 0 0 19px;
	margin: 0;
}

.welcome p {
	padding: 0px 0 10px 19px;
	margin: 0;
}

/*-- (Principal) --*/

#main-wrapper {
	float: left;
	width: 470px;
	padding: 15px 0px 10px 8px;
}

#main-wrapper a {
}

#main-wrapper a:hover {
}

.post {
margin:0 0 25px 0;
}
.post-title, .post-title a {
	font-size: 18px;
	color: $colortituloentrada;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
}
.post-title a:hover {
	font-size: 18px;
	color: $colorenlaceencima;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
}

.post-body  a:visited{
color:#B00000;
}

.post-body  a{
color:$enlacecolor;
}

.date-header {
}

.post-footer {
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#B00000;
}

.post-footer a{
color:#B00000;
}

.post-footer a:visited{
color:#B00000;
}

/*-- (Lateral) --*/

#sidebar-wrapper {
	float: left;
	width: 225px;
	padding: 10px 8px 10px 25px;
	margin: 0;
}

#sidebar-wrapper ul{
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	border: medium none;
background: #fff; 
list-style-type:none; padding-left:0; padding-right:0; padding-top:0; padding-bottom:5px
}

#sidebar-wrapper li{
	padding: 0;
	margin: 7px 0 7px 0;
}

#sidebar-wrapper h2 {
	font-size: 18px;
        color:$colortitlateral;
}

#sidebar-wrapper a:link, #sidebar-wrapper a:visited {
	color: $linklateral;
	font-weight: bold;
	text-decoration: none;
}

#sidebar-wrapper a:hover, #sidebar-wrapper a:active {
	color: #B00000;
	font-weight: bold;
	text-decoration: none;
}

#sidebar-wrapper p {
	text-align: justify;
}

/*-- (Pie de página) --*/

#footer-wrapper {
	width: 728px;
	height: 40px;
	padding-top: 6px;
	padding-left: 34px;
	clear: both;
	background: #890100 url(http://bp3.blogger.com/_Zuzii37VUO4/RlXuBpyaz2I/AAAAAAAABfM/XisT5lNVRkU/s1600/bottom_bg.gif) no-repeat top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #eee
}

#footer-wrapper .links {
	margin: 0;	
	padding: 0;
}

#footer-wrapper a:link, #footer-wrapper a:visited {
	color: #FFCC33;
	text-decoration: none;
}

#footer-wrapper a:hover, #footer-wrapper a:active {
	color: #FFCC33;
	text-decoration: underline;
}

/*-- (ICONOS) --*/

.date-header {
padding-left: 15px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/RlXuS5yaz8I/AAAAAAAABf8/lPnKpN8Vd4k/s1600/timeicon.gif) center left no-repeat;
}

.post-labels {
padding-left: 15px;
background: url(http://bp3.blogger.com/_Zuzii37VUO4/RlXuSpyaz4I/AAAAAAAABfc/FHwksqH8EbE/s1600/commentname.gif) center left no-repeat;
}

.post-author {
padding-left: 15px;
background: url(http://bp3.blogger.com/_Zuzii37VUO4/RlXuBpyaz1I/AAAAAAAABfE/DFaeuXvDlR4/s1600/author.gif) center left no-repeat;
}

.comment-link {
padding-left: 15px;
background: url(http://bp3.blogger.com/_Zuzii37VUO4/RlXuSpyaz5I/AAAAAAAABfk/AbUwoyxiNoI/s1600/comments.gif) center left no-repeat;
}

.feed-links {
padding-left: 20px;
padding-top: 5px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/Rj7ME-MBRJI/AAAAAAAAAwM/IOo-YUYR5aM/s1600/icono-feed.gif) center left no-repeat;
}


]]></b:skin>
<link href='http://plantillasblogyweb.googlepages.com/estilos-blogger.css' rel='stylesheet' type='text/css'/>
<link href='http://plantillasblogyweb.googlepages.com/blogy-portfolio.css' rel='stylesheet' type='text/css'/>  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- 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='Blogy Portfolio (cabecera)' type='Header'>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      <!--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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--Show image as background to text-->
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-repeat: no-repeat; "                      + "width: " + data:width + "px; "                      + "height: " + data:height + "px;"' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
              <data:title/>
            <b:else/>
              <a expr:href='data:blog.homepageUrl'><data:title/></a>
            </b:if>
          </h1>
        </div>
        <div class='descriptionwrapper'>
          <p class='description'><span><data:description/></span></p>
        </div>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='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>
        </h1>
      </div>
      <div class='descriptionwrapper'>
        <p class='description'><span><data:description/></span></p>
      </div>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>

<div class='shortnfo'>
<div class='menuitems'>
  <ul>
    <li class='page_item'><a href='#'>Home</a></li>
    <li class='page_item'><a href='#'>Blog</a></li>
    <li class='page_item'><a href='#'>Fotos</a></li>
	<li class='page_item'><a href='http://blogandweb.com'>Soporte</a></li>
</ul>
</div>

<div class='welcome'>
    <h2>Bienvenido</h2>
</div>

</div>

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

<!-- (Lateral) -->
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Recursos Blog &amp; Web' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
      <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 != ""'>
              <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 != ""'>
              <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:widget id='Label1' locked='false' title='Etiquetas' 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'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            (<span class='post-count'><data:i.post-count/></span>)
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +       "&amp;dir=close&amp;toggle=" + data:interval.toggleId +       "&amp;toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +         "&amp;dir=open&amp;toggle=" + data:interval.toggleId +         "&amp;toggleopen=" + data:toggleopen'>
          <span class='zippy'>&#9658; </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
</b:section>
      </div>

<!-- (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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-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>
      </h3>
    </b:if>

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

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

    <div class='post-body'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <div class='post-footer'>
    <p class='post-footer-line post-footer-line-1'>
      <span class='post-author'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/> <data:post.author/>
        </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' title='permanent link'><data:post.timestamp/></a>
        </b:if>
        </b:if>
      </span>

      <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>

          <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 != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

      <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'>
            <span class='email-post-icon'>&#160;</span>
          </a>
          </span>
        </b:if>

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

      <p class='post-footer-line post-footer-line-2'>
      <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 != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span>
      </p>

      <p class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </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 != "item"'> <!-- 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='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </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='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <span class='quick-edit-icon'>&#160;</span>
      </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>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
            <a expr:name='"comment-" + data:comment.id'/>
            <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='"#comment-" + data:comment.id' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

      <p class='comment-footer'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <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'>

    <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 == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

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

  <!-- feed links -->
  <b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
      </div>

<!-- Limpiar flotación-->
      <div class='clear'/>

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

<!-- (Pie de página) -->
    <div id='footer-wrapper'>
<!-- RECUERDA QUE ESTA PLANTILLA ES GRATUITA, POR FAVOR NO REMUEVAS LOS CREDITOS -->
  <p class='links'> Diseño por  
  <a href='http://www.design4.ltd.pl/'>Design4</a> 
  | A <a href='http://www.blogger.com'>Blogger</a> por  
  <a href='http://blogandweb.com/'>Blog and Web</a></p>
    </div>

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