<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
<!--
	generated in 0.642 seconds
	43136 bytes batcached for 300 seconds
-->
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Maquetando con DIV&#8217;s (ejemplo III) &laquo;  DotPress</title>
<link rel="stylesheet" href="http://s0.wp.com/wp-content/themes/pub/freshy/style.css?m=1292357029g" type="text/css" media="screen" title="Freshy"/>
<!--[if IE 7]>
	<link rel="stylesheet" href="http://s0.wp.com/wp-content/themes/pub/freshy/ie7.css?m=1285366787g" type="text/css" media="screen" />
<!['endif']-->
<!--[if lt IE 7]>
	<link rel="stylesheet" href="http://s0.wp.com/wp-content/themes/pub/freshy/ie6.css?m=1285366787g" type="text/css" media="screen" />
<!['endif']-->
<link rel="pingback" href="http://dotpress.wordpress.com/xmlrpc.php" />
<link rel="alternate" type="application/rss+xml" title="DotPress &raquo; Feed" href="http://dotpress.wordpress.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="DotPress &raquo; RSS de los comentarios" href="http://dotpress.wordpress.com/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="DotPress &raquo; Maquetando con DIV&#8217;s (ejemplo&nbsp;III) RSS de los comentarios" href="http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-iii/feed/" />
<script type="text/javascript"> 
/* <![CDATA[ */
function addLoadEvent(func){var oldonload=window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){oldonload();func();}}}
/* ]]> */
</script>
<link rel="stylesheet" href="http://s0.wp.com/wp-content/themes/h4/global.css?m=1291749258g" type="text/css" />
<script type='text/javascript' src='http://s2.wp.com/wp-includes/js/l10n.js?m=1290133841g&amp;ver=20101110'></script>
<script type='text/javascript' src='http://s1.wp.com/wp-includes/js/jquery/jquery.js?m=1290133841g&amp;ver=1.4.4'></script>
<script type='text/javascript' src='http://s0.wp.com/wp-includes/js/comment-reply.js?m=1231878779g&amp;ver=20090102'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://dotpress.wordpress.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://dotpress.wordpress.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='DotPress' href='http://dotpress.wordpress.com/' />
<link rel='prev' title='Maquetando con DIV&#8217;s (ejemplo&nbsp;II)' href='http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-ii/' />
<link rel='next' title='Maquetando con DIV&#8217;s (ejemplo&nbsp;IV)' href='http://dotpress.wordpress.com/2007/04/18/maquetando-con-divs-ejemplo-iv/' />
<meta name="generator" content="WordPress.com" />
<link rel='canonical' href='http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-iii/' />
<link rel='shortlink' href='http://wp.me/p3Ncz-r' />
<link rel="shortcut icon" type="image/x-icon" href="http://s1.wp.com/i/favicon-stacked.ico?m=1284002170g" sizes="16x16 24x24 32x32 48x48" />
<link rel="icon" type="image/x-icon" href="http://s1.wp.com/i/favicon-stacked.ico?m=1284002170g" sizes="16x16 24x24 32x32 48x48" />
<link rel="apple-touch-icon" href="http://s0.wp.com/wp-content/themes/h4/i/webclip.png?m=1250548519g" />
	<style type="text/css">
	/* <![CDATA[ */
				div#likes { margin-top: 15px; }
		.like-button { border: 1px solid #eee; padding: 2px 6px; font-size: 13px; font-family: arial, tahoma, sans-serif; }
		#wpl-likebox { clear: left; font-size: 11px; font-family: arial, tahoma, verdana, sans-serif !important; min-height: 30px; margin: 10px 0 !important; padding: 5px 0 10px 0 !important; }
		#wpl-button { float: left; background: url( /i/buttonbg.png ) top left repeat-x; margin-right: 7px; border: 1px solid #d4d4d4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
		#wpl-button a { color: #666 !important; line-height: 130% !important; text-decoration: none !important; outline: none; float: left; padding: 3px 6px 2px 24px !important; font-size: 11px !important; background: url( /i/likestar.png ) 6px 49.8% no-repeat; }
		#wpl-button.liked { background: #feffce; border: 1px solid #f3e389; }
		#wpl-button.liked a { color: #ba871b !important; }
		#wpl-likebox #wpl-count { min-height: 25px; line-height: 130% !important; float: left; padding-top: 4px; }
		#wpl-likebox #wpl-avatars { clear: left; max-height: 98px; overflow: hidden; margin-top: 15px; line-height: 130% !important; }
		#wpl-likebox #wpl-avatars img { border: none !important; }
		#wpl-likebox #wpl-mustlogin { line-height: 14px !important; font-size: 11px; clear: left; margin-top: 5px; background: #f0f0f0; padding: 10px; width: 65%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
		#wpl-likebox #wpl-mustlogin a { color: #888; text-decoration: underline; }
		#wpl-likebox #wpl-mustlogin p { margin: 5px 0; padding: 0 }
		#wpl-likebox #wpl-mustlogin input.input { padding: 2px; background: #fff; font-size: 11px; font-family: inherit; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; line-height: 12px; }
		#wpl-likebox #wpl-mustlogin input#wp-submit { border: 1px solid #ccc; font-size: 11px; background: #fafafa; repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 4px !important; line-height: 12px; }
		#wpl-likebox #wpl-mustlogin label { position: relative; cursor: text; }
		#wpl-likebox #wpl-mustlogin label span { position: absolute; top: 0px; left: 5px; padding: 0 !important; }
		#wpl-likebox #wpl-mustlogin label span { top /*\
*/: -10px\9; }
	/* ]]> */
	</style>
	<link rel='openid.server' href='http://dotpress.wordpress.com/?openidserver=1' />
