<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo.css" rel="stylesheet" type="text/css">
<style>
/* CSS Document */
BODY {
background : #993300 url(imagenes/fondo.jpg) repeat;
margin : 0px 0px 20px 0px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-style: normal;
}
a:link { color: #ffffff}
a:visited { color: #663333}
a:hover { color: #957838}
a:active { color: #663333}
a.estilo2:link { font-family: Tahoma, Verdana, Arial; color: #ffffff; text-decoration: none}
a.estilo2:visited { font-family: Tahoma, Verdana, Arial; color: #ffffff; text-decoration: none}
a.estilo2:hover { font-family: Tahoma, Verdana, Arial; color: #ff0033}
a.estilo2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
/* aca empieza lo de los h1*/
h1 { color: #FFCC66; font-size: 14px}
h2 { font-size: 10px; font-weight: bold }
h3 {color: #663333; font-size: 12px;font-weight: normal;}
#contenedor{
text-align: left;
width: 772px;
height: 600px;
margin: auto;
background-image: url(imagenes/fondopagina.gif);
}
#cabecera{ /* Aca va el logo y todo lo qeu va en la linea horizontal */
width: 772px;
height : 134px;
background-image: url(imagenes/fondo.gif);
background-repeat: no-repeat;
float:left;
}
#menu{ /* links*/
width: 772px;
height : 40px;
margin: auto;
}
#menu ul{
list-style:none;
left: 462px;
text-align:center;
margin: 0px;
}
#menu li{
list-style:none;
left: 462px;
display: inline;
}
#cabecera1{
width: 333px;
text-align: left;
float:left;
margin-top: 20px; /*Margen de alto de el menu*/
margin-left: 10px;
}
#cabecera2{
width: 400px;
margin-top: 20px;
float:right;
text-align: left;
margin-right: 10px;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera"></div>
<div id="menu">
<h2>
<ul>
<li><a href="#1" title="Home" class="estilo2">Home</a></li>
<li><a href="#2" title="Empresa" class="estilo2">Empresa</a></li>
<li><a href="#3" title="Preguntas" class="estilo2">Preguntas</a></li>
<li><a href="#4" title="Instrucciones" class="estilo2">Instrucciones</a></li>
<li><a href="#5" title="Tarjeta Recargable" class="estilo2">Tarjeta Recargable</a></li>
<li><a href="#6" title="Registro de Línea" class="estilo2">Registro de Línea</a></li>
<li><a href="#7" title="Puntos de Venta" class="estilo2">Puntos de Venta</a></li>
<li><a href="#8" title="Distribuidores" class="estilo2">Distribuidores</a></li>
<li><a href="#9" title="Contacto" class="estilo2">Contacto</a></li>
</ul>
</h2>
</div>
<div id="cabecera1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="333" height="186">
<param name="movie" value="imagenes/ventana.swf">
<param name="quality" value="high">
<embed src="imagenes/ventana.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="333" height="186"></embed>
</object>
</div>
<div id="cabecera2">fff</div>
</body>
</html>