Hello biatch

P U B L I

Bitt Net

Plantilla Flash Web

Flash Web

Info.




Autor: Template World Adaptacion: Bitt Net


    


Por Encima De La Página;

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Flash Web</title>
  6. <link href="style.css" rel="stylesheet" type="text/css" />
  7. </head>
  8.  
  9. <body>
  10.     <!-- top navigation start -->
  11.     <div id="topNav">
  12.         <a href="index.html" title="Flash Web"><img src="http://i.imgur.com/ElCxP.gif" alt="Flash Web" width="179" height="35" border="0" /></a>
  13.         <ul>
  14.             <li><a href="#" title="Home" class="hover">Home</a></li>
  15.             <li><a href="#" title="About us">About Us</a></li>
  16.             <li><a href="#" title="Support">Support</a></li>
  17.             <li><a href="#" title="Works">Works</a></li>
  18.             <li><a href="#" title="Ideas">Ideas</a></li>
  19.             <li><a href="#" title="Profits">Profits</a></li>
  20.             <li><a href="#" title="Contact">Contact</a></li>
  21.         </ul>
  22.     </div>
  23.     <!-- top navigation end -->
  24.     <!-- body start -->
  25.     <div id="body">
  26.         <!-- top shadow start -->
  27.         <div id="topShadow"></div>
  28.         <!-- top shadow end -->
  29.         <!-- body pannel start -->
  30.         <div id="bodyPannel">
  31.             <!-- login form start-->
  32.             <form method="post" action="#" name="login" class="search">
  33.               <h2>members <span>area</span></h2>
  34.               <label>your name</label><input name="name" type="text" id="name" />
  35.               <label>password</label><input name="password" type="password" id="password" />
  36.               <p>remember my password</p><input name="" type="checkbox" value="" class="check" /><input name="login" type="submit" id="login" value="login" title="Login" class="submit" />
  37.             </form>
  38.             <!-- login form end-->
  39.           <div id="eventLink">
  40.                 <h2>events <span>links</span></h2>
  41.                 <ul>
  42.                     <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscingelit. </a></li>
  43.                     <li><a href="#">Dolor lectus sollicitudineu, condimentum eu,tinciduntsit </a></li>
  44.                     <li><a href="#">Ametenim. Mauris nunc felis dignissi iddapibus nec, </a></li>
  45.                     <li><a href="#">Eorem ipsum dolor sit amet,</a></li>
  46.                 </ul>
  47.             <a href="#" title="read more" class="more">read more</a>
  48.             </div><br class="spacer" />
  49.           <div id="midle">


