<?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: Colorvoid
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="#0066AA" value="#0066AA">
   <Variable name="colorenlaceencima" description="Hover Link Color"
             type="color" default="#003366" value="#003366">
   <Variable name="colortituloblog" description="Blog Title Color"
             type="color" default="#507A9A" value="#507A9A">
   <Variable name="descripcioncolor" description="Blog Description Color"
             type="color" default="#667799" value="#667799">
   <Variable name="colortituloentrada" description="Post Title Color"
             type="color" default="#444444" value="#444444">
   <Variable name="colormenu" description="Menu Color"
             type="color" default="#608AAA" value="#608AAA">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#999999">
   <Variable name="colortituloslateral" description="Sidebar Title Color"
             type="color" default="#505E69" value="#505E69">
*/

#layout_wrapper {
	margin: 40px auto 0;
	width: 780px;	
}
#layout_container {
	background: #FFF;
	padding: 0 5px;
}
#layout_edgetop, #layout_edgebottom {
	background: url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLutDHVoAvI/AAAAAAAAATc/k_hJ9VZ6aB0/s1600/layout_edges.gif) no-repeat left top;
	display: block;
	height: 10px;	
	font-size: 0;
	line-height: 0;
}
#layout_edgebottom {background-position: left bottom;}

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

/*-- (Generales) --*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: #404040 url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLutCpdji8I/AAAAAAAAAS8/iJTIGEqOR6A/s1600/body.jpg);
	font: normal 13px Verdana,sans-serif;
	color: #345;
	padding-bottom: 1em;
}

a {color: $enlacecolor;}
a:hover {color: $colorenlaceencima;}

p {padding: 0.1em 0 0.8em;}

h1 {font: normal 1.8em Georgia,Tahoma,sans-serif;}
h2 {font: normal 1.5em Georgia,sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

blockquote {
	background: #FFF url(http://4.bp.blogspot.com/_73i0fjAB_Hw/SLutB4VLozI/AAAAAAAAASM/eMniMm7kZQA/s1600/quote.gif) no-repeat;
	border: 1px solid #EAEAEA;
	color: #555;
	display: block;
	font: normal 1em sans-serif;
	margin-bottom: 1em;
	padding: 10px 1em 0.2em 42px;
}

code {
	display: block;
	background: #FFFFFA;
	color: #335;
	border: 1px solid #E8E8D5;
	padding: 5px 10px;
	overflow: auto;
	margin: 1em 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

ul,ol {margin: 0 0 1em 1.6em;}
ul ul, ol ol {margin: 0.3em 0 0.3em 1em;}

img {border: none;}
img.bordered {background: #FFF; padding: 5px; border: 1px solid #DDD;}
img.left {margin-right: 1em;}
img.right {margin-left: 1em;}

small,.small {font-size: 0.8em;}
big,.big {font-size: 1.2em;}


/* ----------------------------------------
  Forms
------------------------------------------- */

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

/* Seachform */
table.search {
	width: 100%;
	border-collapse: collapse;
}
.search td {vertical-align: center;}

#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: #C5DEF0 url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLutCB4X0qI/AAAAAAAAASU/2jsrCp3hznw/s1600/site_title.jpg) repeat-x left top;
	padding: 6px 18px;
}

#header-wrapper h1 {
	font: normal 2.4em sans-serif;
	letter-spacing: -1px;
color: $colortituloblog;
float:left;
}

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

#header-wrapper h1 a:hover {
color: #305A7A
}

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

#top_separator {
	background: url(http://4.bp.blogspot.com/_73i0fjAB_Hw/SLutCr-YFTI/AAAAAAAAAS0/bpPCzJNbWMk/s1600/top_separator.gif) repeat-x left top;
	display: block;
	font-size: 0;
	height: 3px;
	line-height: 0;
}

/*-- (Menu) --*/

#navigation {
	background: #739CBA url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLutDIxU9GI/AAAAAAAAATk/PiSWqHgFDJs/s1600/navigation.jpg) no-repeat left bottom;
	padding: 82px 10px 0;
}

