[Resuelto] Canvio de diseño

<!-- www.cssplantillas.es.tl --><div id="topbar"><div class="content"><div id="icons"> <a href="URL"><img src="http://img.webme.com/pic/w/webcp/dkblogicon01.gif" alt="Pagina de inicio"/></a> <a href="URL"><img src="http://img.webme.com/pic/w/webcp/dkblogicon02.gif" alt="Contacto"/></a> <a href="URL"><img src="http://img.webme.com/pic/w/webcp/dkblogicon03.gif" alt="Mapa del sitio"/></a> </div><div class="url">  <a href="">Pon aqui algun comentario!</a> </div></div></div> <div id="top"> <div class="content"> <div id="menu"> <ul> <li><a class="current" href="URL"><span>Portada</span></a></li> <li><a href="URL"><span>Link's 1</span></a></li> <li><a href="URL"><span>Link's 2</span></a></li> <li><a href="URL"><span>Link's 3</span></a></li> <li><a href="URL"><span>Link's 4</span></a></li> <li><a href="URL"><span>Link's 5</span></a></li> <li><a href="URL"><span>Link's 6</span></a></li> </ul></div>  <h1><a href="">Tu pagina web!</a></h1>  <h2>Tu eslogan!</h2> </div></div> <div class="content"> <div id="main"> <div class="right_side"> <div class="pad">  <h3>Box de contenido 1!</h3><p> Puedes por aqui lo que quieras! desde un videos, una imagen, o simple texto.  <br /></p><h3>Titulo menu 3:</h3><ul>  <li><a href="URL">Link's 1</a></li>  <li><a href="URL">Link's 2</a></li>  <li><a href="URL">Link's 3</a></li>  <li><a href="URL">Link's 4</a></li>  <li><a href="URL">Link's 5</a></li>  <li><a href="URL">Link's 6</a></li>  <li><a href="URL">Link's 7</a></li></ul>   <h3>Titulo menu 4:</h3><ul>  <li><a href="URL">Link's 1</a></li>  <li><a href="URL">Link's 2</a></li>  <li><a href="URL">Link's 3</a></li>  <li><a href="URL">Link's 4</a></li>  <li><a href="URL">Link's 5</a></li>  <li><a href="URL">Link's 6</a></li>  <li><a href="URL">Link's 7</a></li></ul> <img src="http://img.webme.com/pic/w/webcp/dkblogicon04.jpg"/></div> </div><div class="right_side"><div class="pad">   <h3>Titulo menu 1:</h3><ul>  <li><a class="current" href="URL">Link's 1</a></li>  <li><a href="URL">Link's 2</a></li>  <li><a href="URL">Link's 3</a></li>  <li><a href="URL">Link's 4</a></li>  <li><a href="URL">Link's 5</a></li>  <li><a href="URL">Link's 6</a></li> </ul>   <h3>Box de contenido 2</h3><p> Puedes por aqui lo que quieras! desde un videos, una imagen, o simple texto.   </p><h3>Box de contenido 3</h3><p> Puedes por aqui lo que quieras! desde un videos, una imagen, o simple texto.   </p><h3>Box de contenido 4</h3><p> Puedes por aqui lo que quieras! desde un videos, una imagen, o simple texto.   </p><h3>Box de contenido 5</h3><p> Puedes por aqui lo que quieras! desde un videos, una imagen, o simple texto. </p></div></div> <div id="left_side">

