Diseños-css

Si no se SABES colocar los Diseños pincha AQUI para ver el turorial:

Texto por arriba

<title> THEMARTINCS </ title>
rel='stylesheet' type='text/css' <link href='http://www.blogger.com/static/v1/widgets/3761248391-widget_css_bundle.css' />
< link rel = "stylesheet" type = "text / css"
type = "text / css"> # navbar-iframe {display: block}
</ style>

Texto Por debajo

</ Div> </ div>
</ div>
<div id='sidebar-wrapper'>
action='/search' <form id='searchform' method='get'>
<div> <input id = 's 'name =' q 'size = '32' tabindex = '1 'type =' text '/>
<input id = 'searchsubmit "name =" searchsubmit' tabindex = '2 'type =' submit 'value = "Buscar" /> </ div>
</ form>
<div class='clear'> </ div>

<div class='sidebar section' id='sidebar'> <div class='widget LinkList' id='LinkList1'>
<h2> NOMBRE AQUI </ h2>
<div class='widget-content'>
<ul>
<li> <a href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
<a <li> href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
<li> <a href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
<a <li> href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
</ ul>
<div class='clear'> </ div>
</ div>
</ div>
<div LinkList' class='widget id='LinkList1'>
<h2> NOMBRE AQUI </ h2>
<div class = 'widget-content ">
<ul>
<li> <a href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
<a <li> href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
<a <li> href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
<a <li> href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
</ ul>
<div class='clear'> </ div>
</ div>
</ div>
<div class='widget LinkList' id='LinkList1'>
<h2 > NOMBRE AQUI </ h2>
<div class='widget-content'>
<ul>
<li> <a href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
<li> <a href = 'URL DE LA SECCION AQUI "> AQUI TITULO </ a> </ li>
<a <li> href='URL DE LA SECCION AQUI'> TITULO AQUI </ a> </ li>
<li> <a href = 'URL DE LA SECCION AQUI "> TITULO AQUI </ a> </ li>
</ ul>
<div class='clear'> </ div>
</ div>
</ div> </ div>
</ div>
<! - separador para pieles que quieran barra lateral y principal a tener la misma altura ->

<div class='clear'> </ div>
</ div>
</ div>
<! - contenido final-wrapper ->
<div id='container-bottom'>
<div class='cleft'>
Derecho de Autor © NOMBRE DE AQUI TU PAGINA
</ div>
<div class='cright'>
<a href='http://estiven99999.es.tl/' title=''> Adaptado Por estiven99999 </ a>
</ div>
</ div>
</ div> <-! extremo exterior-wrapper ->
</ body>
</ html>

Sin Stylo Etiquetas

la tabla {margin-left: auto; margin-right: auto;}

/ *
-------------------------------------------
Plantilla Por por-estiven99999.es . tl
-------------------------------------------
* /
# navbar- iframe { background: # 000repeat-y parte superior central, de color: # FFF; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Ginebra, Verdana, sans-serif;text-shadow: # 000 0 0 1px; } a: link {color: # 08ABE1; text-decoration: none; }a: visited { color: # 217c9b; text-decoration: none; } a: hover { text-decoration: underline; } una img { border-width: 0; } . claro { clear: both; } # header-wrapper { height: 100px; padding-left: 40px; } # header-inner {background-position: center; margin-left: auto; margin-right: auto; } # header h1 {letter-spacing:-2px; font-size: 42px; font-weight: bold; text-shadow: # fff 0 1px 0;} # header a { color: # FFF; text-decoration: none; } # header . Descripción { font-size: 12px; font-weight: bold; padding-left: 10px; } # cabecera {img margin-left: auto; margin-right: auto;} # externo-wrapper { ancho: 905px;padding- izquierda a derecha: 28px;padding-right: 28px; margin: 0 no-repeat parte superior central; background-attachment: fixed; } # container-toparriba a la izquierda; float: right; } # contenedor inferior no-repeat abajo a la izquierda; display: block; float: right;margin-bottom: 30px; position: relative; }# content-wrapper repeat-y arriba a la izquierda; } # content-wrap { margin-top: 45px-; margin-left: 30px; } # main-wrapper { float: left; ancho: 525px; } # sidebar-wrapper { float: right; ancho de : 268px; margin-right: 33px; } . barra lateral h2 { font-size: 18px; font-weight: bold;font-family: "Helvetica Neue", Helvetica, Arial, no-repeat superior izquierda; line-height: 34px; } {mensaje. position: relative; ancho: 490px; margin: 60px 15px 0 0; } . superior meta { position: absolute;display: block; top: 0; izquierda :-80px;Ancho: 44px; } . PostTime no-repeat abajo a la izquierda; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: # 058cba 1px 0 no-repeat abajo a la izquierda; background-position: 0-156px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: # 058cba 1px 0 b gen { font-size: 9px;display: block; margin: 0 auto; font-weight: normal; text-align: center; line-height: 9px; } . mensaje h3 {background: url ( http://lh3. ggpht.com/_Kwwy9VyLMKw/S9nrLoF3DeI/AAAAAAAAC_8/yGeRAkmwPO4/hr.png) no-repeat abajo a la izquierda; padding: 0 9px 6px 4px; } después de un h3, h3 un mensaje:... visitó, después de una fuerte h3 { font-family : "Helvetica Neue", Helvetica, Arial, { font-size: 11px; line-height: 1.8em; margin: 20px 30px 0; }{salto de enlace. margin: 0 0 30px; } . salto de enlace a { padding: 4px a: hover { color: # FFF; fondo: # 313137; }después de {cuerpo blockquote. line-height: 1.3em; } . post-footer { -moz-box-shadow: 0 2px 5px no-repeat scroll left superior transparente; overflow: hidden; padding: 15px 5px; position: relative; ancho: 450px; } . publicar ol, ul {mensaje. margin-left: 25px; } . mensaje img, table.tr de título -container { max-width: 495px; margin-bottom: 9px;margin-left: 4px; position: relative; la frontera: 4px sólida # FFF; box-shadow: 0 2px 5px RGBA (0,0,0,0.5); -webkit-box-shadow: 0 2px 5px RGBA (0,0,0,0.5); -moz-box-shadow: 0 2px 5px RGBA (0,0,0,0.5); } . tr-leyenda-de contenedores img { padding: 0; } . mensaje blockquote { margin: 1em 20px;font-style: italic; font-size: 12px; }{mensaje blockquote p. margin: .75 em 0;} # comments { margin-left: 30px; } # comments h4 { margin: 1em { margin: 1em 0 1.5em; line-height: 1.6em; } # comments-bloque de comentario de los autores {. margin: .5 em 0; } # comments-block comment-body {.margin: .25 em 0 0; } # . comentarios de bloque comment-footer { margin: - .25 em 0 2em; line-height: 1.4em; text-transform: uppercase; letter-spacing: .1 em; } # comments-bloque de comentario de cuerpo {p. margin: 0 0 .75 em; }{suprime el comentario. font-style: italic;color: gris; } # blog-pager-older-link {float: left; } # blog-pager-older-link { float: right; } # blog-pager { margin: 0 20px;text-align: center; } . feed-links { margin: 20px 0 0 20px; clear: both; line-height: 2.5em; } . barra lateral { margin-top: 11px; línea -height: 18px; font-size: 11px;} # s no-repeat scroll left superior transparente; color: # CCCCCC; padding: 4px 0; ancho: 200px; padding-left: 6px; }de entrada no-repeat scroll left superior transparente; padding: 3px; } . barra lateral ul { list-style: none; margin: 0;padding: 0; } . barra lateral li no-repeat centro de . Widget de { margin: 0 0 1.5em; padding: 0 0 1.5em; } barra lateral widget-content {.. color: # 217c9b; } . principal Blog {. border-bottom-width: 0; }. perfil-img { float: left; margin-top: 0;margin-right: 5px; margin-bottom: 5px;margin-left: 0; padding: 4px; border: 1px solid # cccccc; } . perfil de datos de {margin: 0; texto -transform: uppercase;letter-spacing: .1 em; fuente: normal normal 78% "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif; color: # 999999;font-weight: bold; line-height: 1.6em ; } . bloque de datos de perfil { margin: .5 em 0; } {bloque de texto de perfil. margin: .5 em 0; line-height: 1.6em; } . perfil-link {font: normal normal 78% "Trebuchet MS", Trebuchet , Arial, Verdana, sans-serif;text-transform: uppercase; letter-spacing: .1 em; } . hendidura { float: left; margin: 15px 0 0 50px; } {cright. float: right;margin: 40px 10px 0 0; }

Mi primer Diseño CSS y mas Pronto liebre.

Texto por arriba

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! -
Diseño Adaptado Por Al-estiven99999Nombre: A-estiven99999 Descripción: Una de dos columnas, de ancho fijo del diseño con el esquema de color oscuro. Versión: 1.0 Fecha de publicación: 20110710 -><html xmlns = "http://www.w3.org/1999 / xhtml "> <head> <meta name="keywords" content="" /> <meta name="description" content="" /><meta http-equiv = "Content-Type" content = "text / html ; charset = UTF-8 "/> <title> Diseño Adaptado Por Al-estiven99999 </ title> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> </ head> <body><div id="wrapper"> <div id="menu"> <ul> <li class="current_page_item"> <a href="#"> TITULO </ a> </ li > <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href = "# "> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li > </ ul> </ div> <! - end # menu -> <div id="cabecera"> <div id="logo"> <h1> <a href = "http://www.estiven99999.es.tl / "> Por-estiven99999 </ a> </ h1> <p> Adaptado href="http://www.estiven99999.es.tl/"> <a Por estiven99999 < / a> </ p> </ div> </ div> <! - end # encabezado -> <div id="page"> <-! finales # content -> <div id = "sidebar" > <ul> <li> <div id="search"> <form method="get" action="#"> <div> <input type = "text" name = "s" id = "Buscar texto" value = "" /> <input type="submit" id="search-submit" value="" /> </ div> </ form> </ div> <div style="text-align: both;"> ; </ div> </ li> <li> <h2> TITULO </ h2> AQUI ESCRIBE <p> Sobre TU WEB </ p>. </ li> <li> <h2> TITULO AQUI </ h2> < ul> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href = " # "> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> </ ul> </ li> <li> <h2> TITULO AQUI </ h2> <ul> <li> <a href = "#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a > </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href = "#"> TITULO </ a> </ li> </ ul> </ li> <li> <h2> TITULO AQUI </ h2> <ul> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li > <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> <li> <a href="#"> TITULO </ a> </ li> </ ul> </ li> </ ul> </ div>

Texto Por debajo

        <-! Finales # sidebar ->
        <div style="text-align: both;"> </ div>
   </ div>
   </ div>
   </ div>
   <! - end # página ->
< / div>
   <div id="footer">
        <p>
© 2011 ™ de Lago Todos Los Derechos Reservados. © TU WEB. | Diseño Adaptado Por href="http://www.estiven99999.es.tl/"> <a estiven99999 </ a> </ p>.
   </ div>
   <- end # pie de página -! >
</ body>
</ html>

