html, body {
 width:100%; 
 height:100%; 
 background-image:url('../fondo.jpg');
 background-position: center;
 background-repeat:no-repeat;
}

* {margin: 0; padding: 0;} 

a:link{  text-decoration:none}
a:visited{ text-decoration:none}
a:active{ text-decoration:none}
a:hover{ text-decoration:none}

#contenedor{
 width: 1024px;
 height: 768px;
 margin: 0 auto;
}

#foro{
 position: relative;
 float: left;
 width: 300px;
 height: 200px;
 left: 360px;
 top: 5px;
 text-align: center;
}

#andando{
 position: relative;
 float: left;
 left: -300px;
 top: 100px;
 text-align: center;
}

#aviacion{
 position: relative;
 float: left;
 left: -500px;
 top: 375px;
 text-align: center;
}

#alcala{
 position: relative;
 float: right;
 right: 0px;
 top: -120px;
 text-align: center;
}

#ciclismo{
 position: relative;
 float: right;
 right: -90px;
 top: 160px;
 text-align: center;
}

.contador{
 position: absolute;
 float: none;
 width: 300px;
 height: 30px;
 left: 500px;
 top: 700px;
 text-align: center;
}

#contenido{
 position: relative;
 float: none;
 width: 350px;
 height: 350px;
 left: 340px;
 top: 20px;
}

#marquee{
 position: relative;
 float: none;
 height: 340px;
 left: 0px;
 top: -45px;
 color:#000000; 
 font:bold 3em arial, helvetica, sans-serif; 
}
 
 .capainfo{
   visibility: hidden;
   position: absolute;
   float: none;
   margin: 0 auto;
   text-align:center;
   height: 340px;
   left: 0px;
   top: 0px;
   color:#000000; 
   font:bold 3em arial, helvetica, sans-serif; 
   white-space: none;
 }