/* <div class="banner">
<p>
<a rel="nofollow" href="http://www.w3.org/"><img alt="W3C" src="http://www.w3.org/Icons/w3c_home"></a>
<a rel="nofollow" href="http://www.w3.org/Consortium/Activities">Actividades</a>
<a rel="nofollow" href="http://www.w3.org/TR/">Informes técnicos</a>
<a rel="nofollow" href="http://www.w3.org/Help/siteindex">Índice del sitio</a>
<a rel="nofollow" href="http://www.w3.org/Consortium/Translation/">Traducciones</a>
<a rel="nofollow" href="http://www.w3.org/Status">Software</a>
<a rel="nofollow" href="http://search.w3.org/">Búsqueda</a>
<em>Relacionado:</em>
<a rel="nofollow" href="http://www.w3.org/Style/">Estilos</a>
<a rel="nofollow" href="http://www.w3.org/Style/CSS/">CSS</a>
<a rel="nofollow" href="./">Trucos y sugerencias</a>
</div>En un navegador sin CSS (o con CSS desactivado), el menú aparecerá simplemente como un párrafo con enlaces. Pero gracias a las reglas siguientes, el menú parece "flotar" encima de la página, fijado a la esquina superior derecha de la ventana del navegador: 
*/
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}


/*- Menu Tabs 2--------------------------- */

    #tabs2 {
      float:left;
      width:100%;
      height:300px; 
      color:Navy ;
      font-family: Arial, Verdana;
      font-weight :bold ;
      font-size:14px;
      }
    #tabs2 ul {
	  margin:0;
	 padding:0px 10px 10px 10px; 
	  list-style:none;
      }
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs2 a {
      float:left;
      background:url("../WebImages/tableft2.gif") no-repeat left top;
      margin:0;
      padding:0px 0px 6px 6px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url("../WebImages/tabright2.gif") no-repeat right top;
      padding:10px 14px 14px 10px; 
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
      color:#74675B;
      }
    #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs2 a:hover span {
      background-position:100% -42px;
      }
      	
/*- Menu 9--------------------------- */
	
#menu9 {
	width: 205px;
	margin: 3px;
	font-family: Arial, Verdana;
	font-size :small ;
	}
#menu9 li span{
	display: block;
	color: blue;
	height: 30px;
   background:  url(../WebImages/menuV9t.gif); 
   text-decoration: none;
	font-family: Arial, Verdana;
	padding: 4px 0 0 30px;
	}
#menu9 li a {
	height: 24px;
	text-decoration: none;
	
	}	
	
#menu9 li a:link, #menu9 li a:visited {
	color: blue;
	display: block;
	background:  url(../WebImages/menuV9.gif);
	padding: 8px 0 0 10px;
	}
	
#menu9 li a:hover {
	color: blue;
	background:  url(../WebImages/menuV9.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
/* --------------------------*/

#sombra {
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(../WebImages/css-efecto-sombra.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
} 


#sombra img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:5px;
background:#FFFFFF; /*Definimos un color de fondo */
border:2px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}
#sombra_boton {
float:left;
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(../WebImages/css-efecto-sombra_boton.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
} 


#sombra_boton img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:5px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}


.Noticia {
margin-left:10px;
font-size: 14px;
font-weight: normal;

}
.Noticia:first-letter {

font-size: 16px;
font-weight: bold;

}


/* -------- ----- - - */
div.banner {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: fixed;
  top: 2em;
  left: auto;
  width: 8.5em;
  right: 2em;
}
div.banner p {
  margin: 0;
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #900;
  border: thin outset #900;
  color: white;
}

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #900 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }

