﻿/*Secciones areas tematicas - fondo subapartados*/
#atHome div.atBloqueB {
    position: relative;
    z-index: 0 !important;
}

    #atHome div.atBloqueB div ul li:nth-child(1) div + div {
        background-color: #c8ee86;
    }

    #atHome div.atBloqueB div ul li:nth-child(2) div + div {
        background-color: #98d8fc;
    }

    #atHome div.atBloqueB div ul li:nth-child(3) div + div {
        background-color: #f8b2bf;
    }

    #atHome div.atBloqueB div ul li:nth-child(4) div + div {
        background-color: #e5d1ff;
    }

    /*Secciones areas tematicas - fondo iconos secciones*/
    #atHome div.atBloqueB div ul li:nth-child(1) div {
        background-color: #7ebe43;
        background-repeat: no-repeat;
    }

    #atHome div.atBloqueB div ul li:nth-child(2) div {
        background-color: #3480e3;
        background-repeat: no-repeat;
    }

    #atHome div.atBloqueB div ul li:nth-child(3) div {
        background-color: #ef3d5d;
        background-repeat: no-repeat;
    }

    #atHome div.atBloqueB div ul li:nth-child(4) div {
        background-color: #6f00dd;
        background-repeat: no-repeat;
    }

    #atHome div.atBloqueB div ul li:nth-child(1) div + div div {
        border-color: transparent transparent transparent #7ebe43;
    }

    #atHome div.atBloqueB div ul li:nth-child(2) div + div div {
        border-color: transparent transparent transparent #3480e3;
    }

    #atHome div.atBloqueB div ul li:nth-child(3) div + div div {
        border-color: transparent transparent transparent #ef3d5d;
    }

    #atHome div.atBloqueB div ul li:nth-child(4) div + div div {
        border-color: transparent transparent transparent #6f00dd;
    }

    #atHome div.atBloqueB div ul li:nth-child(1) div + div h2 a {
        color: #6c922a;
    }

    #atHome div.atBloqueB div ul li:nth-child(2) div + div h2 a {
        color: #2e70b1;
    }

    #atHome div.atBloqueB div ul li:nth-child(3) div + div h2 a {
        color: #bf135c !important;
    }

    #atHome div.atBloqueB div ul li:nth-child(4) div + div h2 a {
        color: #6f00dd !important;
    }

    #atHome div.atBloqueB div ul li:nth-child(1) div + div h2 + ul li {
        color: #345007;
        background-image: url(../img/flechaVerdeBlanco.png);
        background-repeat: no-repeat;
        background-position: 0px;
    }

    #atHome div.atBloqueB div ul li:nth-child(2) div + div h2 + ul li {
        color: #0f4375;
        background-image: url(../img/flechaAzulBlanco.png);
        background-repeat: no-repeat;
        background-position: left;
    }

    #atHome div.atBloqueB div ul li:nth-child(3) div + div h2 + ul li {
        color: #75300f;
        background-image: url(../img/flechaRojoBlanco.png);
        background-repeat: no-repeat;
        background-position: left;
    }

    #atHome div.atBloqueB div ul li:nth-child(4) div + div h2 + ul li {
        color: #80071d;
        background-image: url(../img/flechaMoradoBlanco.png);
        background-repeat: no-repeat;
        background-position: left;
    }

    #atHome div.atBloqueB div ul li:nth-child(1) div + div h2 + ul li a span {
        background-image: url(../img/flechaVerdeColor.png);
    }

    #atHome div.atBloqueB div ul li:nth-child(2) div + div h2 + ul li a span {
        background-image: url(../img/flechaAzulColor.png);
    }

    #atHome div.atBloqueB div ul li:nth-child(3) div + div h2 + ul li a span {
        background-image: url(../img/flechaRojoColor.png);
    }

    #atHome div.atBloqueB div ul li:nth-child(4) div + div h2 + ul li a span {
        background-image: url(../img/flechaMoradoColor.png);
    }

    #atHome div.atBloqueB div ul li:nth-child(1) div + div h2 + ul li a {
        color: #345007;
    }

    #atHome div.atBloqueB div ul li:nth-child(2) div + div h2 + ul li a {
        color: #0f4375;
    }

    #atHome div.atBloqueB div ul li:nth-child(3) div + div h2 + ul li a {
        color: #75300f;
    }

    #atHome div.atBloqueB div ul li:nth-child(4) div + div h2 + ul li a {
        color: #80071d;
    }
