.button, .footerblue, h1, h2 {
    text-align: center
}

.nonedecoration, .privacidad, li a {
    text-decoration: none
}

.auximg, .guardian, .logotiposayb, .topimg, .ubicacionimg {
    max-width: 100%;
    box-sizing: border-box
}

.button:hover, .footerblue {
    background: rgba(23, 114, 250, .8)
}

.button, .inverse {
    background: #FFF;
    letter-spacing: 0
}

#iconospace, #oficinaspace, #spacetable, #subir, #subirb {
    position: relative
}

.elementos a, h6, li a {
    text-transform: uppercase
}

@font-face {
    font-family: 'Atlas Grotesk Web';
    src: url(AtlasGrotesk-Thin-Web.eot);
    src: url(AtlasGrotesk-Thin-Web-.eot#iefix) format('embedded-opentype'), url(AtlasGrotesk-Thin-Web.woff) format('woff');
    font-weight: 100;
    font-style: normal;
    font-stretch: normal
}

.AtlasGrotesk-Thin-Web {
    font-family: 'Atlas Grotesk Web';
    font-weight: 100;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Guardian Egyptian Web';
    src: url(GuardianEgyp-Thin-Web.eot);
    src: url(GuardianEgyp-Thin-Web-.eot#iefix) format('embedded-opentype'), url(GuardianEgyp-Thin-Web.woff) format('woff');
    font-weight: 200;
    font-style: normal;
    font-stretch: normal
}

.GuardianEgyp-Thin-Web {
    font-family: 'Guardian Egyptian Web';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal
}

.AtlasTypewriter-Light-Web, .PublicoBanner-Light-Web {
    font-weight: 300;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Atlas Typewriter Web';
    src: url(AtlasTypewriter-Light-Web.eot);
    src: url(AtlasTypewriter-Light-Web-.eot#iefix) format('embedded-opentype'), url(AtlasTypewriter-Light-Web.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal
}

.AtlasTypewriter-Light-Web {
    font-family: 'Atlas Typewriter Web'
}

@font-face {
    font-family: 'Publico Banner Web';
    src: url(PublicoBanner-Light-Web.eot);
    src: url(PublicoBanner-Light-Web-.eot#iefix) format('embedded-opentype'), url(PublicoBanner-Light-Web.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal
}

.PublicoBanner-Light-Web {
    font-family: 'Publico Banner Web'
}

.button, li a {
    font-family: 'Atlas Typewriter Web';
    font-size: 12px
}

.container {
    clear: both;
    padding-top: 4%
}

li a {
    color: #404041;
    line-height: 17px;
    padding-left: 2em;
    list-style: none;
    letter-spacing: 1px
}

.button {
    font-weight: 100;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .37);
    color: #313131;
    border: 0 !important
}

h1, h2 {
    font-family: 'Publico Banner Web';
    font-size: 4rem;
    line-height: 4.5rem;
    padding-bottom: 1%;
    padding-top: 1%
}

.button:hover {
    color: #fff;
    border: none
}

#footercontainer {
    padding-top: 2.5%;
    padding-right: 2%;
    padding-left: 2%
}

.inverse {
    margin: 1rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .17);
    font-family: . AppleSystemUIFont;
    color: #1772FA;
    border: none;
    line-height: 40px
}

.privacidad, h6 {
    color: #9B9B9B
}

.inverse:hover {
    color: #9B9B9B;
    background-color: #fff
}

h1, h2, h3 {
    color: #404041
}

h1 {
    font-weight: 400
}

h3, h4, h5 {
    font-family: 'Guardian Egyptian Web'
}

.comollegar, .left {
    text-align: left
}

h3 {
    font-size: 2.3rem;
    line-height: 4rem
}

h4 {
    font-size: 2.2rem;
    color: #1772FA;
    line-height: 2.5rem
}

h5 {
    font-size: 2rem;
    color: #4A4A4A;
    line-height: 3rem;
    letter-spacing: 0;
    padding-bottom: 0;
    margin-bottom: .5rem
}

.small, h6 {
    font-size: 11px;
    letter-spacing: .01em;
    line-height: 20px
}

h6 {
    font-family: 'Atlas Typewriter Web';
    margin-bottom: 0
}

.small, label {
    font-size: 1.4rem !important;
    font-family: arial;
}

.small {
    color: #1772FA
}

.elementos a, .formulario, input, option {
    font-family: 'Atlas Typewriter Web';
    text-decoration: none
}

.comollegar {
    padding-top: 0;
    margin-top: -2%;
    color: #3776fa
}

#blue h3, #center, #gray h3, .center, .elementos li {
    text-align: center
}