/* Tabs */
#tabs ul {
	margin: 0;
	padding: 0;
}
#tabs li {
	display:inline;
	list-style:none;
}
#tabs a {
	background: url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLutCPFjuzI/AAAAAAAAASc/T3r9UfAoSJU/s1600/tableftc.gif) no-repeat left top;
	float: left;
	font: bold 0.9em sans-serif;
	margin-right: 3px;
	padding-left: 4px;
	text-decoration: none;
}
#tabs a span {
	float: left;
	display: block;
	background: url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLutCCq7duI/AAAAAAAAASk/uxYP0aRXK6w/s1600/tabrightc.gif) no-repeat right top;
	padding: 5px 10px 5px 6px;
	color: $colormenu;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float: none;}
/* End IE5-Mac hack */

#tabs a:hover span {color: #608AAA;}
#tabs a:hover {background-position: 0% -42px;}
#tabs a:hover span {background-position:100% -42px;}

#tabs li.current_page_item a {color: #47A; background-position: 0% -42px;}
#tabs li.current_page_item a span {background-position:100% -42px;}

/*-- (Contenedor) --*/

.h5 {
height:5px;
}

/*-- (Principal) --*/

#main-wrapper {
width: 545px;
float:left;
}

#main-wrapper a {
}

#main-wrapper a:hover {
}

.post {
	margin-bottom: 5px;
	color: $textocolor;
}
.post-header {
	background: #E8E8E8 url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLxNl_5HKPI/AAAAAAAAAVQ/zkD80qgdT-g/s1600/title.gif) no-repeat left top;
	padding: 6px 12px 5px;
}
.post-title {
font: bold 0.9em Verdana,sans-serif;
width:340px;
float:left;
}
.post-title a {
color: $colortituloentrada;
}
.post-title a:hover {
	color: #469;
	text-decoration: underline;
}
.post-header-line-1 {
}
.post-body {
	background: #F5F5F5 url(http://4.bp.blogspot.com/_73i0fjAB_Hw/SLxNlkm3QWI/AAAAAAAAAVA/8B-OcttkZ94/s1600/body.gif) repeat-x left top;
	padding: 10px 10px 1px;
}
.post-body img {
	background: #FFF;
	padding: 3px;
}
.date-header {
	color: $dateHeaderColor;
	padding-top: 1px;
	font-size: 0.85em;
float:right;
}

.post-footer, p.comment-footer {
	padding: 8px 10px 6px;
	background: #F5F5F5;
	color: #666;
	border-top: 1px solid #E5E5E5;
	font-size: 0.8em;
}
.post-footer a{
color: #567;
}
.post-footer a:hover{
color: #002;
}
.post-footer .comment-link {
	background: url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLutDOqQAtI/AAAAAAAAATU/8wfzWCUBpaw/s1600/icon_comment.gif) no-repeat left center;
	padding-left: 18px;
float:right;
}
.post_bottom {
	background: url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLxNl5DLBMI/AAAAAAAAAVI/EsGDieGZQi0/s1600/bottom.gif) no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.feed-links {display:none;}

.blog-pager {margin:10px 0; font-size:0.8em;}
/*-- (Lateral) --*/

#sidebar-wrapper {
float:right;
width: 220px;
}

#sidebar-wrapper ul{
	margin-left: 0;
	border-bottom: 1px solid #E2ECF2;
}

#sidebar-wrapper li{
	list-style: none;
	padding: 4px;
	border-top: 1px solid #E2ECF2;
	border-bottom: 1px solid #D0D8DE;
}
#sidebar-wrapper li:first-child {border-top: none;}
#sidebar-wrapper li a{
text-decoration: none;
}
#sidebar-wrapper li a:hover{
text-decoration: underline;
}

#sidebar-wrapper h2 {
	background: #C6D2DB url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLxNACx0JXI/AAAAAAAAAU4/CmJ-m4UVOQs/s1600/title.gif) no-repeat left top;
	padding: 6px 10px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: $colortituloslateral;
display:block;
}

#sidebar-wrapper .widget-content {
	background: #DAE3E9 url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLxM_-XQIAI/AAAAAAAAAUw/i2BCZws5DiU/s1600/body.gif) repeat-x left top;
	padding: 8px 10px 1px;
	font-size: 0.9em;
}

