/* 
    Created on : 24/04/2020
    Author     : Jorge A Peña Piña
    Version    : 1.0
*/

@media (min-width: 800px){
    .contenedor-100 {
        width:         100% ;
    }
    
    .contenedor-95 {
        margin:    0 auto 0 ;
        width:          95% ;
    }
    
    .contenedor-90 {
        margin:    0 auto 0 ;
        width:          90% ;
    }

    .contenedor-85 {
        margin:    0 auto 0 ;
        width:          85% ;
    }
    
    .contenedor-80 {
        margin:    0 auto 0 ;
        width:          80% ;
    }

    .contenedor-75 {
        margin:    0 auto 0 ;
        width:          75% ;
    }

    
    .contenedor-70 {
        margin:    0 auto 0 ;
        width:          70% ;
    }

    .contenedor-65 {
        margin:    0 auto 0 ;
        width:          65% ;
    }
    
    .contenedor-60 {
        margin:    0 auto 0 ;
        width:          60% ;
    }

    .contenedor-55 {
        margin:    0 auto 0 ;
        width:          55% ;
    }
    
    .contenedor-50 {
        margin:    0 auto 0 ;
        width:          50% ;
    }

    .contenedor-45 {
        margin:    0 auto 0 ;
        width:          45% ;
    }
    
    .contenedor-40 {
        margin:    0 auto 0 ;
        width:          40% ;
    }
    
    .contenedor-35 {
        margin:    0 auto 0 ;
        width:          35% ;
    }
    
    .contenedor-30 {
        margin:    0 auto 0 ;
        width:          30% ;
    }

    .contenedor-25 {
        margin:    0 auto 0 ;
        width:          25% ;
    }
    
    .contenedor-20 {
        margin:    0 auto 0 ;
        width:          20% ;
    }

    .contenedor-15 {
        margin:    0 auto 0 ;
        width:          15% ;
    }
    
    .contenedor-10 {
        margin:    0 auto 0 ;
        width:          10% ;
    }

    .contenedor-5 {
        margin:    0 auto 0 ;
        width:           5% ;
    }

    /* Barra */

    header .barra .botonInicio {
        display: none ;
    }
    
    header .barra .botonMenu {
        display: none ;
    }

    header .barra .menu {
        align-items:          center ;
        animation:              none ;
        background-color:    transparent ;
        box-shadow:             none ;
        color:             #ffffff ;
        display:                flex ;
        flex-wrap:              wrap ;
        margin:             0 auto 0 ;
        position:             static ;
        width:                   75% ;
    }

    header .barra .menu .botonCerrar {
        display: none ; 
    }

    header .barra .menu .logo {
        display: inline-block ;
        width:             2% ;
    }

    header .barra .menu .opcionesMenu {
        background: inherit ;
        display:       flex ;
        width:          95% ;
    }

    header .barra .menu .opcionesMenu ul {
        background:           inherit ;
        display:                 flex ;
        justify-content: space-evenly ;
        width:                   100% ;
    }

    header .barra .menu .opcionesMenu ul li {
        background: inherit ;
        padding:          0 ;
    }

    /* Principal principal */

    main .principal .tituloEmpresa h1 {
        font-size: 6rem ;
    }
    
    main .principal .tituloEmpresa h1 span {
        font-size: 2rem ;
    }

    main .principal .publicidad {
        margin: 1rem auto 1rem ;
        width:             48% ;
    }

    main .principal .cursos {
        margin: 1rem auto 1rem ;
        width:             48% ;
    }

    main .principal .consultorias {
        margin: 1rem auto 1rem ;
        width:             48% ;
    }

    main .principal .software {
        margin: 1rem auto 1rem ;
        width:             48% ;
    }

    main .principal .consultorias {
        margin: 1rem auto 1rem ;
        width:             48% ;
    }

    main .principal .seguridad {
        margin: 1rem auto 1rem ;
        width:             48% ;
    }

    main .principal .hardware {
        margin: 1rem auto 1rem ;
        width:             48% ;
    }

    /* Footer */

    footer .barraFooter .contenidoPie {
        flex-basis: 90% ;
    }
    
    footer .barraFooter .contenidoPie .bloquePie {
        flex-basis: calc(20% - 1rem) ;
    }
    
    footer .barraFooter .copyRight {
        flex-basis: 90% ;
    }

    footer .barraFooter .contenidoPie .somos {
        text-align: left ;
    }

    /* Nosotros */

    main .nosotros .barra-nosotros {
        align-items:                    center ;
        background:                    inherit ;
        border-bottom: 0.25rem solid #000000 ;
        display:                          flex ;
        justify-content:         space-between ;
        padding:                1rem 1rem 0rem ;
    }

    main .nosotros .barra-nosotros h2 {
        font-weight: 400 ;
        width:      auto ;
    }

    main .nosotros .barra-nosotros .opcionesNosotros {
        background:           inherit ;
        display:                 flex ;
        justify-content: space-around ;
        padding:             1rem 0 0 ;
        flex-basis:         calc(55%) ;
    }

    main .nosotros .barra-nosotros .opcionesNosotros a {
        color: #000000 ;
    }

    main .nosotros .barra-nosotros .opcionesNosotros a:hover {
        color: #5c5c5c ;
    }

    main .nosotros .frase {
        background: inherit ;
        display:       flex ;
        margin:    0 auto 0 ;
        padding:  4rem 2rem ;
        width:          75% ;
    }

    main .nosotros .frase p {
        font-size:  3.5rem ;
        text-align: center ;
    }

    main .nosotros .frase p span {
        display:       block ;
        font-size:    2.5rem ;
        font-weight:     600 ;
        margin: 0 2.5rem 0 0 ;
        text-align:    right ;
    }
}