html {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
body {
    width:100%;
    height:100%;
}
#idioma {
    font-size:200%;
    margin-top:20%;
    display:table;
    width:100%;
    height:30%;
    text-align:center;
}
#cat {
    width:25%;
    height:auto;
    margin-left:12.5%;
    margin-right:12.5%;
}
#es {
    width:25%;
    height:auto;
    margin-left:12.5%;
    margin-right:12.5%;
    float:right;
}
#logo {
    height:20%;
    width:20%;
    margin-left:2.5%;
    margin-top:7.5%;
}
#logoimg {
    height:100%;
    width:auto;
}
#titol {
    font-size:150%;
    color:green;
    height:20%;
    width:75%;
    text-align:center;
    display:table;
    float:right;
    margin-right:2.5%;

}
#subtitol {
    font-size:100%;
    height:20%;
    width:100%;
    text-align:center;
    display:table;
}
#map{
    width:100%;
    height:70%;
}
.menuleft {
    width:50%;
    height:15%;
    text-align:center;
    display:table;
    color:green;
}
.menuright {
    width:50%;
    height:15%;
    float:right;
    display:table;
    color:green;
}
.pmenuleft {
    width:50%;
    height:7%;
    text-align:center;
    display:table;
    color:green;
}
.pmenuright {
    width:50%;
    height:7%;
    float:right;
    display:table;
    color:green;
}
.text {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.cap {
    height:19%;
    width:100%;
    font-size:150%;
    color:green;
    display:table;
}
.llista {
    width:100%;
    height:8%;
    color:green;
    display:table;
}
.punto {
    width:auto;
    height:100%;
}
.textimage {
    width:100%;
    height:auto;
}