#foot {
    padding-top: 17px;
    width: 100%;
    text-transform: none;
    background: #151515
}

#foot-logos {
    height: 500px;
    width: 100%;
    position: relative
}

#foot-content1 {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

#f-imper-pub {
    height: 435px;
    width: 983px
}

#f-imper-pub p {
    color: #fff;
    font-family: Arial,helvetica,sans-serif;
    font-size: 14px
}

#block1,#block2,#block3 {
    color: #a1a1a1;
    float: left;
    font-family: ubuntulight,Helvetica,sans-serif;
    font-size: 11px;
    height: 185px;
    padding: 0 12px 0 14px;
    text-align: right;
    width: 130px
}

#block1 {
    border-left: medium
}

#block1 li,#block2 li,#block3 li {
    margin: 0 0 10px
}

#block1 li a,#block2 li a,#block3 li a {
    color: #ccc;
    outline: medium;
    text-decoration: none
}

.f-site-titu {
    color: #f5c400;
    cursor: default;
    font-size: 20px;
    text-transform: uppercase;
    font-family: fjalla_oneregular
}

.p18 {
    padding-top: 29px
}

.p19 {
    padding-top: 9px
}

#foot-content2 span {
    float: left;
    text-align: center
}

#foot-content2 span a {
    height: auto;
    width: 245px;
    text-align: center;
    text-decoration: none;
    display: block
}

#foot-content2 span {
    color: #8c8c8c;
    cursor: default;
    text-shadow: 0 0 4px #000;
    font-size: 14px;
    padding-top: 5px;
    font-family: fjalla_oneregular;
    text-transform: uppercase;
    text-shadow: 0 0 1px #000
}

#foot-content2 ul {
    position: relative;
    width: 938px;
    height: auto
}

.f-pe span {
    position: absolute;
    top: 50px;
    left: 36px
}

