<?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: Blogy O2
Blogger by: http://the-blogger-templates.com
Designer: http://blog.eches.net
Date: Dec 07
***************************** 

*//* Definición de variables
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#000000" value="#000000">
   <Variable name="textocolor" description="Text Color"
             type="color" default="#000000" value="#000000">
   <Variable name="enlacecolor" description="Link Color"
             type="color" default="#336699" value="#336699">
   <Variable name="colortituloentrada" description="Post Title Color"
             type="color" default="#336699" value="#336699">
   <Variable name="colormenu" description="Menu Color"
             type="color" default="#FFFFFF" value="#FFFFFF">
    <Variable name="colortituloslateral" description="Sidebar Title Color"
             type="color" default="#FFFFFF" value="#FFFFFF">
   <Variable name="colortextolateral" description="Sidebar Text Color"
             type="color" default="#0199cb" value="#0199cb">
*/

#outer-wrapper {
        width:970px;
        background:#fff;
        margin: 5px auto 1px auto;
        padding: 0 0 1px 0;
}

#wrap2 {
	margin: 0 auto 0px auto;
	width: 966px;
	text-align: left;
}

#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

/*-- (Generales) --*/

body, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	vertical-align: top;
	background: $bgcolor;
        color:$textocolor;
}

h1 {
	font-family: Arial, Sans-serif;
	font-size: 30px;
	padding: 0 0 10px 0;
}

a:link, a:visited {
	text-decoration: none;
	color: $enlacecolor;
}

a:hover {
	text-decoration: none;
}

a img {
border:0;
}

p {
	padding: 10px 0 0 0;
}

blockquote {
        margin:5px 10px;
        padding:4px 7px 10px 7px;
        font-size:10px;
        color:#336699;  
        border:1px dashed #40a9c9;
        background: #d8eaee url(http://bp0.blogger.com/_Zuzii37VUO4/R2iVTSjZEdI/AAAAAAAACeo/0reNSdqOfpU/s1600/quote.gif) no-repeat 10px 4px;        
}

blockquote blockquote {
        margin:5px 10px;
        padding:4px 7px 10px 7px;
        font-size:10px;
        background:#bac9cc; 
        color:#336699;  
        border:1px dashed #40a9c9;
        background: #d8eaee url(http://bp0.blogger.com/_Zuzii37VUO4/R2iVTSjZEdI/AAAAAAAACeo/0reNSdqOfpU/s1600/quote.gif) no-repeat 10px 4px;      
}

#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 {
	float: left;
	width: 958px;
        height: 89px;
        background: #0099cb; 
        margin:1px auto;
        padding: 2px 0 2px 8px;
        text-decoration:none;
        background:url(http://img413.imageshack.us/img413/1752/headertb4.jpg) repeat-x;
}

#header {
        float:left;
        width:400px;height:85px;
        margin-bottom:10px; padding:0;
        background-image:url(http://bp0.blogger.com/_Zuzii37VUO4/R2iVTSjZEcI/AAAAAAAACeg/NQ0wLx_MJMU/s1600/logo.gif);
}

#header h1, #header p { display:none; visibility:hidden; height:0; }

#header_r {
        float:right;height:91px;width:506px;
        margin:0; padding:0;
        background-image:url(http://bp1.blogger.com/_Zuzii37VUO4/R2iVHijZEUI/AAAAAAAACdg/70uTJi8-sFU/s1600/ads-holder.jpg);
}

#header_r_ads {
        margin:2px 0 0 39px; padding:0;
        width:468px;
        height:62px;          
}

#search { 
        height:14px;
        float:right;
        margin:4px 4px 0 0;

}
#search #s { 
        font-size:8pt;
        padding-left:3px;
        padding-bottom:1px; 
        width:180px;
}

input#s { 
        color:#000;
        border:3px solid #7fcbe3;
        background:#fcfcfc;
}

/*-- (Menú) --*/

#nav {
        clear:both;
        margin:1px auto 1px auto;
        width: 966px;
        height:31px;
        background: url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVZCjZEgI/AAAAAAAACfA/ji2RX4m6WGk/s1600/topmenu.jpg) repeat-x;
        overflow:hidden; 
}

#nav_l {
        float:left;
        width:865px;  
        margin:0px; padding:0px; 
        overflow:hidden;
        height:31px; 
}

.menu {
        float:left;
        margin:5px 1px;
        padding:3px;
        width:500px;
}
	
