@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */
    
@media all
{
    .escala10 .subcl, 
    .escala30 .subcl, 
    .escala60 .subcl, 
    .escala100 .subcl{ padding:0 }
     
    .escala10 .cuerpo p, 
    .escala30 .cuerpo p, 
    .escala60 .cuerpo p, 
    .escala100 .cuerpo p{ color:#ccc }
    /* INICIO: estructuras */
    
    .escala10{ border:1px solid #BABABA; width:82px; height:82px; padding:2px; }
    .escala10 div.ampliar-header{ border:1px dashed #BABABA; margin:3px; padding:5px 0 5px 0; }
    .escala10 div.ampliar-content{ border:1px dashed #BABABA; margin:3px; padding:29px 0 29px 0; }
    .escala10 div.ampliar{ border:1px dashed #BABABA; margin:3px; padding:17px 0 17px 0; }
    .escala10 div.ampliar2{ border:1px dashed #BABABA; margin:3px; padding:7px 0 7px 0; }
    .escala10 div.ampliar3{ border:1px dashed #BABABA; margin:3px; padding:1.6px 0 1.6px 0; }
    .escala10 div.titulo{ background:#BABABA; height:7px; margin-bottom:2px; }
    .escala10 div.cuerpo p{ font-size:0.2em }
    .escala10 div.foto-centro{ border:1px solid #BABABA; height:41px; margin-bottom:2px; }
    .escala10 div.foto-izq{ border:1px solid #BABABA; width:41px; height:41px; margin:0 6px 1px 0px; }
    .escala10 div.foto-der{ border:1px solid #BABABA; width:41px; height:41px; margin:0 0px 1px 6px; }

    .escala30{ border:1px solid #BABABA; width:151px; height:151px; padding:3px; }
    .escala30 div.ampliar{ border:1px dashed #BABABA; margin:5px; padding:32px 0 32px 0; }
    .escala30 div.ampliar2{ border:1px dashed #BABABA; margin:5px; padding:14px 0 14px 0; }
    .escala30 div.ampliar3{ border:1px dashed #BABABA; margin:5px; padding:3.8px 0 3.8px 0; }
    .escala30 div.ampliar-header{ border:1px dashed #BABABA; margin:3px; padding:15px 0 15px 0; }
    .escala30 div.ampliar-content{ border:1px dashed #BABABA; margin:3px; padding:51px 0 51px 0; }

    .escala60{ border:1px solid #BABABA; width:212px; height:198px; padding:2px; }
    .escala60 div.titulo{ background:#BABABA; height:20px; margin-bottom:4px; }
    .escala60 div.cuerpo p{ font-size:0.5em }
    .escala60 div.foto-centro{ border:1px solid #BABABA; height:78px; margin-bottom:2px; }
    .escala60 div.foto-izq{ border:1px solid #BABABA; width:78px; height:78px; margin:0 6px 1px 0px; }
    .escala60 div.foto-der{ border:1px solid #BABABA; width:78px; height:78px; margin:0 0px 1px 6px; }
    
    .escala70{ border:1px solid #BABABA; height:370px; }

    .escala100{ border:1px solid #BABABA; width:622px; height:622px; padding:2px; }
    .escala100 div.ampliar{ border:1px dashed #BABABA; margin:5px; padding:150px 0 150px 0; }
    .escala100 div.ampliar2{ border:1px dashed #BABABA; margin:5px; padding:72px 0 72px 0; }
    .escala100 div.ampliar3{ border:1px dashed #BABABA; margin:7px; padding:26px 0 26px 0; }
    .escala100 div.ampliar4{ border:1px dashed #BABABA; height:30px; margin:2px; }
    .escala100 div.ampliar5{ border:1px dashed #BABABA; height:15px; margin:2px; }
    .escala100 div.ampliar-header{ border:1px dashed #BABABA; margin:3px; padding:45px 0 45px 0; }
    .escala100 div.ampliar-content{ border:1px dashed #BABABA; margin:3px; padding:257px 0 257px 0; }
    
    .h10{ height:10%; }
    .h20{ height:20%; }
    .h30{ height:30%; }
    .h40{ height:40%; }
    .h50{ height:50%; }
    .h60{ height:60%; }
    .h70{ height:70%; }
    .h80{ height:80%; }
    .h90{ height:90%; }
    .h100{ height:100%; }
    
    .gris10{ background-color:#f6f6f6 }
    .gris20{ background-color:#ededed }
    .gris30{ background-color:#e8e8e8 }
    .gris40{ background-color:#e4e4e4 }
    .gris50{ background-color:#e2e2e2 }
    .gris60{ background-color:#dedede }
    .gris70{ background-color:#d5d5d5 }
    .gris80{ background-color:#d2d2d2 }
    .gris90{ background-color:#cecece }
    .gris100{ background-color:#c4c4c4 }
    
    
    .escala-prueba{ height:500px; width:500px; border:1px solid #d8d8d8; text-align:left }
    /*.escala-prueba{ height:50%; width:50; border:1px solid #d8d8d8; text-align:left }*/
    .escala-prueba{ font-size: 10px; }
    
    .escala-prueba h1{ font-size: 1em; }
    
    #posicion_a .cuadro-imagen, 
    #posicion_a .cuadro-imagen-derecha{ padding:0.2em }
    
    #posicion_a .cuadro-imagen{ position:relative; height:128px; width:130px; }
    #posicion_a .cuadro-imagen .clip{ position:absolute; clip:rect(20px 218px 155px 82px); top:-20px; left:-82px }
    
    
    #posicion_a .cuadro-imagen-derecha,
    #posicion_a .cuadro-imagen-izquirda{ height:50%; width:50%; }
    
    #posicion_a .cuadro-imagen img, 
    #posicion_a .cuadro-imagen-derecha img{ height:98%; width:98%; }
    /*\*/
    /*html*.escala-prueba img{ height:50%; width:50%; } sólo en safari */

    
    /* FIN: estructuras */
}