#sidebar-wrapper .widget {
padding-bottom: 5px;
	background: url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLxM568cEFI/AAAAAAAAAUo/xdpg7h9nXkQ/s1600/bottom.gif) no-repeat left bottom;
margin-bottom:5px;
}

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

#footer-wrapper {
	background: #A3B5C1 url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLutCwpIynI/AAAAAAAAATM/rZKIsx6VJsU/s1600/footer.gif) no-repeat left top;
	padding: 8px 12px 2px;
	font-size: 0.85em;
	color: #FAFCFF;
text-align:center;
}

#footer-wrapper {color: #C8DBE8;}
#footer-wrapper a {
	color: #D3E5F1;
	text-decoration: none;
}
#footer-wrapper a:hover {
	color: #FFE;
	text-decoration: underline;
}

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

.clear,.clearer {clear: both;}
.clearer,.spacer {
	display: block;
	font-size: 0;
	line-height: 0;
}
/*-- (Comentarios) --*/

#comments h4 {
	background: #E8E8E8 url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLxNl_5HKPI/AAAAAAAAAVQ/zkD80qgdT-g/s1600/title.gif) no-repeat left top;
	padding: 6px 12px 5px;
	font-family:Verdana,sans-serif;
	font-size:0.9em;
	font-weight:bold;
}

#comments dl {
	background: #F5F5F5 url(http://4.bp.blogspot.com/_73i0fjAB_Hw/SLxNlkm3QWI/AAAAAAAAAVA/8B-OcttkZ94/s1600/body.gif) repeat-x left top;
	padding: 1px 0 0;
}

.comment-author {
padding:5px 10px 1px 18px;
background:transparent url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLutDOqQAtI/AAAAAAAAATU/8wfzWCUBpaw/s1600/icon_comment.gif) no-repeat scroll left center !important;
border-top:1px solid #FFFFFF;
}

.comment-body {
padding:5px 10px 0.8em;
}

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

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

.comment-timestamp {
padding:0px 10px;
color:#888888;
font-size:0.85em;
padding-top:4px;
border-bottom:1px solid #CCCCCC;
display:block;
}
.comment-timestamp a {
color:#556677;
text-decoration:none;
}

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

  <body>
  <div id='layout_wrapper'>

  <div id='layout_edgetop'/>

  <div id='layout_container'>

    <!-- 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='Colorvoid (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 class='clear'/>
    </div>

<div id='top_separator'/>

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

<div class='spacer h5'/>

<!-- (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-header'>
    <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>

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

  </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 left'>
      <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='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>

       <!-- 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>

      <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>

      <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 right'>

      <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>

      </div>

      <div class='post-footer-line post-footer-line-3'/>
<div class='clearer'/>
    </div>
	
	<div class='post_bottom'/>
	
  </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>

<!-- (Lateral) -->
      <div id='sidebar-wrapper'>

<div class='widget' id='search'>
<h2>Search</h2>
<div class='widget-content'>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='searchform' method='get'>
<div>
	<table class='search'>
	<tbody><tr>
		<td><input id='s' name='q' type='text' value=''/></td>
		<td style='padding-left: 10px;'><input src='http://2.bp.blogspot.com/_73i0fjAB_Hw/SLxWQRRe7uI/AAAAAAAAAVY/6m7ta3esttA/s1600/button_go.gif' type='image'/></td>
	</tr>
	</tbody></table>
</div>
</form>
</div>
</div>

        <b:section class='sidebar' id='sidebar' 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:widget id='BlogArchive1' locked='false' title='Archive' 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 + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <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 + &quot;_ArchiveMenu&quot;'>
    <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='&quot;archivedate &quot; + 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 == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              &#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>
      </div>

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

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

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

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.

 -->
<p class='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/'>Arcsin</a> <a href='http://templates.arcsin.se/'>Web Templates</a> 
  - <a href='http://btemplates.com/' title='Blogger templates'>Blogger template</a> by  
  <a href='http://blogandweb.com/' title='Plantillas Blogger'>Blog and Web</a></p>
    </div>

  </div>

  <div id='layout_edgebottom'/>

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