<?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 Blogyweb
Diseño original por Free CSS Templates.

Encuentra esta y más plantillas en:
http://www.blogyweb.blogspot.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 BlogyWeb.
***************************** */


/* Variable definitions
   ====================

   <Variable name="textcolor" description="Text Color"
             type="color" default="#4E515B" value="#4E515B">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#CDCDE2" value="#CDCDE2">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#000000" value="#000000">
   <Variable name="hoverlinkcolor" description="Mouse sobre un link"
             type="color" default="#FFFFFF" value="#FFFFFF">
*/

#navbar-iframe {   height:0px;   visibility:hidden;   display:none   }
#outer-wrapper {  width:100%;  margin: 0px;}

/*-- (Estilos generales) --*/
* {
	margin: 0;
	padding: 0;
}

body {
	background: #000 url(http://bp2.blogger.com/_Zuzii37VUO4/Rj_7sOMBRVI/AAAAAAAAAxk/QPmxuiv5lzo/s1600/img1.jpg) no-repeat center top;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color: $textcolor;
}

h1, h2, h3 {
	color: #CDCDE2;
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
	text-align: justify;
}

p {
}

blockquote {
	margin-left: 3em;
}

ul {
	margin-left: 3em;
}

ul li {
}

ol {
	margin-left: 3em;
}

ol li {
}

a {
	text-decoration: none;
	color: $linkcolor;
}

a:hover {
	text-decoration: underline;
	color: $hoverlinkcolor;
}

img {
	border: none;
}

#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 {
	width: 700px;
	height: 220px;
	margin: 0 auto;
}

#header-wrapper h1 {
	margin: 0;
	padding: 60px 0 0 325px;
	text-transform: uppercase;
	letter-spacing: -5px;
	font-size: 72px;
	font-weight: normal;
}

#header-wrapper p {
	margin: -10px 0 0 0;
	padding: 0 0 0 325px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: normal;
}

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

#menu {
	width: 700px;
	height: 95px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding-left: 20px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 34px;
	padding: 16px 30px 0 40px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	color: #4E515B;
}

#menu a:hover {
	background: #000000 url(http://bp1.blogger.com/_Zuzii37VUO4/Rj_7u-MBRWI/AAAAAAAAAxs/ecBkG-Ei6cY/s1600/img2.gif) no-repeat 15px 50%;
	color: #CDCDE2;
}

#menu .first a {
	border: none;
}

#menu .active a {
	color: #FFFFFF;
}



#content-wrapper {
	width: 700px;
	margin: 0 auto;
}

#main-wrapper {
	float: right;
	width: 420px;
	padding: 0 20px;
	background: url(http://img118.imageshack.us/img118/8194/img4ft7.gif) no-repeat;
}

#sidebar-wrapper {
	float: left;
	width: 200px;
	padding: 0 20px;
	background: url(http://img176.imageshack.us/img176/2336/img3rn8.gif) no-repeat right top;
}

/*-- (Principal) --*/
.post {
}

