html{ overflow: hidden; }
body{ background: black; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: .7em; margin: 0; padding: 0; color: white; }
a{ color: white; font-weight: bold; }
#bloque1{ width: 464px; position: absolute; margin: 0 0 0 -415px; left: 50%; }
#bloque2{ width: 50%; float: right; padding: 0 0 0 0; margin: 0; overflow: auto; }

#bloque2 #contenido{ margin: 136px 0 0 0; }

h1{ margin: 0; padding: 0; height: 136px; text-indent: -9999px; background: url(img/cabecera.gif) no-repeat; }
#visor{ margin: 0; border: 2px solid white; width: 460px; height: 364px; overflow: hidden; }

#bloque2 .video{ width: 316px; border: 3px dashed #6b6b6b; padding: 10px; margin: 0 0 40px 70px; }
#bloque2 .video.hover{ border-color: white; cursor: pointer; }
#bloque2 .video:after{ content: " \A "; display: block; clear: both; height: 0; }

#bloque2 .video img{ border: 1px solid #6B6B6B; display: block; float: left; margin: 0 10px 0 0; }
#bloque2 .video.hover img{ border-color: white; }
#bloque2 .video p{ margin: 0 0 0 104px; padding: 10px 0 0 0; text-align: justify; }

#elufo { bottom: 1px; position: absolute; right: 16px; }
#elufo a { background-color: transparent; color: white; display: block; font-weight: bold; text-decoration: none; height: 3px; width: 3px; outline: none; }
#elufo a span { display: none; }
#elufo.hover a { background-color: black; border: 1px solid white; height: 30px; padding: 10px 5px; text-align: center; width: 80px; }
#elufo.hover span { display: block !important; color: white !important; }