<link rel='openid.delegate' href='http://dotpress.wordpress.com/' />
<link rel="search" type="application/opensearchdescription+xml" href="http://dotpress.wordpress.com/osd.xml" title="DotPress" />
<link rel="search" type="application/opensearchdescription+xml" href="http://wordpress.com/opensearch.xml" title="WordPress.com" />
 
	<style type="text/css">
	.menu.primary li a {
		background-image:url("http://s0.wp.com/wp-content/themes/pub/freshy/images/menu/menu_triple.gif?m=1171163464g");
	}
	.menu.primary li a.first_menu {
		background-image:url("http://s0.wp.com/wp-content/themes/pub/freshy/images/menu/menu_start_triple.gif?m=1171163464g");
	}
	.menu.primary li a.last_menu {
		background-image:url("http://s0.wp.com/wp-content/themes/pub/freshy/images/menu/menu_end_triple.gif?m=1171163464g");
	}
 
	.description {
		color:#ADCF20;
	}
	#content .commentlist dd.author_comment {
		background-color:#a3cb00 !important;
	}
	html > body #content .commentlist dd.author_comment {
		background-color:#a3cb00 !important;
	}
	#content .commentlist dt.author_comment .date {
		color:#a3cb00 !important;
		border-color:#a3cb00 !important;
	}
	#content .commentlist .author_comment .author,
	#content .commentlist .author_comment .author a {
		color:#a3cb00 !important;
		border-color:#a3cb00 !important;
	}
	#sidebar h2 {
		color:#f78b0c;
		background- ;
		border-bottom-color:#f78b0c;
	}
	#sidebar {
		background- ;
	}
	*::-moz-selection {
		background-color:#FF3C00;
	}
 
	#content a:hover {
		border-bottom:1px dotted #FF3C00;
	}
 
	#sidebar a:hover,
	#sidebar .current_page_item li a:hover,
	#sidebar .current-cat li a:hover,
	#sidebar .current_page_item a,
	#sidebar .current-cat a ,
	.readmore,
	#content .postmetadata a
	{
		color : #FF3C00;
	}
 
	#title_image {
		margin:0;
		text-align:left;
		display:block;
		height:95px;
	}
 
	</style>
 
	<style type="text/css"> 
	#title_image {
	background-image:url(http://dotpress.files.wordpress.com/2007/10/dotpress-header-22102.jpg);
	}
</style>
<meta name="application-name" content="DotPress" /><meta name="msapplication-window" content="width=device-width;height=device-height" /><meta name="msapplication-tooltip" content="Making an Accessible Web" /><meta name="msapplication-task" content="name=Subscribir;action-uri=http://dotpress.wordpress.com/feed/;icon-uri=http://s1.wp.com/i/favicon-stacked.ico" /><meta name="msapplication-task" content="name=Sign up for a free blog;action-uri=http://wordpress.com/signup/;icon-uri=http://s2.wp.com/i/favicon.ico" /><meta name="msapplication-task" content="name=Soporte de WordPress.com;action-uri=http://support.wordpress.com/;icon-uri=http://s2.wp.com/i/favicon.ico" /><meta name="msapplication-task" content="name=Foros de WordPress.com;action-uri=http://forums.wordpress.com/;icon-uri=http://s2.wp.com/i/favicon.ico" /><script type="text/javascript"> 
	window.google_analytics_uacct = "UA-52447-2"; 
</script>
 
<script type="text/javascript"> 
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-52447-2']);
	_gaq.push(['_setDomainName', 'wordpress.com']);
	_gaq.push(['_initData']);
	_gaq.push(['_trackPageview']);
 
	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
	})();
</script>
</head>
<body>
 
<div id="page">
	
	<!-- header -->
	<div id="header">
		<div id="title">
			<h1>
				<a href="http://dotpress.wordpress.com/">
					<span>DotPress</span>
				</a>
			</h1>
			<div class="description">
				<small>Making an Accessible Web</small>
			</div>
		</div>
		<div id="title_image"></div>
	</div>
	
	<!-- main div -->
	<div id="frame">
 
	<!-- main menu -->
	<ul class="menu page-menu primary">
	<li class="page_item">
		<a class="first_menu" href="http://dotpress.wordpress.com/">
			Inicio		</a>
	</li>
 
	<li class="page_item"><a href="http://dotpress.wordpress.com/acerca-de-dot-press/" title="Acerca de Dot Press">Acerca de Dot Press</a></li>
<li class="page_item"><a href="http://dotpress.wordpress.com/proximos-articulos/" title="Próximos Artículos">Próximos Artículos</a></li>
 
	<li class="last_menu">
		<!-- put an empty link to have the end of the menu anyway -->
		<a class="last_menu_off"></a>
	</li>
</ul>
	
	<hr style="display:none"/>
 
	<div id="content">
	
			
						
			<div class="post-27 post type-post status-publish format-standard hentry category-html category-w3c" id="post-27">
				
				<h2><a href="http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-iii/" rel="bookmark" title="Read Maquetando con DIV&#8217;s (ejemplo&nbsp;III)">Maquetando con DIV&#8217;s (ejemplo&nbsp;III)</a></h2>
 
				<small class="date">
					<span class="date_day">17</span>
					<span class="date_month">04</span>
					<span class="date_year">2007</span>
				</small>
					
				<div class="entry">
					<script type="text/javascript" src="http://s0.wp.com/wp-content/plugins/adverts/adsense.js?m=1253160243g&amp;1"></script><p>Este es el tercer ejemplo que publico, utilizando maquetaci&oacute;n con DIV&#8217;s.  Al igual que el artículo anterior, este ejemplo utiliza el m&eacute;todo de dibujado del panel derecho, antes que el izquierdo.  A&uacute;n sigo analizando el por que de este comportamiento, pero sin duda, sea cual sea la respuesta, permite un dibujado m&aacute;s limpio, optimizado y profesional.		</p>