.post-title {
	padding: 5px 0;
	background: url(http://bp3.blogger.com/_Zuzii37VUO4/RkAECOMBRZI/AAAAAAAAAyE/m4czVASbGQ0/s1600/img5.gif) repeat-x left bottom;
}

.post-title h3{
	background: url(http://bp1.blogger.com/_Zuzii37VUO4/Rj_7u-MBRWI/AAAAAAAAAxs/ecBkG-Ei6cY/s1600/img2.gif) no-repeat right center;
        width:100%;
	text-transform: uppercase;
	font-size: 100%;
}

.date-header {
	float: left;
	width: 100px;
	height: 25px;
	padding-top: 15px;
	background: url(http://bp3.blogger.com/_Zuzii37VUO4/RkAECOMBRZI/AAAAAAAAAyE/m4czVASbGQ0/s1600/img5.gif) repeat-y right top;
	text-align: center;
	font-size: 9px;
}

.meta {
	float: left;
	width: 300px;
	height: 32px;
	padding: 8px 0 0 20px;
	font-size: 9px;
}

.meta p {
}

.post-body {
	clear: both;
	padding: 20px;
	background: url(http://bp3.blogger.com/_Zuzii37VUO4/RkAECOMBRZI/AAAAAAAAAyE/m4czVASbGQ0/s1600/img5.gif) repeat-x;
}

.post-body p, .post-body blockquote, .post-body ul, .post-body ol {
	margin-bottom: 1.5em;
	line-height: 180%;
}

/*-- (Lateral) --*/

.sidebar .widget {
	margin-bottom: 20px;
}

#sidebar-wrapper h2 {
	padding: 5px 0;
	background: url(http://bp1.blogger.com/_Zuzii37VUO4/Rj_7u-MBRWI/AAAAAAAAAxs/ecBkG-Ei6cY/s1600/img2.gif) no-repeat right center;
	text-transform: uppercase;
	font-size: 100%;
}

.widget-content {
	padding: 20px 20px 40px 20px;
}

#sidebar-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar-wrapper li {
	padding: 8px 0;
	background: url(http://bp3.blogger.com/_Zuzii37VUO4/RkAECOMBRZI/AAAAAAAAAyE/m4czVASbGQ0/s1600/img5.gif) repeat-x left top;
}

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

#footer-wrapper {
	clear: both;
	width: 660px;
	margin: 0 auto;
	padding: 20px;
	background: url(http://bp3.blogger.com/_Zuzii37VUO4/RkAECOMBRZI/AAAAAAAAAyE/m4czVASbGQ0/s1600/img5.gif) repeat-x;
}

#footer-wrapper p {
	margin: 0;
	text-align: right;
	font-size: x-small;
}

#footer-wrapper.legal {
}

#footer-wrapper.links {
}

/*-- (Iconos)-- */

.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/blogy-eclipse.css' rel='stylesheet' type='text/css'/>
  </head>

<body>
  <div id='outer-wrapper'>
<div id='wrap2'>
<!-- Links de ubicación para navegadores de texto -->
<span id='skiplinks' style='display:none;'>
  <a href='#main' shape='rect'>skip to main</a> 
  | 
  <a href='#sidebar' shape='rect'>skip to sidebar</a> 
  </span>

<!-- ( CABECERA ) -->

<div id='header-wrapper'>
     <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Eclipse (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 id='menu'>
	<ul>
		<li><a href='#' title=''>Inicio</a></li>
		<li><a href='#' title=''>Acerca de mi</a></li>
		<li><a href='http://blogyweb.blogspot.com' title=''>Soporte</a></li>
		<li><a href='#' title=''>Contacto</a></li>
	</ul>
</div>

<div id='center'>


 <div id='content-wrapper'>


 <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' 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'>
          <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='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='TextList1' locked='false' title='Lista' type='TextList'>
<b:includable id='main'>
 <h2><data:title/></h2>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:items' var='item'>
       <li><data:item/></li>
     </b:loop>
   </ul> 
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>
</b:section>
 </div>

<!-- (COLUMNA PRINCIPAL. POST Y COMENTARIOS) -->
 <div id='main-wrapper'>
 <b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' 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'>
      <div class='post-title'><h3>
     <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></div>
    </b:if>



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

<div class='meta'>
      <span class='post-author'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/> <data:post.author/>
        </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 != "true"'>,</b:if>
          </b:loop>
        </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>
</div>


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

    <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'>
      </p>

      <p class='post-footer-line post-footer-line-2'>
      </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='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'>

    <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>
<!-- spacer for skins that want sidebar and main to be the same height  --> 
  <div class='clear'> </div> 
  </div>
<!-- end content-wrapper  --> 
</div>

<!-- (PIE DE PAGINA) -->
  <div id='footer-wrapper'>
  <b:section class='footer' id='footer'/> 
<!-- RECUERDA QUE ESTA PLANTILLA ES GRATUITA, POR FAVOR NO REMUEVAS LOS CREDITOS -->
  <p class='links'> 2007 Diseño original por  
  <a href='http://www.freecsstemplates.org/'>Free CSS Templates</a> 
  | Adaptación a Blogger por  
  <a href='http://blogyweb.blogspot.com/'>Blog y Web</a></p>
  <p class='legal'> 2007 Eclipse</p>
  </div>
</div>
</div>
<!-- end outer-wrapper --> 
  </body>
  </html>