html, body 
{
    max-width: 100%;
    overflow-x: hidden;
}

.HTML5Logo  
  {   font-family: Arial; 
      font-size: 10px; 
      color: #FFFF00; 
      font-weight: bold; 
      float: right; 
      border: 0px; 
      background-color: #000000 }

.MenuOpciones
  {   font-family: Arial; 
      font-size: 10px; 
      color: #FFFF00; 
      font-weight: bold; 
      float: right; 
      border: 0px solid #FFFF00; 
      background-color: #000000 }


        .menu,
        .menu ul,
        .menu li,
        .menu a {
            margin: 0;
            padding: 0;
            border: none;
            outline: none;
        }
         
        .menu {
            height: 40px;
            width: 99%;
         
            background: #8080ff;
            background: -webkit-linear-gradient(top, #8080ff 0%,#000080 100%);
            background: -moz-linear-gradient(top, #8080ff 0%,#000080 100%);
            background: -o-linear-gradient(top, #8080ff 0%,#000080 100%);
            background: -ms-linear-gradient(top, #8080ff 0%,#000080 100%);
            background: linear-gradient(top, #8080ff 0%,#000080 100%);
         
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
         
        .menu li {
            position: relative;
            list-style: none;
            float: left;
            display: block;
            height: 40px;
        }
        
        .menu li a {
            display: block;
            padding: 0 14px;
            margin: 6px 0;
            line-height: 28px;
            text-decoration: none;
         
            border-left: 1px solid #393942;
            border-right: 1px solid #4f5058;
         
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 20px;
         
            color: #d0d0ff;
            text-shadow: 1px 1px 1px rgba(0,0,0,.6);
         
            -webkit-transition: color .2s ease-in-out;
            -moz-transition: color .2s ease-in-out;
            -o-transition: color .2s ease-in-out;
            -ms-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out;
        }
         
        .menu li:first-child a { border-left: none; }
        .menu li:last-child a{ border-right: none; }
         
        .menu li:hover > a { color: #ffff80; }      
        
        .menu ul {
            position: absolute;
            top: 40px;
            left: 0;
         
            opacity: 0;
            background: #000080;
         
            -webkit-border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
         
            -webkit-transition: opacity .25s ease .1s;
            -moz-transition: opacity .25s ease .1s;
            -o-transition: opacity .25s ease .1s;
            -ms-transition: opacity .25s ease .1s;
            transition: opacity .25s ease .1s;
        }
         
        .menu li:hover > ul { opacity: 1; }
         
        .menu ul li {
            height: 0;
            overflow: hidden;
            padding: 0;
         
            -webkit-transition: height .25s ease .1s;
            -moz-transition: height .25s ease .1s;
            -o-transition: height .25s ease .1s;
            -ms-transition: height .25s ease .1s;
            transition: height .25s ease .1s;
        }
         
        .menu li:hover > ul li {
            height: 36px;
            overflow: visible;
            padding: 0;
        }          
        
        .menu ul li a {
            width: 500px;
            padding: 4px 0 4px 4px;
            margin: 0;
         
            border: none;
            border-bottom: 1px solid #353539;
        }
         
        .menu ul li:last-child a { border: none; }
        
        .menu a.sp { background: url(../img/spain.png) no-repeat 6px center; }
        
        .menu a.uk { background: url(../img/uk.png) no-repeat 6px float: right; }
        
.idiomas  
      {   position: relative;
          float: right;
          top: -26px;
          left: -20px;
          font-family: Comic Sans MS; 
          font-size: 10px; 
          color: #FFFF00; 
          font-weight: bold; 
          float: right; 
          border: 0px;  }

.Obras {
      padding: 10px;
      background: #000040;
      float: right;
      width: 300px;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-right: 20px;
      border-top-width: 2px;
      border-bottom-width: 2px;
      border-top-style: solid;
      border-bottom-style: solid;
      border-top-color: #000080;
      border-bottom-color: #000080;
      text-align: left;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: normal;
      color: #8080ff;
}

.formulario {
      padding: 10px;
      background: #002020;
      float: left;
      width: 650px;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 30px;
      margin-right: 30px;
      border-top-width: 2px;
      border-bottom-width: 2px;
      border-top-style: solid;
      border-bottom-style: solid;
      border-top-color: #a0ffff;
      border-bottom-color: #a0ffff;
      text-align: left;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: normal;
      color: #a0ffff;
}

.form_pssw {
      padding: 10px;
      background: #002020;
      float: left;
      width: 350px;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 30px;
      margin-right: 30px;
      border-top-width: 2px;
      border-bottom-width: 2px;
      border-top-style: solid;
      border-bottom-style: solid;
      border-top-color: #a0ffff;
      border-bottom-color: #a0ffff;
      text-align: left;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: normal;
      color: #a0ffff;
}

.pie 
  {   font-family: Arial; 
      font-size: 10px; 
      text-align: center;
      color: #000000; 
      font-weight: bold; 
      float: right; 
      border: 0px; 
      background-color: #808080 }
      
.aviso
  {   position: relative;
      top: 0px;
      width: 50%;
      font-family: Arial; 
      float: center;
      font-size: 10px; 
      text-align: center;
      color: #000000; 
      font-weight: normal; 
      border: 0px; 
      background-color: #b0b0ff; }
      
footer {
      position:fixed;
      left: 0;
      bottom: 0;
      height: 20px;
      width: 100%; }