::selection {
    background: #dbdbdb
}

::-moz-selection {
    background: #dbdbdb
}

.formulario, input, label, option {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 17px;
    list-style: none
}

.center {
    margin: 0 auto
}

.on {
    color: #1772FA
}

.fullimg {
    width: 100%
}

.topimg, .ubicacionimg {
    width: auto
}

.ubicacionimg {
    max-height: 540px
}

.flechaimg {
    width: 100px
}

.oficinasline {
    width: 86%
}

#graciasimg {
    max-height: 450px;
    width: auto
}

.fulliconos, .fullwidth {
    width: 100%
}

#imgcontacto:hover {
    opacity: .8
}

#identidadsmall, #spaceyes, .masoleo, .nichos {
    display: none
}

@media screen and (max-width: 800px) {
    #identidadsmall {
        display: inherit
    }

    #identidadbig {
        display: none
    }
}

.onlymobile {
    display: none
}

@media screen and (max-width: 750px) {
    .three.columns {
        width: 100%
    }

    .oficinasline {
        display: none
    }

    .onlymobile {
        display: block
    }
}

@media screen and (max-width: 800px) {
    .nichosmasoleo {
        display: none
    }

    .masoleo, .nichos {
        display: inherit;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 2rem
    }

    #spaceno, .desktop {
        display: none
    }

    #spaceyes {
        display: inherit
    }

    #nosrespaldan {
        margin-top: 4rem
    }
}

#space {
    margin-top: 30px
}

#iconospace {
    top: 30px
}

#subir {
    bottom: 90px
}

#subirb {
    bottom: 40px
}

#oficinaspace {
    bottom: 5rem
}

#spacetable {
    top: 3rem
}

#spacenumber {
    margin-bottom: .5rem
}

#marginobituario {
    margin-top: 0
}

#noticiasyproyectos {
    position: relative;
    bottom: 28px
}

@media screen and (max-width: 500px) {
    #iconospace {
        top: 0
    }

    .fulliconos {
        width: 65%;
        padding-bottom: 10%
    }
}

.nichosmasoleo {
    float: left;
    margin-top: -4rem;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: -2rem
}

.guardian, .logotiposayb {
    width: auto
}

#center {
    margin: 0 auto
}

.logotiposayb {
    max-height: 300px;
    margin: 0;
    padding: 0x
}

.button1 {
    background-color: rgba(23, 114, 250, .8);
    color: #fff;
    border: none;
    border-radius: 5px
}

.button1:hover {
    background-color: #fff;
    color: rgba(23, 114, 250, .8);
    border: 1px solid rgba(23, 114, 250, .8);
    border-radius: 5px
}

.guardian {
    max-height: 80px
}

#blue {
    background-color: #408bff;
    margin-right: 0;
    padding: 3%
}

#blue h3, #gray h3 {
    color: #fff;
    font-size: 1.4rem;
    margin: 2px
}

#gray {
    margin-left: 0;
    background-color: #313131;
    padding: 3%
}

@media screen and (max-width: 750px) {
    .contactotel {
        margin-left: 0
    }
}

@media screen and (max-width: 550px) {
    #blue, #gray {
        width: 80%;
        margin-left: 10%
    }

    #blue h3, #gray h3, .small {
        text-align: center
    }

    #blue h3, #gray h3 {
        color: #fff;
        margin: 0;
        font-size: 16px
    }

    #gray {
        background-color: #313131
    }

    #blue {
        background-color: #408bff
    }
}

.auximg {
    max-height: 450px;
    width: auto
}

.elementos li {
    list-style: none inside;
    display: block;
    border: 1px solid #bbb;
    border-radius: 5px
}

.elementos li:hover {
    background-color: rgba(23, 114, 250, .8);
    color: #fff
}

.elementos a {
    font-size: 11px;
    color: #555;
    line-height: 38px
}

@font-face {
    font-family: 'BradfordLL-Light';
    src: url(BradfordLL-Light.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SteinskriftValle-Regular';
    src: url(SteinskriftValle-Regular.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}

select {
    appearance: auto;
    font-family: inherit;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 1rem;
}

select:after {
    transform: translateY(-50%);
}

select:focus {
    outline: 2px solid #007bff;
}
