*
   {
      margin:0;
      padding:0;
   }

body
   {
      font-family:Arial,sans-serif;
      font-size:10pt;
      color:#060E17;
      background:#ADD8F6;
      width:960px;
      position:relative;
   }
h1
   {
      font-size:1.8em;
      margin:10px 10px 20px;
      color:#0A5770;
      position:relative;
   }
.alpha
   {
      font-size:9pt;
      position:absolute;
      top:0;
      margin-left:10px;
      /*color:#D6ECF3;*/
      color:white;
   }
h2
   {
      font-size:1.2em;
      margin:10px 10px 20px;
   }
h3
   {
      font-size:1.4em;
      margin:15px;
   }
h4
   {
      font-size:1em;
      font-weight:normal;
      margin:15px;
   }
p
   {
      margin:1em 0;
   }
a
   {
      color:#2C8FAF;
   }
a:hover
   {
      color:#2C8FAF;
   }
.magic
   {
      margin-right:230px;
   }
.magicbox
   {
      width:340px;
      height:210px;
      float:left;
      overflow:hidden;
      margin:10px;
      position:relative;
      border:2px solid #2C8FAF;
      color:white;
   }
.cover
   {
      position:absolute;
      left:0;
      top:162px;
      opacity:0.8;
      background:black;
      height:210px;
   }
.magicbox a
   {
      color:#D6ECF3;
   }
.info
   {
      position:absolute;
      top:97px;
      right:0;
      width:195px;
      padding:12px;
      background:white;
      border-left: 2px solid #2C8FAF;
      -moz-border-radius-topright:8px;
      -moz-border-radius-bottomright:8px;
   }
.info h2
   {
      margin:10px 0;
      color:#0A5770;
   }

.info .block
   {
      height:210px;
   }

.idioma
   {
      position:absolute;
      top:10px;
      right:10px;
      color:white;
   }

.idioma .activo
   {
      opacity:.6;
   }