Por Debajo De La Página;

  1.             </div>
  2.             <div id="colorBg">
  3.                 <div id="futurePlans">
  4.                     <h2 class="text1">future <span>plans</span> </h2>
  5.                     <ul>
  6.                         <li><a href="#">Phasellus sit amet odio ultricies purus aliqum convallis. Pellentesque vestibulum.</a> Phasellus sit amet odio ultricies purus aliquam convallis. Pellentesque vestibulum. </li>
  7.                     </ul><br class="spacer" />
  8.                     <p><a href="#" title="read more" class="more">read more</a> </p>
  9.                     <div id="newsLetter">
  10.                         <span class="nltop"></span>
  11.                         <form method="post" action="#" name="newsletter" class="newsLetter">
  12.                           <h2 class="text2">newsletter <span>signup</span></h2>
  13.                           <label>your email id</label><input name="email" type="text" id="email" />
  14.                           <input name="signup" type="submit" class="submit" id="signup" value="signup" title="Signup" />
  15.                           <br class="spacer" />
  16.                         </form><br class="spacer" />
  17.                     <span class="nlbottom"></span></div>
  18.                 </div>
  19.                 <div id="contact">
  20.                     <span class="ctop"></span>
  21.                         <form method="post" action="#" name="newsletter" class="contact">
  22.                         <h2 class="text3">contact <span>form</span></h2>
  23.                         <label>your name</label><input name="contactname" type="text" id="contactname" />
  24.                         <label>phone no</label><input name="phno" type="text" id="phno" />
  25.                         <label>email id</label><input name="contactemail" type="text" id="contactemail" />
  26.                         <label>comments</label><textarea name="comments" cols="20" rows="10" id="comments"></textarea>
  27.                         <br class="spacer" />
  28.                         <input name="submit" type="submit" class="submit" id="submit" value="submit" title="Signup" />
  29.                         <input name="reset" type="reset" class="reset" id="reset" value="reset" title="Reset" />
  30.                     </form><br class="spacer" />
  31.                     <span class="cbottom"></span>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.         <!-- body pannel end -->
  36.         <!-- top shadow start -->      
  37.         <div id="bottomShadow"></div><br class="spacer" />
  38.         <!-- bottom shadow end -->
  39.     </div>
  40.     <!-- body end -->
  41.     <!-- footer start -->
  42.     <div id="footer">
  43.         <a href="http://validator.w3.org/check?uri=referer" target="_blank" title="XHTML Validation" class="xhtml">xhtml</a>
  44.         <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="CSS Validation" class="css">css</a>
  45.         <ul>
  46.             <li><a href="#" title="Home" class="hover">Home</a>|</li>
  47.             <li><a href="#" title="About Us">About Us</a>|</li>
  48.             <li><a href="#" title="Support">Support</a>|</li>
  49.             <li><a href="#" title="Works">Works</a>|</li>
  50.             <li><a href="#" title="Ideas">Ideas</a>|</li>
  51.             <li><a href="#" title="Profits">Profits</a>|</li>
  52.             <li><a href="#" title="Contact">Contact</a></li>
  53.         </ul><br class="spacer" />
  54.         <p>©Flash Web. All rights reserved.</p><br class="spacer" />
  55.       <p class="tworld">Designed By : <a href="http://www.templateworld.com/" target="_blank">Template World</a></p>
  56.     </div>
  57.     <!-- footer end -->
  58. </body>
  59. </html>
  60.  