Sin Stylo Etiquetas

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;} / * | ---------------------------- ---------------------- | | Diseño Adapta Por Al-estiven99999.es.tl | | -------------- ------------------------------------ | * /body { margin: 0; padding: 0; de fondo : # 033976 url (https://img.webme.com/pic/p/previatutoriales/img01.jpg) repeat-x a la izquierda superior; font-family: Arial, Helvetica, sans-serif; font-size: 12px; de color : # FFFFFF; } h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; color: # 000000;} h1 { font-size: 2em; } h2 { font-size: 2.4em; } h3 { font-size: 1.6em; }p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; color: # FF7200; } una : hover {} # wrapper { ancho: 980px; margin: 0 auto; padding: 0; } / * cabecera * / # cabecera { clear: both; ancho: 980px; altura: 249px; margin: 0 auto; padding: 0px; background: url (https://img.webme.com/pic/p/previatutoriales/img03.jpg) no-repeat arriba a la izquierda; } / * logo * / logo # { margin: 0px; padding: 0px 0px 40px 0px; color: # 000000; }# logotipo de h1, # logo {p margin: 0px; padding: 0px; } # h1 {logotipo de padding-top: 120px; letter-spacing:-1px; text-transform: minúsculas, font-size: 4.8em; } # logotipo de p { margin: 0; padding: 0px 0 0 0px; fuente: normal 20px Georgia, "Times New Roman", Times, serif; font-style: italic; color: # FFFFFF; } # logotipo { frontera: none; de fondo: ninguno; text-decoration: none; color: # FFFFFF; } / * Buscar * / # search { ancho: 280px; altura: 40px; padding: 0px 0px 0px 0px; background: url (http: / / img.webme.com/pic/p/previatutoriales/img08.jpg) no-repeat 20px 11px; } # formulario de búsqueda { altura: 41px; margin: 0; padding: 10px 0 0 20px; } # {fieldset búsqueda de margen de : 0; padding: 0; la frontera: none; } # search-text { ancho: 190px; padding: 5px 2px 5px 6px; esquema: none; de fondo: ninguno; la frontera: none; text-transform: minúsculas, de las fuentes: 11px normales , Arial, Helvetica, sans-serif color: # 000E1F; } # buscar a presentar { ancho: 40px; altura: 22px; la frontera: none; de fondo: none; color: # 000000; } / * Menu * / # menu { ancho de : 980px; altura: 61px; margin: 0px auto; padding: 0px 90px 0px 0px; background: url (https://img.webme.com/pic/p/previatutoriales/img02.jpg) no-repeat arriba a la izquierda; } # menu ul { float: right; margin: 0; padding: 0px; list-style: none; line-height: normal; } # menu li { float: left;} # menu a { display: block; altura: 35px; margin-right: 1px; padding: 16px 20px 0px 20px; text-decoration: none; text-align: center; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px; de la fuente -weight: bold; color: # FFFFFF; la frontera: none; } # menu a: hover, # menu {current_page_item una. text-decoration: none; color: # FFFFFF; } . # menu {current_page_item uno } / * Page * / # page { ancho: 980px; margin: 0px auto; padding: 0px 0px 0px 0px; background: url (https://img.webme.com/pic/p/previatutoriales/img06.jpg) repeat-y dejó la parte superior; } # page-bgtop { background: url (https://img.webme.com/pic/p/previatutoriales/img04.jpg) no-repeat left top; } # page-bgbtm { padding: 30px 10px 40px 0px; de fondo : url (https://img.webme.com/pic/p/previatutoriales/img05.jpg) no-repeat abajo a la izquierda; } / * Contenido * / # content { float: left; ancho: 600px; padding: 0px 30px 0px 0px; } {mensaje. margin-bottom: 15px; background: url (https://img.webme.com/pic/p/previatutoriales/img10.jpg) repeat-x abajo a la izquierda; } .. título de la entrada { altura : 38px; margin-bottom: 10px; padding: 12px 0 0 0px; letter-spacing: - 0,5 píxeles; color: # FFFFFF; } .. después de un título { frontera: none; color:; # FFFFFF }meta mensaje.. { margin-bottom: 30px; padding: 0px 15px 5px 0px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } .. después de meta. fecha de { float: left; } ... mensaje publicado meta { float: right; } .. un mensaje meta { } .. después de la entrada { padding: 0px 0px 20px 0px; padding-bottom: 20px; text-align: justify; } {. enlaces padding-top: 20px; font-size: 12px; font-weight: bold; }/ * Sidebar * / # sidebar { float: right; ancho: 280px; margin: 0px; padding: 0px 0px 0px 0px; } # sidebar ul { margin: 0; padding: 0; list-style: none; } # sidebar li { margin: 0px 0px 20px 0px; padding: 0; } # sidebar li ul { margin: 0px 0px 0px 0px; padding- abajo: 30px; } # sidebar li li { line-height: 35px; margin: 0px 30px; border-left: none; background: url (https://img.webme.com/pic/p/previatutoriales/img10.jpg ) repeat-x abajo a la izquierda; } # sidebar li li a { padding-left: 20px; background: url (https://img.webme.com/pic/p/previatutoriales/img09.jpg) no-repeat izquierda 5px; } # sidebar li li gen { display: block; margin-top:-20px; padding: 0; font-size: 11px; font-style: italic; } # sidebar h2 { altura: 38px; padding-left: 30px; carta -spacing: - 0,5 píxeles; font-size: 1.8em; color: # FFFFFF; } # barra lateral p { margin: 0 0px; padding: 0px 30px 20px 30px; text-align: justify;} # sidebar a { frontera: ninguno ; color: # 7AA7DE; } # sidebar a: hover { text-decoration: underline; color: # 7AA7DE; } / * Calendario * / # {calendario } {# calendar_wrap padding: 20px; } # calendario de mesa { width: 100% ; } # calendario tbody td { text-align: center; } # # calendario de la próxima { text-align: right; } / * Pie de página * / # footer { ancho: 980px; altura: 70px; margin: auto auto 30px 0px; padding : 0px; font-family: Arial, Helvetica, sans-serif; background: url (https://img.webme.com/pic/p/previatutoriales/img07.jpg) no-repeat left top; } # footer {p margin: 0; padding-top: 30px; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center; color: # 3185EB; } # pie de página { color: # 3185EB; } la tabla {margin-left: auto; margin-right: auto;} lli.nav_element {display: none;} li.nav_element a {display: none;} h1 # title {display: none;} h2 # title período {display: none;} div.header {display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;}

TEXTO POR Encima

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! -
Diseño eco Por por estiven99999
http://www.estiven99999.es.tl
->
<html xmlns = "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv = " Content-Type "content =" text / html; charset = UTF-8 "/>
<title> por estiven99999 </ title>
<meta name="keywords" content="" />
<meta name = "description" content = "" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</ head>
<body>
<div id="cabecera">
<div id = "menu">
  <ul>
   <li> <a href="#" class="first"> TITULO </ a> </ li>
   <li class="current_page_item"> <a href="#"> TITULO </ a> </ li>
   <li> <a href="#"> TITULO </ a> </ li>
   <li> <a href="#"> TITULO </ a> </ li>
  < / ul>
</ div>
<! - end # menu ->
</ div>
<! - end # encabezado ->
<div id="logo">
<h1> <a href = " http:/ / por estiven99999.es.tl / "> Por-estiven99999 </ a> </ h1 >
<p> <em> Diseño adapted Por <a href = "http://estiven99999.es.tl/ "> por estiven99999 </ a > </ em> </ p>
</ div>
<hr />
<- end # logo ->
<div id="page">
<div id = "page-bgtop" >
  <div id="page-bgbtm">
   <-! finales # content ->
<div id="sidebar">
    <ul>
     <li>
      <h2> TITULO AQUI </ h2>
      <ul>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO < / a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO < / a> </ li>
      </ ul>
     </ li>
     <li>
      <h2> <a href="#"> TITULO </ a> AQUI </ h2>
      <ul>
       <li> <a href = " # "> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href = " # "> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
      </ ul>
     </ li>
     <li>
      <h2> <a href="#"> TITULO </ a> AQUI </ h2>
      <ul>
       <li> <a href="#"> TITULO < / a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
       <li> <a href="#"> TITULO < / a> </ li>
       <li> <a href="#"> TITULO </ a> </ li>
      </ ul>
     </ li>
    </ ul>
    </ div>

TEXTO POR DEBAJO

<-! Finales # sidebar ->
  </ div>
</ div>
</ div>
<div id="footer">
<p> © 2011 ™ Todos los Derechos Reservados. © TU WEB. | Diseño Adaptado href="http://www.estiven99999.es.tl/"> <a Por Al-estiven99999 </ a>. </ P>
</ div>
</ body>
</ html>

Sin Stylo Etiquetas

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;}

/ *
| ----------------------------------------------- --- |
| Diseño Adapta Por Al-estiven99999.es.tl |
| --------------------------------- ----------------- |
* /

body {
margin: 0px 20px 0px 0px;
padding: 0;
fondo: # 191919 url (https://img.webme.com/pic/b/by-ro0driig0o/img07.jpg ) no-repeat parte superior derecha;
font-family : Tahoma, Ginebra, sans-serif;
font-size: 11px;
color: # 3C3C3C;
}

h1, h2, h3 {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: # 549900;
}

h1 {
font-size: 44px;
}

h2 {
font-size: 18px;
}

h3 {
}

p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
}

ul, ol {
}

blockquote {
}

a {
color: # 065EFE;
}

a: hover {
text-decoration: none;
}

una img {
frontera: none;
}

img.left {
float: left;
margin: 30px 0 0 7px;
}

img.right {
float: right;
margin: 0 0 30px 7px;
}

h {
display: none;
}

. List1 {
}

. List1 li {
float: left;
line-height: normal;
}

. List1 li {img
margin: 0 30px 30px 0;
}

. List1 li.alt img {
margin-right: 0;
}

# Wrapper {
}

/ * Encabezado * /

# Header {
ancho: 950px;
altura: 70px;
margin: 0px auto;
}

/ * Menu * /

# Menu {
}

# Menu ul {
margin: 0;
padding: 0px 0px 0px 8px,
list-style: none;
line-height: normal;
}

# Menu li {
display: block;
float: left;
}

# Menu a {
display: block;
float: left;
altura: 28px;
padding: 0px 35px 30px 8px;
letter-spacing:-1px;
text-decoration: none;
text-align: center;
text-transform: minúsculas,
font- family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: # FFFFFF;
}

# Menu a: hover {
text-decoration: none;
}

# Menu {li.current_page_item
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img01.jpg ) no-repeat arriba a la izquierda;
}

# Menu {li.current_page_item un
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img02.jpg ) no-repeat parte superior derecha;
}

# Menú. Primera {
}

/ * Buscar * /

# Search {
float: right;
padding: 0px 0px 10px 10px;
}

# Formulario de búsqueda {
float: right;
margin: 0;
padding: 0px 4px 0 0;
}

# Search fieldset {
margin: 0;
padding: 0;
la frontera: none;
}

# Search input {
float: left;
de las fuentes: 12px Georgia, "Times New Roman", Times, serif;
}

# Search-text {
ancho: 213px;
altura: 28px;
padding: 0 0 6px 7px;
la frontera: none;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img02.jpg ) no-repeat arriba a la izquierda;
color: # 000000;
}

# Buscar a presentar {
ancho: 82px;
altura: 28px;
margin-left: 10px;
padding: 5px 0px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img03.jpg ) no-repeat arriba a la izquierda;
la frontera: none;
text-indent:-9999px;
color: # FFFFFF;
}

/ * Page * /

# Page {
ancho: 930px;
margin: 0px auto;
padding: 10px 10px 10px 10px;
fondo: # E1E1E1;
}

# Page-bgtop {
}

# Page-bgbtm {
overflow: hidden;
}

/ ** LOGO * /

# Logo {
ancho: 950px;
altura: 135px;
margin: 0 auto;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img03.jpg ) no-repeat left top;
}

# Logo h1, # logo {p
margin: 0px;
line-height: normal;
text-transform: minúsculas,
font-weight: normal;
color: # FFFFFF;
}

# Logotipo de p {
margin-top:-4px;
padding: 0px 0px 0px 120px;
text-transform: minúsculas;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: # 3E81FB ;
}

# Logo h1 {
padding: 0px 0px 30px 120px;
letter-spacing:-1px;
font-size: 48px;
}

# H1 {logotipo de un
text-decoration: none;
color: # FFFFFF;
}

# Logotipo {
text-decoration: none;
color: # 3E81FB;
}

# Banner {
padding-bottom: 20px;
}

/ * Contenido * /

# Content {
float: left;
ancho: 620px;
padding: 0px 0px 0px 0px;
}

/ * Mensaje * /

. Mensaje {
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img05.jpg ) repeat-y dejó la parte superior;
}

. Post-bgtop {
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img04.jpg ) no-repeat left top;
}

. Post-bgbtm {
padding: 0px 30px 20px 30px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img06.jpg ) no-repeat abajo a la izquierda;
}

. Título de la entrada {.
altura: 44px;
margin: 0px;
padding: 0px 36px 0px 0px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img11.jpg ) repeat-x a la izquierda fondo;
}

.. Después de un título {
letter-spacing:-2px;
text-decoration: none;
text-transform: minúsculas,
font-size: 36px;
color: # 424242;
}

. Título de la entrada a: hover {.
color: # 065EFE;
}

. Mensaje {meta.
margin-left: 2px;
padding: 30px 4px 2px 0px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: # 66665E;
}

.. Después de meta gen {
margin: 0px;
}

. Puesto una meta. {
text-decoration: none;
}

. Después de la entrada. {
padding: 0px 10px 0px 0px;
}

.. Enviar los comentarios {
display: block;
ancho: 120px;
altura: 18px;
margin: 0px;
padding: 0px 0px 40px 3px;
fondo: # 90BF35;
border: 1px solid # 5F817E;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: # FFFFFF;
}

/ * Sidebar * /

# Sidebar {
float: right;
ancho: 310px;
font-family: Arial, Helvetica, sans-serif;
}

# Sidebar ul {
margin: 0;
padding: 0;
de fondo: ninguno;
list-style: none;
line-height: normal;
}

# Sidebar li {
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img09.jpg ) repeat-y dejó la parte superior;
}

# Sidebar li ul {
margin: 0px 0px;
padding: 0px 0px 20px 0px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img10.jpg ) no-repeat abajo a la izquierda;
}

# Sidebar li li {
margin: 20px 30px 20px-30px;
padding: 0px 8px 8px 10px;
border-bottom: 1px solid # E0E0E0;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img1.jpg ) no-repeat dejó 13px;
}

# Sidebar li li a {
font-weight: normal;
}

# Sidebar li li a: hover {
color: # 065EFE;
}

# Barra lateral p {
margin: 0;
padding: 0px 14px;
}

# Sidebar h2 {
altura: 50px;
margin: 0px;
padding: 0px 30px 13px 30px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/img08.jpg ) no-repeat arriba a la izquierda ;
letter-spacing:-1px;
transformación de texto-: en minúsculas;
font-size: 24px;
:; font-peso normal
# 424242;: color
}

# Barra lateral p {
line-height: 200%;
}

# Sidebar a {
text-align: left;
text-decoration: none;
font-weight: bold;
color: # 666666;
}

/ * Calendario * /

# Calendario {
}

