/* =========================================== index.css =============================== NO CERRAR AQUÍ
PARTIENDO DE 'index20220627.1259.css'
        
        
        
        
        
DONDE (a partir de CtrlT 1510):
@media all and ( min-width: 700px ){{
ES LA CSS DE 'landscape'
        
        
        
        
        
        
        
        
        
·He cambiado: (AL FINAL QUEDAN:) ·He cambiado:
@media . . .
·por:
@media all and ( orientation: portrait ) {
@media all and ( max-width: 524px ){
@media all and ( min-width: 525px ) and ( max-width: 1279px ){
@media all and ( orientation: landscape ){
@media all and (min-width: 1280px){
        
        
        
        
        
Cambios que PRETENDO YO, que afectan en orientación 'landscape':
·Una clase 'enMovilLandscapeSI' que ha de mostrar cosas en este modo
·Una clase 'enMovilLandscapeNO' que ha de OCULTAR cosas en este modo (de momento,
                                donde coincide, lo hace 'enMovilPortraitNO')
·Las <div> han de empezar despues del <header>
·El logo y el 'Estamos' que hay en el <footer> deben mostrarse
                        al lado de '<article id="flexible"'
                        con clase 'enMovilLandscapeSI' para ser
                        mostrado solo en orientacion 'landscape'

SE APLICA EN '@media all and ( orientation: landscape ){'
        
        
                               
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
·He cambiado: (AL EMPEZAR LAS REGLAS DE 'css', sin FILTRO DE '@media':) ·He cambiado:
·por:
@media all{
        .enMovilLandscapeSI{
                               display:            none;
        }
}
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
==========================================================================================CERRAR AQUÍ */
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        .enMovilLandscapeSI{
                               display:            none;
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/**/
@media all and ( orientation: portrait ){
        
        
        
        
        body{
                               width:              97vW;
        }
        
                               
        main { 
                      display:                                      flex; 
                      flex-direction:                               row; 
                      flex-wrap:                                    wrap; 
                        width:              95vw;
        }

        main div {
            flex-basis: 200px;
            flex-grow: auto;
            flex-shrink: auto;
        }
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        .artclePrincipal{
                               display:                              flex;
                               height:             77vh;
                               height:             60vh;
        }
        
                               
        .menuEnCuerpo{
                               display:            inline-block;
                               line-height:        2rem;
                               width:              29vw;
                               background-color:   var(--fondo);
                               padding-top:        6vw;
                               text-align:         right;
        }
        
                               
        .listaEnCuerpo{
                               list-style-type:    none;
                               background-color:   var(--fondo);
        }
        
                               
        .listaEnCuerpo li a{
                               text-decoration:    none;
                               list-style-type:    none;
                               color:              var(--letra);
                               background-color:   var(--fondo);
                               padding-left:       0vw;
                               
                               padding-right:      0vw;
                               padding-right:      1vw;
        }
        
                               
        .enMovilPortraitNO{
                               display:            none;
        }
        .enMovilLandscapeSI{
                               display:            none;
        }
        
                               
        #flexible{
                               display:                              flex;
                               flex-direction:                       row;
                               flex-wrap:                            wrap;
        }
        
                               
        .clInicio{
                               position:                             relative;
                               width:              63vw;
                               background-color:   var(--fondo);
        }
        
                               
        .clInicio>img{
                               display:            inline-block;
                               width:              45vw;
                               background-color:   var(--fondo);
                               margin-top:         1vw;
                               margin-left:        10vw;
        }
        
                               
        .clInicio div.sobreImagen{
                               position:                             absolute;
                               width:              100%;
                               width:              42vw;
                               margin-top:         1vw;

                               margin-left:        12vw;
                               bottom:             0;
                               padding:            20px;
                               
                               text-align:         center;
                               font-size:          20px;
                               
                               background:         rgb(0, 0, 0);
                               background:         rgba(0, 0, 0, 0.5);
                               color:              #f1f1f1;
                               color:              var(--colorBlanco);
                               
                               transition:         .5s ease;
                               opacity:            0;
        }
        
                               
        .clInicio:hover .sobreImagen {
                               opacity:            1;
        }
        
        
                               
        #flexible>div{
                               width:              63vw;
                               background-color:   var(--fondo);
        }        
        
                               
        #flexible>div>h2{
                               display:            block;
                               background-color:   var(--fondo);
                               color:              var(--colorBlanco);
                               width:              61vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
                        overflow:           hidden; 
        }        
        
                               
        #flexible>div>p, #flexible>div>form{
                               outline:            1px solid black;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              63vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
                               margin-left:        0vw;
                               height:             50vh;
                               overflow:           auto;
        }        
        
                               
        #flexible>div>form>p{
                               outline:            none;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              60vw;
                               margin-top:         0vw;
                               margin-left:        0vw;
        }        
        
                               
        #flexible>div>form>input[type*='submit']{
               background-color: #62529c;
               background-color: var(--fondoFuerte);
               color: #fff;
               text-decoration: none;
               cursor: pointer;
        }        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/* ===========================  AL FINAL DEL 'CSS' renderizacion de clases =========================== */
        
        article.artclePrincipal li span:hover{
                      color:                   var(--colorMenuEnCuerpo);
        }
        
        
        
        
        .clLaboral{        display:             none; }
        .clFiscal{         display:             none; }
        .clContable{       display:             none; }
        .clAutonomosPYMES{ display:             none; }
        .clGestoria{       display:             none; }
        .clContacto{       display:             none; }
        
        
        
        
        
        #idInicio:target ~ div[class*='clInicio'] { display: block;  }
        #idInicio:target ~ div:not([class*='clInicio']) { display: none;  }
        #idLaboral:target ~ div[class*='clLaboral'] { display: block;  }
        #idLaboral:target ~ div:not([class*='clLaboral']) { display: none;  }
        #idFiscal:target ~ div[class*='clFiscal'] { display: block;  }
        #idFiscal:target ~ div:not([class*='clFiscal']) { display: none;  }
        #idContable:target ~ div[class*='clContable'] { display: block;  }
        #idContable:target ~ div:not([class*='clContable']) { display: none;  }
        #idAutonomosPYMES:target ~ div[class*='clAutonomosPYMES'] { display: block;  }
        #idAutonomosPYMES:target ~ div:not([class*='clAutonomosPYMES']) { display: none;  }
        #idGestoria:target ~ div[class*='clGestoria'] { display: block;  }
        #idGestoria:target ~ div:not([class*='clGestoria']) { display: none;  }
        #idContacto:target ~ div[class*='clContacto'] { display: block;  }
        #idContacto:target ~ div:not([class*='clContacto']) { display: none;  }
        
        
        
}/**/
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/**/
@media all and ( max-width: 524px ){
        
        
        
        
        
        body{
                               width:              97vW;
        }
        
                               
        main { 
                      display:                                      flex; 
                      flex-direction:                               row; 
                      flex-wrap:                                    wrap; 
                        width:              95vw;
        }

        main div {
            flex-basis: 200px;
            flex-grow: auto;
            flex-shrink: auto;
        }
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        .artclePrincipal{
                               display:                              flex;
                               height:             77vh;
                               height:             60vh;
        }
        
                               
        .menuEnCuerpo{
                               display:            inline-block;
                               line-height:        2rem;
                               width:              29vw;
                               background-color:   var(--fondo);
                               padding-top:        6vw;
                               text-align:         right;
        }
        
                               
        .listaEnCuerpo{
                               list-style-type:    none;
                               background-color:   var(--fondo);
        }
        
                               
        .listaEnCuerpo li a{
                               text-decoration:    none;
                               list-style-type:    none;
                               color:              var(--letra);
                               background-color:   var(--fondo);
                               padding-left:       0vw;
                               
                               padding-right:      0vw;
                               padding-right:      1vw;
        }
        
                               
        .enMovilPortraitNO{
                               display:            none;
        }
        .enMovilLandscapeSI{
                               display:            none;
        }
        
                               
        #flexible{
                               display:                              flex;
                               flex-direction:                       row;
                               flex-wrap:                            wrap;
        }
        
                               
        .clInicio{
                               position:                             relative;
                               width:              63vw;
                               background-color:   var(--fondo);
        }
        
                               
        .clInicio>img{
                               display:            inline-block;
                               width:              45vw;
                               background-color:   var(--fondo);
                               margin-top:         1vw;
                               margin-left:        10vw;
        }
        
                               
        .clInicio div.sobreImagen{
                               position:                             absolute;
                               width:              100%;
                               width:              42vw;
                               margin-top:         1vw;

                               margin-left:        12vw;
                               bottom:             0;
                               padding:            20px;
                               
                               text-align:         center;
                               font-size:          20px;
                               
                               background:         rgb(0, 0, 0);
                               background:         rgba(0, 0, 0, 0.5);
                               color:              #f1f1f1;
                               color:              var(--colorBlanco);
                               
                               transition:         .5s ease;
                               opacity:            0;
        }
        
                               
        .clInicio:hover .sobreImagen {
                               opacity:            1;
        }
        
        
                               
        #flexible>div{
                               width:              63vw;
                               background-color:   var(--fondo);
        }        
        
                               
        #flexible>div>h2{
                               display:            block;
                               background-color:   var(--fondo);
                               color:              var(--colorBlanco);
                               width:              61vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
                        overflow:           hidden; 
        }        
        
                               
        #flexible>div>p, #flexible>div>form{
                               outline:            1px solid black;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              63vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
                               margin-left:        0vw;
                               height:             50vh;
                               overflow:           auto;
        }        
        
                               
        #flexible>div>form>p{
                               outline:            none;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              60vw;
                               margin-top:         0vw;
                               margin-left:        0vw;
        }        
        
                               
        #flexible>div>form>input[type*='submit']{
               background-color: #62529c;
               background-color: var(--fondoFuerte);
               color: #fff;
               text-decoration: none;
               cursor: pointer;
        }        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/* ===========================  AL FINAL DEL 'CSS' renderizacion de clases =========================== */
        
        article.artclePrincipal li span:hover{
                      color:                   var(--colorMenuEnCuerpo);
        }
        
        
        
        
        .clLaboral{        display:             none; }
        .clFiscal{         display:             none; }
        .clContable{       display:             none; }
        .clAutonomosPYMES{ display:             none; }
        .clGestoria{       display:             none; }
        .clContacto{       display:             none; }
        
        
        
        
        
        #idInicio:target ~ div[class*='clInicio'] { display: block;  }
        #idInicio:target ~ div:not([class*='clInicio']) { display: none;  }
        #idLaboral:target ~ div[class*='clLaboral'] { display: block;  }
        #idLaboral:target ~ div:not([class*='clLaboral']) { display: none;  }
        #idFiscal:target ~ div[class*='clFiscal'] { display: block;  }
        #idFiscal:target ~ div:not([class*='clFiscal']) { display: none;  }
        #idContable:target ~ div[class*='clContable'] { display: block;  }
        #idContable:target ~ div:not([class*='clContable']) { display: none;  }
        #idAutonomosPYMES:target ~ div[class*='clAutonomosPYMES'] { display: block;  }
        #idAutonomosPYMES:target ~ div:not([class*='clAutonomosPYMES']) { display: none;  }
        #idGestoria:target ~ div[class*='clGestoria'] { display: block;  }
        #idGestoria:target ~ div:not([class*='clGestoria']) { display: none;  }
        #idContacto:target ~ div[class*='clContacto'] { display: block;  }
        #idContacto:target ~ div:not([class*='clContacto']) { display: none;  }
        
        
        
}/**/
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/**/
@media all and ( min-width: 525px ) and ( max-width: 1279px ){
        
        
        
        main { 
                      display:                                      flex; 
                      flex-direction:                               row; 
                      flex-wrap:                                    wrap; 
        }

        main div {
            flex-basis: 200px;
            flex-grow: auto;
            flex-shrink: auto;
        }
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        .artclePrincipal{
                               display:                              flex;
                               padding-top:        17vh;
                               height:             77vh;
                               height:             60vh;
        }
        
                               
        .menuEnCuerpo{
                               display:            inline-block;
                               line-height:        2rem;
                               width:              15vw;
                               padding-left:       1vw;
                               background-color:   var(--fondo);
                               padding-top:        6vw;
                               
        }
        
                               
        .listaEnCuerpo{
                               list-style-type:    none;
                               background-color:   var(--fondo);
        }
        
                               
        .listaEnCuerpo li a{
                               text-decoration:    none;
                               list-style-type:    none;
                               color:              var(--letra);
                               background-color:   var(--fondo);
                               padding-left:       20px;
                               
                               padding-right:      0vw;
                               padding-right:      1vw;
        }
        
                               
        .enMovilLandscapeSI{
                               display:            none;
        }
        #flexible{
                               display:                              flex;
                               flex-direction:                       row;
                               flex-wrap:                            wrap;
        }
        
                               
        .clInicio{
                               position:                             relative;
                               width:              68vw;
                               background-color:   var(--fondo);
        }
        
                               
        .clInicio>img{
                               display:            inline-block;
                               width:              45vw;
                               background-color:   var(--fondo);
                               margin-top:         1vw;
                               margin-left:        12vw;
        }
        
                               
        .clInicio div.sobreImagen{
                               position:                             absolute;
                               width:              100%;
                               width:              42vw;
                               margin-top:         1vw;
                               margin-left:        12vw;
                               bottom:             0;
                               padding:            20px;
                               
                               text-align:         center;
                               font-size:          20px;
                               
                               background:         rgb(0, 0, 0);
                               background:         rgba(0, 0, 0, 0.5);
                               color:              #f1f1f1;
                               color:              var(--colorBlanco);
                               
                               transition:         .5s ease;
                               opacity:            0;
        }
        
                               
        .clInicio:hover .sobreImagen {
                               opacity:            1;
        }
        
        
                               
        #flexible>div{
                               width:              68vw;
                               background-color:   var(--fondo);
        }        
        
                               
        #flexible>div>h2{
                               display:            block;
                               background-color:   var(--fondo);
                               color:              var(--colorBlanco);
                               width:              65vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
        }        
        
                               
        #flexible>div>p, #flexible>div>form{
                               outline:            1px solid black;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              65vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
                               height:             50vh;
                               overflow:           auto;
        }        
        
                               
        #flexible>div>form>p{
                               outline:            none;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              60vw;
                               margin-top:         0vw;
                               margin-left:        0vw;
        }        
        
                               
        #flexible>div>form>input[type*='submit']{
               background-color: #62529c;
               background-color: var(--fondoFuerte);
               color: #fff;
               text-decoration: none;
               cursor: pointer;
        }        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/* ===========================  AL FINAL DEL 'CSS' renderizacion de clases =========================== */
        
        article.artclePrincipal li span:hover{
                      color:                   var(--colorMenuEnCuerpo);
        }
        
        
        
        
        .clLaboral{        display:             none; }
        .clFiscal{         display:             none; }
        .clContable{       display:             none; }
        .clAutonomosPYMES{ display:             none; }
        .clGestoria{       display:             none; }
        .clContacto{       display:             none; }
        
        
        
        
        
        #idInicio:target ~ div[class*='clInicio'] { display: block;  }
        #idInicio:target ~ div:not([class*='clInicio']) { display: none;  }
        #idLaboral:target ~ div[class*='clLaboral'] { display: block;  }
        #idLaboral:target ~ div:not([class*='clLaboral']) { display: none;  }
        #idFiscal:target ~ div[class*='clFiscal'] { display: block;  }
        #idFiscal:target ~ div:not([class*='clFiscal']) { display: none;  }
        #idContable:target ~ div[class*='clContable'] { display: block;  }
        #idContable:target ~ div:not([class*='clContable']) { display: none;  }
        #idAutonomosPYMES:target ~ div[class*='clAutonomosPYMES'] { display: block;  }
        #idAutonomosPYMES:target ~ div:not([class*='clAutonomosPYMES']) { display: none;  }
        #idGestoria:target ~ div[class*='clGestoria'] { display: block;  }
        #idGestoria:target ~ div:not([class*='clGestoria']) { display: none;  }
        #idContacto:target ~ div[class*='clContacto'] { display: block;  }
        #idContacto:target ~ div:not([class*='clContacto']) { display: none;  }
        
        
        
}/**/
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/**/
@media all and ( orientation: landscape ){

        
        
        main { 
                      display:                 flex; 
                      flex-direction:          row; 
                      flex-wrap:               wrap; 
        }

        main div {
            flex-basis: 200px;
            flex-grow: auto;
            flex-shrink: auto;
        }
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        .artclePrincipal{
                               display:            flex;
                               padding-top:        17vh;
                               height:             77vh;
                               height:             60vh;
        }
        
                               
        .menuEnCuerpo{
                               display:            inline-block;
                               line-height:        2rem;
                               width:              15vw;
                               padding-left:       1vw;
                               background-color:   var(--fondo);
                               padding-top:        6vw;
                               
        }
        
                               
        .listaEnCuerpo{
                               list-style-type:    none;
                               background-color:   var(--fondo);
        }
        
                               
        .listaEnCuerpo li a{
                               text-decoration:    none;
                               list-style-type:    none;
                               color:              var(--letra);
                               background-color:   var(--fondo);
                               padding-left:       20px;
                               
                               padding-right:      0vw;
                               padding-right:      1vw;
        }
        
                               
        .enMovilPortraitNO{
                               display:            none;
        }
        
                               
        .enMovilLandscapeNO{
                               display:            none;
        }
        
                               
        .enMovilLandscapeSI{
                               display:            inline-block;
        }
        
                               
        #flexible{
                               display:                        flex;
                               flex-direction:                 row;
                               flex-wrap:                      wrap;
        }
        
                               
        .clInicio{
                               position:                       relative;
                               width:              68vw;
                               background-color:   var(--fondo);
        }
        
                               
        .clInicio>img{
                               display:            inline-block;
                               width:              45vw;
                               background-color:   var(--fondo);
                               margin-top:         1vw;
                               margin-left:        12vw;
        }
        
                               
        .clInicio div.sobreImagen{
                               position:                       absolute;
                               width:              100%;
                               width:              42vw;
                               margin-top:         1vw;
                               margin-left:        12vw;
                               bottom:             0;
                               padding:            20px;
                               
                               text-align:         center;
                               font-size:          20px;
                               
                               background:         rgb(0, 0, 0);
                               background:         rgba(0, 0, 0, 0.5);
                               color:              #f1f1f1;
                               color:              var(--colorBlanco);
                               
                               transition:         .5s ease;
                               opacity:            0;
        }
        
                               
        .clInicio:hover .sobreImagen {
                               opacity:            1;
        }
        
        
                               
        #flexible>div{
                               width:              68vw;
                               background-color:   var(--fondo);
        }        
        
                               
        #flexible>div>h2{
                               display:            block;
                               background-color:   var(--fondo);
                               color:              var(--colorBlanco);
                               width:              65vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
        }        
        
                               
        #flexible>div>p, #flexible>div>form{
                               outline:            1px solid black;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              65vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
                               height:             50vh;
                               overflow:           auto;
        }        
        
                               
        #flexible>div>form>p{
                               outline:            none;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              60vw;
                               margin-top:         0vw;
                               margin-left:        0vw;
        }        
        
                               
        #flexible>div>form>input[type*='submit']{
               background-color: #62529c;
               background-color: var(--fondoFuerte);
               color: #fff;
               text-decoration: none;
               cursor: pointer;
        }        
        
        
        
        
        
        
        
        
        
        
        
        
        
        .enMovilLandscapeSI{
                        text-align:         left;
                        background-color:   var(--fondo);
                        color:              var(--letra);
                        vertical-align:     top; 
                        font-size:          1.5vw;
                        overflow:           auto; 
                        padding:            0px; 
                        width:              100%;
                        position:           relative;
        }            
        .enMovilLandscapeSI img:nth-of-type(1){
                        vertical-align:     top;
                        display:            block;
                        margin-left:        0.73vw;
                        margin-top:         1.73vh;
                        padding-right:      7vw;
                        width:              60%;
                        float:              left;
         }
        .enMovilLandscapeSI img:nth-of-type(2){
                        vertical-align:     top;
                        display:            block;
                        margin-right:       0.73vw;
                        margin-top:         1.73vh;
                        height:             21vh;
                        float: right;
        }
        .enMovilLandscapeSI address{
                        color:              var(--letra);
                        text-decoration:    none;
                        vertical-align:     top;
                        float:              left;
        }
        .enMovilLandscapeSI address a{
                        font-size:          0.8rem;
                        color:              var(--letra);
                        text-decoration:    none;
        }
        .enMovilLandscapeSI.noSepares{
                        white-space:        nowrap;
        }
        
                               
        .enMovilLandscapeSI{
                               display:            block;
        }