<div style="display:table;width:500px;">
<div style="background:#EEEEEE;border:1px dashed;float:left;height:250px;margin-bottom:5px;width:78px;"></div>
<div style="background:#EEEEEE;border:1px dashed;float:right;height:70px;margin-bottom:5px;width:413px;"></div>
<div style="background:#EEEEEE;border:1px dashed;float:right;height:173px;margin-bottom:5px;width:150px;"></div>
<div style="background:#EEEEEE;border:1px dashed;float:right;height:50px;margin-bottom:5px;margin-right:5px;width:255px;"></div>
<div style="background:#EEEEEE;border:1px dashed;float:right;height:115px;margin-bottom:5px;margin-right:5px;width:255px;"></div>
</p></div>
<p>&nbsp;</p>
<div style="background:#EEEEEE;border:1px dashed;font-family:monospace;font-size:12.2px;width:500px;">
			&lt;div style = &quot;display: table; width: 500px;&quot;&gt;<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style = &quot;float: left; height: 250px; width: 78px;&quot;&gt;&lt;/div&gt;<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style = &quot;float: right; height: 70px; width: 413px;&quot;&gt;&lt;/div&gt;<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style = &quot;float: right; height: 173px; width: 150px;&quot;&gt;&lt;/div&gt;<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style = &quot;float: right; height: 50px; width: 255px;&quot;&gt;&lt;/div&gt;<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style = &quot;float: right; height: 115px; width: 255px;&quot;&gt;&lt;/div&gt;<br />
			&lt;/div&gt;
		</div>
<p><strong>Articulos Relacionados</strong>:</p>
<ul>
<li><a href="http://dotpress.wordpress.com/2007/04/16/maquetando-con-divs/">Maquetando con DIV&#8217;s</a></li>
<li><a href="http://dotpress.wordpress.com/2007/04/16/maquetando-con-divs-ejemplo-i/">Maquetando con DIV&#8217;s (ejemplo I)</a></li>
<li><a href="http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-ii/">Maquetando con DIV&#8217;s (ejemplo II)</a></li>
<li><a href="http://dotpress.wordpress.com/2007/04/18/maquetando-con-divs-ejemplo-iv/">Maquetando con DIV&#8217;s (ejemplo IV)</a></li>
</ul>
 
<!--adcode-->
<div align="center" style="padding-top: 5px; text-align: left;" class="adcode">
<script type="text/javascript"><!--
google_ad_client = "pub-3443918307802676";
google_ad_output = "js";
google_feedback = "on";
google_max_num_ads = "4";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_image_size = "336x280";
google_ad_type = "text,flash,html";
google_ad_channel ="7770228814+7401333398+8628229687";
var color_bg = 'ffffff';
var color_text = '000000';
var color_link = '515151';
var color_border = 'ffffff';
var color_url = '515151';
 
google_analytics_domain_name = "wordpress.com";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<div style="clear: both"><br /></div>
<!--/adcode-->
				</div>
				
								
			</div>
			
			<p class="navigation">
				<span class="alignleft">&laquo; <a href="http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-ii/" rel="prev">Maquetando con DIV&#8217;s (ejemplo&nbsp;II)</a></span>
				<span class="alignright"><a href="http://dotpress.wordpress.com/2007/04/18/maquetando-con-divs-ejemplo-iv/" rel="next">Maquetando con DIV&#8217;s (ejemplo&nbsp;IV)</a> &raquo;</span>
			</p>
			<br/>
			<h3>Acciones</h3>
			<ul class="postmetadata">
					<li class="with_icon"><img class="icon" src="http://s0.wp.com/wp-content/themes/pub/freshy/images/icons/feed-icon-16x16.gif?m=1171163464g" alt="rss" />&nbsp;<a href='http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-iii/feed/'>RSS de los Comentarios</a></li>
							<li class="with_icon"><img class="icon" src="http://s0.wp.com/wp-content/themes/pub/freshy/images/icons/trackback-icon-16x16.gif?m=1171163464g" alt="trackback" />&nbsp;<a href="http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-iii/trackback/ " rel="trackback" title="make a trackback">Trackback</a></li>
							</ul>
				
			<h3>Información</h3>
			<ul class="postmetadata">
					<!--<li>Autor : Juan Manuel Lemus</li>-->
					<li>Fecha : abril 17, 2007</li>
									<li></li>
					<li>Categorías : <a href="http://es.wordpress.com/tag/html/" title="Ver todas las entradas en HTML" rel="category tag">HTML</a>, <a href="http://es.wordpress.com/tag/w3c/" title="Ver todas las entradas en W3C" rel="category tag">W3C</a></li>
							</ul>
				
			<div id="wpl-likebox"><div id="wpl-button"><a href='http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-iii/?like=1&amp;_wpnonce=14eb90de35' title='I like this post' class='like needs-login'><span>Like</span></a></div><div id="wpl-count">Be the first to like this post.</div></div>	<h3 id="comments">7 respuestas</h3>
 
	<dl class="commentlist">
	
	<dt class=" none">
		<small class="date">
			<span class="date_day">26</span>
			<span class="date_month">04</span>
			<span class="date_year">2007</span>
		</small>
	</dt>
 
	<dd class="comment even thread-even depth-1 commentlist_item" id="comment-29">			
 
		<div class="comment" id="div-comment-29">
			<strong class="comment-author vcard author" style="height:32px;line-height:32px;">
			<img alt='' src='http://0.gravatar.com/avatar/cc6d46fd8870a471598ebe0ccd49d55c?s=32&amp;d=identicon&amp;r=G' class='avatar avatar-32' height='32' width='32' />			
			<span class="fn">Juan Jose Vazquez</span></strong> <span class="comment-meta commentmetadata"><small>(03:12:01)</small> : </span>
						
			<br style="display:none;"/>
		
			<div class="comment_text">				
			<p>Muchisimas gracias mi estimado. Me haz sacado de un super problema con estos tips tan que das.</p>