# Calendario caption {
padding-bottom: 5px;
font-weight: bold;
}

# Calendario de mesa {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid # 24130F;
border-left: 1px solid # 24130F;
border-right: 1px solid # 24130F;
}

# Calendario thead pa {
padding: 5px 0;
text-align: center;
border-top: 1px solid # 24130F;
border-left: 1px solid # 24130F;
fondo: # 24130F;
}

# Calendario tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid # 24130F;
border-left: 1px solid # 24130F;
border-bottom: 1px solid # 24130F;
}

# Calendario tfoot td {
padding: 5px;
border-left: 1px solid # 24130F;
border-bottom: 1px solid # 24130F;
}

# # El próximo calendario de tfoot {
border-top: 1px solid # 24130F;
text-align: right;
}

# # Tfoot calendario anterior {
border-top: 1px solid # 24130F;
}

. Calendario de la almohadilla # {
border-bottom: 1px solid # 24130F;
}

# # Calendario de hoy {
background: # 24130F;
}

/ * Pie de página * /

# Footer {
ancho: 920px;
height: 100px;
margin: 0 auto;
padding: 0;
}

# Footer-bgcontent {
}

P # footer {
margin: 0;
padding: 0px 30px 0px 0px;
text-align: center;
line-height: normal;
font-size: 11px;
}

Un pie de página # {
}

la tabla {margin-left: auto; margin-right: auto;} lli.nav_element {display: none;} li.nav_element a {display: none;} h1 # title {display: none;} h2 # title período {display: none;} div.header {display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;}

TEXTO POR ARRIBA

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! -
Diseño adapted Por por ro0driig0o
->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name = "description" content = "" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Al-estiven99999 </ title>
<link href = "style.css" rel = "stylesheet" type = "text / css" media = "screen" />
<style type="text/css">
<-!
Estilo1 {color: # 99CC99}.
->
</ style>
</ head>
<body>
<div id="wrapper">
<div id="header-wrapper">
  <div id="cabecera">
   <div id="logo">
    <h1 align="justify"> <a href = "#"> por estiven99999 </ a> </ h1>
    <p Diseño Adapta Por <a href = "http://www.estiven99999.es.tl/" objetivo = "_blank" class = "Estilo1"> Por-estiven99999 </ a> </ p>
   </ div>
   <div id="menu">
    <ul>
     <li class="current_page_item"> <a href = "# "> TITULO </ a> </ li>
     <li> <a href="#"> TITULO </ a> </ li>
     <li> <a href="#"> TITULO </ a> </ li >
     <li>
       <div align="justify"> <a href="#"> TITULO </ a> </ div>
     </ li>
    </ ul>
   </ div>
  </ div>
</ div>
< ! - end # header ->
<div id="page">
  <div id="page-bgtop">
   <div id="page-bgbtm">
    <div id="contenido">
     <div style = " clear: both; "> </ div>
     </ div>
    <- final # content ->
    <div id="sidebar">
     <ul>
      <li>
       <div id="search">
        <form method = "get" action = "#">
         <div
          <input type="text" name="s" id="search-text" />
          <nombre de entrada = "Enviar" type = "submit" id = " la búsqueda a presentar "value =" Buscar "/>
         </ div>
        </ form>
       </ div>
       <div style="text-align: both;"> </ div>
      </ li>
      <li>
       <h2> TITULO AQUI </ h2>
       AQUI ESCRIBE <p> Sobre TU WEB </ p>
      </ li>
      <li>
       <h2> TITULO AQUI </ h2>
       <ul>
        <li> <a href="#"> TITULO < / a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO < / a> </ li>
       </ ul>
      </ li>
      <li>
       <h2> titulo aqui </ h2>
       <ul>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href = "#" > TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
       </ ul>
      </ li>
      <li>
       <h2> TITULO AQUI </ h2>
       <ul>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href = "#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a <> / li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
       </ ul>
      </ li >
     </ ul>
     </ div>

TEXTO POR DEBAJO

<-! Finales # sidebar ->
    <div style="text-align: both;"> </ div>
   </ div>
  </ div>
</ div>
<! - end # página ->
< div id = "footer">
  <p> © 2011 ™ Todos los Derechos Reservados. © estiven99999. | Diseño Adaptado por: <a href="http://estiven99999.es.tl/" target="_blank"> Al-estiven99999 </ a> </ p>
</ div>
</ div>
</ body>
</ html>

SIN ETIQUETAS STILO

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;}

/ *
| ----------------------------------------------- --- |
| Diseño Adapta Por Al-estiven99999.es.tl |
| --------------------------------- ----------------- |
* /

body {
margin: 0;
padding: 0;
fondo: # 202020;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: # 6F6F6F;
}

h1, h2, h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: Impacto, Arial, Helvetica, sans-serif;
font-weight: normal;
color: # 2B2522;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 2.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: underline;
color: # D93544;
}

a: hover {
text-decoration: none;
}

# Wrapper {
ancho: 1000px;
margin: 0 auto;
padding: 0;
de fondo: # 000000;
}

/ * Encabezado * /

# Header-wrapper {
altura: 120px;
}

# Header {
ancho: 1000px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}

/ * Logo * /

Logo # {
float: left;
ancho: 350px;
margin: 0;
padding: 0;
color: # 000000;
}

# Logo h1, # logo {p
}

# Logo h1 {
margin-left: 30px;
padding: 0px 20px 0px 0px;
letter-spacing:-1px;
text-transform: uppercase;
font-family: Impacto, Arial, Helvetica, sans-serif;
font-size: 3.8em ;
font-weight: normal;
color: # FA9F0A;
}

H1 # logotipo {
color: # FA9F0A;
}

# Logo h1 {período
}

# Logotipo de p {
margin: 0;
padding: 0px 32px 0 0;
fuente: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: # BEBEBE;
}

# Logotipo {
frontera: none;
de fondo: ninguno;
text-decoration: none;
color: # 707070;
}

/ * Buscar * /

# Search {
float: right;
ancho: 280px;
altura: 60px;
padding: 0px 20px 0px 0px;
}

# Formulario de búsqueda {
altura: 41px;
margin: 0;
padding: 10px 0 0 0px;
}

# Search fieldset {
margin: 0;
padding: 0;
la frontera: none;
}

# Search-text {
ancho: 170px;
altura: 19px;
padding: 4px 5px 1px 5px;
la frontera: none;
fondo: # FFFFFF;
text-transform: minúsculas,
tipo de letra: Arial normal de 11px, Helvetica, sans-serif;
color: # 5D781D;
}

# Buscar a presentar {
ancho: 50px;
altura: 26px;
la frontera: none;
fondo: # D93544;
color: # FFFFFF;
}

/ * Menu * /

# Menu {
float: right;
altura: 125px;
margin: 0 auto;
padding: 0;
fondo: # D43442;
}

# Menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}

# Menu li {
float: left;
border-left: 1px solid # EC4E63;
}

# Menu a {
display: block;
altura: 80px;
padding: 45px 25px 25px 0px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: Impacto, Arial, Helvetica, sans-serif ;
font-size: 26px;
font-weight: normal;
color: # FFFFFF;
la frontera: none;
}

# Menu a: hover, # menu current_page_item uno. {
text-decoration: none;
}

# Menu. Current_page_item a {
}

/ * Page * /

# Page {
ancho: 980px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}

# Page-bgtop {
padding: 20px 0px;
}
/ * Contenido * /

# Content {
float: left;
ancho: 600px;
padding: 0px 0px 40px 20px;
}

. Mensaje {
margin-bottom: 30px;
padding: 30px 20px 20px 20px;
fondo: # 212121;
border: 1px dashed # 000000;
}

. Título de la entrada. {
altura: 41px;
padding: 0px 0px 0px 0px;
letter-spacing:-1px;
}

. Después de un título {.
text-decoration: none;
color: # FFFFFF;
la frontera: none;
}

.. Después de la entrada {
padding: 20px 30px 20px 30px;
padding-bottom: 20px;
text-align: justify;
}

.. Después de carril {
clear: both;
overflow: hidden;
padding-bottom: 20px;
}

. Después de meta. {
float: left;
}

Publicar enlaces. {
float: right;
}

. Enlaces a {
}

/ * Sidebar * /

# Sidebar {
float: right;
ancho: 300px;
margin: 0px;
padding: 20px 20px 0px 0px;
}

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

# Sidebar li {
margin: 0;
padding: 0;
}

# Sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}

# Sidebar li li {
line-height: 35px;
border-bottom: 1px dashed # 191919;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/im1.jpg) no-repeat a la izquierda 15px;
margin: 0px 0px 20px 20px;
border-left: none;
text-align: left;
}

# Sidebar li li gen {
display: block;
margin-top:-20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

# Sidebar li li a {
padding: 0px 0px 0px 15px;
}

# Sidebar h2 {
altura: 31px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 20px;
background: url (images/img03.jpg) no-repeat left top;
text-shadow: 1px 2px # 203060-1px;
texto -align: left;
text-transform: uppercase;
letter-spacing: - 0,5 píxeles;
font-size: 2em;
color: # FFFFFF;
}

# Barra lateral p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
color: # 847F7E;
}

# Sidebar a {
frontera: none;
color: # 847F7E;
}

# Sidebar a: hover {
text-decoration: underline;
color: # 847F7E;
}

/ * Calendario * /

# Calendario {
}

# Calendar_wrap {
padding: 20px;
}

# Calendario de mesa {
width: 100%;
}

# Calendario tbody td {
text-align: center;
}

# # Calendario de la próxima {
text-align: right;
}

/ * Pie de página * /

# Footer {
ancho: 980px;
altura: 50px;
margin: 0 auto;
padding: 0px 15px 0 0;
font-family: Arial, Helvetica, sans-serif;
}

P # footer {
margin: 0;
line-height: normal;
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: # 847F7E;
}

# Un pie de página {
color: # 847F7E;
}

la tabla {margin-left: auto; margin-right: auto;} lli.nav_element {display: none;} li.nav_element a {display: none;} h1 # title {display: none;} h2 # title período {display: none;} div.header {display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;}

TEXTO POR ARRIBA

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! -
Diseño adapted por bulerías por estiven99999
http://www.estiven99999.es.tl/
->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name = "palabras clave "content =" "/>
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Programa por Free CSS Templates </ title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</ head>
<body>
<div id = "contenedor" >
<div id="header-wrapper">
  <div id="cabecera">
   <div id="logo">
    <h1> <a href="#"> Al-estiven99999 </ a> </ h1>
    < p> <a Diseño Adaptado Por href="http://www.estiven99999.es.tl/"> Al-estiven99999 </ a> </ p>
   </ div>
   <div id = "menu" >
    <ul>
     <li class="current_page_item"> <a href="#"> TITULO </ a> </ li>
     <li> <a href="#"> TITULO </ a> </ li>
     < li> <a href="#"> TITULO </ a> </ li>
     <li> <a href="#"> TITULO </ a> </ li>
     <li> <a href="#"> TITULO </ a> </ li>
    </ ul>
   </ div>
  </ div>
</ div>
<! - end # encabezado ->
<div id="page">
  <div id = "page- bgtop ">
   <div id="page-bgbtm">
    <-! finales # content ->
<div id="sidebar">
     <ul>
      <li>
       <div id="search">
        <= método de formulario " get "action =" # ">
         <div
          <input type="text" name="s" id="search-text" value="" />
          <input type = "submit" id = "buscar a presentar" value = "Buscar" />
         </ div>
        </ form>
       </ div>
       <div style="text-align: both;"> </ div>
      </ li>
      <li>
       <h2> AQUI TITULO </ h2>
       ESCRIBE AQUI TU <p> Sobre WEB. estiven99999 </ p>
      </ li>
      <li>
       <h2> TITULO AQUI </ h2>
       <ul>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> < a href = "#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
       </ ul>
      </ li>
      <li>
       <h2> TITULO AQUI </ h2>
       <ul>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        < li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
       </ ul>
      </ li>
      <li>
       <h2> TITULO AQUI </ h2>
       <ul>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
        <li> <a href = " # "> TITULO </ a> </ li>
        <li> <a href="#"> TITULO </ a> </ li>
       </ ul>
      </ li>
     </ ul>
     </ div>

TEXTO POR DEBAJO

    <-! Finales # sidebar ->
    <div style="text-align: both;"> </ div>
   </ div>
  </ div>
</ div>
<! - end # página ->
< / div>
<div id="footer">
<p> © 2011 ™ de Lago Todos Los Derechos Reservados. © estiven99999. | Diseño Adaptado por: href="http://estiven99999.es.tl/"> <a Al-estiven99999 </ a> </ p>
</ div>
</ body>
</ html>

SIN ETIQUETAS STILO

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;}

/ *
| ----------------------------------------------- --- |
| Diseño Adaptado Por Al-estiven99999.es.tl |
| --------------------------------- ----------------- |
* /

body {
margin: 0;
padding: 0;
fondo: # 0F162C;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: # 3C3D3F;
}

h1, h2, h3 {
margin: 0;
padding: 0;
font-weight: normal;
color: # FF3000;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 2.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: underline;
color: # 2E458A;
}

a: hover {
text-decoration: none;
}

# Wrapper {
margin: 0 auto;
padding: 0;
}

/ * Encabezado * /