/* ===========================  AL FINAL DEL 'CSS' renderizacion de clases =========================== */
        
        article.artclePrincipal li span:hover{
                      color:                   var(--colorMenuEnCuerpo);
        }
        
        
        
        
        .clLaboral{        display:             none; }
        .clFiscal{         display:             none; }
        .clContable{       display:             none; }
        .clAutonomosPYMES{ display:             none; }
        .clGestoria{       display:             none; }
        .clContacto{       display:             none; }
        
        
        
        
        
        #idInicio:target ~ div[class*='clInicio'] { display: block;  }
        #idInicio:target ~ div:not([class*='clInicio']) { display: none;  }
        #idLaboral:target ~ div[class*='clLaboral'] { display: block;  }
        #idLaboral:target ~ div:not([class*='clLaboral']) { display: none;  }
        #idFiscal:target ~ div[class*='clFiscal'] { display: block;  }
        #idFiscal:target ~ div:not([class*='clFiscal']) { display: none;  }
        #idContable:target ~ div[class*='clContable'] { display: block;  }
        #idContable:target ~ div:not([class*='clContable']) { display: none;  }
        #idAutonomosPYMES:target ~ div[class*='clAutonomosPYMES'] { display: block;  }
        #idAutonomosPYMES:target ~ div:not([class*='clAutonomosPYMES']) { display: none;  }
        #idGestoria:target ~ div[class*='clGestoria'] { display: block;  }
        #idGestoria:target ~ div:not([class*='clGestoria']) { display: none;  }
        #idContacto:target ~ div[class*='clContacto'] { display: block;  }
        #idContacto:target ~ div:not([class*='clContacto']) { display: none;  }
        
        
}
/**/
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/**/
@media all and (min-width: 1280px){

        
        
        main { 
                      display:                 flex; 
                      flex-direction:          row; 
                      flex-wrap:               wrap; 
        }

        main div {
            flex-basis: 200px;
            flex-grow: auto;
            flex-shrink: auto;
        }
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        
                               
        .artclePrincipal{
                               display:            flex;
                               padding-top:        17vh;
                               height:             77vh;
                               height:             60vh;
        }
        
                               
        .menuEnCuerpo{
                               display:            inline-block;
                               line-height:        2rem;
                               width:              15vw;
                               padding-left:       1vw;
                               background-color:   var(--fondo);
                               padding-top:        6vw;
                               
        }
        
                               
        .listaEnCuerpo{
                               list-style-type:    none;
                               background-color:   var(--fondo);
        }
        
                               
        .listaEnCuerpo li a{
                               text-decoration:    none;
                               list-style-type:    none;
                               color:              var(--letra);
                               background-color:   var(--fondo);
                               padding-left:       20px;
                               
                               padding-right:      0vw;
                               padding-right:      1vw;
        }
        
                               
        #flexible{
                               display:                        flex;
                               flex-direction:                 row;
                               flex-wrap:                      wrap;
        }
        
                               
        .clInicio{
                               position:                       relative;
                               width:              68vw;
                               background-color:   var(--fondo);
        }
        
                               
        .clInicio>img{
                               display:            inline-block;
                               width:              45vw;
                               background-color:   var(--fondo);
                               margin-top:         1vw;
                               margin-left:        12vw;
        }
        
                               
        .clInicio div.sobreImagen{
                               position:                       absolute;
                               width:              100%;
                               width:              42vw;
                               margin-top:         1vw;
                               margin-left:        12vw;
                               bottom:             0;
                               padding:            20px;
                               
                               text-align:         center;
                               font-size:          20px;
                               
                               background:         rgb(0, 0, 0);
                               background:         rgba(0, 0, 0, 0.5);
                               color:              #f1f1f1;
                               color:              var(--colorBlanco);
                               
                               transition:         .5s ease;
                               opacity:            0;
        }
        
                               
        .clInicio:hover .sobreImagen {
                               opacity:            1;
        }
        
        
                               
        .enMovilLandscapeSI{
                               display:            none;
        }
        #flexible>div{
                               width:              68vw;
                               background-color:   var(--fondo);
        }        
        
                               
        #flexible>div>h2{
                               display:            block;
                               background-color:   var(--fondo);
                               color:              var(--colorBlanco);
                               width:              65vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
        }        
        
                               
        #flexible>div>p, #flexible>div>form{
                               outline:            1px solid black;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              65vw;
                               margin-top:         1vw;
                               margin-left:        2vw;
                               height:             50vh;
                               overflow:           auto;
        }        
        
                               
        #flexible>div>form>p{
                               outline:            none;
                               display:            inline-block;
                               background-color:   var(--fondo);
                               width:              60vw;
                               margin-top:         0vw;
                               margin-left:        0vw;
        }        
        
                               
        #flexible>div>form>input[type*='submit']{
               background-color: #62529c;
               background-color: var(--fondoFuerte);
               color: #fff;
               text-decoration: none;
               cursor: pointer;
        }        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