<p>Gracias Bro.</p>
			</div>
			<div class="reply">
				<a class='comment-reply-link' href='/2007/04/17/maquetando-con-divs-ejemplo-iii/?replytocom=29#respond' onclick='return addComment.moveForm("div-comment-29", "29", "respond", "27")'>Responder</a>			</div>
		</div>
	</dd>
 
	<dt class=" none">
		<small class="date">
			<span class="date_day">1</span>
			<span class="date_month">10</span>
			<span class="date_year">2007</span>
		</small>
	</dt>
 
	<dd class="comment odd alt thread-odd thread-alt depth-1 commentlist_item" id="comment-422">			
 
		<div class="comment" id="div-comment-422">
			<strong class="comment-author vcard author" style="height:32px;line-height:32px;">
			<img alt='' src='http://1.gravatar.com/avatar/1dcd11dc1bdc613516210b4160ca1cad?s=32&amp;d=identicon&amp;r=G' class='avatar avatar-32' height='32' width='32' />			
			<span class="fn">Jonatan</span></strong> <span class="comment-meta commentmetadata"><small>(22:48:41)</small> : </span>
						
			<br style="display:none;"/>
		
			<div class="comment_text">				
			<p>Quisiera saber porque si el objetivo es optimizar el codigo utilizas &#8220;style&#8221; en vez de armar todo eso en una &#8220;id&#8221; dentro de un CSS?<br />
Yo estoy tomando tus ejemplos para aprender como usarlos, pero creo que a la larga me va a resultar poco comodo si tengo que armar despues el CSS con todo esto creado con los style.</p>
<p>Saludos igual y gracias por la info</p>
			</div>
			<div class="reply">
				<a class='comment-reply-link' href='/2007/04/17/maquetando-con-divs-ejemplo-iii/?replytocom=422#respond' onclick='return addComment.moveForm("div-comment-422", "422", "respond", "27")'>Responder</a>			</div>
		</div>
	</dd>
 
	<dt class=" author_comment">
		<small class="date">
			<span class="date_day">1</span>
			<span class="date_month">10</span>
			<span class="date_year">2007</span>
		</small>
	</dt>
 
	<dd class="comment byuser comment-author-jmanuelemus bypostauthor even thread-even depth-1 commentlist_item" id="comment-423">			
 
		<div class="comment" id="div-comment-423">
			<strong class="comment-author vcard author" style="height:32px;line-height:32px;">
			<img alt='' src='http://1.gravatar.com/avatar/1b20d58100c44d70ce50fc62f00dfda4?s=32&amp;d=identicon&amp;r=G' class='avatar avatar-32' height='32' width='32' />			
			<span class="fn"><a href='http://dotpress.wordpress.com' rel='external nofollow' class='url'>Juan Manuel Lemus</a></span></strong> <span class="comment-meta commentmetadata"><small>(22:53:48)</small> : </span>
						
			<br style="display:none;"/>
		
			<div class="comment_text">				
			<p>Bien Jonatan.  Ante todo, muchas gracias por tomar mi serie de articulos, como ejemplo de desarrollo. </p>
<p>En respuesta a tu pregunta, lo que sucede es que, como verás, el blog está en WordPress.com, el cual, no deja editar la plantilla CSS, por lo que no he podido crear las clases, teniendo que hacerlo directamente, desde el body.  </p>
<p>Cada ejemplo, tiene indicado el HTML que la generó.  Le he colocado por eso mismo, no por que esté promoviendo el uso de STYLE para ello.</p>
			</div>
			<div class="reply">
				<a class='comment-reply-link' href='/2007/04/17/maquetando-con-divs-ejemplo-iii/?replytocom=423#respond' onclick='return addComment.moveForm("div-comment-423", "423", "respond", "27")'>Responder</a>			</div>
		</div>
	</dd>
 
	<dt class=" none">
		<small class="date">
			<span class="date_day">27</span>
			<span class="date_month">03</span>
			<span class="date_year">2008</span>
		</small>
	</dt>
 
	<dd class="comment byuser comment-author-josekont odd alt thread-odd thread-alt depth-1 commentlist_item" id="comment-833">			
 
		<div class="comment" id="div-comment-833">
			<strong class="comment-author vcard author" style="height:32px;line-height:32px;">
			<img alt='' src='http://1.gravatar.com/avatar/94e93b3ffcf11dbd395d35d1da65410d?s=32&amp;d=identicon&amp;r=G' class='avatar avatar-32' height='32' width='32' />			
			<span class="fn">josekont</span></strong> <span class="comment-meta commentmetadata"><small>(01:06:54)</small> : </span>
						
			<br style="display:none;"/>
		
			<div class="comment_text">				
			<p>Que excelente ejemplo, una maravilla.  Actualmente quiero profundizar en el aprendizaje de CSS y esta clase de tutoriales ayuda muchísimo.</p>