# Header-wrapper {
height: 100px;
fondo: # 0D1326;
border-top: 4px sólida # 3855A8;
}

# Header {
ancho: 1000px;
margin: 0 auto;
padding: 0px;
}

/ * Logo * /

Logo # {
float: left;
ancho: 350px;
margin: 0;
padding: 0;
color: # 000000;
}

# Logo h1, # logo {p
}

# Logo h1 {
margin-left: 30px;
padding: 0px 0px 0px 0px;
letter-spacing:-1px;
text-transform: minúsculas,
font-size: 3.8em;
color: # FF3000;
}

H1 # logotipo {
color: # FFFFFF;
}

# Logo h1 {período
}

# Logotipo de p {
margin: 0;
padding: 0px 32px 0 0;
fuente: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: # FFFFFF;
}

# Logotipo {
frontera: none;
de fondo: ninguno;
text-decoration: none;
color: # FFFFFF;
}

/ * Buscar * /

# Search {
float: right;
ancho: 280px;
altura: 60px;
padding: 0px 20px 0px 0px;
}

# Formulario de búsqueda {
altura: 41px;
margin: 0;
padding: 10px 0 0 20px;
}

# Search fieldset {
margin: 0;
padding: 0;
la frontera: none;
}

# Search-text {
ancho: 170px;
altura: 19px;
padding: 4px 5px 1px 5px;
border: 1px solid # Dedede;
fondo: # FFFFFF;
text-transform: minúsculas,
tipo de letra: Arial normal de 11px, Helvetica, sans-serif;
color: # 5D781D;
}

# Buscar a presentar {
ancho: 50px;
altura: 26px;
la frontera: none;
fondo: # 2E458A;
color: # FFFFFF;
}

/ * Menu * /

# Menu {
float: right;
altura: 125px;
margin: 0 auto;
padding: 0;
}

# Menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}

# Menu li {
float: left;
}

# Menu a {
display: block;
padding: 20px 20px 14px 20px;
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal ;
color: # FFFFFF;
la frontera: none;
}

# Menu a: hover, # menu {current_page_item uno.
background: url (https://img.webme.com/pic/b/by-ro0driig0o/im03.gif) no-repeat parte superior central;
text-decoration: none;
}

# Menu {current_page_item uno.
background: url (https://img.webme.com/pic/b/by-ro0driig0o/im03.gif) no-repeat parte superior central;
}

/ * Page * /

# Page {
ancho: 980px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}

# Page-bgtop {
padding: 20px 0px;
}
/ * Contenido * /

# Content {
float: left;
ancho: 560px;
padding: 30px 40px 30px 0px;
background: # FFFFFF;
}

. Mensaje {
margin-bottom: 30px;
border-bottom: 1px solid # D1D9F0;
}

. Título de la entrada. {
altura: 41px;
padding: 0px 0px 0px 0px;
letter-spacing:-1px;
}

. Después de un título {.
text-decoration: none;
color: # 293D75;
la frontera: none;
}

. Después de la entrada {.
background: url (https://img.webme.com/pic/b/by-ro0driig0o/im04.gif) no-repeat izquierda 30px;
padding: 20px 30px 20px 30px;
padding-bottom: 20px;
text-align: justify;
}

.. Después de carril {
clear: both;
overflow: hidden;
padding-bottom: 20px;
}

. Después de meta. {
float: left;
}

Publicar enlaces. {
float: right;
}

. Enlaces a {
}

/ * Sidebar * /

# Sidebar {
float: right;
ancho: 280px;
margin: 0px;
padding: 0px 20px 0px 0px;
}

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

# Sidebar li {
margin: 0;
padding: 0;
}

# Sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}

# Sidebar li li {
line-height: 35px;
border-bottom: 1px solid # 172244;
margin: 0px 0px 20px 20px;
border-left: none;
text-align: left;
}

# Sidebar li li gen {
display: block;
margin-top:-20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

# Sidebar li li a {
padding: 0px 0px 0px 15px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/im01.gif) no-repeat dejó 5px;
}

# Sidebar h2 {
altura: 30px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 4px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/im02.gif) repeat- x superior izquierda;
text-shadow: 1px 2px # 203060-1px;
texto alineación: izquierda,
text-transform: uppercase;
letter-spacing: - 0,5 píxeles;
font-size:; 1em
: # FFFFFF; el color
}

# Barra lateral p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
color: # 8CA0D9;
}

# Sidebar a {
frontera: none;
color: # 8CA0D9;
}

# Sidebar a: hover {
text-decoration: underline;
color: # 8CA0D9;
}

/ * Calendario * /

# Calendario {
}

# Calendar_wrap {
padding: 20px;
}

# Calendario de mesa {
width: 100%;
}

# Calendario tbody td {
text-align: center;
}

# # Calendario de la próxima {
text-align: right;
}

/ * Pie de página * /

# Footer {
altura: 50px;
margin: 0 auto;
padding: 0px 15px 0 0;
fondo: # 0D1326;
font-family: Arial, Helvetica, sans-serif;
}

P # footer {
margin: 0;
padding-top: 20px;
line-height: normal;
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: # 3A58AE;
}

# Un pie de página {
color: # 3A58AE;
}

la tabla {margin-left: auto; margin-right: auto;} lli.nav_element {display: none;} li.nav_element a {display: none;} h1 # title {display: none;} h2 # title período {display: none;} div.header {display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;}

TEXTO POR ARRIBA

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! -
Diseño adapted Por por estiven99999
http://www.estiven99999.es.tl/
->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />
Al-<title> estiven99999 </ title>
<meta name="keywords" content="" />
<meta name = "description" content = "" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</ head>
<body>
<div id="logo">
  < h1> <a href="#"> Al-estiven99999 </ a> </ h1>
  <div id="menu">
          <ul>
            <li> href="#" class="first"> MENÚ < / a> </ li>
            <li class="current_page_item"> <a href="#"> MENÚ </ a> </ li>
            <li> <a href="#"> MENÚ </ a> </ li>
            <li> <a href="#"> MENÚ </ a> </ li>
          </ ul>
   </ div>
  <p> <em> Diseño adapted Por <a href = "http:// por estiven99999.es.tl / "> por estiven99999 </ a> </ em> </ p>
</ div>
<hr />
<- end # logo ->
<- end # cabecera ->
    <- end # header-wrapper ->
<div id="page">
  <-! finales # content ->
<div id="sidebar">
   <ul>
    <li>
     <h2> MENÚ </ h2>
     AQUI ESCRIBE <p> Todo sobre TU WEB.Al-estiven99999 </ p>
    </ li>
    <li>
     <h2> MENÚ </ h2>
     <ul>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href = "#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a > </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href = "#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
     </ ul>
    </ li>
    <li>
     <h2> MENÚ </ h2>
     <ul>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO < / a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO < / a> </ li>
     </ ul>
    </ li>
   </ ul>
</ div>

TEXTO POR DEBAJO

<-! Finales # sidebar ->
  <div style="text-align: both;"> </ div>
</ div>
<! - end # página ->
<div id="footer">
  < p> Diseño Adaptado href="http://estiven99999.es.tl/"> <a Por Al-estiven99999 </ a> |. Todos los Derechos Reservados </ a> </ p>
</ div>
< ! - end # pie de página ->
</ body>
</ html>

SIN ETIQUETAS STILO

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;}

/ *
| ----------------------------------------------- --- |
| Diseño Adapta Por Al-estiven99999.es.tl |
| --------------------------------- ----------------- |
* /

body {
margin: 0px;
padding: 0;
fondo: # 3C424C url (https://img.webme.com/pic/b/by-ro0driig0o/i01.jpg) repeat-x a la izquierda superior;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: # 464646;
}

h1, h2, h3 {
margin: 0;
text-transform: uppercase;
font-weight: normal;
color: # 549900;
}

h1 {font-size: 44px;}

h2 {font-size: 18px;}

h3 {}

p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
}

ul, ol {}

blockquote {}

a {color: # 639CBF;}

a: hover {text-decoration: none;}

una img {
frontera: none;
}

img.left {
float: left;
margin: 30px 0 0 7px;
}

img.right {
float: right;
margin: 0 0 30px 7px;
}

h {display: none;}

. List1 {
}

. List1 li {
float: left;
line-height: normal;
}

. List1 li {img
margin: 0 30px 30px 0;
}

. List1 li.alt img {
margin-right: 0;
}

# Wrapper {
}

/ * Encabezado * /

# Header-wrapper {
}

# Header {
ancho: 980px;
altura: 50px;
margin: 0 auto;
padding: 0px;
}

/ ** LOGO * /

# Logo {
ancho: 980px;
altura: 140px;
margin: 0 auto;
padding: 0px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i02.jpg) no-repeat a la izquierda la parte superior;
}

# Logo h1, # logo {p
margin: 0px;
line-height: normal;
text-transform: minúsculas,
font-weight: normal;
color: # FFFFFF;
}

# Logotipo de p {
margin-top:-4px;
text-transform: minúsculas,
font-size: 13px;
color: # F6F9FB;
}

# Logo h1 {
font-size: 48px;
}

# Logotipo {
text-decoration: none;
color: # F6F9FB;
}

# H1 {logotipo de un
text-decoration: none;
color: # FFFFFF;
}

/ * Menu * /

# Menu {
float: left;
ancho: 600px;
altura: 50px;
}

# Menu ul {
margin: 0;
padding: 0px;
list-style: none;
line-height: normal;
}

# Menu li {
display: block;
float: left;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i04.jpg) no-repeat left top;
}

# Menu a {
display: block;
float: left;
altura: 32px;
padding: 12px 20px 0px 20px;
letter-spacing:-1px;
text-decoration: none;
text-align: center;
text-transform: minúsculas,
font- family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: # 515F6B;
}

# Menu a: hover {
text-decoration: none;
}

# Menu. Current_page_item a {
}

# Menu. Primero {
}
/ * Buscar * /

# Search {
float: right;
ancho: 240px;
padding: 0px 0px 10px 10px;
}

# Formulario de búsqueda {
float: right;
margin: 0;
padding: 0px 4px 0 0;
}

# Search fieldset {
margin: 0;
padding: 0;
la frontera: none;
}

# Search input {
float: left;
de las fuentes: 12px Georgia, "Times New Roman", Times, serif;
}

# Search-text {
ancho: 150px;
altura: 18px;
padding: 3px 0 0 5px;
la frontera: none;
fondo: # 3C424C;
color: # FFFFFF;
}

# Buscar a presentar {
altura: 21px;
margin-left: 10px;
padding: 5px 0px;
background: # 2A4345;
la frontera: none;
color: # FFFFFF;
}

/ * Page * /

# Page {
ancho: 940px;
margin: 0 auto;
padding: 20px 20px 20px 0px;
background: # C1D6E2 url (https://img.webme.com/pic/b/by-ro0driig0o/i03.jpg) repeat-x abajo a la izquierda;
}

# Banner {
padding-bottom: 20px;
}

/ * Contenido * /

# Content {
float: left;
ancho: 620px;
}

/ * Mensaje * /

. Mensaje {
ancho: 580px;
margin-bottom: 20px;
padding: 20px 20px;
fondo: # FFFFFF;
border: solid 1px # 8D9AB0;
}

. Título de la entrada. {
altura: 44px;
}

. Después de un título {.
text-decoration: none;
text-transform: aprovechar;
font-size: 30px;
color: # 238EC6;
}

. Puesto. Fecha de {
}

. Mensaje {meta.
altura: 32px;
margin-top: 10px-;
margin-left: 2px;
padding: 30px 4px 2px 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size : 10px;
color: # 66665E;
}

. Mensaje lapso de meta. {
display: block;
margin-top: 10px-;
}

. Mensaje. Una meta {}

.. Después de la entrada {
border-top: 1px solid # E0E0E0;
padding: 10px 0px;
}

.. Puesto enlaces {
background: # 90BF35;
border: 1px solid # 5F817E;
}

.. Puesto enlaces {
display: block;
ancho: 120px;
altura: 18px;
margin: 0px 0px 0px 4px;
padding: 0px 0px 40px 3px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
fuente -size: 11px;
text-decoration: none;
font-weight: bold;
color: # FFFFFF;
}

.. Enviar los comentarios {
display: block;
ancho: 120px;
altura: 18px;
margin: 0px;
padding: 0px 0px 40px 3px;
fondo: # 90BF35;
border: 1px solid # 5F817E;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: # FFFFFF;
}

/ * Sidebar * /

# Sidebar {
float: right;
ancho: 280px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

# Sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
la frontera: none;
}

# Sidebar li {
margin-bottom: 20px;
padding: 10px 10px 10px 10px;
fondo: # FFFFFF;
border: 1px solid # 8D9AB0;
}

# Sidebar li ul {
margin: 0px 0px;
la frontera: none;
}

# Sidebar li li {
margin: 0;
padding: 0px 10px;
la frontera: none;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i06.jpg) repeat-x abajo a la izquierda;
}

# Sidebar li li a {
padding: 0px 0px 0px 30px;
font-weight: normal;
la frontera: none;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i07.jpg) no -repite 15px 4px;
}

# Sidebar li li a: hover {
color: # 666666;
}

# Barra lateral p {
margin: 0;
padding: 0px 14px;
}

