html, body{
width: 100%;
height: 100%;
margin-top: 0px;
margin-left: 0px;
font: verdana;
}
header{
height: 10%;
}
.main{
display: block;
background-color: black;
color:white;
}
h1{
height: 100%;
margin: 0 1px 0 5px;
font-size: 160%;
font-family: verdana;
}
nav{
position: relative;
text-align: center;
background-color: #4C0000;
color:#FFFF94;
}
ul li{
display: inline-block;
}
ul#menu li{
padding-right: 4px;
margin-bottom: 0px;
border-right: solid white;
}
#menu{
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.m_1{
padding-left: 4px;
border-left: solid white;
}
#menu a:link{
color: white;
}
#menu a:visited{
color: #FFFF94;
}
#menu a:hover{
color: #B2F0B2;
}
section{
height: 85%;
}
#botones{
position: absolute;
bottom: 6%;
right: 0;
margin: 0 0 0 0;
padding-left: 0px;
width: 30%;
z-index: 1;
}
#b2{
display: none;
}
#mapa{
height: 100%;
top: 0;
}
footer{
height: 5%;
}
h2{
display: none;
}
h3{
margin: 0 0 0 0;
}
.info{
display: block;
position: relative;
float: left;
width: 100%;
}
h3 span{
display: none;
}
#time{
display: block;
position: absolute;
top: 4px;
right: 8px;
color: white;
z-index: 2;
}
#pie{
text-align: center;
width: 100%;
height: 100%;
}