El CSS;

  1. /* BORRAR PWG */
  2. #pre_header {display: none;}
  3. #post_header {display: none;}
  4. #header_container {display: none;}
  5. lli.nav_element{display: none;}
  6. li.nav_element a{display: none;}
  7. h1#title{display: none;}
  8. h2#title span {display: none;}
  9. #title {display: none;}
  10. #nav_container {display:none;}
  11. table[height="102"] {
  12. position: relative;
  13. margin-left: -361px;
  14. left: 50%;
  15. }
  16.  
  17.  
  18. /* GENERAL */
  19. /* CSS Document */
  20. /* CSS Document */
  21. body{
  22.     background:url(http://i.imgur.com/08gRu.gif) repeat-x 0 0 #FDF9EE; color:#4E4628;
  23.     font:normal 14px/19px Arial, Helvetica, sans-serif;
  24.     margin:0; padding:0;}
  25. div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
  26.     margin:0; padding:0;}
  27. ul{
  28.     list-style:none;}
  29. .spacer{
  30.     font-size:0; line-height:0; clear:both;}
  31.  
  32.  
  33. /* ----------------- top navigation start --------------------- */
  34. #topNav{
  35.     width:728px; position:relative;
  36.     margin:0 auto; padding:8px 0 0 50px;}
  37. #topNav img{
  38.     border:none; float:left; margin:0 34px 0 0;}
  39. #topNav ul{
  40.     background:url(http://i.imgur.com/mJ63C.gif) no-repeat 0 8px;
  41.     width:503px; height:23px; padding:8px 0 0 8px; margin:0 0 0 217px;}
  42. #topNav ul li{
  43.     background-color:#E1DBC7; color:#0B0B0B; float:left;
  44.     font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
  45. #topNav ul li a{
  46.     background-color:#E1DBC7; color:#0B0B0B;
  47.     font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
  48.     text-transform:uppercase; text-align:center; text-decoration:none;
  49.     width:65px; height:23px; display:block;}
  50. #topNav ul li a.hover{
  51.     background:url(http://i.imgur.com/hbv4N.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
  52.     font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
  53.     text-transform:uppercase; text-align:center; text-decoration:none;
  54.     width:65px; height:23px; display:block;}
  55. #topNav ul li a:hover{
  56.     background:url(http://i.imgur.com/hbv4N.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
  57.     font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
  58.     text-transform:uppercase; text-align:center; text-decoration:none;
  59.     width:65px; height:23px; display:block;}
  60.  
  61. /* ----------------- top navigation end --------------------- */
  62. /* ----------------- shadow start --------------------------- */
  63. #topShadow{
  64.     background:url(http://i.imgur.com/Qgerv.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
  65.     width:778px; height:34px; margin:9px 0 0; float:left;}
  66. #bottomShadow{
  67.     background:url(http://i.imgur.com/WCjcI.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
  68.     width:778px; height:24px; float:left;}
  69. /* ----------------- shadow end --------------------------- */
  70. /* ----------------- body start --------------------------- */
  71. #body{
  72.     width:778px; margin:0 auto; position:relative;}
  73. #bodyPannel{
  74.     background:url(http://i.imgur.com/gXkmO.gif) repeat-y 0 0 #FDF9EE; color:#4E4628;
  75.     width:722px; padding:0 28px; float:left;}
  76. #bodyPannel form.search{
  77.     background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid;
  78.     width:248px; padding:7px 17px 27px 17px; float:left;}
  79. #bodyPannel form.search h2{
  80.     background:url(http://i.imgur.com/n4iSy.gif) no-repeat 0 0 #FFFFFF; color:#786E4E;
  81.     width:197px; padding:0 0 10px 50px; float:left;
  82.     font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
  83. #bodyPannel form.search h2 span{
  84.     background-color:#FFFFFF; color:#0B0B0B;
  85.     font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
  86. #bodyPannel form.search label{
  87.     background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
  88.     font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
  89. #bodyPannel form.search input{
  90.     background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
  91.     width:158px; height:22px; padding:2px; margin:0 0 8px 0; float:right;
  92.     font:normal 14px/20px Arial, Helvetica, sans-serif;}
  93. #bodyPannel form.search p{
  94.     background-color:#FFFFFF; color:#CC0000; float:left; margin:6px 0 0 0;
  95.     font:normal 13px/15px Arial, Helvetica, sans-serif;}
  96. #bodyPannel form.search input.check{
  97.     background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
  98.     width:15px; height:15px; float:left; margin:6px 0 0 9px;}
  99. #bodyPannel form.search input.submit{
  100.     background:url(http://i.imgur.com/RY6Sm.gif) no-repeat 37px 0 #FFFFFF; color:#0B0B0B; border:none;
  101.     width:53px; height:13px; float:right; margin:7px 0 0 0; padding:0 23px 0 0; cursor:pointer;
  102.     font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
  103. #eventLink{
  104.     width:345px; padding:0 0 0 70px; float:left;}
  105. #eventLink h2{
  106.     background:url(http://i.imgur.com/Dxplm.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
  107.     padding:6px 0 10px 48px;
  108.     font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
  109. #eventLink h2 span{
  110.     background-color:#FFFFFF; color:#0B0B0B;
  111.     font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
  112. #eventLink ul{
  113.     float:left; padding:0 0 0 5px;}
  114. #eventLink ul li{
  115.     font:normal 13px/19px Arial, Helvetica, sans-serif;
  116.     background:url(http://i.imgur.com/1zvpC.gif) no-repeat 0 7px #FFFFFF; color:#4E4628;
  117.     padding:0 0 0 6px;}
  118. #eventLink ul li a{
  119.     font:normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none;
  120.     background-color:#FFFFFF; color:#4E4628;
  121.     padding:0 4px; display:block;}
  122. #eventLink ul li a:hover{
  123.     font:normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none;
  124.     background-color:#F4EFDF; color:#4E4628;
  125.     padding:0 4px; display:block;}
  126. #eventLink a.more{
  127.     background:url(http://i.imgur.com/eDBVP.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
  128.     font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
  129.     padding:0 20px 0 0; margin:5px 10px 0 0;}
  130. #eventLink a.more:hover{
  131.     background:url(http://i.imgur.com/VPYck.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
  132.     font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
  133.     padding:0 20px 0 0; margin:5px 10px 0 0;}
  134. #midle{
  135.     background:url(http://i.imgur.com/QOM3v.gif) no-repeat 0 0 #FFFFFF; color:#4E4628;
  136.     padding:270px 0 0 0;}
  137. #midle h2{
  138.     background-color:#FFFFFF; color:#0B0B0B;
  139.     font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
  140. #midle h2 span{
  141.     background-color:#FFFFFF; color:#A60101;
  142.     font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
  143. #midle p{
  144.     font:normal 14px/19px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#4E4628;}
  145. #midle a.more{
  146.     background:url(http://i.imgur.com/eDBVP.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
  147.     font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
  148.     padding:0 20px 0 0; margin:5px 35px 0 0;}
  149. #midle a.more:hover{
  150.     background:url(http://i.imgur.com/VPYck.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
  151.     font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
  152.     padding:0 20px 0 0; margin:5px 35px 0 0;}
  153. #colorBg{
  154.     background-color:#FCFAF3; float:left; color:#0B0B0B;
  155.     margin:18px 0 0 0; padding:18px 40px 18px 38px; width:642px;}
  156. #futurePlans{
  157.     width:298px; float:left;}
  158. #futurePlans h2.text1{
  159.     background-color:#FCFAF3; color:#0B0B0B;
  160.     font:normal 28px/40px Georgia, "Times New Roman", Times, serif;}
  161. #futurePlans h2.text1 span{
  162.     background-color:#FCFAF3; color:#A60101;
  163.     font:normal 28px/40px Georgia, "Times New Roman", Times, serif;}
  164. #futurePlans ul{ float:left;}
  165. #futurePlans ul li{
  166.     font:normal 13px/19px Arial, Helvetica, sans-serif; color:#4E4628;
  167.     background:url(http://i.imgur.com/3cl9D.gif) no-repeat 0 6px #FCFAF3; padding:0 0 0 10px;}
  168. #futurePlans ul li a{
  169.     font:bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none;
  170.     background-color:#FCFAF3; color:#4E4628; display:block;}
  171. #futurePlans ul li a:hover{
  172.     font:bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none;
  173.     background-color:#EAE6D9; color:#4E4628; display:block;}
  174. #futurePlans p{
  175.     background:url(http://i.imgur.com/7VgJj.gif) repeat-x 0 14px #FCFAF3; color:#0B0B0B;
  176.     height:13px; line-height:13px; padding:14px 0 19px 0;}
  177. #futurePlans p a.more{
  178.     background:url(http://i.imgur.com/eDBVP.gif) no-repeat 76px 0 #FCFAF3; color:#0B0B0B; float:right;
  179.     font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
  180.     padding:0 20px 0 10px; margin:0;}
  181. #futurePlans p a.more:hover{
  182.     background:url(http://i.imgur.com/kG13D.gif) no-repeat 76px 0 #FCFAF3; color:#0B0B0B; float:right;
  183.     font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
  184.     padding:0 20px 0 10px; margin:0;}
  185. #newsLetter{
  186.     margin:0 auto;}
  187. #newsLetter span.nltop{
  188.     background:url(http://i.imgur.com/EL47y.gif) no-repeat 0 0 #FCFAF3; color:#000000;
  189.     line-height:0; font-size:0; height:15px; display:block;}
  190. #newsLetter span.nlbottom{
  191.     background:url(http://i.imgur.com/iD1w6.gif) no-repeat 0 0 #FCFAF3; color:#000000;
  192.     line-height:0; font-size:0; height:14px; display:block;}
  193. #newsLetter form.newsLetter{
  194.     background:url(http://i.imgur.com/R7lFm.gif) repeat-y 0 0 #FCFAF3; color:#000000;
  195.     width:298px; padding:0 16px; float:left;}
  196. #newsLetter form.newsLetter h2.text2{
  197.     background:url(http://i.imgur.com/W3z0S.gif) no-repeat 0 0; color:#786E4E;
  198.     padding:0 0 10px 55px; float:left; width:228px; height:37px;
  199.     font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
  200. #newsLetter form.newsLetter h2.text2 span{
  201.     background-color:#FFFFFF; color:#0B0B0B;
  202.     font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
  203. #newsLetter form.newsLetter label{
  204.     background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
  205.     font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
  206. #newsLetter form.newsLetter input{
  207.     background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
  208.     width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:left;
  209.     font:normal 14px/20px Arial, Helvetica, sans-serif;}
  210. #newsLetter form.newsLetter input.submit{
  211.     background:url(http://i.imgur.com/5jtHY.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
  212.     width:60px; height:13px; float:right; margin:7px 34px 0 0; padding:0 30px 0 0; cursor:pointer;
  213.     font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
  214. #contact{
  215.     width:312px; float:right;}
  216. #contact span.ctop{
  217.     background:url(http://i.imgur.com/WhF17.gif) no-repeat 0 0 #FCFAF3; color:#000000;
  218.     line-height:0; font-size:0; height:14px; display:block;}
  219. #contact span.cbottom{
  220.     background:url(http://i.imgur.com/wciPr.gif) no-repeat 0 0 #FCFAF3; color:#000000;
  221.     line-height:0; font-size:0; height:25px; display:block;}
  222. #contact form.contact{
  223.     background:url(http://i.imgur.com/jwzEH.gif) repeat-y 0 0 #FCFAF3; color:#000000;
  224.     width:272px; padding:0 20px; float:left;}
  225. #contact form.contact h2.text3{
  226.     background:url(http://i.imgur.com/NXuFx.gif) no-repeat 0 0 #FFFFFF; color:#0B0B0B;
  227.     padding:0 0 10px 55px; float:left; width:228px; height:37px;
  228.     font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
  229. #contact form.contact h2.text3 span{
  230.     background-color:#FFFFFF; color:#A60101;
  231.     font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
  232. #contact form.contact label{
  233.     background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
  234.     font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
  235. #contact form.contact input{
  236.     background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
  237.     width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right;
  238.     font:normal 14px/20px Arial, Helvetica, sans-serif;}
  239. #contact form.contact textarea{
  240.     background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
  241.     width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right;
  242.     font:normal 14px/20px Arial, Helvetica, sans-serif;}
  243. #contact form.contact input.submit{
  244.     background:url(http://i.imgur.com/eDBVP.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
  245.     width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
  246.     font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
  247. #contact form.contact input.reset{
  248.     background:url(http://i.imgur.com/eDBVP.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
  249.     width:60px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer;
  250.     font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
  251. /* ----------------- body end --------------------------- */
  252. /* ----------------- footer start --------------------------- */
  253. #footer{
  254.     position:relative; margin:0 auto; width:678px; padding:12px 0 50px;}
  255. #footer a.xhtml{
  256.     background-color:#CC0000; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
  257.     font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  258.     display:block; text-align:center; text-decoration:none; float:left;}
  259. #footer a.xhtml:hover{
  260.     background-color:#0B0B0B; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
  261.     font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  262.     display:block; text-align:center; text-decoration:none; float:left;}
  263. #footer a.css{
  264.     background-color:#0B0B0B; color:#FFFFFF; width:38px; height:16px;
  265.     font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  266.     display:block; text-align:center; text-decoration:none; float:left;}
  267. #footer a.css:hover{
  268.     background-color:#CC0000; color:#FFFFFF; width:38px; height:16px;
  269.     font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  270.     display:block; text-align:center; text-decoration:none; float:left;}
  271. #footer ul{
  272.     float:right;}
  273. #footer ul li{
  274.     float:left; color:#0B0B0B; background-color:#FDF9EE;
  275.     font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
  276. #footer ul li a{
  277.     color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; text-decoration:none;
  278.     font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
  279. #footer ul li a:hover{
  280.     color:#0B0B0B; background-color:#EFEBDE; padding:0 8px; text-decoration:none;
  281.     font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
  282. #footer p{
  283.     color:#A90000; background-color:#FDF9EE; padding:0 8px; float:right;
  284.     font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
  285. #footer p.tworld{
  286.     color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; float:right;
  287.     font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
  288. #footer p.tworld a{
  289.     color:#0B0B0B; background-color:#FDF9EE; text-decoration:none;
  290.     font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
  291. #footer p.tworld a:hover{
  292.     color:#0B0B0B; background-color:#EFEBDE; text-decoration:none;
  293.     font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
  294.  
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis