 body {
   margin-left:0px; margin-right:0px;
   background-color:#0099FF;
 }

#topbar{
position:relative; margin-left:-165px;
width:160px; height:600px;
visibility: hidden;
z-index: 100;
}

 #contenedor { 
   text-align:left; 
   width:680px;  
   margin:auto;
   background-color:#FFFFFF;
 }

 #cabecera {
   width:100%; margin-bottom:6px; height:102px;
   background-image:url("imagenes/cabecera2.png");
   background-repeat:no-repeat;
 }

 #cuerpo {
   float:left;
   width:544px; clear:both;
   padding-right:8px;
   padding-left:8px;
 }

 #adsense_336x280 {
  margin:12px auto;
  width:336px; height:280px;
 }

  #lateral {
   width:120px; float:right;
   background:#FFFFFF;
   margin-top:2px;
 }

 div.barranavpie {
   width:100%; border-top:1px solid #000000;
   height:20px;
   background:#CCEEFF;
   clear:both;
   text-align:center;
   padding-bottom:2px;
 }
 
  #pie {
   width:100%;
   font-size:8pt;
   text-align:center;
   font-weight:bold;
   padding-top:4px;
 }

 #nav_lecciones {
   margin-left: auto;
   margin-right: auto;
   width:400px;
 }

 #nav_lecciones td.naviz {
   text-align:right;
 }

 #adsense_250x250 {
   width:250px;
   height:250px;
   float:left; margin-top:-8px;
   margin-right:6px;
 }

 div.menucab {
   width:112px; background-image:url("imagenes/bot_menucab.png");
   height:20px; font-weight:bold; color:#FFFFFF;
   font-size:10pt;
   padding-left:8px;
   padding-top:5px;
   margin-top:3px;
 }

 div.menu {
   width:112px; background-image:url("imagenes/bot_menu2.png");
   height:21px;
   color:#FFFFFF;
   font-size:10pt;
   padding-left:8px;
   padding-top:4px;
 }

 div.marco {
   border:1px solid #000000;
   padding:3px;
   font-size:10pt;
   background:#F4F7F9;
 }

 div.titulo {
   height:20px;
   font-size:12pt;
   font-weight:bold;
   color:#FFFFFF;
   background: #000000;
   padding-left:6px;
   margin-bottom:3px;
 }

 div.text_img {
   font-size:10pt;
   font-family:serif;
   text-align:center;
 }

 div.text_img img {
   border:1px solid #000000;
 }

 div.text_img_a {
   font-size:10pt;
   font-family:serif;
   text-align:center;
 }

 div.text_img_a img {
   border:0px;
 }

 h1 {
   font-size:18pt;
 }

 h2 {
   font-size:13pt;
   margin-top:24px;
   margin-bottom:16px;
 }

 p {
   font-family:arial;
   font-size:10pt;
   line-height:16px;
 }
 
 p.indexLecciones {
   font-family:Arial, Helvetica, sans-serif;
   font-size:9pt;
 }
 
 p.centrar { text-align:center; }

 ul, ol {
   font-family:arial;
   font-size:10pt;
   line-height:18px;
 }

 ul.lecciones {
   font-family:arial;
   font-size:10pt;
   line-height:24px;
 }

 ul.nav {
   display:inline;
   padding:0px;
 }

 ul.nav li {
   display:inline;
   padding:0px 6px;
   border:1px solid #0000FF;
   border-top:0px; 
   border-bottom:0px;
 }

ul.nav a { color:#0000FF; }

 table {
   margin:auto;
   border:1px solid #000000;
 }

 th { background:#000000; padding:2px 6px 4px; color:#FFFFFF; 
      text-align:center; }

 td.color1 { background:#CCCCFF; padding:2px 6px 4px; }

 td.color2 { background:#FFCCFF; padding:2px 6px 4px; }

 table.links {
   width:100%;
   border-collapse:collapse;
   font-family:sans-serif;
   font-size:8pt;
 }

 table.links td {
   border:1px solid #FFFFFF;
   width:50%;
   empty-cells:show;
   padding:2px 6px 12px;
   text-family:arial;
 }

 table.musica td { background:#CCDDFF; padding:2px 6px 4px; }

 img#favoritos {
   border:1px solid #000000;
 }
 
 img#email {
  margin-top:2px;
  margin-bottom:-3px;
 }

 span.azul { color:#0000FF; }
 span.grisoscuro { color:#999999; }
 span.verde { color:#009900; }
 span.fucsia { color:#FF00FF; }
 span.naranja { color:#FF8C00; }
 span.rojo { color:#FF0000; }
 span.morado { color: #9966FF }

 .menu a:link {text-decoration:none;color:#FFFFFF}
 .menu a:visited {text-decoration:none;color:#FFFFFF}
 .menu a:active {text-decoration:none;color:#FFFFFF}
 .menu a:hover {text-decoration:none;color:#FFFFFF}

 a:link {color:#0000FF;}
 a:visited {color:#0000FF;}
 a:active {color:#0000FF;}
 a:hover {color:#0000FF;}