<p>saludos!</p>
			</div>
			<div class="reply">
				<a class='comment-reply-link' href='/2007/04/17/maquetando-con-divs-ejemplo-iii/?replytocom=833#respond' onclick='return addComment.moveForm("div-comment-833", "833", "respond", "27")'>Responder</a>			</div>
		</div>
	</dd>
 
	<dt class=" none">
		<small class="date">
			<span class="date_day">20</span>
			<span class="date_month">04</span>
			<span class="date_year">2010</span>
		</small>
	</dt>
 
	<dd class="comment even thread-even depth-1 commentlist_item" id="comment-1121">			
 
		<div class="comment" id="div-comment-1121">
			<strong class="comment-author vcard author" style="height:32px;line-height:32px;">
			<img alt='' src='http://1.gravatar.com/avatar/3174280f84f425177789fcb1fb6a7cf1?s=32&amp;d=identicon&amp;r=G' class='avatar avatar-32' height='32' width='32' />			
			<span class="fn">Marcela</span></strong> <span class="comment-meta commentmetadata"><small>(08:30:37)</small> : </span>
						
			<br style="display:none;"/>
		
			<div class="comment_text">				
			<p>Muchas gracias, para los que nos estamos iniciando en esto vienen excelente tus ejemplos porque no tienen grado de dificultad; se te entiende muy bien!!!!!! Felicitaciones!</p>
			</div>
			<div class="reply">
				<a class='comment-reply-link' href='/2007/04/17/maquetando-con-divs-ejemplo-iii/?replytocom=1121#respond' onclick='return addComment.moveForm("div-comment-1121", "1121", "respond", "27")'>Responder</a>			</div>
		</div>
	</dd>
 
	<dt class=" none">
		<small class="date">
			<span class="date_day">19</span>
			<span class="date_month">07</span>
			<span class="date_year">2010</span>
		</small>
	</dt>
 
	<dd class="comment odd alt thread-odd thread-alt depth-1 commentlist_item" id="comment-1135">			
 
		<div class="comment" id="div-comment-1135">
			<strong class="comment-author vcard author" style="height:32px;line-height:32px;">
			<img alt='' src='http://1.gravatar.com/avatar/51907253ce704f85934d3dc6d6f65ce3?s=32&amp;d=identicon&amp;r=G' class='avatar avatar-32' height='32' width='32' />			
			<span class="fn"><a href='http://WWW.VERTWEB.COM.AR' rel='external nofollow' class='url'>CRISTIAN BERTELEGNI</a></span></strong> <span class="comment-meta commentmetadata"><small>(04:23:58)</small> : </span>
						
			<br style="display:none;"/>
		
			<div class="comment_text">				
			<p>MUY BUENO, GRACIAS!</p>
			</div>
			<div class="reply">
				<a class='comment-reply-link' href='/2007/04/17/maquetando-con-divs-ejemplo-iii/?replytocom=1135#respond' onclick='return addComment.moveForm("div-comment-1135", "1135", "respond", "27")'>Responder</a>			</div>
		</div>
	</dd>
 
	<dt class=" none">
		<small class="date">
			<span class="date_day">20</span>
			<span class="date_month">11</span>
			<span class="date_year">2010</span>
		</small>
	</dt>
 
	<dd class="comment even thread-even depth-1 commentlist_item" id="comment-1148">			
 
		<div class="comment" id="div-comment-1148">
			<strong class="comment-author vcard author" style="height:32px;line-height:32px;">
			<img alt='' src='http://0.gravatar.com/avatar/4ed6119348d65ee649b8d2c3831ecc6f?s=32&amp;d=identicon&amp;r=G' class='avatar avatar-32' height='32' width='32' />			
			<span class="fn">Jesus</span></strong> <span class="comment-meta commentmetadata"><small>(19:37:36)</small> : </span>
						
			<br style="display:none;"/>
		
			<div class="comment_text">				
			<p>Creo que dibuja primero el derecho que los izquierdos por la siguiente razon.<br />
El lenguaje interpreta que tiene que dibujar eso a la derecha y lo primero que encuentra (en este caso,  ) lo envia al final del todo a la derecha y despues mete &#8220;&#8221;.</p>
<p>Es como si tubieras un cajon y metieras algo al fondo y despues metieras otra cosa (tambien hacia el fondo). Se chocaria con lo que has metido primero y por eso quedaria mas cerca.</p>
			</div>
			<div class="reply">
				<a class='comment-reply-link' href='/2007/04/17/maquetando-con-divs-ejemplo-iii/?replytocom=1148#respond' onclick='return addComment.moveForm("div-comment-1148", "1148", "respond", "27")'>Responder</a>			</div>
		</div>
	</dd>
	</dl>
	<div class="navigation">
		<div class="alignleft"></div>
		<div class="alignright"></div>
	</div>
 
 
								<div id="respond">
				<h3 id="reply-title">Deja un comentario <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2007/04/17/maquetando-con-divs-ejemplo-iii/#respond" style="display:none;">Cancelar respuesta</a></small></h3>
									<form action="http://dotpress.wordpress.com/wp-comments-post.php" method="post" id="commentform">
																			<p class="comment-notes">Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados <span class="required">*</span></p>							<p class="comment-form-author"><label for="author">Nombre</label> <span class="required">*</span><input id="author" name="author" type="text" value="" size="30" aria-required='true' /></p>
<p class="comment-form-email"><label for="email">Correo electrónico</label> <span class="required">*</span><input id="email" name="email" type="text" value="" size="30" aria-required='true' /></p>
<p class="comment-form-url"><label for="url">Web</label><input id="url" name="url" type="text" value="" size="30" /></p>
												<p class="comment-form-comment"><label for="comment">Comentario</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>						<p class="form-allowed-tags">Puedes usar las siguientes etiquetas y atributos <abbr title="HyperText Markup Language">HTML</abbr>:  <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;pre&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></p>						<p class="form-submit">
							<input name="submit" type="submit" id="submit" value="Publicar comentario" />
							<input type='hidden' name='comment_post_ID' value='27' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
						</p>
						
<input type="hidden" name="genseq" value="1293219302" />
<p><input type="checkbox" name="subscribe" id="subscribe" value="subscribe" style="width: auto;" tabindex="6"/> <label class="subscribe-label" id="subscribe-label" for="subscribe">Recibir siguientes comentarios por correo.</label></p><p><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto;" tabindex="7"/> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Recibir nuevas entradas por email.</label></p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="cff3506891" /></p>					</form>
							</div><!-- #respond -->
												
			
	<!-- nothing found -->
			
	</div>
	
	<hr style="display:none"/>
	
	<!-- sidebar -->
		
	<div id="sidebar">
		<div>
		<div id="linkcat-7569780" class="widget widget_links"><h2 class="title">Proyectos Desarrollados</h2>
	<ul class='xoxo blogroll'>
<li><a href="http://www.agregalo.com" title="Casas, Coches y Empleo" target="_blank">Agregalo.com</a></li>
<li><a href="http://comparativa.com" title="Comparador de precios con opiniones de usuarios" target="_blank">comparativa.com</a></li>
 
	</ul>