# Sidebar h2 {
altura: 32px;
margin: 0 0 10px 0px;
padding: 0 2px 15px 8px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i05.jpg) repeat- x superior izquierda;
transformar el texto-: aprovechar;
font-size: 18px;
font-weight: normal;
color: # FFFFFF;
}

# Barra lateral p {
line-height: 200%;
}

# Sidebar a {
text-align: left;
text-decoration: none;
font-weight: bold;
color: # 666666;
}

/ * Calendario * /

# Calendario {
}

# Calendario caption {
padding-bottom: 5px;
font-weight: bold;
}

# Calendario de mesa {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid # 24130F;
border-left: 1px solid # 24130F;
border-right: 1px solid # 24130F;
}

# Calendario thead pa {
padding: 5px 0;
text-align: center;
border-top: 1px solid # 24130F;
border-left: 1px solid # 24130F;
fondo: # 24130F;
}

# Calendario tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid # 24130F;
border-left: 1px solid # 24130F;
border-bottom: 1px solid # 24130F;
}

# Calendario tfoot td {
padding: 5px;
border-left: 1px solid # 24130F;
border-bottom: 1px solid # 24130F;
}

# # El próximo calendario de tfoot {
border-top: 1px solid # 24130F;
text-align: right;
}

# # Tfoot calendario anterior {
border-top: 1px solid # 24130F;
}

. Calendario de la almohadilla # {
border-bottom: 1px solid # 24130F;
}

# # Calendario de hoy {
background: # 24130F;
}

/ * Pie de página * /

# Footer {
width: 960px;
height: 100px;
margin: 0 auto;
padding: 0;
}

# Footer-bgcontent {
}

P # footer {
margin: 0;
padding: 0px 30px 0px 0px;
text-align: center;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
color: # C7DAE5;
}

Un pie de página # {
}

la tabla {margin-left: auto; margin-right: auto;} lli.nav_element {display: none;} li.nav_element a {display: none;} h1 # title {display: none;} h2 # title período {display: none;} div.header {display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;}

TEXTO POR ARRIBA

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! -
Diseño adapted Por por estiven99999
http://www.estiven99999.es.tl/
->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />
Al-<title> estiven99999 </ title>
<meta name="keywords" content="" />
<meta name = "description" content = "" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<style type="text/css">
<-
. Estilo1 {color: # 0033FF}
->
</ style>
</ head>
<body>
   <div id="logo">
        <h1> <a href="#"> Al-estiven99999 </ a> </ h1>
        <p> <em> Diseño Adaptado Por href="http://estiven99999.es.tl/"> <a Al-estiven99999 </ a> </ em> </ p>
   </ div>
   < hr />
   <! - end # logo ->
   <div id="cabecera">
        <div id="menu">
            <ul>
                <li> href="#" class="first"> MENÚ < / a> </ li>
                <li class="current_page_item"> <a href="#"> MENÚ </ a> </ li>
                <li> <a href="#"> MENÚ </ a> </ li>
                <li> <a href="#"> MENÚ </ a> </ li>
            </ ul>
        </ div>
        <! - end # menu ->
        <div id="search"> </ div>
        <! - # end de búsqueda ->
   </ div>
   <! - end # header ->
   <- end # header-wrapper ->
   <div id="page">
        <! - poner fin a # content ->
<div id="sidebar">
<ul>
                <li>
                    <h2> MENÚ </ h2>
                    ESCRIBE AQUI <p> ALGO TU WEB subregión <a href = "http://estiven99999. es.tl / "class =" Estilo1 "> Por-estiven99999 </ a> </ p>
        </ li>
                <li>
                    <h2> MENÚ </ h2>
                    <ul>
                        <li> <a href = "#" > TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href = "#" > TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                    </ ul>
                </ li>
                <li>
                    <h2> MENÚ </ h2>
                    <ul>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href = " # "> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href = " # "> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                        <li> <a href="#"> TITULO </ a> </ li>
                    </ ul>
                </ li>
            </ ul>
        </ div>

TEXTO POR DEBAJO

        <-! Finales # sidebar ->
        <div style="text-align: both;"> </ div>
</ div>
    <! - end # página ->
    <div id="footer">
        < p> © 2011 ™ Todos los Derechos Reservados. © estiven99999. | Diseño Adaptado por: href="http://estiven99999.es.tl/"> <a Al-estiven99999 </ a> </ p>
    </ div>
    <! - end # pie de página ->
< / body>
</ html>

SIN ETIQUETAS STILO

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;}

/ *
| ----------------------------------------------- --- |
| Diseño Adapta Por Al-estiven99999.es.tl |
| --------------------------------- ----------------- |
* /

body {
margin: 0px;
padding: 0px;
background: # url E7E3CE (https://img.webme.com/pic/b/by-ro0driig0o/i1.jpg) repeat-x a la izquierda superior;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: # 464646;
}

h1, h2, h3 {
margin: 0;
text-transform: uppercase;
font-weight: normal;
color: # 573D26;
}

h1 {font-size: 44px;}

h2 {font-size: 18px;}

h3 {}

p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
}

ul, ol {}

blockquote {}

a {color: # 639CBF;}

a: hover {text-decoration: none;}

una img {
frontera: none;
}

img.left {
float: left;
margin: 30px 0 0 7px;
}

img.right {
float: right;
margin: 0 0 30px 7px;
}

h {display: none;}

. List1 {
}

. List1 li {
float: left;
line-height: normal;
}

. List1 li {img
margin: 0 30px 30px 0;
}

. List1 li.alt img {
margin-right: 0;
}

# Wrapper {
}

/ * Encabezado * /

# Header-wrapper {
}

# Header {
ancho: 1000px;
altura: 50px;
margin: 0 auto;
padding: 0px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i4.jpg) no-repeat izquierda la parte superior;
}

/ ** LOGO * /

# Logo {
ancho: 980px;
altura: 200px;
margin: 0 auto;
padding: 0px 0px 0px 20px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i2.jpg) no -repite la parte superior izquierda;
}

# Logo h1, # logo {p
margin: 0px;
line-height: normal;
text-transform: minúsculas,
font-weight: normal;
color: # FFFFFF;
}

# Logotipo de p {
margin-top:-4px;
text-transform: minúsculas,
font-size: 13px;
color: # A38E7C;
}

# Logo h1 {
padding-top: 70px;
font-size: 48px;
}

# Logotipo {
text-decoration: none;
color: # A38E7C;
}

# H1 {logotipo de un
text-decoration: none;
color: # 573D26;
}

/ * Menu * /

# Menu {
float: left;
ancho: 600px;
altura: 35px;
padding-top: 15px;
}

# Menu ul {
margin: 0;
padding: 0px;
list-style: none;
line-height: normal;
}

# Menu li {
display: block;
float: left;
}

# Menu a {
display: block;
float: left;
padding: 20px 6px;
letter-spacing:-1px;
text-decoration: none;
text-align: center;
text-transform: minúsculas;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: # 573D26;
}

# Menu a: hover {
text-decoration: none;
}

# Menu current_page_item uno. {
background: # 573D26;
color: # FFFFFF;
}

# Menu. Primero {
}
/ * Buscar * /

# Search {
float: right;
ancho: 240px;
padding: 10px 30px 0px 0px;
}

# Formulario de búsqueda {
float: right;
margin: 0;
padding: 0px 4px 0 0;
}

# Search fieldset {
margin: 0;
padding: 0;
la frontera: none;
}

# Search input {
float: left;
de las fuentes: 12px Georgia, "Times New Roman", Times, serif;
}

# Search-text {
ancho: 150px;
altura: 18px;
padding: 3px 0 0 5px;
la frontera: none;
fondo: # FFFFFF;
border: 1px solid # B9B6A5;
color: # FFFFFF;
}

# Buscar a presentar {
altura: 21px;
margin-left: 10px;
padding: 5px 0px;
background: # 573D26;
la frontera: none;
color: # FFFFFF;
}

/ * Page * /

# Page {
width: 960px;
margin: 0 auto;
padding: 20px 20px 0px 20px;
}

# Banner {
padding-bottom: 20px;
}

/ * Contenido * /

# Content {
float: left;
ancho: 620px;
}

/ * Mensaje * /

. Mensaje {
ancho: 580px;
margin-bottom: 20px;
padding: 20px 20px;
border: 1px dashed # B9B6A5;
}

. Mensaje. {Título
}

. Después de un título {.
text-decoration: none;
text-transform: aprovechar;
font-size: 30px;
color: # 4A7173;
}

. Puesto. Fecha de {
}

. Mensaje {meta.
altura: 32px;
margin-top: 10px-;
margin-left: 2px;
padding: 30px 4px 2px 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size : 10px;
color: # 85B1C2;
}

. Mensaje lapso de meta. {
display: block;
margin-top: 10px-;
}

. Mensaje. Una meta {}

.. Después de la entrada {
border-top: 1px solid # E0E0E0;
padding: 10px 0px;
}

.. Puesto enlaces {
background: # 90BF35;
border: 1px solid # 5F817E;
}

.. Puesto enlaces {
display: block;
ancho: 120px;
altura: 18px;
margin: 0px 0px 0px 4px;
padding: 0px 0px 40px 3px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
fuente -size: 11px;
text-decoration: none;
font-weight: bold;
color: # FFFFFF;
}

.. Enviar los comentarios {
display: block;
ancho: 120px;
altura: 18px;
margin: 0px;
padding: 0px 0px 40px 3px;
fondo: # 90BF35;
border: 1px solid # 5F817E;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: # FFFFFF;
}

/ * Sidebar * /

# Sidebar {
float: right;
ancho: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

# Sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
la frontera: none;
}

# Sidebar li {
margin-bottom: 20px;
padding: 0px 0px 0px 40px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i6.jpg) repeat-y dejó la parte superior;
}

# Sidebar li ul {
margin: 0px 0px;
la frontera: none;
de fondo: none;
}

# Sidebar li li {
margin: 0px 40px;
padding: 0px 10px;
la frontera: none;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i7.jpg) repeat-x abajo a la izquierda ;
}

# Sidebar li li a {
padding: 0px 0px 0px 0px;
font-weight: normal;
la frontera: none;
}

# Sidebar li li a: hover {
color: # 666666;
}

# Barra lateral p {
margin: 0;
padding: 0px 40px;
}

# Sidebar h2 {
altura: 20px;
margin: 0 0 20px 0px;
padding: 0px 0px 30px 40px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i5.jpg) sin repita la parte superior izquierda;
text-transform: aprovechar;
font-size: 18px;
font-weight: normal;
color: # 573D26;
}

# Barra lateral p {
line-height: 200%;
}

# Sidebar a {
text-align: left;
text-decoration: none;
font-weight: bold;
color: # 666666;
}

/ * Calendario * /

# Calendario {
}

# Calendario caption {
padding-bottom: 5px;
font-weight: bold;
}

# Calendario de mesa {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid # 24130F;
border-left: 1px solid # 24130F;
border-right: 1px solid # 24130F;
}

# Calendario thead pa {
padding: 5px 0;
text-align: center;
border-top: 1px solid # 24130F;
border-left: 1px solid # 24130F;
fondo: # 24130F;
}

# Calendario tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid # 24130F;
border-left: 1px solid # 24130F;
border-bottom: 1px solid # 24130F;
}

# Calendario tfoot td {
padding: 5px;
border-left: 1px solid # 24130F;
border-bottom: 1px solid # 24130F;
}

# # El próximo calendario de tfoot {
border-top: 1px solid # 24130F;
text-align: right;
}

# # Tfoot calendario anterior {
border-top: 1px solid # 24130F;
}

. Calendario de la almohadilla # {
border-bottom: 1px solid # 24130F;
}

# # Calendario de hoy {
background: # 24130F;
}

/ * Pie de página * /

# Footer {
width: 100%;
altura: 90px;
margin: 0 auto;
padding: 0;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/i3.jpg) repeat-x parte superior izquierda;
}

# Footer-bgcontent {
}

P # footer {
margin: 0;
padding: 0px 20px 0px 0px;
text-align: center;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
color: # 573D26;
}

# Un pie de página {
color: # 573D26;
}

la tabla {margin-left: auto; margin-right: auto;} lli.nav_element {display: none;} li.nav_element a {display: none;} h1 # title {display: none;} h2 # title período {display: none;} div.header {display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;}

TEXTO POR ARRIBA

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! -
Diseño por Free CSS Templates
http://www.freecsstemplates.org
lanzado de forma gratuita bajo Creative Commons Attribution 2.5 License

Nombre: Cobertura
. Descripción: Una de dos columnas, de ancho fijo del diseño con el esquema de color oscuro
Versión: 1.0
Fecha de publicación: 20091119

->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name = "description" content = "" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> cobertura por Free CSS Templates </ title>
<link href = "style.css" rel = "stylesheet" type = "text / css" media = "screen" />
</ head>
<body>
<div id="wrapper">
<div id="cabecera">
  <div id="logo">
   < h1> <a href="#"> Al-ro0driig0o </ a> </ h1>
   <p> Diseño Adaptado Por href="http://by-ro0driig0o.es.tl/"> <a Al-ro0driig0o < / a> </ p>
  </ div>
  <div id="search"> </ div>