<!-- www.cssplantillas.es.tl --><div id="footer"><div class="right"> © Copyright 2010, Tu sitio web - Desiño por: <a href="http://free-css-templates.com">Free Css Templates</a> adaptación por: <a href="http://cssplantillas.es.tl">CssPlantillas</a></div> <a href="URl">Portada</a> - <a href="http://validator.w3.org/check?uri=referer">XHTML</a> - <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div></div>

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} table {margin-left:auto;margin-right:auto;} /* Nombre: DkBlog Template por David Herreman http://www.free-css-templates.com Adaptación para PwG: http://cssplantillas.es.tl */ body {padding : 0;margin : 0;font : 0.74em Arial, sans-serif;line-height : 1.5em; background : #393939;color : #fff;} a {color : #d0eb55;background : inherit;text-decoration : none;} a:hover {color : #d0eb55;background : inherit;text-decoration : underline;} p {margin : 5px 0;} h1 {font : bold 1.8em Arial, Sans-Serif;padding : 8px 0 4px 0; margin : 0;letter-spacing : -1px;} h2 {font : bold 1.6em Arial, Sans-Serif;letter-spacing : -1px;} h3 {padding : 4px 0;margin : 0;} ul {margin : 0;padding : 0;list-style : none;} img {border : 0;} hr {height : 1px;border-style : none;color : #d0d0d0; background-color : #c0c0c0;margin : 10px 0;} ol {padding : 0;margin : 0;} .content {margin : 0 auto;width : 1000px;} #topbar {height : 35px;background : #212121;width : 100%;} #topbar #icons {float : right;margin : 10px 0 0;padding : 0;} #topbar #icons img {padding-right : 4px;border : 0;} .url {padding : 10px 0;} .url a {color : #454545;text-decoration : none;} .url a:hover {color : #fff;} #top {padding-top : 0;height : 85px;margin-bottom : 25px; background : #3d3d3b url("http://img.webme.com/pic/c/cssplantillas/dkblog01.gif") repeat-x;} #top h1 {font : bold 2.6em Arial, Sans-Serif;padding : 20px 0 0 0; margin : 0;letter-spacing : 1px;color : #d0eb55;} #top a:hover {text-decoration : none;} #top h2 {font : 0.9em Arial, Sans-Serif;letter-spacing : 0; color : #868686;margin : 0;padding : 0;} #menu {float : right;height : 23px;margin-top : 35px;} #menu a {color : #fff;background : inherit;text-decoration : none;padding-left : 10px; line-height : 23px;font-weight : bold;} #menu a span {padding-right : 10px;} #menu a, #menu a span {display : block;float : left;} #menu a:hover, #menu .current {color : #fff;padding-left : 10px;height : 23px; background : #a9bc52 url("http://img.webme.com/pic/c/cssplantillas/dkblog02.gif") no-repeat left top;} #menu a:hover span, #menu .current span {padding-right : 10px;height : 23px;cursor : pointer; background : url("http://img.webme.com/pic/c/cssplantillas/dkblog02.gif") no-repeat right top;} #menu ul {list-style : none;padding : 0;margin : 0;} #menu li {float : left;margin : 0 0 0 5px;} #main {width : 1000px;margin : 0;padding : 0;} .right_side {float : right;width : 202px;background : inherit;overflow : hidden;} .right_side .pad {padding : 0 0 10px 17px;} .right_side p {padding : 0 0 5px 5px;} .right_side ul {padding : 3px 0 12px 5px;} .right_side li {line-height : 18px; background : inherit;list-style : square;padding-left : 0px; margin-left : 17px;color : #b4e04a;} .right_side a {background : inherit;text-decoration : none;} .right_side a:hover {text-decoration : underline;} .right_side h3 {color : #eee;font : bold 1.2em Arial, Sans-Serif; background : url("http://img.webme.com/pic/c/cssplantillas/dkblog03.gif") no-repeat top; width : 202px;height : 30px;padding-top : 7px;text-indent : 10px;} #left_side {background : inherit;margin-bottom : 10px;width : 590px;} #left_side .intro {background : #414141;color : #fff;} #left_side .intro .pad {padding : 10px;} #left_side .intro a {color : #b4e04a;text-decoration : none;} #left_side .intro a:hover {color : #cdff56;text-decoration : underline;} #left_side .mpart {padding : 20px 0 0 0;} #left_side h2 {background : inherit;padding : 0;margin : 0;font : 1.8em verdana, Arial, Sans-Serif;} #left_side .mpart h3 {background : inherit;padding : 0;margin : 0 0 15px 0; font : 0.9em verdana, Arial, Sans-Serif;color : #a5a5a5;} #left_side p {color : #e7e7e7;padding : 0;text-align : justify;} #left_side img {float : left;padding : 0 10px 5px 0;} #left_side blockquote {padding-left : 10px;border-left : 3px solid #a7cc44;margin : 10px 0 10px 25px;} #left_side .rs {float : right;margin : 0 0 0 10px;border : 1px solid #888; padding : 5px;background : inherit;} #left_side ul {list-style-position : inside;margin-left : 2px;} #left_side ul li {list-style-type : square;margin-left : 15px;} #left_side ul ul li {list-style : none;margin-left : 10px; list-style-type : lower-alpha;list-style-position : inside;} #left_side .greybox {border : 1px solid #ccc;background : #f5f5f5;width : 628px;padding : 10px;} #footer {clear : both;width : 1000px;margin : 0 0 6em 0;padding-top : 5px; color : #777;border-top : 1px solid #444;background : inherit;} #footer .right {float : right;} #footer a {text-decoration : none;background : inherit;}

<!-- www.cssplantillas.es.tl --><script type="text/javascript" src="http://recursosweb.comoj.com/cs/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://recursosweb.comoj.com/cs/js/jquery.slidertron-0.1.js"></script> <div id="logo">  <h1>Titulo de tu web!</h1>  <p>Tu slogan</p> </div><div id="head"><div id="menu"><ul>    <li><a href="URL" class="first">Link's 1</a></li>    <li class="current_page_item"><a href="URL">Link's 2</a></li>    <li><a href="URL">Link's 3</a></li>    <li><a href="URL">Link's 4</a></li>    <li><a href="URL">Link's 5</a></li> </ul></div><div id="search"> <form method="get" action=""><fieldset> <input type="text" name="s" id="search-text" size="15" /> </fieldset></form></div></div><hr /> <div id="slideshow"> <!-- Galeria --> <div id="foobar"> <div id="col1"><a href="#" class="previous"> </a></div> <div id="col2"><div class="viewer"><div class="reel"> <div class="slide"><img src="URL DE TU IMAGEN 1" width="726" height="335" /><span>DESCRIPCIÓN IMAGEN 1</span></div> <div class="slide"><img src="URL DE TU IMAGEN 2" width="726" height="335" /><span>DESCRIPCIÓN IMAGEN 2</span></div> <div class="slide"><img src="URL DE TU IMAGEN 3" width="726" height="335" /><span>DESCRIPCIÓN IMAGEN 3</span></div> </div></div></div> <div id="col3"><a href="#" class="next"> </a></div></div> <script type="text/javascript"> $('#foobar').slidertron({ viewerSelector:   '.viewer', reelSelector:   '.viewer .reel', slidesSelector:   '.viewer .reel .slide', navPreviousSelector: '.previous', navNextSelector:  '.next', navFirstSelector:  '.first', navLastSelector:  '.last' });</script></div> <!-- Fin galeria --> <div id="page"><div id="page-bgtop"> <div id="conta">

 <!-- www.cssplantillas.es.tl --></div><div id="sidebar"><ul><li>  <h2>Box de contenido</h2><p> Pon aqui lo que tu quieras!, imagenes, videos, texto, etc. </p></li><li>  <h2>Menu vertical 1</h2><ul>  <li><a href="URL">Link's 1</a></li>  <li><a href="URL">Link's 2</a></li>  <li><a href="URL">Link's 3</a></li>  <li><a href="URL">Link's 4</a></li>  <li><a href="URL">Link's 5</a></li>  <li><a href="URL">Link's 6</a></li>  <li><a href="URL">Link's 7</a></li>  <li><a href="URL">Link's 8</a></li> </ul></li><li>  <h2>Menu vertical 2</h2><ul>  <li><a href="URL">Link's 1</a></li>  <li><a href="URL">Link's 2</a></li>  <li><a href="URL">Link's 3</a></li>  <li><a href="URL">Link's 4</a></li>  <li><a href="URL">Link's 5</a></li>  <li><a href="URL">Link's 6</a></li>  <li><a href="URL">Link's 7</a></li>  <li><a href="URL">Link's 8</a></li> </ul></li></ul></div> <div style="clear: both;"></div></div></div> <div id="footer"><p> Copyright (c) Tu sitio web. Todos los derechos reservados. Diseño por: <a href="http://freecsstemplates.org">Free CSS Templates</a> adaptacion por: <a href="http://cssplantillas.es.tl">CssPlantillas</a>. </p></div>

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} /* Nombre: Throughout Diseño por: http://freecsstemplates.org Adaptación por: http://cssplantillas.es.tl */ body {margin: 0px;padding: 0; background: #4C9BCD url("http://img.webme.com/pic/w/webcp/throughout01.jpg") repeat-x left top; font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #919191;} 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: #4999CB; } a:hover {text-decoration: none; } a img {border: none;} img.left {float: left;margin: 7px 30px 0 0;} img.right {float: right;margin: 7px 0 0 30px;} hr { 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;} #slideshow {width: 940px;height: 393px;margin: 0px auto;padding: 57px 0px 0px 0px; background: url("http://img.webme.com/pic/w/webcp/throughout03.jpg") no-repeat left top;} #foobar {position: relative;} #foobar .navigation {position: absolute;display: block;z-index: 100;color: #ffffff; bottom: 0px;right: 0px;margin: 10px;padding: 10px;background-color: #303030;opacity: 0.75;} #foobar .navigation a {color: #ffffff;text-decoration: none;outline: none;} #foobar .viewer {width: 726px;height: 336px;} #foobar .viewer .reel .slide {position: relative;width: 726px;height: 336px;} #foobar .viewer .reel .slide span { position: absolute;display: block;width: 726px; opacity: 0.30;padding: 15px;background-color: #FFFFFF;color: #000000;bottom: 0px; left: 0px;font-size: 18px;} #foobar .viewer-wrapper {float: left;width: 726px;height: 336px;background: red;} .arrow-left {background: blue;width: 107px;float: left;} .arrow-right {background: green;width: 100px;float: right;} #col1 {width: 107px;float: left;} #col1 a {outline: none;display: block;width: 77px;height: 206px; background: url("http://img.webme.com/pic/w/webcp/throughout05.jpg") no-repeat 30px 130px; text-decoration: none;} #col2 {float: left;width: 733px;} #col3 a {float: right;outline: none;width: 87px;height: 206px;text-decoration: none; background: url("http://img.webme.com/pic/w/webcp/throughout06.jpg") no-repeat 10px 130px;} #wrapper {} #head {width: 940px;height: 68px;margin: 0 auto; background: url("http://img.webme.com/pic/w/webcp/throughout02.jpg") no-repeat left top;} #menu {float: left;width: 500px;height: 68px;} #menu ul {margin: 0;padding: 15px 0px 0px 5px;list-style: none;line-height: normal;} #menu li {display: block;float: left;} #menu a {display: block;float: left;height: 32px;padding: 10px 20px 0px 20px;letter-spacing: -1px; text-decoration: none;text-align: center;text-transform: lowercase; font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;color: #FFFFFF;} #menu a:hover { text-decoration: none; } #menu .current_page_item a {} #menu .first {} #search {float: right;padding: 10px 10px 0px 0px;} #search form {float: right;margin: 0;padding: 4px 0px 0 0;} #search fieldset {margin: 0;padding: 0;border: none;} #search input {float: left;font: 12px Arial, Helvetica, sans-serif;} #search-text {width: 170px;margin-top: 8px;margin-left: 60px;margin-right: 40px; padding: 6px 0 0 7px;border: none;background: none;font-family: Arial, Helvetica, sans-serif;color: #838383;} #search-submit {width: 82px;height: 28px;margin-left: 10px;padding: 0px 5px; background: url("http://img.webme.com/pic/w/webcp/throughout03.jpg") no-repeat left top; border: none;text-indent: -9999px;color: #FFFFFF;} #page {width: 880px;margin: 0px auto;padding: 40px 30px 0px 30px;background: #222222;} #page-bgtop {} #logo {width: 920px;height: 45px;margin: 0 auto; padding-top: 5px;padding-left: 20px;} #logo h1, #logo p {float: left;margin: 0px;line-height: normal;text-transform: lowercase; font-weight: normal;color: #FFFFFF;} #logo p {padding: 13px 0px 0px 5px;text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px;color: #FFFFFF;} #logo h1 {letter-spacing: -1px;font-size: 30px;} #logo a {text-decoration: none;color: #FFFFFF;} #banner {padding-bottom: 20px;} #conta {float: left;width: 600px;} #sidebar {float: right;width: 240px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;} #sidebar ul {margin: 0;padding: 0;list-style: none;line-height: normal;} #sidebar li {margin-bottom: 30px;padding: 0 0 10px 0px;background: #1E1E1E;} #sidebar li ul {margin: 0px 0px;} #sidebar li li {margin: 0px;padding: 8px 0px 8px 0px;border-bottom: 1px solid #222222;} #sidebar li li a {padding: 0px 20px;font-weight: normal;} #sidebar li li a:hover {color: #666666;} #sidebar p {margin: 0;padding: 0px 14px;} #sidebar h2 {height: 30px;margin: 0 0 10px 0px;padding: 6px 20px 2px 20px; background: #161616;text-transform: capitalize;font-size: 18px; font-weight: normal;color: #4999CB;} #sidebar p {line-height: 200%;} #sidebar a {text-align: left;text-decoration: none;font-weight: bold;color: #666666;} #calendar #today {background: #24130F;} #footer {width: 940px;height: 120px;margin: 0 auto;padding: 0; background: url("http://img.webme.com/pic/w/webcp/throughout09.jpg") no-repeat left top;} #footer p {margin: 0;padding: 30px 0px 0px 30px;text-align: center; text-transform: uppercase;line-height: normal;font-size: 10px;} #footer a {}

<script type="text/javascript" src="http://recursosweb.comoj.com/cs/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://recursosweb.comoj.com/cs/js/jquery.slidertron-0.1.js"></script> <div id="logo">  <h1>Titulo de tu web!</h1>  <p>Tu slogan</p> </div><div id="head"><div id="menu"><ul>    <li><a href="URL" class="first">Link's 1</a></li>    <li class="current_page_item"><a href="URL">Link's 2</a></li>    <li><a href="URL">Link's 3</a></li>    <li><a href="URL">Link's 4</a></li>    <li><a href="URL">Link's 5</a></li> </ul></div><div id="search"> <form method="get" action=""><fieldset> <input type="text" name="s" id="search-text" size="15" /> </fieldset></form></div></div><hr /> <div id="slideshow"> <!-- Galeria --> <div id="foobar"> <div id="col1"><a href="#" class="previous"> </a></div> <div id="col2"><div class="viewer"><div class="reel"> <div class="slide"><img src="URL DE TU IMAGEN 1" width="726" height="335" /><span>DESCRIPCIÓN IMAGEN 1</span></div> <div class="slide"><img src="URL DE TU IMAGEN 2" width="726" height="335" /><span>DESCRIPCIÓN IMAGEN 2</span></div> <div class="slide"><img src="URL DE TU IMAGEN 3" width="726" height="335" /><span>DESCRIPCIÓN IMAGEN 3</span></div> </div></div></div> <div id="col3"><a href="#" class="next"> </a></div></div> <script type="text/javascript"> $('#foobar').slidertron({ viewerSelector:   '.viewer', reelSelector:   '.viewer .reel', slidesSelector:   '.viewer .reel .slide', navPreviousSelector: '.previous', navNextSelector:  '.next', navFirstSelector:  '.first', navLastSelector:  '.last' });</script></div> <!-- Fin galeria -->

<div id="footer1"><div class="right"> © Copyright 2010, Tu sitio web - Desiño por: <a href="http://free-css-templates.com">Free Css Templates</a> adaptación por: <a href="http://cssplantillas.es.tl">CssPlantillas</a></div> <a href="URl">Portada</a> - <a href="http://validator.w3.org/check?uri=referer">XHTML</a> - <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div></div>

<style>
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
</style>

table {margin-left:auto;margin-right:auto;} /* Nombre: DkBlog Template por David Herreman http://www.free-css-templates.com Adaptación para PwG: http://cssplantillas.es.tl */ body {padding : 0;margin : 0;font : 0.74em Arial, sans-serif;line-height : 1.5em; background : #393939;color : #fff;} a {color : #d0eb55;background : inherit;text-decoration : none;} a:hover {color : #d0eb55;background : inherit;text-decoration : underline;} p {margin : 5px 0;} h1 {font : bold 1.8em Arial, Sans-Serif;padding : 8px 0 4px 0; margin : 0;letter-spacing : -1px;} h2 {font : bold 1.6em Arial, Sans-Serif;letter-spacing : -1px;} h3 {padding : 4px 0;margin : 0;} ul {margin : 0;padding : 0;list-style : none;} img {border : 0;} hr {height : 1px;border-style : none;color : #d0d0d0; background-color : #c0c0c0;margin : 10px 0;} ol {padding : 0;margin : 0;}  .content {margin : 0 auto;width : 1000px;} #topbar {height : 35px;background : #212121;width : 100%;} #topbar #icons {float : right;margin : 10px 0 0;padding : 0;} #topbar #icons img {padding-right : 4px;border : 0;} .url {padding : 10px 0;} .url a {color : #454545;text-decoration : none;} .url a:hover {color : #fff;} #top {padding-top : 0;height : 85px;margin-bottom : 25px; background : #3d3d3b url("http://img.webme.com/pic/c/cssplantillas/dkblog01.gif") repeat-x;} #top h1 {font : bold 2.6em Arial, Sans-Serif;padding : 20px 0 0 0; margin : 0;letter-spacing : 1px;color : #d0eb55;} #top a:hover {text-decoration : none;} #top h2 {font : 0.9em Arial, Sans-Serif;letter-spacing : 0; color : #868686;margin : 0;padding : 0;} #men {float : right;height : 23px;margin-top : 35px;} #men a {color : #fff;background : inherit;text-decoration : none;padding-left : 10px; line-height : 23px;font-weight : bold;} #men a span {padding-right : 10px;} #men a, #menu a span {display : block;float : left;} #menu a:hover, #men .current {color : #fff;padding-left : 10px;height : 23px; background : #a9bc52 url("http://img.webme.com/pic/c/cssplantillas/dkblog02.gif") no-repeat left top;} #men a:hover span, #menu .current span {padding-right : 10px;height : 23px;cursor : pointer; background : url("http://img.webme.com/pic/c/cssplantillas/dkblog02.gif") no-repeat right top;} #men ul {list-style : none;padding : 0;margin : 0;} #men li {float : left;margin : 0 0 0 5px;} #main {width : 1000px;margin : 0;padding : 0;} .right_side {float : right;width : 202px;background : inherit;overflow : hidden;} .right_side .pad {padding : 0 0 10px 17px;} .right_side p {padding : 0 0 5px 5px;} .right_side ul {padding : 3px 0 12px 5px;} .right_side li {line-height : 18px; background : inherit;list-style : square;padding-left : 0px; margin-left : 17px;color : #b4e04a;} .right_side a {background : inherit;text-decoration : none;} .right_side a:hover {text-decoration : underline;} .right_side h3 {color : #eee;font : bold 1.2em Arial, Sans-Serif; background : url("http://img.webme.com/pic/c/cssplantillas/dkblog03.gif") no-repeat top; width : 202px;height : 30px;padding-top : 7px;text-indent : 10px;} #left_side {background : inherit;margin-bottom : 10px;width : 590px;} #left_side .intro {background : #414141;color : #fff;} #left_side .intro .pad {padding : 10px;} #left_side .intro a {color : #b4e04a;text-decoration : none;} #left_side .intro a:hover {color : #cdff56;text-decoration : underline;} #left_side .mpart {padding : 20px 0 0 0;} #left_side h2 {background : inherit;padding : 0;margin : 0;font : 1.8em verdana, Arial, Sans-Serif;} #left_side .mpart h3 {background : inherit;padding : 0;margin : 0 0 15px 0; font : 0.9em verdana, Arial, Sans-Serif;color : #a5a5a5;} #left_side p {color : #e7e7e7;padding : 0;text-align : justify;} #left_side img {float : left;padding : 0 10px 5px 0;} #left_side blockquote {padding-left : 10px;border-left : 3px solid #a7cc44;margin : 10px 0 10px 25px;} #left_side .rs {float : right;margin : 0 0 0 10px;border : 1px solid #888; padding : 5px;background : inherit;} #left_side ul {list-style-position : inside;margin-left : 2px;} #left_side ul li {list-style-type : square;margin-left : 15px;} #left_side ul ul li {list-style : none;margin-left : 10px; list-style-type : lower-alpha;list-style-position : inside;} #left_side .greybox {border : 1px solid #ccc;background : #f5f5f5;width : 628px;padding : 10px;} #footer1 {clear : both;width : 1000px;margin : 0 0 6em 0;padding-top : 5px; color : #777;border-top : 1px solid #444;background : inherit;} #footer1 .right {float : right;} #footer1 a {text-decoration : none;background : inherit;}
#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} /* Nombre: Throughout Diseño por: http://freecsstemplates.org Adaptación por: http://cssplantillas.es.tl */ body {margin: 0px;padding: 0; background: #4C9BCD url("http://img.webme.com/pic/w/webcp/throughout01.jpg") repeat-x left top; font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #919191;} 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: #4999CB; } a:hover {text-decoration: none; } a img {border: none;} img.left {float: left;margin: 7px 30px 0 0;} img.right {float: right;margin: 7px 0 0 30px;} hr { 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;} #slideshow {width: 940px;height: 393px;margin: 0px auto;padding: 57px 0px 0px 0px; background: url("http://img.webme.com/pic/w/webcp/throughout03.jpg") no-repeat left top;} #foobar {position: relative;} #foobar .navigation {position: absolute;display: block;z-index: 100;color: #ffffff; bottom: 0px;right: 0px;margin: 10px;padding: 10px;background-color: #303030;opacity: 0.75;} #foobar .navigation a {color: #ffffff;text-decoration: none;outline: none;} #foobar .viewer {width: 726px;height: 336px;} #foobar .viewer .reel .slide {position: relative;width: 726px;height: 336px;} #foobar .viewer .reel .slide span { position: absolute;display: block;width: 726px; opacity: 0.30;padding: 15px;background-color: #FFFFFF;color: #000000;bottom: 0px; left: 0px;font-size: 18px;} #foobar .viewer-wrapper {float: left;width: 726px;height: 336px;background: red;} .arrow-left {background: blue;width: 107px;float: left;} .arrow-right {background: green;width: 100px;float: right;} #col1 {width: 107px;float: left;} #col1 a {outline: none;display: block;width: 77px;height: 206px; background: url("http://img.webme.com/pic/w/webcp/throughout05.jpg") no-repeat 30px 130px; text-decoration: none;} #col2 {float: left;width: 733px;} #col3 a {float: right;outline: none;width: 87px;height: 206px;text-decoration: none; background: url("http://img.webme.com/pic/w/webcp/throughout06.jpg") no-repeat 10px 130px;} #wrapper {} #head {width: 940px;height: 68px;margin: 0 auto; background: url("http://img.webme.com/pic/w/webcp/throughout02.jpg") no-repeat left top;} #menu {float: left;width: 500px;height: 68px;} #menu ul {margin: 0;padding: 15px 0px 0px 5px;list-style: none;line-height: normal;} #menu li {display: block;float: left;} #menu a {display: block;float: left;height: 32px;padding: 10px 20px 0px 20px;letter-spacing: -1px; text-decoration: none;text-align: center;text-transform: lowercase; font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;color: #FFFFFF;} #menu a:hover { text-decoration: none; } #menu .current_page_item a {} #menu .first {} #search {float: right;padding: 10px 10px 0px 0px;} #search form {float: right;margin: 0;padding: 4px 0px 0 0;} #search fieldset {margin: 0;padding: 0;border: none;} #search input {float: left;font: 12px Arial, Helvetica, sans-serif;} #search-text {width: 170px;margin-top: 8px;margin-left: 60px;margin-right: 40px; padding: 6px 0 0 7px;border: none;background: none;font-family: Arial, Helvetica, sans-serif;color: #838383;} #search-submit {width: 82px;height: 28px;margin-left: 10px;padding: 0px 5px; background: url("http://img.webme.com/pic/w/webcp/throughout03.jpg") no-repeat left top; border: none;text-indent: -9999px;color: #FFFFFF;} #page {width: 880px;margin: 0px auto;padding: 40px 30px 0px 30px;background: #222222;} #page-bgtop {} #logo {width: 920px;height: 45px;margin: 0 auto; padding-top: 5px;padding-left: 20px;} #logo h1, #logo p {float: left;margin: 0px;line-height: normal;text-transform: lowercase; font-weight: normal;color: #FFFFFF;} #logo p {padding: 13px 0px 0px 5px;text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px;color: #FFFFFF;} #logo h1 {letter-spacing: -1px;font-size: 30px;} #logo a {text-decoration: none;color: #FFFFFF;} #banner {padding-bottom: 20px;} #conta {float: left;width: 600px;} #sidebar {float: right;width: 240px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;} #sidebar ul {margin: 0;padding: 0;list-style: none;line-height: normal;} #sidebar li {margin-bottom: 30px;padding: 0 0 10px 0px;background: #1E1E1E;} #sidebar li ul {margin: 0px 0px;} #sidebar li li {margin: 0px;padding: 8px 0px 8px 0px;border-bottom: 1px solid #222222;} #sidebar li li a {padding: 0px 20px;font-weight: normal;} #sidebar li li a:hover {color: #666666;} #sidebar p {margin: 0;padding: 0px 14px;} #sidebar h2 {height: 30px;margin: 0 0 10px 0px;padding: 6px 20px 2px 20px; background: #161616;text-transform: capitalize;font-size: 18px; font-weight: normal;color: #4999CB;} #sidebar p {line-height: 200%;} #sidebar a {text-align: left;text-decoration: none;font-weight: bold;color: #666666;} #calendar #today {background: #24130F;} #footer {width: 940px;height: 120px;margin: 0 auto;padding: 0; background: url("http://img.webme.com/pic/w/webcp/throughout09.jpg") no-repeat left top;} #footer p {margin: 0;padding: 30px 0px 0px 30px;text-align: center; text-transform: uppercase;line-height: normal;font-size: 10px;}

<style type="text/css">
body {padding : 0;margin : 0;font : 0.74em Arial, sans-serif;line-height : 1.5em; background : #393939;color : #fff;}
#head {
display: none;
}
#logo {
display: none;
}
#slideshow {
display: none;
}
#page {
background: none;
}
#sidebar {
display: none;
}
</style>