</div>
<div id="text-2" class="widget widget_text"><h2 class="title">DotPress</h2>			<div class="textwidget">Visita <a href="http://www.dotpress.net">http://www.dotpress.net/</a> para más artículos actualizados.</div>
		</div><div id="search-2" class="widget widget_search"><form method="get" id="searchform" action="http://dotpress.wordpress.com/">
<p>
<input size="12" type="text" value="" name="s" id="s" /><input class="btn" type="submit" id="searchsubmit" value="Buscar" />
</p>
</form>
</div><div id="categories-1" class="widget widget_categories"><h2 class="title">a</h2><select name='cat' id='cat' class='postform' >
	<option value='-1'>Elegir categoría</option>
	<option class="level-0" value="2131">3D&nbsp;&nbsp;(3)</option>
	<option class="level-0" value="2914270">Apperture&nbsp;&nbsp;(2)</option>
	<option class="level-0" value="291">Apple&nbsp;&nbsp;(2)</option>
	<option class="level-0" value="36810">Desarrollo Web&nbsp;&nbsp;(12)</option>
	<option class="level-1" value="169">&nbsp;&nbsp;&nbsp;CSS&nbsp;&nbsp;(8)</option>
	<option class="level-0" value="1074">Diseño&nbsp;&nbsp;(7)</option>
	<option class="level-1" value="14971">&nbsp;&nbsp;&nbsp;Iconos&nbsp;&nbsp;(1)</option>
	<option class="level-0" value="8076">DOM&nbsp;&nbsp;(4)</option>
	<option class="level-0" value="24154">Fireworks&nbsp;&nbsp;(4)</option>
	<option class="level-0" value="456">Flash&nbsp;&nbsp;(7)</option>
	<option class="level-1" value="4343">&nbsp;&nbsp;&nbsp;ActionScript&nbsp;&nbsp;(7)</option>
	<option class="level-0" value="647">HTML&nbsp;&nbsp;(12)</option>
	<option class="level-0" value="457">JavaScript&nbsp;&nbsp;(5)</option>
	<option class="level-1" value="141">&nbsp;&nbsp;&nbsp;Ajax&nbsp;&nbsp;(4)</option>
	<option class="level-0" value="906851">Mercadeo y Posicionamiento&nbsp;&nbsp;(10)</option>
	<option class="level-1" value="493">&nbsp;&nbsp;&nbsp;del.icio.us&nbsp;&nbsp;(5)</option>
	<option class="level-1" value="81">&nbsp;&nbsp;&nbsp;Google&nbsp;&nbsp;(8)</option>
	<option class="level-1" value="1249">&nbsp;&nbsp;&nbsp;Google AdSense&nbsp;&nbsp;(4)</option>
	<option class="level-1" value="211632">&nbsp;&nbsp;&nbsp;Google PageRank&nbsp;&nbsp;(7)</option>
	<option class="level-0" value="639897">Otros Artículos&nbsp;&nbsp;(9)</option>
	<option class="level-1" value="610">&nbsp;&nbsp;&nbsp;Linux&nbsp;&nbsp;(6)</option>
	<option class="level-2" value="255">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ubuntu&nbsp;&nbsp;(1)</option>
	<option class="level-1" value="808">&nbsp;&nbsp;&nbsp;Mac&nbsp;&nbsp;(7)</option>
	<option class="level-0" value="1615">PhotoShop&nbsp;&nbsp;(4)</option>
	<option class="level-0" value="148261">Programación Web&nbsp;&nbsp;(23)</option>
	<option class="level-1" value="9817">&nbsp;&nbsp;&nbsp;ASP&nbsp;&nbsp;(6)</option>
	<option class="level-1" value="2425">&nbsp;&nbsp;&nbsp;ASP.NET&nbsp;&nbsp;(6)</option>
	<option class="level-1" value="19808">&nbsp;&nbsp;&nbsp;CGI&nbsp;&nbsp;(3)</option>
	<option class="level-1" value="14133">&nbsp;&nbsp;&nbsp;Coldfusion&nbsp;&nbsp;(3)</option>
	<option class="level-1" value="12917">&nbsp;&nbsp;&nbsp;JSP&nbsp;&nbsp;(3)</option>
	<option class="level-1" value="5226">&nbsp;&nbsp;&nbsp;Perl&nbsp;&nbsp;(5)</option>
	<option class="level-2" value="5225">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Catalyst&nbsp;&nbsp;(4)</option>
	<option class="level-1" value="458">&nbsp;&nbsp;&nbsp;PHP&nbsp;&nbsp;(16)</option>
	<option class="level-0" value="832">Python&nbsp;&nbsp;(4)</option>
	<option class="level-1" value="15988">&nbsp;&nbsp;&nbsp;Django&nbsp;&nbsp;(3)</option>
	<option class="level-0" value="1518">RSS&nbsp;&nbsp;(4)</option>
	<option class="level-0" value="4872">Ruby&nbsp;&nbsp;(7)</option>
	<option class="level-1" value="906759">&nbsp;&nbsp;&nbsp;On Rails&nbsp;&nbsp;(7)</option>
	<option class="level-0" value="6687">Tecnologías&nbsp;&nbsp;(18)</option>
	<option class="level-1" value="3768">&nbsp;&nbsp;&nbsp;Apache&nbsp;&nbsp;(12)</option>
	<option class="level-2" value="202719">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;htaccess&nbsp;&nbsp;(5)</option>
	<option class="level-1" value="40046">&nbsp;&nbsp;&nbsp;Apollo&nbsp;&nbsp;(4)</option>
	<option class="level-1" value="45">&nbsp;&nbsp;&nbsp;Firefox&nbsp;&nbsp;(4)</option>
	<option class="level-1" value="6715">&nbsp;&nbsp;&nbsp;IE&nbsp;&nbsp;(4)</option>
	<option class="level-1" value="14013">&nbsp;&nbsp;&nbsp;IIS&nbsp;&nbsp;(4)</option>
	<option class="level-1" value="4419">&nbsp;&nbsp;&nbsp;MySQL&nbsp;&nbsp;(6)</option>
	<option class="level-1" value="1906">&nbsp;&nbsp;&nbsp;Opera&nbsp;&nbsp;(4)</option>
	<option class="level-0" value="7585">Tomcat&nbsp;&nbsp;(3)</option>
	<option class="level-0" value="1">Uncategorized&nbsp;&nbsp;(2)</option>
	<option class="level-0" value="2872">W3C&nbsp;&nbsp;(12)</option>
	<option class="level-0" value="800">Windows&nbsp;&nbsp;(5)</option>
	<option class="level-0" value="103962">XAML&nbsp;&nbsp;(4)</option>
	<option class="level-0" value="6852">XML&nbsp;&nbsp;(4)</option>
	<option class="level-0" value="99556">XPath&nbsp;&nbsp;(5)</option>
	<option class="level-0" value="6495">XUL&nbsp;&nbsp;(5)</option>
	<option class="level-0" value="550844">YAML&nbsp;&nbsp;(2)</option>
