sitioutilitario-design

s la nueva página

Texto por Encima:

<!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="en-US" xml:lang="en"> <head>          <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8"  />     <FCK:meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"  />     <title>Artisteer </title>      <script type="text/javascript" src="script.js"></script>      <link rel="stylesheet" href="style.css" type="text/css" media="screen" />           </head> <body>     <div id="art-page-background-gradient"></div>     <div id="art-main">         <div class="art-Sheet">             <div class="art-Sheet-tl"></div>             <div class="art-Sheet-tr"></div>              <div class="art-Sheet-bl"></div>             <div class="art-Sheet-br"></div>             <div class="art-Sheet-tc"></div>             <div class="art-Sheet-bc"></div>             <div class="art-Sheet-cl"></div>             <div class="art-Sheet-cr"></div>             <div class="art-Sheet-cc"></div>             <div class="art-Sheet-body">                 <div class="art-Header">                      <div class="art-Header-jpeg"></div>                     <div class="art-Logo">                         <h1 id="name-text" class="art-Logo-name"><a href="#" _fcksavedurl="#">   Webmaster</a></h1>                         <div id="slogan-text" class="art-Logo-text">Creado por www.SitioUtilitario.com.ar</div>                     </div>                 </div>                 <div class="art-nav">                  	<div class="l"></div>                 	<div class="r"></div>                 	<div class="art-nav-center">                 	<ul class="art-menu">                 		<li>                 			<a href="#" _fcksavedurl="#" class="{ActiveItem}"><span class="l"></span><span class="r"></span><span class="t">Nombre</span></a>                 		</li><li><a href="#" _fcksavedurl="#"><span class="l"></span><span class="r"></span><span class="t">Nombre </span></a></li>                 		<li>                  			<a href="#" _fcksavedurl="#"><span class="l"></span><span class="r"></span><span class="t">Nombre</span></a>                 			<ul>                 				<li><a href="#" _fcksavedurl="#">Nombre 1</a>                 					<ul>                 						<li><a href="#" _fcksavedurl="#">Nombre </a></li>                 						<li><a href="#" _fcksavedurl="#">Nombre </a></li>                 						<li><a href="#" _fcksavedurl="#">Nombre </a></li>                  					</ul>                 				</li>                 				<li><a href="#" _fcksavedurl="#">Nombre </a></li>                 				<li><a href="#" _fcksavedurl="#">Nombre </a></li>                 			</ul>                 		</li>		                 		<li>                 			<a href="#" _fcksavedurl="#"><span class="l"></span><span class="r"></span><span class="t">Nombre </span></a>                 		</li>                  	</ul>                 	</div>                 </div>                 <div class="art-contentLayout">                     <div class="art-sidebar1">                         <div class="art-Block">                             <div class="art-Block-tl"></div>                             <div class="art-Block-tr"></div>                              <div class="art-Block-bl"></div>                             <div class="art-Block-br"></div>                             <div class="art-Block-tc"></div>                             <div class="art-Block-bc"></div>                             <div class="art-Block-cl"></div>                             <div class="art-Block-cr"></div>                             <div class="art-Block-cc"></div>                             <div class="art-Block-body">                                         <div class="art-BlockHeader">                                              <div class="l"></div>                                             <div class="r"></div>                                             <div class="art-header-tag-icon">                                                 <div class="t">Nombre</div>                                             </div>                                         </div><div class="art-BlockContent">                                             <div class="art-BlockContent-body">                                                 <div>                                                                    <p>Aquí puedes escrivir novedades o lo que tú quieras, (si no quieres que sean novedades, es recomendado, que cambies el titulo de este bloque: <br /><br /> (Ejemplo) Sitio Utilitario, ahora ofrece diseños con alta calidad y profecionales... <a href="#" _fcksavedurl="#">Leer mas (Read More)</a><br /><br/>                                                                   </p>                                                                                                                                                                                                          </div>                                         		<div class="cleared"></div>                                             </div>                                         </div>                         		<div class="cleared"></div>                             </div>                         </div>                     </div>                     <div class="art-content">                          <div class="art-Post">                             <div class="art-Post-body">                         <div class="art-Post-inner">                                                                               <div class="art-PostContent">                                                                                                                                       <p>

Texto por Debajo:

</p><p>                                             		<span class="art-button-wrapper">                                             			<span class="l"> </span>                                             			<span class="r"> </span>                                             			                                             		</span>                                              	</p>                                                                                          </div>                                         <div class="cleared"></div>                         </div>                                                  		<div class="cleared"></div>                             </div>                         </div>                     </div>                     <div class="art-sidebar2">                          <div class="art-Block">                             <div class="art-Block-tl"></div>                             <div class="art-Block-tr"></div>                             <div class="art-Block-bl"></div>                             <div class="art-Block-br"></div>                             <div class="art-Block-tc"></div>                             <div class="art-Block-bc"></div>                             <div class="art-Block-cl"></div>                             <div class="art-Block-cr"></div>                              <div class="art-Block-cc"></div>                             <div class="art-Block-body">                                         <div class="art-BlockHeader">                                             <div class="l"></div>                                             <div class="r"></div>                                             <div class="art-header-tag-icon">                                                 <div class="t">Newsletter</div>                                             </div>                                          </div><div class="art-BlockContent">                                             <div class="art-BlockContent-body">                                                 <div><form method="get" id="newsletterform" action="javascript:void(0)">                                                 <input type="text" value="" name="email" id="s" style="width: 95%;" />                                                 <span class="art-button-wrapper">                                                 	<span class="l"> </span>                                                 	<span class="r"> </span>                                                 	<input class="art-button" type="submit" name="search" value="Subscribe"/>                                                  </span>                                                                                                  </form></div>                                         		<div class="cleared"></div>                                             </div>                                         </div>                         		<div class="cleared"></div>                             </div>                         </div>                         <div class="art-Block">                              <div class="art-Block-tl"></div>                             <div class="art-Block-tr"></div>                             <div class="art-Block-bl"></div>                             <div class="art-Block-br"></div>                             <div class="art-Block-tc"></div>                             <div class="art-Block-bc"></div>                             <div class="art-Block-cl"></div>                             <div class="art-Block-cr"></div>                             <div class="art-Block-cc"></div>                              <div class="art-Block-body">                                         <div class="art-BlockHeader">                                             <div class="l"></div>                                             <div class="r"></div>                                             <div class="art-header-tag-icon">                                                 <div class="t">Info. de contacto</div>                                             </div>                                         </div><div class="art-BlockContent">                                              <div class="art-BlockContent-body">                                                 <div>                                                                                                        País:______<br />                                                 Email: ______<br />                                                  <br/>                                                 Phone: ______ <br/>                                                 Fax: _______<br /><br /> O tambien te puedes contactar haciendo clic <a href="#" _fcksavedurl="#">AQUÍ</a><br />                                                 </div>                                         		<div class="cleared"></div>                                             </div>                                         </div>                         		<div class="cleared"></div>                             </div>                          </div>                     </div>                 </div>                 <div class="cleared"></div><div class="art-Footer">                     <div class="art-Footer-inner">                         <div class="art-Footer-text">                             <p><a href="#" _fcksavedurl="#">Contacto</a> | <a href="#" _fcksavedurl="#">Terminos de uso</a>                                                                   Copyright © 2010 AQUÍ ESCRIVE TU WEB. Todos los derechos reservados.</p>                         </div>                     </div>                     <div class="art-Footer-background"></div>                 </div>          		<div class="cleared"></div>             </div>         </div>         <div class="cleared"></div>         <p class="art-page-footer">Diseño creado por: <a href="www.sitioutilitario.com.ar" _fcksavedurl="www.sitioutilitario.com.ar">Sitio Utilitario</a> </p>     </div>      </body>  </html>

Css Style:

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}   { 	right:0; 	clip: rect(auto, auto, auto, 34px); }  .art-Sheet-cl { 	left:0; 	clip: rect(auto, 34px, auto, auto); }  .art-Sheet-cc { 	position:absolute; 	z-index:-1; 	top: 34px; 	left: 34px; 	right: 34px; 	bottom: 34px; 	background-color: #F5F5F5; }   .art-Sheet { 	margin-top: -9px !important; }  #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare { 	min-width:900px; }  /* end Box, Sheet */  /* begin Header */ div.art-Header { 	margin: 0 auto; 	position: relative; 	z-index:0; 	width: 882px; 	height: 225px; }   div.art-Header-jpeg { 	position: absolute; 	z-index:-1; 	top: 0; 	left: 0; 	width: 882px; 	height: 225px; 	background-image: url('http://img196.imageshack.us/img196/9637/headerxrc.jpg'); 	background-repeat: no-repeat; 	background-position: center center; } /* end Header */  /* begin Logo */ .art-Logo { 	display : block; 	position: absolute; 	left: 10px; 	top: 80px; 	width: 852px; }  h1.art-Logo-name { 	display: block; 	text-align: left; }  h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 37px; font-style: normal; font-weight: bold; text-decoration: none; 	padding:0; 	margin:0; 	color: #E8E8E8 !important; }  .art-Logo-text { 	display: block; 	text-align: left; }  .art-Logo-text, .art-Logo-text a { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; 	padding:0; 	margin:0; 	color: #E8E8E8 !important; } /* end Logo */  /* begin Menu */ /* menu structure */  .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover { 	text-align:left; 	text-decoration:none; 	outline:none; 	letter-spacing:normal; 	word-spacing:normal; }  .art-menu, .art-menu ul { 	margin: 0; 	padding: 0; 	border: 0; 	list-style-type: none; 	display: block; }  .art-menu li { 	margin: 0; 	padding: 0; 	border: 0; 	display: block; 	float: left; 	position: relative; 	z-index: 5; 	background:none; }  .art-menu li:hover { 	z-index: 10000; 	white-space: normal; }  .art-menu li li { 	float: none; }  .art-menu ul { 	visibility: hidden; 	position: absolute; 	z-index: 10; 	left: 0; 	top: 0; 	background:none; }  .art-menu li:hover>ul { 	visibility: visible; 	top: 100%; }  .art-menu li li:hover>ul { 	top: 0; 	left: 100%; }  .art-menu:after, .art-menu ul:after { 	content: "."; 	height: 0; 	display: block; 	visibility: hidden; 	overflow: hidden; 	clear: both; } .art-menu, .art-menu ul { 	min-height: 0; }  .art-menu ul { 	background-image: url(images/spacer.gif); 	padding: 10px 30px 30px 30px; 	margin: -10px 0 0 -30px; }  .art-menu ul ul { 	padding: 30px 30px 30px 10px; 	margin: -30px 0 0 -10px; }      div.art-nav-center { 	position:relative; 	float:right;  	right:50%; 	 }  ul.art-menu { 	position:relative; 	float:left;  	left:50%; }  .firefox2 ul.art-menu { 	float:none; }   /* menu structure */  .art-menu { 	padding: 6px 3px 0px 3px; }  .art-nav { 	position: relative; 	height: 39px; 	z-index: 100; }  .art-nav .l, .art-nav .r { 	position: absolute; 	z-index: -1; 	top: 0; 	height: 39px; 	background-image: url('http://img101.imageshack.us/img101/9622/navly.png'); }  .art-nav .l { 	left: 0; 	right:0px; }  .art-nav .r { 	right: 0; 	width: 882px; 	clip: rect(auto, auto, auto, 882px); }   /* end Menu */  /* begin MenuItem */ .art-menu ul li { 	clear: both; }  .art-menu a { 	position:relative; 	display: block; 	overflow:hidden; 	height: 33px; 	cursor: pointer; 	text-decoration: none; 	margin-right: 3px; 	margin-left: 3px; }   .art-menu a .r, .art-menu a .l { 	position:absolute; 	display: block; 	top:0; 	z-index:-1; 	height: 99px; 	background-image: url('http://img32.imageshack.us/img32/6923/menuitemee.png'); }  .art-menu a .l { 	left:0; 	right:14px; }  .art-menu a .r { 	width:428px; 	right:0; 	clip: rect(auto, auto, auto, 414px); }  .art-menu a .t  { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; 	color: #CBEDF6; 	padding: 0 1px; 	margin: 0 14px; 	line-height: 33px; 	text-align: center; }  .art-menu a:hover .l, .art-menu a:hover .r { 	top:-33px; }  .art-menu li:hover>a .l, .art-menu li:hover>a .r { 	top:-33px; }  .art-menu li:hover a .l, .art-menu li:hover a .r { 	top:-33px; } .art-menu a:hover .t { 	color: #F1F3F4; }  .art-menu li:hover a .t { 	color: #F1F3F4; }  .art-menu li:hover>a .t { 	color: #F1F3F4; }    /* end MenuItem */  /* begin MenuSubItem */ .art-menu ul a { 	display:block; 	text-align: center; 	white-space: nowrap; 	height: 32px; 	width: 180px; 	overflow:hidden; 	line-height: 32px; 	margin-right: auto;   	background-image: url('http://img138.imageshack.us/img138/3173/subitembggb.png'); 	background-position: left top; 	background-repeat: repeat-x; 	border-width: 1px; 	border-style: solid; 	border-color: #949494; }  .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { 	display: inline; 	float: none; 	margin: inherit; 	padding: inherit; 	background-image: none; 	text-align: inherit; 	text-decoration: inherit; }  .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span { 	text-align: left; 	text-indent: 12px; 	text-decoration: none; 	line-height: 32px; 	color: #DCF3F9; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; }  .art-menu ul ul a { 	margin-left: auto; }  .art-menu ul li a:hover { 	color: #CBEDF6; 	border-color: #25AFD4; 	background-position: 0 -32px; }  .art-menu ul li:hover>a { 	color: #CBEDF6; 	border-color: #25AFD4; 	background-position: 0 -32px; }  .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span { 	color: #CBEDF6; }  .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span { 	color: #CBEDF6; }   /* end MenuSubItem */  /* begin ContentLayout */ .art-contentLayout { 	position: relative; 	margin-bottom: 0px; 	width: 882px; } /* end ContentLayout */  /* begin Box, Block */ .art-Block { 	position:relative; 	z-index:0; 	margin:0 auto; 	min-width:15px; 	min-height:15px; }  .art-Block-body { 	position: relative; 	z-index: 1; 	padding: 13px; }  .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl { 	position:absolute; 	z-index:-1; }  .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl { 	width: 26px; 	height: 26px; 	background-image: url('http://img180.imageshack.us/img180/4610/blocksu.png'); }  .art-Block-tl { 	top:0; 	left:0; 	clip: rect(auto, 13px, 13px, auto); }  .art-Block-tr { 	top: 0; 	right: 0; 	clip: rect(auto, auto, 13px, 13px); }  .art-Block-bl { 	bottom: 0; 	left: 0; 	clip: rect(13px, 13px, auto, auto); }  .art-Block-br { 	bottom: 0; 	right: 0; 	clip: rect(13px, auto, auto, 13px); }  .art-Block-tc, .art-Block-bc { 	left: 13px; 	right: 13px; 	height: 26px; 	background-image: url('http://img697.imageshack.us/img697/7537/blockhyt.png'); }  .art-Block-tc { 	top: 0; 	clip: rect(auto, auto, 13px, auto); }  .art-Block-bc { 	bottom: 0; 	clip: rect(13px, auto, auto, auto); }  .art-Block-cr, .art-Block-cl { 	top: 13px; 	bottom: 13px; 	width: 26px; 	background-image: url('http://img153.imageshack.us/img153/7439/blockveu.png'); }  .art-Block-cr { 	right:0; 	clip: rect(auto, auto, auto, 13px); }  .art-Block-cl { 	left:0; 	clip: rect(auto, 13px, auto, auto); }  .art-Block-cc { 	position:absolute; 	z-index:-1; 	top: 13px; 	left: 13px; 	right: 13px; 	bottom: 13px; 	background-color: #E0F6FF; }   .art-Block { 	margin: 10px; }  /* end Box, Block */  /* begin BlockHeader */ .art-BlockHeader { 	position:relative; 	z-index:0; 	height: 30px; 	padding: 0 7px; 	margin-bottom: 15px; }  .art-BlockHeader .t { 	height: 30px; 	color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: bold; 	white-space : nowrap; 	padding: 0 6px; 	line-height: 30px;	 }  .art-BlockHeader .l, .art-BlockHeader .r { 	display:block; 	position:absolute; 	z-index:-1; 	height: 30px; 	background-image: url('http://img375.imageshack.us/img375/268/blockheaderat.png'); }  .art-BlockHeader .l { 	left:0; 	right:0px; }  .art-BlockHeader .r {  	width:882px; 	right:0; 	clip: rect(auto, auto, auto, 882px); }      .art-header-tag-icon {     height: 30px; 	background-position:left top; 	background-image: url('http://img828.imageshack.us/img828/2096/blockheadericonx.png'); 	padding:0 0 0 15px; 	background-repeat: no-repeat; 	min-height: 12px; 	margin: 0 0 0 5px; }   /* end BlockHeader */  /* begin Box, BlockContent */ .art-BlockContent { 	position:relative; 	z-index:0; 	margin:0 auto; 	min-width:1px; 	min-height:1px; }  .art-BlockContent-body { 	position: relative; 	z-index: 1; 	padding: 11px; }    .art-BlockContent-body { 	color:#22292B; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; }  .art-BlockContent-body a:link { 	color: #18728B; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: underline; }  .art-BlockContent-body a:visited, .art-BlockContent-body a.visited { 	color: #8A8A8A; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: underline; }  .art-BlockContent-body a:hover, .art-BlockContent-body a.hover { 	color: #2199BA; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; }  .art-BlockContent-body ul { 	list-style-type: none; 	color: #435256; 	margin:0; 	padding:0; }  .art-BlockContent-body li { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; }  .art-BlockContent-body ul li { 	padding:0px 0 0px 10px; 	background-image: url('http://img810.imageshack.us/img810/999/blockcontentbulletsx.png'); 	background-repeat:no-repeat; 	margin:0.5em 0 0.5em 0; 	line-height:1.2em; }  /* end Box, BlockContent */  /* begin Box, Post */ .art-Post { 	position:relative; 	z-index:0; 	margin:0 auto; 	min-width:1px; 	min-height:1px; }  .art-Post-body { 	position: relative; 	z-index: 1; 	padding: 12px; }    .art-Post { 	margin: 7px; }  /* Start images */ a img { 	border: 0; }  .art-article img, img.art-article { 	margin: 1em; }  .art-metadata-icons img { 	border: none; 	vertical-align: middle; 	margin: 2px; } /* Finish images */  /* Start tables */  .art-article table, table.art-article { 	border-collapse: collapse; 	margin: 1px; 	width:auto; }  .art-article table, table.art-article .art-article tr, .art-article th, .art-article td { 	background-color:Transparent; }  .art-article th, .art-article td { 	padding: 2px; 	border: solid 1px #A6A6A6; 	vertical-align: top; 	text-align:left; }  .art-article th { 	text-align: center; 	vertical-align: middle; 	padding: 7px; }  /* Finish tables */  pre { 	overflow: auto; 	padding: 0.1em; }  /* end Box, Post */  /* begin PostHeaderIcon */ .art-PostHeader { 	text-decoration:none; 	margin: 0.2em 0; 	padding: 0; 	font-weight:normal; 	font-style:normal; 	letter-spacing:normal; 	word-spacing:normal; 	font-variant:normal; 	text-decoration:none; 	font-variant:normal; 	text-transform:none; 	text-align:left; 	text-indent:0; 	line-height:inherit; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; 	color: #0B3541; }  .art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; 	margin:0; 	color: #0B3541; }  .art-PostHeader img { 	border:none; 	vertical-align: middle; 	margin:0; } /* end PostHeaderIcon */  /* begin PostHeader */ .art-PostHeader a:link { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left;   color: #0E404E; }  .art-PostHeader a:visited, .art-PostHeader a.visited { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left;   color: #3F4D50; }  .art-PostHeader a:hover, .art-PostHeader a.hovered { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left;   color: #19768F; } /* end PostHeader */  /* begin PostContent */ /* Content Text Font & Color (Default) */ body { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal;   color: #22292B; }   .art-PostContent p  { 	margin: 0.5em 0; }  .art-PostContent, .art-PostContent p { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; text-align: justify;   color: #22292B; }  .art-PostContent {   margin:0; }   /* Start Content link style */ /* The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active. http://www.w3schools.com/CSS/css_pseudo_classes.asp http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/ */ a { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: underline;   color: #114E5F; }  /* Adds special style to an unvisited link. */ a:link { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: underline;   color: #114E5F; }  /* Adds special style to a visited link. */ a:visited, a.visited { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: underline;   color: #545454; }  /* :hover - adds special style to an element when you mouse over it. */ a:hover, a.hover { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none;   color: #19768F; }  /* Finish Content link style */  /* Resert some headings default style & links default style for links in headings*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {   font-weight: normal;   font-style: normal;   text-decoration: none; }   /* Start Content headings Fonts & Colors  */ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 28px; font-style: normal; font-weight: bold; text-align: left;   color: #19768F; }  h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left;   color: #19768F; }  h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: bold; text-align: left;   color: #313C3F; }  h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: bold; text-align: left;   color: #0B3541; }  h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left;   color: #0B3541; }  h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left;   color: #0B3541; } /* Finish Content headings Fonts & Colors  */ /* end PostContent */  /* begin PostBullets */ /* Start Content list */ ol, ul { 	color: #465559; 	margin:1em 0 1em 2em; 	padding:0; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; }  li ol, li ul { 	margin:0.5em 0 0.5em 2em; 	padding:0; }  li  { 	margin:0.2em 0; 	padding:0; }  ul { 	list-style-type: none; }  ol { 	list-style-position:inside; 	 }    .art-Post li { 	padding:0px 0 0px 10px; 	line-height:1.2em; }  .art-Post ol li, .art-Post ul ol li { 	background: none; 	padding-left:0; }  .art-Post ul li, .art-Post ol ul li  { 	background-image: url('http://img94.imageshack.us/img94/8148/postbulletswn.png'); 	background-repeat:no-repeat; 	padding-left:10px; }   /* Finish Content list */ /* end PostBullets */  /* begin PostQuote */ /* Start blockquote */ blockquote, blockquote p, .art-PostContent blockquote p { 	color:#0F0F0F; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; text-align: left; }  blockquote, .art-PostContent blockquote { 		margin:10px 10px 10px 50px; 	padding:5px 5px 5px 27px; 	background-color:#E0E0E0; 	background-image:url('http://img710.imageshack.us/img710/8171/postquotewba.png'); 	background-position:left top; 	background-repeat:no-repeat; }   /* Finish blockuote */ /* end PostQuote */  /* begin Button */ .art-button-wrapper .art-button { 	display:inline-block; 	width: auto; 	outline:none; 	border:none; 	background:none; 	line-height:32px; 	margin:0 !important; 	padding:0 !important; 	overflow: visible; 	cursor: default; 	text-decoration: none !important; 	z-index:0; }  .art-button-wrapper { 	display:inline-block; 	position:relative; 	height: 32px; 	overflow:hidden; 	white-space: nowrap; 	width: auto; 	z-index:0; }  .firefox2 .art-button-wrapper { 	display:block; 	float:left; }  .art-button-wrapper .art-button { 	display:block; 	height: 32px; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; 	white-space: nowrap; 	text-align: left; 	padding: 0 19px !important; 	line-height: 32px; 	text-decoration: none !important; 	color: #0E404E !important; }  input, select { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; }  .art-button-wrapper.hover .art-button, .art-button:hover { 	color: #333333 !important; 	text-decoration: none !important; }  .art-button-wrapper.active .art-button { 	color: #283133 !important; }  .art-button-wrapper .l, .art-button-wrapper .r { 	display:block; 	position:absolute; 	z-index:-1; 	height: 96px; 	background-image: url('http://img215.imageshack.us/img215/2203/buttonzs.png'); }  .art-button-wrapper .l { 	left:0; 	right:15px; }  .art-button-wrapper .r { 	width:423px; 	right:0; 	clip: rect(auto, auto, auto, 408px); }  .art-button-wrapper.hover .l, .art-button-wrapper.hover .r { 	top: -32px; }  .art-button-wrapper.active .l, .art-button-wrapper.active .r { 	top: -64px; }   /* end Button */  /* begin Footer */ .art-Footer { 	position:relative; 	z-index:0; 	overflow:hidden; 	width: 882px; 	margin: 5px auto 0px auto; }  .art-Footer .art-Footer-inner { 	height:1%; 	position: relative; 	z-index: 0; 	padding: 20px; 	text-align: center; }  .art-Footer .art-Footer-background { 	position:absolute; 	z-index:-1; 	background-repeat:no-repeat; 	background-image: url('http://img683.imageshack.us/img683/3264/footeriv.png'); 	width: 882px; 	height: 150px; 	bottom:0; 	left:0; }   .art-Footer .art-Footer-text p { 	margin: 0; }  .art-Footer .art-Footer-text { 	display:inline-block; 	color:#4A5A5E; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; }  .art-Footer .art-Footer-text a:link { 	text-decoration: none; 	color: #0F4757; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: underline; }  .art-Footer .art-Footer-text a:visited { 	text-decoration: none; 	color: #435256; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: underline; }  .art-Footer .art-Footer-text a:hover { 	text-decoration: none; 	color: #176B82; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; } /* end Footer */  /* begin PageFooter */ .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover { 	font-family:Arial; 	font-size:10px; 	letter-spacing:normal; 	word-spacing:normal; 	font-style:normal; 	font-weight:normal; 	text-decoration:underline; 	color:#3CBADD; }  .art-page-footer { 	margin:1em; 	text-align:center; 	text-decoration:none; 	color:#7E959A; } /* end PageFooter */  /* begin LayoutCell */ .art-contentLayout .art-sidebar1 { 	position: relative; 	margin: 0; 	padding: 0; 	border: 0; 	float: left; 	overflow: hidden; 	width: 220px; } /* end LayoutCell */  /* begin LayoutCell */ .art-contentLayout .art-content { 	position: relative; 	margin: 0; 	padding: 0; 	border: 0; 	float: left; 	overflow: hidden; 	width: 440px; } .art-contentLayout .art-content-sidebar1 { 	position: relative; 	margin: 0; 	padding: 0; 	border: 0; 	float: left; 	overflow: hidden; 	width: 660px; } .art-contentLayout .art-content-sidebar2 { 	position: relative; 	margin: 0; 	padding: 0; 	border: 0; 	float: left; 	overflow: hidden; 	width: 660px; } .art-contentLayout .art-content-wide { 	position: relative; 	margin: 0; 	padding: 0; 	border: 0; 	float: left; 	overflow: hidden; 	width: 880px; } /* end LayoutCell */  /* begin LayoutCell */ .art-contentLayout .art-sidebar2 { 	position: relative; 	margin: 0; 	padding: 0; 	border: 0; 	float: left; 	overflow: hidden; 	width: 220px; } /* end LayoutCell */    /******************************************** Centrar publicidad PWG © 2009 Luupa /--> ********************************************/         </style>          </head> <center><!-- </center>

License

This template is free. You are free to use it, share it, redistribute it, modify it in any way you want as long as you keep a link back to doTemplate Website in the footer. You can remove this link by making a $10 donation.

Latest news

Lorem ipsum dolor sit amet, turpis egestas commodo, eget non ultrices nec lectus, ac interdum, netus aliquam, vulputate vel reiciendis risus. Lorem ipsum dolor sit amet, turpis egestas commodo

s la nueva página

Texto por Encima:

Texto por Debajo:

Css Style:

License

Latest news

Company

Products

Blog archives