html,
body{
  margin:0px;
  padding:0px;
  height:96%;
 font-family:verdana,arial,sans-serif;
}

#content {
 margin:15px;
 height:90%;
 border:1px solid red;
}

#inner {
  width:400px;
  height:150px;
  position: absolute;
  top: 70%;
  left: 50%;
  margin-left:-200px;
  margin-top:-75px;
  font-size:10px;
}

#inner a {
 color:black;
 text-decoration:none;
}

#popup {
 font-size:10px;
 height:290px;
}

#popup #content {
 padding:20px;
 color:black;
}

#popup p {
  margin:10px;
}

#popup a {
 color:black;
 text-decoration:none;
}

#content a img {
  margin:auto;
  display:block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top:-20px;
  margin-left:-120px;
  border:none;
  text-decoration:none;
}

#footer {
 font-family:Verdana;
 font-size:10px;
 margin-left:15px;
}

#footer a {
 color:black;
 text-decoration:none;
}

#footer span {
  float:left;
}

#content ul{
  margin:0px;
  margin-right:15px;
  padding:0px;
  list-style:none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top:20px;
  margin-left:-140px;
}

#content ul.idioma li {
  margin:0px;
  padding:0px;
  display:inline;
  list-style:none;
  margin-left:20px;
  float:left;
  padding-left:20px;
  padding-right:20px;
  margin:0px;
  border-right:1px solid red;
  border-left:1px solid red;
}

#content ul.idioma li a {
 color:#888888;
 font-family:verdana,arial,sans-serif;
 text-decoration:none;
 font-size:10px;
}



#content ul.idioma li a:hover {
 color:#000000;
}

#footer {
  margin-right:15px;
}

#footer ul {
  text-align:right;
  margin:0px;
  padding:0px;
  list-style:none;
  float:right;
  width: 680px;
}

#footer li { 
  margin:0px;
  padding:0px;
  display:inline;
  list-style:none;
  margin-left:20px;
  float:none
}

#footer li a {
  color:#888;
}

#footer li a:hover {
  color:#000;
}

#footer ul.idioma li {
  padding-left:20px;
  padding-right:20px;
  margin:0px;
  border-right:1px solid red;
  border-left:1px solid red;
}

#footer li img {
 vertical-align:middle;
}