</ div>
<! - end # encabezado ->
<div id="menu">
  <ul>
   <li class = "current_page_item"> <a href="#"> MENÚ </ a> </ li>
   <li> <a href="#"> MENÚ </ a> </ li>
   <li> <a href = "#"> MENÚ </ a> </ li>
   <li> <a href="#"> MENÚ </ a> </ li>
   <li> <a href="#"> MENÚ </ a <> / li>
   <li> <a href="#"> MENÚ </ a> </ li>
  </ ul>
</ div>
<! - end # menu ->
<div id="page">
< div id = "page-bgbtm">
  <div id="contenido">
   <div style="text-align: both;"> </ div>
   </ div>
  <! - end # contenido ->
  <div id = "sidebar">
   <ul>
    <li>
     <h2> MENÚ </ h2>
     AQUI ESCRIBE <p> Sobre TU WEB. </ p>
    </ li>
    <li>
     <h2> MENÚ </ h2>
     <ul >
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href = "# "> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li >
      <li> <a href="#"> TITULO </ a> </ li>
     </ ul>
    </ li>
    <li>
     <h2> MENÚ </ h2>
     <ul>
      <li> <a href = "#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a <> / li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href = "#"> TITULO </ a> </ li>
     </ ul>
    </ li>
    <li>
     <h2> MENÚ </ h2>
     <ul>
      <li> <a href="#"> TITULO </ a > </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href = "#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a> </ li>
      <li> <a href="#"> TITULO </ a > </ li>
     </ ul>
    </ li>
   </ ul>
  </ div>

TEXTO POR DEBAJO

<-! Finales # sidebar ->
  <div style="text-align: both;"> </ div>
</ div>
</ div>
<! - end # página ->
</ div>
< div id = "footer">
  <p> © 2011 ™ Todos los Derechos Reservados. © ro0driig0o. . | Diseño Adaptado por: href="http://estiven99999.es.tl/"> <a Al-estiven99999 </ a> </ a> </ p>
</ div>
<- end # pie de página ->
</ body>
</ html>

SIN ETIQUETAS STILO

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;}

/ *
| ----------------------------------------------- --- |
| Diseño Adapta Por Al-estiven99999.es.tl |
| --------------------------------- ----------------- |
* /

body {
margin: 0;
padding: 0;
fondo: # 1B3266;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: # 787878;
}

h1, h2, h3 {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: # 181818;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: none;
color: # 1757AB;
}

a: hover {
}

# Wrapper {
margin: 0 auto;
padding: 0;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/05.jpg) repeat-x a la izquierda superior;
}

/ * Encabezado * /

# Header {
ancho: 1000px;
height: 100px;
margin: 0 auto;
}

/ * Logo * /

# Logo {
float: left;
altura: 50px;
margin: 0;
padding: 0px 0px 50px 20px;
color: # FFFFFF;
}

# Logo h1, # logo {p
margin: 0;
padding: 0;
}

# Logo h1 {
float: left;
padding-left: 25px;
letter-spacing:-1px;
text-transform: minúsculas,
font-size: 2.6em;
}

# Logotipo de p {
float: left;
margin: 0;
padding: 12px 0 0 10px;
fuente: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

# Logotipo {
frontera: none;
de fondo: ninguno;
text-decoration: none;
color: # FFFFFF;
}

/ * Buscar * /

# Search {
float: right;
ancho: 279px;
altura: 110px;
padding: 0;
}

# Formulario de búsqueda {
altura: 41px;
margin: 0;
padding: 50px 0 0 30px;
}

# Search fieldset {
margin: 0;
padding: 0;
la frontera: none;
}

# Search-text {
ancho: 195px;
padding: 10px 6px;
border: 1px # sólida 0E689A;
de fondo: ninguno;
text-transform: minúsculas,
tipo de letra: Arial normal de 11px, Helvetica, sans-serif;
color: # 57ACF7;
}

# Buscar a presentar {
display: none;
}

/ * Menu * /

# Menu {
ancho: 1000px;
altura: 54px;
margin: 0 auto;
padding: 0;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/01.jpg) no-repeat a la izquierda la parte superior;
}

# Menu ul {
margin: 0;
padding: 0px 0px 0px 48px;
list-style: none;
line-height: normal;
}

# Menu li {
float: left;
}

# Menu a {
display: block;
altura: 28px;
margin-right: 3px;
padding: 26px 30px 0px 0px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/06.jpg ) no-repeat derecho de 10px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: # FFFFFF;
la frontera: none;
}

# Menu a: hover, # menu {current_page_item uno.
}

# Menu {current_page_item uno.
padding-left: 0;
}

# Menu a: hover {
text-decoration: underline;
}

/ * Page * /

# Page {
ancho: 1000px;
margin: 0 auto;
padding: 0;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/02.jpg) repeat-y dejó la parte superior;
}

# Page-bgbtm {
margin: 0px;
padding: 30px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/03.jpg) no-repeat abajo a la izquierda;
}

/ * Contenido * /

# Content {
float: left;
ancho: 600px;
padding: 0px 20px;
}

. Mensaje {
}

. Título de la entrada. {
altura: 38px;
letter-spacing: - 0,5 píxeles;
color: # 1757AB;
}

. Después de un título {.
color: # 1757AB;
la frontera: none;
}

.. Después de meta {
margin-top: 10px-;
padding-bottom: 5px;
border-bottom: 1px solid # C9D9E8,
alineación del texto-: a la izquierda;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px ;
font-style: italic;
}

. Mensaje. Una meta {
}

.. Después de la entrada {
text-align: justify;
margin-bottom: 25px;
padding: 10px 20px 0px 0px;
}

. Enlaces {
display: block;
ancho: 96px;
altura: 30px;
padding: 0px 0px 0px 2px;
background: url (https://img.webme.com/pic/b/by-ro0driig0o/04.jpg) sin repita la parte superior izquierda;
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: # FFFFFF;
}

/ * Sidebar * /

# Sidebar {
float: right;
ancho: 270px;
padding: 0px 10px 0px 0px;
color: # 57ACF7;
}

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

# Sidebar li {
margin: 0;
padding: 0;
}

# Sidebar li ul {
margin: 15px 0px;
padding-bottom: 30px;
}

# Sidebar li li {
line-height: 35px;
border-bottom: 1px solid # 0E689A;
}

# Sidebar li li gen {
display: block;
margin-top:-20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

# Sidebar h2 {
altura: 38px;
padding: 12px 0 0 15px;
letter-spacing: - 0,5 píxeles;
color: # FFFFFF;
}

# Barra lateral p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
}

# Sidebar a {
frontera: none;
color: # 57ACF7;
}

# Sidebar a: hover {
text-decoration: underline;
}

/ * Calendario * /

# Calendario {
}

# Calendar_wrap {
padding: 20px;
}

# Calendario de mesa {
width: 100%;
}

# Calendario tbody td {
text-align: center;
}

# # Calendario de la próxima {
text-align: right;
}

/ * Pie de página * /

# Footer-wrapper {
width: 100%;
de fondo: # 231202;
}

# Footer {
ancho: 1000px;
height: 100px;
margin: 0 auto;
padding: 0px 15px 0 0;
font-family: Arial, Helvetica, sans-serif;
}

P # footer {
margin: 0;
padding-top: 40px;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: # 70AEFF;
}

# Un pie de página {
color: # 1F84FF;
}

la tabla {margin-left: auto; margin-right: auto;} lli.nav_element {display: none;} li.nav_element a {display: none;} h1 # title {display: none;} h2 # title período {display: none;} div.header {display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;}

TEXTO POR ARRIBA

<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 "> <head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>     <meta name = "description" content = "" />     <meta name="keywords" content="" />     <meta name="author" content="" />     <link rel = "stylesheet" type = "text / css "href =" style.css "media =" screen "/>     <title> Diseño Adaptado Por Al-ro0driig0o </ title></ head> <body id="top"> <div id="layout_wrapper_outer"><div id = "layout_wrapper">     <div id="layout_top">        <div id="site_title">             <h1> <a href="#"> Por <span> estiven99999 </ span> </ a> </ h1>             <h2> Diseño Adaptado Por Al-estiven99999 </ h2>        </ div>     </ div>     <div id="layout_body_outer">    <div id="layout_body">         <div id="navigation">             <div id = " NAV1 ">                <ul>                     <li class="current_page_item"> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li >                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href = "# "> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li >                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href = "# "> MENÚ </ a> </ li>                 </ ul>                <div class="clearer"> </ div>             </ div>             <div id="nav2">                <ul>                     <li class = "current_page_item "> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     < li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                     <li> <a href="#"> MENÚ </ a> </ li>                 < / ul>                 <div class="clearer"> </ div>             </ div>         </ div>         <div id="main">             <div class="left" id="content_outer">                <div id = "contenido"> </ div>            </ div>             <div class="right" id="sidebar_outer">                <div id="sidebar">                     <div class="box">                         <div MENÚ class="box_title"> </ div>                         <div class="box_content">                            AQUI ESCRIBE TODO <p> Lo Que Quieras estiven99999. </ p>                        </ div>                    </ div>                     <div class="box">                         <div class = " box_title "> MENÚ </ div>                         <div class="box_content">                            <ul>                                <li> <a href="#"> TITULO </ a> </ li>                                <li> <a href="#"> TITULO </ a> </ li>                                <li> <a href="#"> TITULO </ a> </ li>                                <li> <a href="#"> TITULO </ a> </ li>                                < li> <a href="#"> TITULO </ a> </ li>                            </ ul>                         </ div>                     </ div>                     <div class="box">                         <div class="box_title"> MENÚ </ div>                         <div class="box_content">                            <ul>                                <li> <a href="http://templates.arcsin.se/"> TITULO </ a> </ li>                                <li> <a href = " # "> TITULO </ a> </ li>                                <li> <a href="#"> TITULO </ a> </ li>                                <li> <a href="#"> TITULO </ a> </ li>                                <li> <a href="#"> TITULO </ a> </ li>                            </ ul>                     </ div>                     </ div>                     <div class="box">                         <div class="box_title"> MENÚ </ div>                         <div class="box_content">                            <div class="thumbnails">                                <a href="#" class="thumb"> <img src = "http://dealencar.galeon.com/sample -thumbnail.jpg "width =" 64 "height =" 64 "alt =" "/> </ a>                                 <a href="#" class="thumb"> <img src = "http://dealencar.galeon .com / muestra-thumbnail.jpg "width =" 64 "height =" 64 "alt =" "/> </ a>                                 <a href="#" class="thumb"> <img src = "http:// / dealencar.galeon.com / muestra-thumbnail.jpg "width =" 64 "height =" 64 "alt =" "/> </ a>                                 <a href="#" class="thumb"> <img src = "http://dealencar.galeon.com/sample-thumbnail.jpg" width = "64" height = "64" alt = "" /> </ a>                                 <a href="#" class="thumb"> <img width="64" height="64" src="http://dealencar.galeon.com/sample-thumbnail.jpg" alt="" /> </ a>                                 <a href = "#" class = "pulgar"> <img width="64" height="64" src="http://dealencar.galeon.com/sample-thumbnail.jpg" alt="" /> </ a>                                 <div class = " más claro "> </ div>                            </ div>                         </ div>                     </ div>                 </ div>            </ div>









TEXTO POR DEBAJO

<div class="clearer"> </ div>         </ div>        <div id="dashboard">             <div id="dashboard_inner">                <div class="col3 left">                    <div class = "col3_content" >                        <div class="col_title"> MENÚ </ div>                         <ul>                             <li> <a href="#"> enlace </ a> </ li>                             <li> <a href="#"> ENLACE < / a> </ li>                             <li> <a href="#"> enlace </ a> </ li>                             <li> <a href="#"> enlace </ a> </ li>                            <li> <a href="#"> enlace </ a> </ li>                         </ ul>                    </ div>                 </ div>                 <div class="col3mid left">                     <div class="col3_content">                        <div class = "col_title"> MENÚ </ div>                         <ul>                             <li> <a href="#"> enlace </ a> </ li>                            <li> <a href="#"> enlace </ a> </ li>                             <li> <a href="#"> enlace </ a> </ li>                            <li> <a href="#"> enlace </ a> </ li>                             <li> <a href = " # "> Enlace </ a> </ li>                         </ ul>                     </ div>                 </ div>                <div class="col3 right">                    <div class="col3_content">                        <div class="col_title"> MENÚ </ div>                         <ul>                             <li> <a href="#"> enlace </ a> </ li>                             <li> <a href="#"> enlace </ a> </ li>                            <li> <a href="#"> enlace </ a> </ li>                             <li> <a href="#"> enlace </ a> </ li>                            <li> <a href="#"> ENLACE < / a> </ li>                         </ ul>                    </ div>                 </ div>                 <div class="clearer"> </ div>             </ div>         </ div>    </ div>     </ div>     < div id = "footer">         <div class="left">            © 2011 TODOS LOS DERECHOS RESERVADOS - Al-estiven99999         </ div>         <div class="right">            Diseño Adaptado <a href = "http://estiven99999.es.tl / "> Por-estiven99999 </ a>         </ div>         <div class="clearer"> </ div>     </ div> </ div> </ div> </ body> </ html>