.f-pe img {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat 0 0 transparent;
    clear: both;
    height: 38px;
    width: 144px;
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-pe:hover img,.f-pd:hover img,.f-ca:hover img,.f-en:hover img,.f-pm:hover img,.f-es:hover img,.f-px:hover img,.f-lp:hover img {
    opacity: 0
}

.f-pe .pe {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -144px 0 transparent;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 38px;
    width: 144px
}

.f-pe:hover .pe {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -144px 0 transparent;
    opacity: 1
}

.f-pd span {
    position: absolute;
    top: 50px;
    left: 320px
}

.f-pd img {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat 0 -44px transparent;
    height: 47px;
    width: 204px;
    margin-top: -6px;
    position: absolute;
    left: 240px;
    top: 0;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-pd .pd {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -204px -44px transparent;
    margin-top: -6px;
    height: 47px;
    width: 204px;
    position: absolute;
    left: 240px;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-pd:hover .pd {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -204px -44px transparent;
    opacity: 1
}

.f-ca span {
    position: absolute;
    top: 50px;
    right: 289px
}

.f-ca img {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat 0 -98px transparent;
    height: 50px;
    width: 156px;
    position: absolute;
    top: -4px;
    right: 235px;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-ca .ca {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -156px -98px transparent;
    height: 50px;
    width: 204px;
    position: absolute;
    top: -4px;
    right: 187px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-ca:hover .ca {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -156px -98px transparent;
    opacity: 1
}

.f-en span {
    position: absolute;
    top: 50px;
    right: 0
}

.f-en img {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat 0 -152px transparent;
    height: 60px;
    width: 132px;
    top: -10px;
    right: -33px;
    position: absolute;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-en .en {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -132px -152px transparent;
    height: 60px;
    width: 132px;
    position: absolute;
    top: -10px;
    right: -33px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-en:hover .en {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -132px -152px transparent;
    opacity: 1
}

.f-pm span {
    position: absolute;
    top: 220px;
    left: 33px
}

.f-pm img {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat 0 -217px transparent;
    height: 45px;
    width: 152px;
    position: absolute;
    left: -9px;
    top: 150px;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-pm .pm {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -152px -217px transparent;
    height: 45px;
    width: 152px;
    position: absolute;
    left: -9px;
    top: 150px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-pm:hover .pm {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -152px -217px transparent;
    height: 45px;
    width: 152px;
    opacity: 1
}

.f-px span {
    position: absolute;
    top: 220px;
    left: 325px
}

.f-px img {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat 0 -267px transparent;
    height: 48px;
    width: 144px;
    position: absolute;
    left: 282px;
    top: 153px;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-px .px {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -144px -267px transparent;
    height: 48px;
    width: 144px;
    position: absolute;
    left: 282px;
    top: 153px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-px:hover .px {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -144px -267px transparent;
    opacity: 1
}

.f-lp span {
    position: absolute;
    top: 220px;
    right: 280px
}

.f-lp img {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat 0 -320px transparent;
    height: 77px;
    width: 124px;
    position: absolute;
    right: 263px;
    top: 134px;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-lp .lp {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -124px -320px transparent;
    height: 74px;
    width: 124px;
    position: absolute;
    opacity: 0;
    right: 263px;
    top: 134px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-lp:hover .lp {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -124px -320px transparent;
    opacity: 1
}

.f-es span {
    position: absolute;
    top: 220px;
    right: 9px
}

.f-es img {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat 0 -396px transparent;
    height: 98px;
    width: 101px;
    position: absolute;
    right: -16px;
    top: 120px;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-es .es {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -101px -396px transparent;
    height: 98px;
    width: 101px;
    position: absolute;
    right: -16px;
    top: 120px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.f-es:hover .es {
    background: url(../../../_imagenes/portal/foot/sprite-logos.png) no-repeat -101px -396px transparent;
    opacity: 1
}

#pie-footer {
    width: 100%;
    height: 50px;
    text-align: center;
    font-family: fjalla_oneregular;
    font-size: 14px;
    color: #8c8c8c;
    float: left;
    line-height: 50px;
    margin-top: 50px;
    text-shadow: 0 0 1px #000
}

.f-logo-pe {
    background: url(../../../theme/main/main_logo21.png) no-repeat scroll transparent;
    background-size: 223px;
    height: 84px;
    width: 275px;
    color: transparent;
    font-size: 1px
}

#f-text-pe p {
    color: #ccc;
    margin: 6px 0;
    cursor: default;
    font-family: ubunturegular;
    font-size: 11px
}

#block1 li,#block2 li,#block3 li {
    margin: 0 0 8px
}

#block1 li a,#block2 li a,#block3 li a {
    color: #ccc;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#block1 li a:hover,#block2 li a:hover,#block3 li a:hover {
    color: #fff;
    text-shadow: 0 0 5px #fff
}

#f-link-foot {
    height: 100px;
    position: absolute;
    top: 245px;
    width: 984px
}

#f-link-foot span {
    float: left;
    text-align: center;
    width: 164px
}

#f-link-foot p {
    clear: both;
    color: #ccc;
    cursor: default;
    text-shadow: 0 0 4px #000;
    font-size: 10px;
    padding-top: 5px
}

#f-link-foot p a {
    color: #ccc;
    text-decoration: none
}

#f-link-foot p a:hover {
    color: #fff;
    text-shadow: 0 0 5px #fff
}

#f-link-foot li a {
    border-width: 1px 0;
    border-color: #ccc;
    border-style: dashed;
    color: #ccc;
    margin-right: 40px;
    padding: 7px;
    text-decoration: none
}

#f-link-foot li a:hover {
    background-color: transparent;
    border-style: solid;
    border-color: #fff;
    color: #fff;
    text-decoration: none
}

#f-link-foot li:last-child a {
    margin-right: 0
}

.google {
    position: absolute;
    bottom: 0;
    right: 0
}

.pie-footer {
    width: 100%;
    height: 43px;
    text-align: center;
    font-family: monospace;
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 900;
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    align-items: center
}