@font-face { font-family: coolvetica; src: url('../fonts/coolvetica.eot'); src: local('☺'), url('../fonts/coolvetica.woff') format('woff'), url('../fonts/coolvetica.ttf') format('truetype'), url('../fonts/coolvetica.svg') format('svg'); font-weight: normal; font-style: normal; } body { background-color: #2d2d2d; color: white; margin: 0 auto; font-family: coolvetica; font-size: 1em; } .enlace { color: yellow; text-decoration:none; } .enlaceTitulo { color: white; text-decoration:none; } .textoLateral { font-family: coolvetica; font-size: 1.3em; } .textoResaltado { color: yellow; } .cabeceraTitulo { margin: 0 auto; text-align: center; font-family: coolvetica; font-size: 2.2em; margin: 15px; } .lineaHorizontal { border: 0; border-bottom: 1px dashed #ccc; background: #999; color: yellow; display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; border-color: yellow; } .contenidoContenedor { margin: 0 auto; text-align: center; color: #1be21e; font-size: 60px; } .cabeceraMonigote { display: inline-block; background-image: url(../static/hm-favicon.png); background-position: center top; height: 46px; width: 68px; } .cabeceraDescripcion { text-align: center; font-size: 14px; font-family: coolvetica; vertical-align: super; } .bloqueIzquierda { display: inline-block; padding-left: 10px; padding-right: 10px; margin-top: 20px; } .bloqueDerecha { width: auto; display: inline-block; vertical-align: top; margin-top: 20px; text-align: left; font-size: small; background: black; padding: 10px 10px 10px 10px; } .fotoAdorno { max-width:2000%; height:auto; display:block; padding:1px; border:1px solid yellow; }