Nuevo Laredo HTML

<html>

<!-- -------------------------------------------------------
Universidad Autónoma de Nuevo León
Facultad de Ingeniería Mecánica y Eléctrica
Tópicos Selectos de Programación
Alumno: Xavier Fernando Cuauhtémoc Sánchez Díaz
Matrícula: 1540717
-------------------------------------------------------
Codificado para: Opera 11.01
CSS Validado!!
-------------------------------------------------------
Eliminé lo de 'Clase: Turista' y 'Clase: Preferente' porque
me daban 8 precios, 4 tipos de variables distintas.
Con 3 variables (como ahora), sí se pueden usar todos
los precios. De igual modo, talvez la jerarquía de la tabla
está errónea, pero es lo mejor que se me ocurrió!
------------------------------------------------------- -->

<head>
<title>Promociones para Viajes a Nuevo Laredo</title>
<style type="text/css">

table{
       border: solid #191970;
       font-family:"Arial", Helvetica, Sans-Serif;
       }

#precios_1{
               font-style: italic; /* En lugar de usar <i> */
               font-size: smaller; /* En lugar del <font size="-1">, mismo efecto */
               background-color: #B0E0E6; /* En lugar del <font color>, mismo efecto */
               }

#precios_2{
               font-style: italic;
               font-size: smaller;
               background-color: #87CEEB;
               }


#precios_3{
               font-style: italic;
               font-size: smaller;
               background-color: #ADD8E6;
               }

#precios_4{
               font-style: italic;
               font-size: smaller;
               background-color: #6495ED;
               }

#hotel{
        background-color: #4682B4;
        color: white;
        font-size: smaller;
        }

caption{
            font-size: large; /* En lugar del <font size="+2">, mismo efecto */
            color: #191970;
            }

#cuarto{
           background-color: #ADD8E6;
           color: #191970;
           font-size: smaller;
           }

</style>
</head>

<body>

<table cellspacing="2" cellpadding="2" border="3">

<caption>Promociones para Viajes a Nuevo Laredo</caption>

<tr id="hotel">
<th>Hotel 3 estrellas</th>
<th>Hotel 5 estrellas</th>
</tr>


<tr>
<td>
<table cellspacing="2" cellpadding="2" border="3">

<tr>
<td></td>
<td id="cuarto">1 Semana</td>
<td id="cuarto">2 Semanas</td>
</tr>

<tr>
<td id="cuarto">Cuarto únicamente</td>
<td id="precios_1">$7,000</td>
<td id="precios_4">$13,000</td>
</tr>

<tr>
<td id="cuarto">Cuarto con servicios</td>
<td id="precios_2">$8,500</td>
<td id="precios_3">$15,000</td>
</tr>

</table>
</td>

<td>
<table cellspacing="2" cellpadding="2" border="3">

<tr>
<td></td>
<td id="cuarto">1 Semana</td>
<td id="cuarto">2 Semanas</td>
</tr>

<tr>
<td id="cuarto">Cuarto únicamente</td>
<td id="precios_1">$10,000</td>
<td id="precios_4">$18,500</td>
</tr>

<tr>
<td id="cuarto">Cuarto con servicios</td>
<td id="precios_2">$11,500</td>
<td id="precios_4">$26,000</td>
</tr>

</table>
</td>
</tr>

</table>

</body>
</html>