.menu li {
	display: inline;
	list-style: none;
	margin:0;
	padding:0;
}

.menu ul, .menu ol {
        display: inline;
	list-style: none;
	margin:0;
	padding:0 10px 0 0;
}
		
.menu a, .menu a:visited {
	color: $colormenu;
	font-weight: bold;
	margin:0;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}
		
.menu a:hover {
	background: #1ba7d4;
	text-decoration: none;
        border:1px solid #fff;
}

#subscribe {
        float: right;
        width:92px;
        height:32px;
        margin:4px 4px 3px 4px;
}

.rss { 
        float:right;
        margin:7px 5px 5px 0px;
        width:230px; 
}

.rss ul { 
        margin: 0; padding: 0 2px;
}

.rss li { 
        background: url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVYyjZEeI/AAAAAAAACew/TXSgAsWEBLA/s1600/rss.gif) no-repeat 0 3px; 
        margin: 0 2px 0 0; 
        padding: 3px 0 3px 20px; 
        list-style: none; 
        font-size: 12px; color:#f5153a; 
        display: inline; font-weight: bold;
}

.rss li a {
        font-size: 12px; color:#fff; 
}

/*-- (Contenedor) --*/

#content-wrapper {

}

/*-- (Principal) --*/

#main-wrapper {
	float: left;
	width: 550px;
        padding: 6px 10px 10px 10px;
        text-align:justify;
        background: #fff;
        margin:0 auto 1px auto;
}

#main-wrapper a {
}

#main-wrapper a:hover {
}

.post {
        padding: 2px 6px 10px 6px;
}

.post-title, .post-title a {
        margin:0 5px; padding:2px 0 0 0;
        color:$colortituloentrada;
}

.post h2 {
	font-family: Arial, Georgia, Sans-serif;
	font-size: 16px;
        margin:0 5px;
        text-align:left;
        text-transform:uppercase; 
}

.post-body {
	font-family: Verdana, Arial, Georgia, Sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	margin: 3px 0 5px 0;
}

.post_header {
        margin:0; padding:0;
        height:60px;
        background:#fff;
}

.post_headerr {
        margin:0; padding:0;
}

.details {
        margin:0; padding:4px 0;
        border-top:1px dashed #bc581c;
}

.post-labels {
        background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVSyjZEZI/AAAAAAAACeI/UgTKEfkUALU/s1600/folder.gif) no-repeat;
        margin:0; padding:0 0 0 20px;
}

.details .post-comment-link {
        background:url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVTCjZEbI/AAAAAAAACeY/2XevMzxCuWM/s1600/list_comments.gif) no-repeat;
        margin:0; padding:0 0 0 20px;
}

#fecha {
        display:block;
        text-align: center;
        float:left;height:65px;
        font-family: Arial, Helvetica, sans-serif;
        width:62px;
        margin:0px 5px 0 0;
        background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEWI/AAAAAAAACdw/oiDQAZzm1fg/s1600/calendar.jpg);
}

.fecha_dia {
        display:block;
        font-size:1.2em;
        margin:0;
        color:#336699;
        font-weight: bold;
        padding:0.7em 0 1.1em 0;
        text-align: center;
}

.fecha_mes {
        display:block;
        font-size: 0.9em;
        margin:0;
        padding-top:5px;
        color:#fff;
        font-weight: bold;
        text-align:center;
}

.fecha_ano { display:none; visibility:hidden; height:0; }

.post-footer {
	margin: 10px 0 0 0;
        padding:6px;
        background: #fff;
}

#blog-pager {
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.blog-pager-older-link {
        margin:0;padding:0;
}

.blog-pager-newer-link {
        margin:0;padding:0;
}

/*-- (Lateral) --*/

#sidebar-wrapper {
	float: left;
	width: 386px;
	margin: 1px 0 0 2px;
        background:#fff;
}

#sidebar-wrapper ul{
	list-style: none;
	margin:0; padding:0;
}

#sidebar-wrapper li{
	padding: 0;
	line-height: 24px;
}

#sidebar-wrapper h2 {
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

#sidebar_top {
        margin:6px 0 0 0;padding:8px;
        background:url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVZCjZEfI/AAAAAAAACe4/ZO60BR2ICUo/s1600/sidebar_top.jpg) repeat-x;
        width: 369px;
        line-height:12px;
        text-align:justify;
        border:1px solid #91d3e9;
        font-size:10px;
        font-family:verdana;
}