SIN ETIQUETAS STILO

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;} / | ---------------------------- ---------------------- | | Diseño Adapta Por Al-estiven99999.es.tl | | -------------- ------------------------------------ | / html, body, div, span, applet, objeto , iframe, h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, sigla, dirección, grande, citar, código, del, DFN, em, font,img, ins, kbd, q , s, samp, huelga pequeño, fuerte, sub tt, var, b, u, i,centro, dl, dt, dd, ol, ul, li, fieldset, la forma, la etiqueta, la leyenda, de mesa, pie de foto, tbody , tfoot, thead, tr, th, td {margin: 0; padding: 0; la frontera: 0; esquema: 0; font-size: 100%; vertical-align: línea de base, de fondo: transparente;} body { line-height : 1;} ul ol {list-style: none;} blockquote, q {cita: none;}blockquote: antes, blockquote: después, q: antes, q: after {content:''; contenido: none;} : focus {outline: 0;} in {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} / *    general ---- -------------------------------------------------- ------------- * / html {     height: 100%;     padding-bottom: 1px; / * barras de desplazamiento de fuerza * / } body {    background: # 202020 url ('http://img. ) webme.com/pic/b/by-ro0driig0o/body1.gif 'repeat-x arriba a la izquierda;     color: # 5A5A50;    fuente: normal 0.8em sans-serif;    line-height: 1.5em;    } / *    Tipografía - -------------------------------------------------- --------------- * / p {padding: 0.2em 0 1em;} h1 {font: normal 2em sans-serif;} h2 {font: normal 1.8em sans-serif;}h3 {font: normal 1.6em sans-serif;}h4 {font: normal 1.4em sans-serif;}h5 {font: 1.2em negrita sans-serif;}h6 {font: bold 1em sans-serif;} h1, h2 , h3, h4, h5, h6 {    color: # 456;    margin-bottom: 0.3em; } blockquote {     background: # F6F6F6 url ('https://img.webme.com/pic/b/by-ro0driig0o/quote1 . gif ') no-repeat;    border-bottom: 1px solid # DDD;    border-top: 1px solid # DDD;     color: # 332;     display: block;     margin: 0.6em 1.6em 0;     padding: 0.8em 0.2em 1em 46px; }/ *    Cuadros -------------------------------------------- ----------------------- * /{table.data_table    border: 1px solid # CCB;     margin-bottom:; 2em     width: 100%; } mesa. ª data_table {     background: # E5E5E5;     border: 1px solid # D5D5D5;     color: # 555;     text-align: left; } {tr table.data_table border-bottom: 1px solid # DDD;}table.data_table td, th tabla { padding: 10px;}table.data_table td {     background: # F5F5F5;     border: 1px solid # E0E0E0; } / *    Listas ------------------------ ------------------------------------------- * / dl {margin-bottom : 2em;} dt, dd {padding: 10px 8px;} {dt     border-bottom: 1px solid # D5D5D5;     fondo: # E5E5E5;     color: # 555;     font-weight: bold;} {dd     fondo: # F5F5F5;     la frontera -bottom: 1px solid # E5E5E5;     padding-left: 16px;} / *    Enlaces -------------------------------- ----------------------------------- * / a {color: # 456;} a: hover {    color de : # D60;     text-decoration: underline; } / *    Formas ------------------------------------ ------------------------------- * / fieldset {     border: 1px solid # CCC;     border-bottom: none;        font- size: 0.9em;    margen: 1em 0 1.2em; } de entrada, área de texto, seleccione {    background-color: # FFF;     border: solid 1px # 777;     border-color: # 777 # # CCC CCC # 777;    fuente: 1em normales Verdana, sans-serif;     padding: 5px 6px; }{input.button     de fondo: # PaPaPa;    border: 1px solid # AAA;     border-color: # # DDD AAA AAA # # eee;     color: # 444;     cursor: pointer;     fuente: normal 1em Verdana, sans-serif;     margin-top: 5px;     padding: 6px;     ancho:{Background: # FFFFF5;}input.button: hover, input.button: focus {     color: # 123;    cursor: pointer;} {textarea overflow: auto;}{input.image     frontera: 0;     padding: 0; } / * Específicos * / . form_row {     background: # F5F5F5;     border-top: 1px solid # FFF;     border-bottom: 1px solid # E1E1E1;     padding: 10px 0; }form_required {font-weight: bold;}. . form_row_submit,. la leyenda {     background: # E5E5E5;     border-bottom: 1px solid # CCC;    border-top: 1px solid # PaPaPa;     padding: 4px 0 8px; } . la leyenda {padding: 18px 8px 6px;}form_property, form_value {float:.. a la izquierda;}{form_property.     font-size: 1.1em;    text-align: right;     ancho: 110px; }{form_value padding-left: 24px;}.form_row_submit form_value {padding-left: 132px;}.. / *    Imágenes - -------------------------------------------------- ---------------- * /img.bordered, img.alignleft, img.alignright, img.aligncenter {    background-color: # FFF;     border: solid 1px # DDD;     padding: 3px; } img.left, img.alignleft {margin: 0 15px 12px 0;} img.right, img.alignright {margin: 15px 12px 0 0;} / *    Flota ------------ -------------------------------------------------- ----- * /izquierda, alignleft {float: left;}..derecha, alignright {float: right;}..centro, aligncenter {margin: 0 auto;}... claro, más claro {clear: both. ;}{más clara.     display: block;     font-size: 0;     line-height: 0;     altura: 0; } / *    Varios --------------------- ---------------------------------------------- * / / * Separadores * / . content_separator, archive_separator. {     background: # D5D5D5;     clear: both;     color: # FFE;     display: block;     font-size: 0;     altura: 1px;     line-height: 0;     margin: 12px 24px 0; } . archive_separator {margin: 0 0 14px;}/ * mensajes * /error, aviso, el éxito... {     border: 1px solid # DDD;     margin-bottom: 1em;     padding: 0.6em 0.8em; } . error {background: # FBE3E4; color: # 8A1F11; border-color: # FBC2C4;}error a {color: # 8A1F11;}. aviso {background: #. FFF6BF; color: # 514721; border-color: # FFD324;}. cuenta de un {color: # 514721;}éxito {background: # E6EFC2; color: # 264409; border-color: # C6D880;}.. el éxito a {color: # 264409;} / *    Diseño --------- -------------------------------------------------- -------- * / / * General * / # layout_wrapper_outer {background: url ('https://img.webme.com/pic/b/by-ro0driig0o/layout_wrapper_outer1.jpg') no-repeat centro de }; arriba # layout_wrapper {    color: # FFF;    margin: 0 auto;    ancho: 906px; }# {layout_top altura: 114px;} # layout_body_outer {background: # 373737 url ('https://img.webme.com/pic / b/by-ro0driig0o/layout_body_outer1.jpg ') repeat-x;} # {layout_body     background: url ('https://img.webme.com/pic/b/by-ro0driig0o/layout_body1.gif') no- repetición;     padding: 8px 8px 0; } / * Título del sitio * / # SITE_TITLE {padding: 28px 12px 0;} # {SITE_TITLE un    color: # 73BCD1;     text-decoration: none; }# SITE_TITLE a: hover {color: # FFF;} # SITE_TITLE h1 {    font-size: 2.4em;     margin-bottom: 6px; } # SITE_TITLE h1 gen {color: # C0C6CF;} # SITE_TITLE h2 {    color: # 789;    font-size: 1.2em; } / * Navegación * / # de navegación {     background: # 3A3A3A url ('https://img.webme.com/pic/b/by-ro0driig0o/navigation1.gif') no-repeat;     fuente: 1.3em negrita sans-serif;    padding: 0 8px;} # ul de navegación, la navegación # li {display: inline;} # de navegación li {display: inline;} # {navegación de un    float: left;     margin-right: 1px;    text-align: center;     texto decoration: none; }# {NAV1 un     color: # BBB;     padding: 10px 12px 12px; } # NAV1 a: hover {color: # eee;} # NAV1 li.current_page_item uno, # NAV1 li.current_page_parent a {     background: url ('https://img.webme.com/pic/b/by-ro0driig0o/nav1_arrow1.gif') no-repeat parte inferior central;     color: # ADE7F6;    } # {NAV2 un     color: # D0D6DA;     padding: 10px; } {# NAV2     de fondo: # 5090AE url ('https://img.webme.com/pic/b/by-ro0driig0o/nav21.gif') repeat-x;     margin: 0-8px;     padding: 0 8px; } # NAV2 a: hover {color: # FFF;} # NAV2 li.current_page_item a {color: # FFF;} / * main * / # main {    background: url ('https://img.webme.com/pic/ ) b/by-ro0driig0o/main1.gif 'repeat-y;     border-bottom: 1px solid # C5C5C5; } # main ul ol, # main {margin: 1.2em 1.6em 0 0;} # main li ul {list- estilo: el disco;} # main ol li {list-style: decimal;} # main li {padding: 2px 0;} # {content_outer     border-top: 1px solid # FFF;     ancho: 629px; } # content {        color: # 444;     padding: 16px; } / * Sidebar * / # sidebar_outer {     border-top: 1px solid # eee;     ancho: 259px; } # sidebar {     color: # 555;     padding: 16px 12px;    } # sidebar a {color: # 555;} # sidebar a: hover {color: # 000;} / * Panel * /# tablero {     background: # ccc;    border-top: 1px solid # D5D5D5;    font-size: 0.9em; } # dashboard_inner {padding: 16px 20px 6px;} # tablero col3 {width:. 255px;} # tablero col3mid {width:. 337px;} .. # tablero col3mid col3_content {     border-left: 1px solid # B5B5B5;     border-right: 1px solid # B5B5B5;     padding: 0 20px;    margin: 0 20px;} . # tablero col_title {     color: # 666;     font-size: 1.4em;     font-weight: bold;    padding-bottom: 5px; } # tablero li {     color: # 777;    padding: 4px 0;} # tablero li {border-top: 1px solid # BEBEBE;} # tablero li a {     color: # 666;     text-decoration: none; } # tablero li a: hover {     color: # 333;     texto -decoration: underline; } / * vínculos de pie de página * / # footer {     background: url ('https://img.webme.com/pic/b/by-ro0driig0o/footer1.gif') no-repeat;     color: # 777;     font-size: 0.9em;    padding: 22px 10px 8px; } # footer a {color: # 999;} # pie derecho, pie derecho de un # {..    color: # 666;    text-decoration: none; }# un pie de página: hover {color: # 999;} / *    Mensajes ------------------------------------ ------------------------------- * / mensaje {margin-bottom: 24px;}. . post_title uno, post_date uno. , post_meta uno. {text-decoration: none;} . post_date a: hover, post_meta a: hover, post_meta a: hover {text-decoration: underline;}..post_date {.     border-top: 1px solid # D5D5D5;    de color : # 777;     font-size: 0.9em;     padding: 0 12px 8px; } . post_date a {color: # 444;} . post_meta {     background: # E7E7E7;     border: solid 1px # d7d7d7;     color: # 777;     font- size: 0.9em;     padding: 10px 6px;} post_meta a {color: # 345;}.post_meta a: hover {color: # 001;}. / * Archivo * /archive_pagination {margin-bottom:. 1.6em;} . archive_post {margin-bottom: 14px;} . archive_post_date {    background: # F5F5F5;     border-bottom: 1px solid # C5C5C5;     border-right: 1px solid # CFCFCF;     float: left;     margin-right: 12px;     padding: 2px 5px 0 ;     text-align: center;    Ancho: 46px; }{archive_post post_date..     la frontera: none;     padding: 0; } . archive_post_day {font: normal 1.6em Georgia, serif;} / *    Miniaturas -------- -------------------------------------------------- --------- * / . miniaturas {margin: 0 -0-8px 2em;}{a.thumb miniaturas.        de fondo: # D5D5D5;     display: block;     float: left;     margin: 0 0 8px 8px;     padding: 3px; } . miniaturas a.thumb: hover {background: # C0C0C0;} . miniaturas pulgar img {display: block;}. / *    Caja----------------- -------------------------------------------------- * / . box {margin-bottom: 0.6em;} . box_title {     background: # E5E5E5;     border: solid 1px # eaeaea;     border-color: # # eaeaea D5D5D5 # # D5D5D5 E5E5E5;    color: # 777;    fuente: negrita 1,3 em sans-serif;    padding: 10px 6px; } . box_content {padding: 0 8px 8px;} caja de li: first-child {border-top: none;}. / *    Comentarios ----------- -------------------------------------------------- ------ * /{div.comment_list    border-top: 1px solid # D6D6D6;    margin: 1em 0 2em; } . comentario {     border-bottom: 1px solid # D6D6D6;     padding-top: 10px;} . comment_date { font-size: 0.9em;}. comment_date a {    color: # 567;    text-decoration: none; }comment_date a: hover {.     color: # 001;     text-decoration: underline; } . comment_body {padding-top: 4px ;}comment_gravatar {width:. 48px;} . comment_gravatar img {     background: # FFF;     border: solid 1px # DDD;    padding: 2px; }/ * Solo Soluciones ej. línea * / * html # NAV1, * html # NAV2, * html # layout_body, * html # dashboard_inner, * html # footer {altura: 0,01%; min-height: 0,01%;} table {margin-left: auto; margin-right: auto;} lli.nav_element {display: none; li.nav_element} a {display: none;} h1 # title {display: none;} h2 # title gen {display: none;} div.header {display: none;} li.nav_element {list-style-type: none ;} li.nav_element {display: none;}

Bueno pues me pidieron El Diseño Que tenia anteriormente en mi Web Que FUE Borrada y No Se Por Que. Pero bueno aqui les traigo El Diseño CSS. Espero disfruten y porfavor he Dejen los creditos.

Texto por arriba de la pagina:

<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 estricto / / EN ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "><html xmlns = "http :/ / www.w3.org/1999/xhtml " xml: lang = "es" lang = "es"><head><title> por estiven99999 </ title> <meta http-equiv = "Content-Type" content = "text / html; charset = ISO-8859-1" /> <link rel = "stylesheet" href = "images / Envision.css"type = "text / css" /> </ head><body> < div id = "wrap"> <div id="cabecera">    <h1 id="logo-text"> Al-estiven99999 </ h1>     <h2 id="slogan">. Comeze.com </ h2>     <div id = "header-links">       <p> href="LINK"> MENÚ </ a> | <a href = "link"> MENÚ </ a> | <ahref = "link"> MENÚ </ a>     </ div>   </ div>   <div id="menu">    <ul>       <li> <a href="LINK"> MENÚ </ a> </ li> <li> <a href = "LINK "> MENÚ </ a> </ li> <a <li> href="LINK"> MENÚ </ a> </ li> <a <li> href="LINK"> MENÚ </ a> </ li >     </ ul>   </ div> <div id="content-wrap">     <div id="sidebar">      </ form>      <h1> TITULO </ h1>       <ul class="sidemenu">        <li> <a href='LINK'> MENÚ </ a> </ li> <a <li> href='LINK'> MENÚ </ a> </ li> <a <li> href='LINK'> MENÚ < / a> </ li> <a <li> href='LINK'> MENÚ </ a> </ li> <a <li> href='LINK'> MENÚ </ a> </ li>       </ ul >       <h1> TITULO </ h1>       <ul class="sidemenu">        <li> <a href='LINK'> MENÚ </ a> </ li> <a <li> href='LINK'> MENÚ < / a> </ li> <a <li> href='LINK'> MENÚ </ a> </ li> <a <li> href='LINK'> MENÚ </ a> </ li> <li> <a href='LINK'> MENÚ </ a> </ li>       </ ul>       <h1> TITULO </ h1>       <ul class="sidemenu"><li> href='LINK'> MENÚ < / a> </ li> <a <li> href='LINK'> MENÚ </ a> </ li> <a <li> href='LINK'> MENÚ </ a> </ li> <li> <a href='LINK'> MENÚ </ a> </ li> <a <li> href='LINK'> MENÚ </ a> </ li>       </ ul>       <h1> TITULO </ h1>       < div class = "left-box"> AQUI TU CODIGO DE CONTADOR O ENCUESTA O WIDGETS OTRO </ div>      <h1> TITULO </ h1>       <div class="left-box"> AQUI TU CODIGO DE CONTADOR O ENCUESTA O OTRO WIDGETS </ div>  <h1> TITULO </ h1>       AQUI TU CODIGO DE CONTADOR O ENCUESTA O OTRO WIDGETS </ div>     <div id="main"> <a name="TemplateInfo"> </ a>       <h1> </ h1><style>cuerpo {background-image:repetición;background-attachment: fixed } </ style>










Texto Por Abajo de la página:

  </ Div>
</ div>
<div id="footer">
    <p> © 2011 <strong> Todos los Derechos Reservados </ strong> | Diseño Adaptado Por: <a href = "http://www.estiven99999 / "> estiven99999 </ a>
</ p>
</ div>
</ div>
</ body>
</ html>

Css-código pecado Stylo tags:

lli.nav_element {display: none;}
li.nav_element a {display: none;}
h1 título # {display: none;}
h2 # title gen {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element {display: none;} / * | ---------------------------- ---------------------- | | Diseño Adapta Por Al-estiven99999.es.tl | | -------------- ------------------------------------ | * / / * Los elementos principales * / * {margin: 0 ; padding: 0;} body {    background-image: url (http://www.walpaper.es/images/wallpapers/walpaper-de-navidad-azul-156367.jpeg);   de la fuente: 70% / Verdana 1.5em, , Tahoma, Arial, sans-serif    color: none;    text-align: center;} / * enlaces * / a, a: visited {    text-decoration: none;    color: # 2180BC;    fondo: heredar; } a: hover {    color: # 88ac0b,    de fondo: la herencia;    text-decoration: Ninguno; } / * encabezados * / h1, h2, h3 {    font-family: "Trebuchet MS", Tahoma, sans-serif;    font-weight: bold;          }h1 {    font-size: 130%;     } h2 {    font-size: 120%;    text-transform: uppercase;    color: # 88ac0b; } h3 {    font-size: 120%;    color: # 666666; } / * imágenes * /img {    background: # transparente;   la frontera: none; # sólida transparente;   padding: none; }{img.float derecha   margin: 0px 0px 0px 0px;   } img.float izquierda {   margin: 0px 0px 0px 0px;} h1, h2, h3, p {    padding: 10px;            margin: 0; }código {   margin: 5px 0;   padding: 10px;   text-align: left;   display: block;   overflow: auto;     fuente: Lucida 500 1em/1.5em 'del Console ',' nuevo Correo ', espacio sencillo;   / * white-space: pre; * /   background: # PaPaPa;   border: 1px solid # f2f2f2;   }{sigla   cursor: ayuda,   border-bottom: 1px solid # 777; }{blockquote   margin: 10px;     padding: 0 0 0 28px;      border: 1px solid # f2f2f2;      fondo: # url PaPaPa (https://img.webme.com/pic/p/previatutoriales/quote.gif) no-repeat 5px 5px;     }/ * comienzo - la tabla * /table {    border-collapse: collapse;    margin: 10px;     } {ª fuerte    color: # FFF;} pa {    background: # 93BC0C;    altura: 29px;   padding-left: 12px;    padding-right : 12px;   color: # FFF;    text-align: left;    border-left: 1px solid # B6D59A;    border-bottom: 2px solid # FFF; }{tr    altura: 30px; } {td    padding-left: 11px;    padding- derecha: 11px;    border-left: 1px solid # FFF;    border-bottom: 1px solid # ffffff;} td.first, th.first {    border-left: 0px; } tr.row-a {    background: # F8F8F8; }tr.row-b {    background: # efefef; } / * fin - la tabla * / / * Los elementos de formulario * / forma {    margin: 10px; padding: 0 5px;    border: 1px solid # f2f2f2;    background-color: # PaPaPa; }label {    display: block;    font-weight: bold;   margin: 5px 0; } input {    padding: 2px;    border: 1px solid # eee;    fuente: normal 1em Verdana, sans-serif;    color: # 777;} {textarea    width: 400px;    padding: 2px;    fuente: normal 1em Verdana, sans-serif;    border: 1px solid # eee;    height: 100px;    display: block;    color: # 777;}{input.button   de letra: Arial negrita 12px, Sans -serif;    altura: 24px;   margin: 0;   padding: 3px 2px;    color: # FFF;   fondo: # 8EB50C url (Botón-de-busqueda) repeat-x 0 0;   la frontera: none; } / * el formulario de búsqueda * /. SearchForm {    background-color: transparente;   la frontera: none;        margin: 0; padding: 0 15px 5px 0;        ancho: 190px;     } . SearchForm p {margin: 0; padding: 0;} . SearchForm input.textbox {    ancho: 120px;    color: # 777;   altura: 18px;    padding: 2px;        border: solid 1px # E5E5E5;    vertical-align: top; }{SearchForm input.button.   Ancho: 60px;    altura: 24px;   padding: 2px 5px;    vertical align: {    ancho: 820px;    background: url (https://img.webme.com/pic/b/by-ro0driig0o/content03.gif) repeat-y la parte superior central;    margin: 0 auto;    text-align: left; }# el contenido-wrap {    clear: both;    ancho: 760px;    padding: 0;    margin: 10px auto; } # cabecera {    ancho: 820px;    position: relative;    altura: 103px;    background: url (http://dl.dropbox.com / u/47340707/header05.png) no-repeat parte superior central;    padding: 0;        color: # FFF;    / * font-size: 14px; * / } # # cabecera h1 logo-texto {    position: absolute;    margin: 0 ; padding: 0;    fuente: 44px más audaz "Trebuchet MS", Arial, sans-serif;    letter-spacing:-2px;   color: # FFF;    text-transform: none;    / * cambiar los valores de la parte superior e izquierda para ajustar el posición del logotipo * /    top: 25px; izquierda: 47px;     } # cabecera h2 lema # {    position: absolute;    margin: 0; padding: 0;    fuente: normal 12px "Trebuchet MS", Arial, sans-serif;    texto transform: none;    color: # FFF;   / * cambiar los valores de la parte superior e izquierda para ajustar la posición de la consigna * /    top: 70px; izquierda: 55px;         }/ * enlaces de la cabecera * /# cabecera # header-links {    posición : absolute;    top:-5px; derecha: 25px;        color: # C6DDEE;    font-size: 10px;     } # Header # enlaces de la cabecera de uno {        color: # FFF;   text-decoration: none;     } # Header # header-links a: hover {    color: # D4E59F;     }/ * Menu * /# menu {    clear: both;        margin: 0 auto; padding: 0;    background: url (https://img.webme.com/pic/b/by-ro0driig0o/menu03.gif) repeat-x 0 0;        fuente: negrita 12px/37px Verdana, Arial, Tahoma, sans-serif;    altura: 37px;   ancho: 780px;     } # menu ul {    float: right;    list-style: none;    margin: 0; padding: 0; }# menu ul li {    display: inline; } # menu ul li a {   display: block;    float: left;    padding: 0 10px;    color: # FFF;        text-decoration: none ; } # menu {ul li.last un    padding-right: 20px;     } # menu ul li a: hover {    color: # D4E59F;     }# menu ul li a {# actual de        color: # D4E59F; } / * La columna principal * /# main {    float: left;    ancho: 70%;   padding: 0; margin: 0 0 0 5px;    display: inline; } h1 # main {    margin-top: 10px;    fuente: Negrita 140% "Trebuchet MS", Tahoma , sans-serif;    color: # 88ac0b;    padding: 5px 0 5px 25px;         border-bottom: 0px # sólida transparente,   de fondo: # url transparente (cuadrados green.png) no-repeat 3px 50%;   } post-pie de página. {    background-color: # PaPaPa;    padding: 5px; margin: 20px 10px 0 10px;    border: 1px solid # f2f2f2;    font-size: 95%;     } .. después de la fecha de pie {   background: url (http://img .webme.com / foto / p / previatutoriales / clock.gif) no-repeat jardín izquierdo y central;    padding-left: 20px; margin: 0 10px 0 5px;} . post-pie. comentarios {    background: url (http:// img.webme.com / foto / p / previatutoriales / comment.gif) no-repeat jardín izquierdo y central;    padding-left: 20px; margin: 0 10px 0 5px;} .. post-footer readmore {    background: url (http:// / img.webme.com / foto / p / previatutoriales / page.gif) no-repeat jardín izquierdo y central;    padding-left: 20px; margin: 0 10px 0 5px;} / * Sidebar * /     # sidebar {    float: right;    ancho de : 26,5%;    padding: 0; margin: 0;       color: # 68774A;   }     # sidebar h1 {    margin-top: 10px;    padding: 5px 5px;    de la fuente: "Trebuchet MS" negrita 1.4em, Tahoma, sans-serif;    de color : # 728D26;     }# ul.sidemenu barra lateral {    list-style: none;    text-align: left;    margin: 4px 7px 8px 0; padding: 0;    text-decoration: none;            background: url (http://img. webme.com / foto / p / previatutoriales / dots.jpg) repeat-x a la izquierda superior; } # sidebar ul.sidemenu li {    list-style: none;    background: url (https://img.webme.com/pic/ p / previatutoriales / dots.jpg) repeat-x abajo a la izquierda;    padding: 0 4px 4px 5px;   margin: 0 2px;        color: # 68774A;     }* html # sidebar cuerpo ul.sidemenu li {    altura: 1%; } # sidebar ul.sidemenu li a {    text-decoration: none;        background-image: none;        color: # 666666;             } # sidebar ul.sidemenu li a: hover {        color: # 1773BC;     }/ * Pie de página * /   {# footer    color: # C6DDEE;    background: url (http://dl.dropbox.com/u/47340707/footer-ro0driig0o.png) no-repeat parte superior central;    clear: both;    ancho: 820px;    altura: 65px;   text-align: center ;        font-size: 92%;     } # pie de página {    color: # FFF;    text-decoration: none; } / * clases de alineación * /float-left {float:. izquierda;}float-derecha {float:. derecha; }alinear a la izquierda {text-align: left;}.alinearse a la derecha {text-align: right;}. / * pantalla y clases adicionales * / {claro claro:. tanto;} table {margin-left: auto; margen de derecha: auto;} lli.nav_element {display: none;} li.nav_element a {display: none;} h1 # title {display: none;} h2 # title gen {display: none;} div.header {display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;}