/* ===========================  AL FINAL DEL 'CSS' renderizacion de clases =========================== */
        
        article.artclePrincipal li span:hover{
                      color:                   var(--colorMenuEnCuerpo);
        }
        
        
        
        
        .clLaboral{        display:             none; }
        .clFiscal{         display:             none; }
        .clContable{       display:             none; }
        .clAutonomosPYMES{ display:             none; }
        .clGestoria{       display:             none; }
        .clContacto{       display:             none; }
        
        
        
        
        
        #idInicio:target ~ div[class*='clInicio'] { display: block;  }
        #idInicio:target ~ div:not([class*='clInicio']) { display: none;  }
        #idLaboral:target ~ div[class*='clLaboral'] { display: block;  }
        #idLaboral:target ~ div:not([class*='clLaboral']) { display: none;  }
        #idFiscal:target ~ div[class*='clFiscal'] { display: block;  }
        #idFiscal:target ~ div:not([class*='clFiscal']) { display: none;  }
        #idContable:target ~ div[class*='clContable'] { display: block;  }
        #idContable:target ~ div:not([class*='clContable']) { display: none;  }
        #idAutonomosPYMES:target ~ div[class*='clAutonomosPYMES'] { display: block;  }
        #idAutonomosPYMES:target ~ div:not([class*='clAutonomosPYMES']) { display: none;  }
        #idGestoria:target ~ div[class*='clGestoria'] { display: block;  }
        #idGestoria:target ~ div:not([class*='clGestoria']) { display: none;  }
        #idContacto:target ~ div[class*='clContacto'] { display: block;  }
        #idContacto:target ~ div:not([class*='clContacto']) { display: none;  }
        
        
}
/**/