#sidebar_top h4 {
        color:#0e5268;
        margin-bottom:3px;
        font-size:14px;
}

.widget-content {
}

.sidebar .widget {
	padding: 10px 0;
}

#sidebar1 {
        margin:0;padding: 0 1px 0 0;
        float:left;
        width:184px;
}

#sidebar1 ul{
	list-style: none;
}

#sidebar1 ul li {
	padding: 0 0 0 20px;
	line-height: 18px;
	font-family: Arial, Georgia, Sans-serif;
    background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEVI/AAAAAAAACdo/84fBq9ZlKOE/s1600/arrow_blue.jpg) no-repeat 0px 0px; 
}

#sidebar1 .widget {
	padding: 10px 0 4px 0;
	font-family: Arial, Georgia, Sans-serif;
	font-size: 11px;
    color:#7a888c;
	margin:0;
}

#sidebar1 .widget a:link, #sidebar1 ,widget a:visited {
        color:$colortextolateral;
        font-weight:700;
}

#sidebar1 h2{
	font-family: Verdana,Arial, Georgia, Sans-serif;
	font-size: 11px;
    background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEXI/AAAAAAAACd4/mWYaYLI0oOo/s1600/cat.jpg) no-repeat top left;
    margin:0; padding:7px 0 0 8px;
    height:30px;width:182px;
    color:$colortituloslateral;
    text-transform:uppercase;
}

#sidebar2 {
        margin:0;padding: 0 1px 0 0;
        float:right;
        width:181px;
}

#sidebar2 ul{
	list-style: none;
}

#sidebar2 .widget {
	padding: 10px 0 4px 0;
	font-family: Arial, Georgia, Sans-serif;
	font-size: 11px;
    color:#7a888c;
	margin:0;
}

#sidebar2 .widget a:link, #sidebar2 .widget a:visited {
        color:$colortextolateral;
        font-weight:700;
}

#sidebar2 h2{
	font-family: Verdana, Arial, Georgia, Sans-serif;
	font-size: 11px;
    background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEXI/AAAAAAAACd4/mWYaYLI0oOo/s1600/cat.jpg) no-repeat top left;
    margin:0; padding:7px 0 0 8px;
    height:30px;width:182px;
    color:$colortituloslateral;
    text-transform:uppercase;
}
#sidebar2 ul li{
	padding: 0 0 0 22px;
	line-height: 18px;
	font-family: Arial, Georgia, Sans-serif;
    background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEVI/AAAAAAAACdo/84fBq9ZlKOE/s1600/arrow_blue.jpg) no-repeat 2px 0px; 
}

/*-- (Pie de página) --*/

#footer-wrapper {
	clear: both;
	width: 966px;
        background:url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVTCjZEaI/AAAAAAAACeQ/0za-Ezx5YE8/s1600/footer.jpg) repeat-x;
        padding:10px 0;
        margin:0;
}

#footer-wrapper .links {
	line-height: 13px;
        text-align:center;
        font-weight:700;
        color:#fff;
        padding: 2px 0;
        font-size: 10px;
        font-family:Verdana;
}

#footer-wrapper a {
        color:#afe1f3;
}

#footer-wrapper a:hover {
        color:#53c7f2;
}

/*-- (Comentarios) --*/

#comments h4 {
text-align:justify;
font-size:14px;
font-weight:bold;
}

#comments-block {
        margin:0 0 1px;
        padding:0;
       font-size:11px;
}

.comment-author {
border-top:1px dashed #31afda;
border-left:1px dashed #31afda;
border-right:1px dashed #31afda;
background:url(images/comment_l.jpg) repeat-x;
padding:6px 15px 0px 15px;
margin-left:0px;
display:block;
margin-top:10px;
}

.comment-body {
border-left:1px dashed #31afda;
border-right:1px dashed #31afda;
padding:5px 15px 5px 15px;
margin-left:0px;
display:block;
}

