html { height: 100%; }
body { width: 100%; height: 100%;
    overflow: hidden;
    color:#fff; line-height:14px;
    font-family: 'lucida grande', tahoma, verdana, arial; font-size:11px; font-weight:bold;
}

body h1 { padding-top: 10px; font-size:14px; }

body > ul { width: 3150px; height: 100%; position:absolute; top: 0; left: 0;}
body > ul > li { width: 150px; height: 100%; background-color: #333; float:left; list-style:none; }

body > section #info { 
    width: 270px; height: 280px;
    position:absolute; z-index: 4;
    bottom: 20px; left: 100px;
}
body > section #info { opacity: 0; }
body > section #info p { margin-bottom: 10px; }
body > section #infoBg { 
    bottom: 20px; left: 20px;
    width: 0; height: 0;
    background-color:#000; opacity:.8;
    position:absolute; z-index:3;
    border: 1px;
    -moz-border-radius-topright: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomright: 100px;
    -webkit-border-top-right-radius: 100px; -webkit-border-top-left-radius: 100px; -webkit-border-bottom-right-radius: 100px;    
}

body > div {
    width: 100%; height: 290px;
    background: url('../img/interference.png');
    position:absolute; z-index: 10;
}

a { color: #fff; text-decoration: underline; font-weight: bold;}
a:hover { color:#2eb4bd;}
a.gringo {
    background: url('../img/gringo.png') no-repeat;
    display: block;
    text-indent: -999px;
    width:80px; height:19px;
    margin: 10px 0 20px 0;
}