</select>
 
<script type='text/javascript'> 
/* <![CDATA[ */
	var dropdown = document.getElementById("cat");
	function onCatChange() {
		if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
			location.href = "http://dotpress.wordpress.com/?cat="+dropdown.options[dropdown.selectedIndex].value;
		}
	}
	dropdown.onchange = onCatChange;
/* ]]> */
</script>
 
</div><div id="text-1" class="widget widget_text">			<div class="textwidget"><br /><br />	<div>
		<a href="http://feeds.feedburner.com/dotpress" title="Subscribe to my feed" rel="alternate">
			<img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" align="middle">
		</a>
		<a href="http://feeds.feedburner.com/dotpress" title="Subscribe to my feed" rel="alternate"> &nbsp; Suscribete a DotPress</a>
	</div>
	<br /><br />
	<div style="float:left;">
		<a href="http://www.w3counter.com">
			<img src="http://www.w3counter.com/tracker.php?id=5150" style="border:0;" alt="W3Counter Web Stats" />
		</a>
	</div>
	<div style="float:left;">
		<img alt="Clicky" src="http://static.getclicky.com/6047ns.gif" />
		<img src="http://clicky.roxr.net/131.gif">
	</div>
           <div style="float:left;">
                <a href="http://www.einicio.com"><img src="http://www.einicio.com/imagenes/ei2.jpg" border="0"></a>
           </div><br />&nbsp;</div>
		</div><div id="text-3" class="widget widget_text">			<div class="textwidget"><br /><br /><a href="http://technorati.com/faves?sub=addfavbtn&amp;add=http://dotpress.wordpress.com"><img src="http://static.technorati.com/pix/fave/tech-fav-1.png" alt="Add to Technorati Favorites" /></a></div>
		</div>		</div>
	</div>
 
	<br style="clear:both" /><!-- without this little <br /> NS6 and IE5PC do not stretch the frame div down to encopass the content DIVs -->
</div>
				
<!-- footer -->
 
<hr style="display:none"/>
 
<div id="footer">
	<small class="footer_content">
	<a href="http://es.wordpress.com/?ref=footer" rel="generator">Blog de WordPress.com</a>. Theme: <a href="http://theme.wordpress.com/themes/freshy/">Freshy</a> by <a href="http://www.jide.fr/" rel="designer">Jide</a>.	</small>
 
</div>
 
</div> <!--- end of the <div id="page"> (from header.php) -->
 
<script type="text/javascript"> 
// <![CDATA[
(function() {
try{
  if ( window.external &&'msIsSiteMode' in window.external) {
    if (window.external.msIsSiteMode()) {
      var jl = document.createElement('script');
      jl.type='text/javascript';
      jl.async=true;
      jl.src='/wp-content/plugins/ie-sitemode/custom-jumplist.php';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(jl, s);
    }
  }
}catch(e){}
})();
// ]]>
</script>	<script type="text/javascript">
	/* <![CDATA[ */
		jQuery( function() {
			
			jQuery('#wpl-button > a.like').click( function(e) {
				e.preventDefault();
				
				jQuery('#wpl-mustlogin').remove();
 
				jQuery.post( 'http://dotpress.wordpress.com/wp-admin/admin-ajax.php', { 
					'action': 'wpl_record_stat',
					'stat_name': 'loggedout_like_click'
				} );
 
				var tenMins = new Date();
				tenMins.setTime( tenMins.getTime() + 600000 );
				document.cookie = 'wpl_rand=e1b56fc40b; expires=' + tenMins.toGMTString() + '; domain=wordpress.com; path=/;';
				
				jQuery('#wpl-count').after( '\
					<div id="wpl-mustlogin"> \
						<form action="http://dotpress.wordpress.com/wp-login.php" method="post"> \
							<p>Just one more step to like this post:</p> \
							<label><span>Nombre de usuario</span> <input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="80" /></label> \
							<label><span>Contraseña</span> <input type="password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="81" /></label> \
							<input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="Acceder" tabindex="82" /> \
							<input type="hidden" name="redirect_to" value="http://dotpress.wordpress.com/2007/04/17/maquetando-con-divs-ejemplo-iii/?like=1" /> \
							<input type="hidden" name="wpl_rand" value="e1b56fc40b" /> \
							<p>¿Aún no eres miembro? <a href="http://wordpress.com/signup/?ref=likebox" id="wpl-signup-link"> Regístrate en WordPress.com</a></p> \
						</form> \
					</div> \
				');
				
				jQuery('#wpl-mustlogin').hide().slideDown('fast');
			} );
			
			jQuery('#wpl-mustlogin input.input').live( 'focus', function() {
				jQuery(this).prev().hide();
			}).live( 'blur', function() {
				if ( jQuery(this).val() == '' )
					jQuery(this).prev().show();
			});
			
			jQuery('#wpl-mustlogin input#wp-submit').live( 'click', function(e) {
				e.preventDefault();
				
				jQuery.post( 'http://dotpress.wordpress.com/wp-admin/admin-ajax.php', { 
					'action': 'wpl_record_stat',
					'stat_name': 'loggedout_login_submit'
				}, function() {
					jQuery('#wpl-mustlogin form').submit();
				} );
			});			
			
			jQuery('#wpl-mustlogin a#wpl-signup-link').live( 'click', function(e) {
				e.preventDefault();
				
				var link = jQuery(this).attr('href');
				
				jQuery.post( 'http://dotpress.wordpress.com/wp-admin/admin-ajax.php', { 
					'action': 'wpl_record_stat',
					'stat_name': 'loggedout_signup_click'
				}, function() {
					location.href = link;
				} );
			});					
			
		});
	/* ]]> */
	</script>