div.banner a:link { text-decoration: none; color: white }
div.banner a:visited { text-decoration: none; color: #CCC }
div.banner a:hover { background: black; color: white }


TD.cuaP_tl
{
    BACKGROUND: url(../WebImages/CuadroSombra_tl.gif);
    height:6px;
}

TD.cuaP_tr
{
    BACKGROUND: url(../WebImages/CuadroSombra_tr.gif);
    height:6px;
    width:8px;
}

TD.cuaP_ml
{
    BACKGROUND: url(../WebImages/CuadroSombra_ml.gif);
    width:8px;
}
TD.cuaP_mm
{
    BACKGROUND: url(../WebImages/CuadroSombra_fondo.gif);
}
TD.cuaP_mr
{
    BACKGROUND: url(../WebImages/CuadroSombra_mr.gif);
    width:8px;
}

TD.cuaP_bl
{
    BACKGROUND: url(../WebImages/CuadroSombra_bl.gif);
    height:30px;
     
}

TD.cuaP_br
{
    BACKGROUND: url(../WebImages/CuadroSombra_br.gif);
    height:30px;
    width:8px;
}
	
TD.cua1_tl
{
    BACKGROUND: url(../WebImages/Cuadro_Azul_tl.gif);
    height:10px;
    
}

TD.cua1_tr
{
    BACKGROUND: url(../WebImages/Cuadro_Azul_tr.gif);
    height:10px;
    width:10px;
}

TD.cua1_ml
{
    BACKGROUND: url(../WebImages/Cuadro_Azul_ml.gif);
}

TD.cua1_mr
{
    BACKGROUND: url(../WebImages/Cuadro_Azul_mr.gif);
    width:10px;
}

TD.cua1_bl
{
    BACKGROUND: url(../WebImages/Cuadro_Azul_bl.gif);
    height:10px;
     
}

TD.cua1_br
{
    BACKGROUND: url(../WebImages/Cuadro_Azul_br.gif);
    height:10px;
    width:10px;
}

TD.cuaC_tl
{
    BACKGROUND: url(../WebImages/Cuadro_Cel_tl.gif);
    height:10px;
    
}

TD.cuaC_tr
{
    BACKGROUND: url(../WebImages/Cuadro_Cel_tr.gif);
    height:10px;
    width:10px;
}

TD.cuaC_ml
{
    BACKGROUND: url(../WebImages/Cuadro_Cel_ml.gif);
}

TD.cuaC_mr
{
    BACKGROUND: url(../WebImages/Cuadro_Cel_mr.gif);
    width:10px;
}

TD.cuaC_bl
{
    BACKGROUND: url(../WebImages/Cuadro_Cel_bl.gif);
    height:10px;
     
}

TD.cuaC_br
{
    BACKGROUND: url(../WebImages/Cuadro_Cel_br.gif);
    height:10px;
    width:10px;
}


TD.cuaW_tl
{
    BACKGROUND: url(../WebImages/CuadroWin1_tl.gif);
    height:6px;
}

TD.cuaW_tr
{
    BACKGROUND: url(../WebImages/CuadroWin1_tr.gif);
    height:6px;
    width:8px;
}

TD.cuaW_ml
{
    BACKGROUND: url(../WebImages/CuadroWin1_ml.gif);
}

TD.cuaW_mr
{
    BACKGROUND: url(../WebImages/CuadroWin1_mr.gif);
    width:8px;
}

TD.cuaW_bl
{
    BACKGROUND: url(../WebImages/CuadroWin1_bl.gif);
    height:10px;
     
}

TD.cuaW_br
{
    BACKGROUND: url(../WebImages/CuadroWin1_br.gif);
    height:10px;
    width:8px;
}

TD.cuaB_tl
{
    BACKGROUND: url(../WebImages/Cuadro_Bisel_tl.gif);
    height:10px;
}

TD.cuaB_tr
{
    BACKGROUND: url(../WebImages/Cuadro_Bisel_tr.gif);
    height:10px;
    width:8px;
}

TD.cuaB_ml
{
    BACKGROUND: url(../WebImages/Cuadro_Bisel_ml.gif);
}

TD.cuaB_mr
{
    BACKGROUND: url(../WebImages/Cuadro_Bisel_mr.gif);
    width:10px;
}

TD.cuaB_bl
{
    BACKGROUND: url(../WebImages/Cuadro_Bisel_bl.gif);
    height:10px;
     
}

TD.cuaB_br
{
    BACKGROUND: url(../WebImages/Cuadro_Bisel_br.gif);
    height:10px;
    width:10px;
}