/* copyright www.fernandoflorido.com 2009 2010 */ html {
overflow: hidden; } @font-face { font-family: "gillsans"; src:
url("/gillsans.dfont"); } body { background-color:
rgb(255,251,238); } body strong { font-weight: 900; } body
invisible { color: rgb(255,251,238); } li { display:inline; }
#contenedor { } #titulo h1 { font-family: garamond; font-size:
56px; letter-spacing: -0.05em; word-spacing: +0.15em;
font-weight: 100; color: rgb(80,83,87); } #titulo h1 >
interlineado { font-size: 84px; color: rgb(255,251,238); }
#titulo h2 { font-family: gillsans, helvetica; font-size: 18px;
letter-spacing: 0.0em; word-spacing: +0.0em; color:
rgb(80,83,87); font-weight: 100; } #titulo h2 > interlineado {
font-size: 27px; color: rgb(255,251,238); } #baillo_texto {
font-family: gillsans, helvetica; font-size: 16px; font-weight:
100; letter-spacing: +0.0em; word-spacing: +0.0em; color:
rgb(80,83,87); } #baillo_texto interlineado { font-size: 24px;
color: rgb(255,251,238); } #baillo_texto a { color:
rgb(80,83,87); text-decoration:none; } #baillo_texto a:hover {
color:rgb(206,115,87); text-decoration:none; } #baillo_texto2 {
font-family: gillsans, helvetica; font-size: 14px; font-weight:
100; letter-spacing: +0.0em; word-spacing: +0.0em; color:
rgb(80,83,87); } #baillo_texto2 interlineado { font-size: 21px;
color: rgb(255,251,238); } #autor { font-family: gillsans,
helvetica; font-size: 14px; font-weight: 100; letter-spacing:
0.0em; word-spacing: +0.0em; color: rgb(180,177,167);
text-align: center; } #autor a { color: rgb(180,177,167);
text-decoration:none; } #autor a:hover { color: rgb(80,83,87);
text-decoration:none; } #opciones { font-family: garamond,
gillsans, helvetica; font-size: 26px; font-weight: 100;
letter-spacing: 0.0em; word-spacing: +1.8em; text-align:
center; } #opciones h1 a { color: rgb(80,83,87);
text-decoration:none; } #opciones h1 a:hover { color:
rgb(206,115,87); text-decoration:none; } #texto_legal {
font-family: gillsans, helvetica; font-size: 14px; font-weight:
100; letter-spacing: 0.0em; word-spacing: +0.0em; color:
rgb(80,83,87); text-align: left; } #texto_legal interlineado {
font-size: 21px; color: rgb(255,251,238); } #display_principal
{ font-family: gillsans, helvetica; font-size: 16px;
font-weight: 100px; letter-spacing: +0.1em; word-spacing:
+0.0em; color: rgb(80,83,87); text-align: right;
vertical-align: text-bottom; } #display_principal h2 {
letter-spacing: +0.1em; font-weight: 100; font-size: 18px; }
#display_principal h3 { letter-spacing: +0.0em; font-weight:
100; font-size: 16px; } #display_principal a { color:
rgb(80,83,87); text-decoration:none;} #display_principal
a:hover { color:rgb(206,115,87); text-decoration:none;}
#display_principal > #display_texto { text-align: left;
letter-spacing: +0.0em; } #display_principal > #display_texto
interlineado { font-size: 24px; color: rgb(255,251,238); }
#display_g_alumnofygyf { text-align: right; letter-spacing:
+0.0em; color: rgb(80,83,87); font-size: 14px;} #opciones {
border-top: 0px solid black; } #opciones_cerrar { font-family:
gillsans; font-size: 18px; color: rgb(107,86,50); }
#opciones_cerrar a { color: rgb(80,83,87);
text-decoration:none; } #opciones_cerrar a:hover {
color:rgb(206,115,87); text-decoration:none; } #opciones_iconos
{ font-family: gillsans; font-size: 18px; color:
rgb(107,86,50); } #opciones_iconos a { color: rgb(80,83,87);
text-decoration:none; } #opciones_iconos a:hover {
color:rgb(206,115,87); text-decoration:none; } #visor_imagen {
font-family: gillsans, helvetica; font-size: 16px; color:
rgb(80,83,87); letter-spacing: +0.0em; text-align: right; }
#visor_aguafuertes1 { font-family: gillsans, helvetica;
font-size: 16px; font-weight: 100; letter-spacing: +0.0em;
word-spacing: +0.0em; color: rgb(80,83,87); text-align: right;
vertical-align: text-bottom; } #display_pro1 { font-family:
gillsans, helvetica; font-size: 14px; font-weight: 100;
letter-spacing: +0.0em; word-spacing: +0.0em; color:
rgb(80,83,87); text-align: right; vertical-align: text-bottom;
} #contenedor { position: absolute; width: 100%; height: 100%;
} #principal { position: relative; width: 960px; height: 100%;
margin-left: auto; margin-right: auto; overflow-x: visible;
overflow-y: visible; } #titulo { position: absolute; left:
40px; height: 80px; top: 20px; } #baillo_foto { position:
absolute; width: 115px; height: 140px; left: 40px; bottom:
160px; } #baillo_texto { position: absolute; width: 500px;
height: 90px; left: 176px; bottom: 211px; } #baillo_texto2 {
position: absolute; width: 500px; height: 68px; left: 176px;
bottom: 168px; } #opciones { position: absolute; width: 96%;
height: 21px; left: 2%; bottom: 100px; } #autor { position:
absolute; width: 96%; height: 21px; left: 2%; bottom: 10px; }
#dibujo_relleno { position: absolute; width: 424px; height:
500px; right: 40px; bottom: 160px; } #izquierda { position:
absolute; width: 77px; height: 77px; left: 20px; bottom: 34px;
} #derecha { position: absolute; width: 77px; height: 77px;
right: 20px; bottom: 34px; } #opciones_cerrar { position:
absolute; width: 77px; height: 77px; left: 20px; top: 20px;
overflow-x: hidden; overflow-y: hidden; } #opciones_minis {
position: absolute; width: 77px; height: 77px; right: 20px;
top: 20px; overflow-x: hidden; overflow-y: hidden; }
#display_principal { position: absolute; right: 20px; top:
20px; left: 20px; bottom: 20px; overflow-x: visible;
overflow-y: visible; } #display_texto { position: absolute;
width: 62%; height: 100%; left: 0px; top: 0px; overflow-x:
visible; overflow-y: visible; } #display_texto2 { position:
absolute; width: 510px; bottom: 120px; right: -220px; top:
80px; overflow-x: hidden; overflow-y: hidden; } #display_texto3
{ position: absolute; width: 510px; bottom: 0px; left: 0px;
top: 134px; overflow-x: hidden; overflow-y: visible; }
#display_g_alumno { position: absolute; width: 100%; bottom:
120px; right: 0px; top: 80px; overflow-x: visible; overflow-y:
visible; } #g_alumno1 { position: absolute; width: 29%; height:
42%; left: 0px; top: 50%; overflow-x: hidden; overflow-y:
hidden; } #g_alumno1_texto { position: absolute; width: 29%;
height: 8%; left: 0px; top: 92%; } #g_alumno2 { position:
absolute; width: 29%; height: 42%; left: 0px; top: 0%;
overflow-x: hidden; overflow-y: hidden; } #g_alumno2_texto {
position: absolute; width: 29%; height: 8%; left: 0px; top:
42%; } #g_alumno3 { position: absolute; width: 29%; height:
42%; left: 34%; top: 50%; overflow-x: hidden; overflow-y:
hidden; } #g_alumno3_texto { position: absolute; width: 29%;
height: 8%; left: 34%; top: 92%; } #g_alumno4 { position:
absolute; width: 29%; height: 42%; left: 34%; top: 0%;
overflow-x: hidden; overflow-y: hidden; } #g_alumno4_texto {
position: absolute; width: 29%; height: 8%; left: 34%; top:
42%; } #g_alumno6 { position: absolute; width: 29%; height:
42%; left: 67%; top: 50%; overflow-x: hidden; overflow-y:
hidden; } #g_alumno6_texto { position: absolute; width: 29%;
height: 8%; left: 67%; top: 92%; } #g_alumno7 { position:
relative; width: 29%; height: 42%; left: 67%; top: 0%;
overflow-x: hidden; overflow-y: hidden; } #g_alumno7_texto {
position: absolute; width: 29%; height: 8%; left: 67%; top:
42%; } #visor_imagen { position: absolute; left: 20px; right:
20px; top: 20px; bottom: 20px; overflow-x: hidden; overflow-y:
hidden; } #visor_imagen2 { position: absolute; left: 140px;
right: 120px; top: 20px; bottom: 0px; overflow-x: visible;
overflow-y: visible; } #imagen_vertical { position: absolute;
left: 0px; right: 0px; top: 0px; bottom: 120px;
text-align:center; overflow-x: visible; overflow-y: visible; }
#imagen_horizontal { position: absolute; left: 0px; right:0px;
top: 80px; bottom: 120px; text-align:center; overflow-x:
visible; overflow-y: visible; } #visor_aguafuertes1 { position:
absolute; left: 30px; right: 30px; top: 30px; bottom: 100px;
overflow: hidden; } #visor_aguafuertes2 { position: absolute;
left: 0px; right: 0px; top: 0px; bottom: 62px; overflow:
visible; } #visor_aguafuertes2 #aguafuerte1 { position:
relative; top: 0px; right: 0px; height: 58%; }
#visor_aguafuertes2 #aguafuerte1_texto { position: relative;
top: 0px; height: 40px; } #visor_aguafuertes2 #aguafuerte2 {
position: relative; top: 0px; height: 29%; }
#visor_aguafuertes2 #aguafuerte2_texto { position: relative;
top: 0px; height: 40px; } #visor_aguafuertes2 #aguafuerte3 {
position: relative; top: 0px; right: 0px; height: 47.10%; }
#visor_aguafuertes2 #aguafuerte3_texto { position: relative;
top: 0px; right: 0px; height: 40px; } #visor_aguafuertes2
#aguafuerte4 { position: relative; top: 0px; right: 0px;
height: 39.90%; } #visor_aguafuertes2 #aguafuerte4_texto {
position: relative; top: 0px; right: 0px; height: 40px; }
#visor_aguafuertes2 #aguafuerte5 { position: absolute; top:
0px; width: 58%; height: 87%; overflow-x: hidden; overflow-y:
hidden; } #visor_aguafuertes2 #aguafuerte5_texto { position:
absolute; top: 87%; width: 58%; height: 80px; }
#visor_aguafuertes2 #aguafuerte6 { position: absolute; top:
0px; right: 0px; width: 38%; height: 87%; overflow-x: hidden;
overflow-y: hidden; } #visor_aguafuertes2 #aguafuerte6_texto {
position: absolute; top: 87%; right: 0px; width: 38%; height:
80px; } #opciones_iconos { position: absolute; width: 98%;
height: 80px; left: 1%; bottom:14px; text-align:center; border:
solid 0px; } #g_pro1 { position: absolute; width: 29%; height:
42%; left: 34%; top: 0%; overflow-x: hidden; overflow-y:
hidden; } #g_pro1_texto { position: absolute; width: 29%;
height: 8%; left: 34%; top: 42%; } #g_pro2 { position:
absolute; width: 29%; height: 42%; left: 67%; top: 0%;
overflow-x: hidden; overflow-y: hidden; } #g_pro2_texto {
position: absolute; width: 29%; height: 8%; left: 67%; top:
42%; } #g_pro3 { position: absolute; width: 29%; height: 42%;
left: 34%; top: 50%; overflow-x: hidden; overflow-y: hidden; }
#g_pro3_texto { position: absolute; width: 29%; height: 8%;
left: 34%; top: 92%; } #g_pro3_soon { position: absolute;
width: 29%; height: 16%; left: 34%; top: 84%; } #g_pro4 {
position: absolute; width: 29%; height: 42%; left: 67%; top:
50%; overflow-x: hidden; overflow-y: hidden; } #g_pro4_texto {
position: absolute; width: 29%; height: 8%; left: 67%; top:
92%; } #g_pro4_soon { position: absolute; width: 29%; height:
16%; left: 67%; top: 84%; }