Código CSS:
Ver originalhtml{
overflow-y: scroll
}
body{
background-color: #cb4040;/*12345a*/
margin:0;
padding: 0;
border:0;
vertical-align: baseline;
width: 100%;
height:100%;
}
.Fuente{
font-family: 'Amatic SC', cursive;
font-size: 20px;
color:black;
font-weight: bold;
}
.Centrar{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.ContenedorCabecera{
background-color: #123456;
position: relative; /*Static ya que es la primera y su posición es arriba*/
height: 150px; /*???????????????????*/
}
a.Logo{
height: 213px;
width: 320px;
position: absolute;/*PORQUE?????????*/
top:13px;
left: 1%;
background:transparent url(../Imagenes/UEPcarLogo.png) no-repeat 0 0;
background-size: contain;
text-indent: -9999px;
font-size: 0;
text-decoration: none;
}
.ContenedorNavegacion{
position: relative;
}
.ContenedorBotones{
position: relative;
height: 60px;
}
.icon-set.icon-set-center {
position: absolute;
left: 50%;
transform: translateX(-50%);
top:100%;
}
.icon-set .icon {
width: 100px;
height: 60px;
display: inline-block;
cursor: pointer;
}
.BotonHome{
background:transparent url(../Imagenes/Home.png) no-repeat 0 0;
}
.BotonHome:hover {
background:transparent url(../Imagenes/HomeHover.png) no-repeat 0 0;
}
.BotonADV {
background:transparent url(../Imagenes/ADV.png) no-repeat 0 0;
}
.BotonADV:hover {
background:transparent url(../Imagenes/ADVHover.png) no-repeat 0 0;
}
.ContenedorCuerpo{
/*background-color: #321654;*/
position: relative;
height: 400px;
}
.XXX .PP {
width: 150px;/*ALTO Y ANCHO DE LOS SIMULADORES*/
height: 30px;
display: inline-block;
cursor: pointer;
}
.XXX .SS {
width: 50px;/*ALTO Y ANCHO DE LOS SIMULADORES*/
height: 30px;
display: inline-block;
cursor: pointer;
margin-left: 50px;
}
.SimuladorPartida{
background:transparent url(../Imagenes/SimuladorPartida.png) no-repeat 0 0;
}
.SimuladorLlegada{
background:transparent url(../Imagenes/SimuladorLlegada.png) no-repeat 0 0;
}
/******* DESPLEGABLE IDIOMAS *******/
.ContenedorIdiomas{
float: right;
}
ul.DropdownIdiomas{
width: 150px; /*Ancho del desplegable*/
border-radius: 5px; /*Curvatura del radio*/
-moz-border-radius: 5px;/*Compatibilidad con moz y resto navegadores*/
-webkit-border-radius: 5px;
background: #4b7af1; /*Color del desplegable, parte superior y el costado con los puntos*/
margin-top: 0em; /*Separación del desplegable respecto arriba*/
margin-right: 1em;/*Separación respecto margen derecho*/
list-style:none; /*Quitar los puntos del costado de las listas*/
}
ul.DropdownIdiomas li{
display: none;
}
ul.DropdownIdiomas li.active{
display: block;
}
ul.DropdownIdiomas li.active {
padding-left: 24px;/*Margen interior izquierdo del texto, idioma actual*/
color: #000000;/*Color de la letra del que está seleccionado*/
}
ul.DropdownIdiomas li a{
display: block;
text-decoration: none; /*Quita la linea de abajo que tienen los enlaces*/
padding: 8px 8px 8px 10px;
background: #7d9ef2;/*Color del fondo de las tres opciones*/
}
ul.DropdownIdiomas li.last a{
border-radius: 5px; /*El ultimo del desplegable tiene radio 5px*/
}
ul.DropdownIdiomas li a:hover{
background: #256369; /*Color de fondo cuando hago el hover*/
color: #ffffff; /*Color de la letra cuando hago el hover*/
padding-left: 11px;
}
ul{/*Quitar la columna donde están los puntos de la lista*/
list-style-position: inside;
padding-left:0;
*margin-left:0;
}
/******* BANDERAS *******/
.Banderas {
width: 32px;
height: 24px;
float: right;
padding: 4px 25px 0px 4px;
margin: 3px;
margin-top: 8px;
}
.first .Banderas {
margin-top: 10px;
}
.Banderas.BanderaEsp {
background:transparent url(../Imagenes/BanderaEsp.png) no-repeat 0 0;
}
.Banderas.BanderaMall {
background:transparent url(../Imagenes/BanderaMall.png) no-repeat 0 0;
}
.Banderas.BanderaEng {
background:transparent url(../Imagenes/BanderaEng.png) no-repeat 0 0;
}
/******* BANDERAS *******/
/******* DESPLEGABLE IDIOMAS *******/
/******* FOOTER *******/
footer{
width: 100%;
height: 70px;
background: #993c39;
position: absolute;
bottom: 0;
}
.Mapa{
margin-top: 190px;
}
Yo creo que el problema es la position del contenedor cuerpo. Pero probando eso, se me descuadra todo, así que no se...