#comments-block .comment-footer {
border-left:1px dashed #31afda;
border-right:1px dashed #31afda;
border-bottom:1px dashed #31afda;
margin-bottom:15px;
margin-left:0px;
padding:0px 15px 12px 15px;
display:block;
}

]]></b:skin>
<script>
function remplaza_fecha(d){
var da = d.split(&#39; &#39;);
dia = &quot;<div class='fecha_dia'>&quot;+da[0]+&quot;</div>&quot;; //Le otorgamos una clase al día
mes = &quot;<div class='fecha_mes'>&quot;+da[1].slice(0,3)+&quot;</div>&quot;; //Le otorgamos una clase al mes
anio = &quot;<div class='fecha_anio'>&quot;+da[2]+&quot;</div>&quot;; //Le otorgamos una clase al año
  document.write(mes+dia);
}
</script><link href='http://plantillasblogyweb2.googlepages.com/estilos-blogger.css' rel='stylesheet' type='text/css'/>
<link href='http://plantillasblogyweb2.googlepages.com/blogy-o2.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 O2 (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. 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. This results in a margin-width's worth of pixels being cropped,
      which is probably better than having them overflow out of the div.  
      -->
      <b:if cond='data:blog.languageDirection == "rtl"'>
        <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: right; "                        + "background-repeat: no-repeat; "' 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:else/>
        <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: left; "                        + "background-repeat: no-repeat; "' 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: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 id='header_r'>
<div id='header_r_ads'/>
<form action='/search' id='search' method='get'><input id='s' maxlength='50' name='q' onblur='if (this.value == "") {this.value = "search";}' onfocus='if (this.value == "search") {this.value = "";}' size='18' type='text' value='search'/>
</form>  
</div>

    </div>

<!-- menu -->
<div id='nav'>
    <div id='nav_l'>   
    <div class='menu'><ul>
		<li class='home'><a alt='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
		<li class='page_item page-item-2'><a href='#' title='Profile'>Profile</a></li>
		<li class='page_item page-item-2'><a href='#' title='Photos'>Photos</a></li>
		<li class='page_item page-item-2'><a href='http://blogandweb.com' title='Blogger templates'>Support</a></li>
	</ul></div> <!-- menu -->
  
    <div class='rss'><ul>
        <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Entries</a> (RSS)</li>
        <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments</a> (RSS)</li>
        </ul>
    </div>
	</div><!-- nav_l -->
</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 + "_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 hentry uncustomized-post-template'><div class='post_header'>

<div id='fecha'>
<script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
</div>

<div class='post_headerr'>

    <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='details'>

      <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> | 
       <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>

</div>
</div>
</div>

    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <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 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>

       <!-- 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'>
              <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>
      </p>

      <p class='post-footer-line post-footer-line-2'/>
      <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'>
        <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>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='"comment-author " + 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>

      <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 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 == "item"'>
        <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:includable>
</b:widget>
</b:section>
      </div>

<!-- (Lateral) -->
      <div id='sidebar-wrapper'>
        <div id='sidebar_top'> 

        <h4>About</h4>
         This is the ideal place to describe the site, edit it sees &quot;Template&quot;, &quot;Edit html&quot; and looks the same text. 
        <br/><br/>
        <h4>Title 2</h4>
         This is the ideal place to describe the site, edit it sees &quot;Template&quot;, &quot;Edit html&quot; and looks the same text.
        
        </div>

        <b:section class='sidebar' id='sidebar1' 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='Blog and 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='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' dir='ltr'>(<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'>
            <b:if cond='data:blog.languageDirection == "rtl"'>
              &#9668;
            <b:else/>
              &#9658;
            </b:if>
          </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>
        <b:section class='sidebar' id='sidebar2' preferred='yes'>
<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'>
          <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:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'>
<b:includable id='main'>
 <div class='widget-content'>
    <a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a>
    <b:include name='quickedit'/>
  </div>
</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'>
<!-- Este es un incentivo al trabajo en diseñar y adaptar esta plantilla, llega a ti de forma muy fácil y sin costo, tampoco cuesta nada dejes los link, gracias y que te sea útil!
Don't delete or change please! -->
<p class='links'>Copyright  2007 - <a expr:href='data:blog.homepageUrl'><data:blog.title/></a><br/>

   <a href='http://the-blogger-templates.blogspot.com' title='O2 Template'>O2</a> Design of <a href='http://blog.eches.net/' title='Designer'>eches</a> 
  | To <a href='http://www.blogger.com' title='Blogger'>Blogger</a> by  
  <a href='http://the-blogger-templates.com/' title='Plantillas Blogger'>Blogger Templates</a></p>
    </div>

  </div></div> <!-- fin de capa outer-wrapper -->
</body>
</html>