<script type="text/javascript">_qoptions={qacct:'p-18-mFEk4J448M',labels:'language.es,type.wpcom,as'};</script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<noscript><p><img class="robots-nocontent" src="http://pixel.quantserve.com/pixel/p-18-mFEk4J448M.gif?labels=language.es%2Ctype.wpcom%2Cas" style="display:none" height="1" width="1" alt="" /></p></noscript>
<script type='text/javascript' src='http://s.gravatar.com/js/gprofiles.js?n&#038;ver=MU'></script>
	<script type="text/javascript">	
	// <![CDATA[
	WPGroHo = {
		data: {},
		renderers: {},
		syncProfileData: function( hash, id ) {
			if ( !WPGroHo.data['hash'] ) {
				WPGroHo.data['hash'] = {};
				a = jQuery( 'div.grofile-hash-map-' + hash + ' span' ).each( function() {
					WPGroHo.data['hash'][this.className] = jQuery( this ).text();
				} );
			}
 
			WPGroHo.appendProfileData( WPGroHo.data['hash'], hash, id );
		},
		appendProfileData: function( data, hash, id ) {
			for ( var key in data ) {
				if ( jQuery.isFunction( WPGroHo.renderers['key'] ) ) {
					return WPGroHo.renderers['key']( data['key'], hash, id, key );
				}
 
				jQuery( '#' + id ).find( 'h4' ).after( jQuery( '<p class="grav-extra ' + key + '" />' ).html( data['key'] ) );
			}
		}
	};
	jQuery(document).ready(function($){
		Gravatar.profile_cb = function( h, d ) {
			WPGroHo.syncProfileData( h, d );
		};
		Gravatar.attach_profiles();
	});
	// ]]>
	</script>
	<div style="display:none">
	<div class="grofile-hash-map-cc6d46fd8870a471598ebe0ccd49d55c">
	</div>
	<div class="grofile-hash-map-1dcd11dc1bdc613516210b4160ca1cad">
	</div>
	<div class="grofile-hash-map-1b20d58100c44d70ce50fc62f00dfda4">
	</div>
	<div class="grofile-hash-map-94e93b3ffcf11dbd395d35d1da65410d">
	</div>
	<div class="grofile-hash-map-3174280f84f425177789fcb1fb6a7cf1">
	</div>
	<div class="grofile-hash-map-b298006754489385a6dd98c8612f9413">
	</div>
	<div class="grofile-hash-map-4ed6119348d65ee649b8d2c3831ecc6f">
	</div>
	</div>
<script type='text/javascript'>_acseed='Nm01fCNhbSR5MCRpSH5rSkE4WGwlezJQZl5JRmNoMlFKd3AhMyNXJiVMOW4mTDJZMyUgMSt7enghZ1lmNDR0PW99WGFxMitRdTJHOypmRiA7eXtMOGkjfipKdDwoUTRCbTE/b2F+Y0pWYnxTQ2stVGUlMnhQUEF3bT5OIA==';</script>
<script type="text/javascript" src="http://b.scorecardresearch.com/beacon.js"></script><script type="text/javascript">try{COMSCORE.beacon({c1:2,c2:7518284});}catch(e){}</script><noscript><p class="robots-nocontent"><img src="http://b.scorecardresearch.com/p?cj=1c1=2&#038;c2=7518284" alt="" style="display:none" width="1" height="1" /></p></noscript><script src="http://s.stats.wordpress.com/w.js?19" type="text/javascript"></script>
<script type="text/javascript">
st_go({'blog':'904119','v':'wpcom','user_id':'0','post':'27','subd':'dotpress'});
ex_go({'crypt':'RDZ8LFkxbXFKfnxTck9jcUpRRT9GU0J+TW0tQlZMRjlqL0N4fmliQVVtalk5VitfSHVlLWF+PWErNzRWYU1sK1YzUXYxbHJjTEg1cVNOclJfMUE9aEpPJlpoeGljUF10dDNDbHBvJVRIcGZ+NT98cHQwL0IxYT8sYyZvVkRhMFBdK0t3V21TSCZQSzRnMml3SzNfYlUzSS1FRFIzUklJZVp5TEZqUkxjNEJdTEJzcUhsMyZhbEN6X1hTSyVNamNQUUE4Nm9bdms0VERdU29nTXd2OUcvLENxY1ZOM2dGd2cxXW05d3RTV3VVJkMzRC5HUXVOd0V3Ky9zcV1baTZ2XWxuNE9hUWVsLiYyJlE5Yngya2drdTE2WXd0Q3E5TGIlZmNFK00zV094V1BmYVImcTNpMSV5TE9xKy55SmJGSFNTNFhoODkyRTdOaGZSK1ZSSllE'});
addLoadEvent(function(){linktracker_init('904119',27);});
	</script>
</body>
</html>