<style type="text/css">
#topbar {
display: none;
}
.url {
display: none;
}
#top {
display: none;
}
#men {
display: none;
}

#footer1 {
display: none;
}
</style>

<div id="page">
<div id="page-bgtop">
<div id="conta">

</div>
<div id="sidebar">
<ul>
    <li>
    <h2>Box de contenido</h2>
    <p>Pon aqui lo que tu quieras!, imagenes, videos, texto, etc.</p>
    </li>
    <li>
    <h2>Menu vertical 1</h2>
    <ul>
        <li><a href="URL">Link's 1</a></li>
        <li><a href="URL">Link's 2</a></li>
        <li><a href="URL">Link's 3</a></li>
        <li><a href="URL">Link's 4</a></li>
        <li><a href="URL">Link's 5</a></li>
        <li><a href="URL">Link's 6</a></li>
        <li><a href="URL">Link's 7</a></li>
        <li><a href="URL">Link's 8</a></li>
    </ul>
    </li>
    <li>
    <h2>Menu vertical 2</h2>
    <ul>
        <li><a href="URL">Link's 1</a></li>
        <li><a href="URL">Link's 2</a></li>
        <li><a href="URL">Link's 3</a></li>
        <li><a href="URL">Link's 4</a></li>
        <li><a href="URL">Link's 5</a></li>
        <li><a href="URL">Link's 6</a></li>
        <li><a href="URL">Link's 7</a></li>
        <li><a href="URL">Link's 8</a></li>
    </ul>
    </li>
</ul>
</div>
<div style="clear: both;">&nbsp;</div>
</div>
</div>
<div id="footer">
<p>Copyright (c) Tu sitio web. Todos los derechos reservados. Dise&ntilde;o por: <a href="http://freecsstemplates.org">Free CSS Templates</a> adaptacion por: <a href="http://cssplantillas.es.tl">CssPlantillas</a>.</p>
</div>