﻿#atHome div.atBloqueA {
    position: relative;
    margin-bottom: 25px;
    top: -8px;
}

#atHome div.atBloqueB h2 {
    font-size: 1.4rem;
}
/*Secciones areas tematicas - fondo subapartados*/
#atHome div.atBloqueB div ul li:nth-child(1) div + div {
    background-color: #bac1ff;
}

#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: #c8ee86;
}

#atHome div.atBloqueB div ul li:nth-child(4) div + div {
    background-color: #f8b2bf;
}

#atHome div.atBloqueB div ul li:nth-child(5) div + div {
    background-color: #fbcf79;
}

/*Secciones areas tematicas - fondo iconos secciones*/
#atHome div.atBloqueB div ul li:nth-child(1) div {
    background-color: #6a78fe;
    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: #7ebe43;
    background-repeat: no-repeat;
}

#atHome div.atBloqueB div ul li:nth-child(4) div {
    background-color: #ef3d5d;
    background-repeat: no-repeat;
}

#atHome div.atBloqueB div ul li:nth-child(5) div {
    background-color: #f99616;
    background-repeat: no-repeat;
}

#atHome div.atBloqueB div ul li:nth-child(1) div + div div {
    border-color: transparent transparent transparent #6a78fe;
}

#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 #7ebe43;
}

#atHome div.atBloqueB div ul li:nth-child(4) div + div div {
    border-color: transparent transparent transparent #ef3d5d;
}

#atHome div.atBloqueB div ul li:nth-child(5) div + div div {
    border-color: transparent transparent transparent #f99616;
}

#atHome div.atBloqueB div ul li:nth-child(1) div + div a {
    color: #6a78fe;
}

#atHome div.atBloqueB div ul li:nth-child(2) div + div a {
    color: #2e70b1;
}

#atHome div.atBloqueB div ul li:nth-child(3) div + div a {
    color: #6c922a;
}

#atHome div.atBloqueB div ul li:nth-child(4) div + div a {
    color: #bf135c;
}

#atHome div.atBloqueB div ul li:nth-child(5) div + div a {
    color: #bf6308;
}

#atHome div.atBloqueB div ul li:nth-child(1) div + div h2 + ul li {
    color: #80071d;
    background-image: url(../img/flechaVioletaBlanco.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: #345007;
    background-image: url(../img/flechaVerdeBlanco.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/flechaRojoBlanco.png);
    background-repeat: no-repeat;
    background-position: left;
}

#atHome div.atBloqueB div ul li:nth-child(5) div + div h2 + ul li {
    color: #75300f;
    background-image: url(../img/flechaNaranjaBlanco.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/flechaVioletaColor.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/flechaVerdeColor.png);
}

#atHome div.atBloqueB div ul li:nth-child(4) div + div h2 + ul li a span {
    background-image: url(../img/flechaRojoColor.png);
}

#atHome div.atBloqueB div ul li:nth-child(5) div + div h2 + ul li a span {
    background-image: url(../img/flechaNaranjaColor.png);
}

#atHome div.atBloqueB div ul li:nth-child(1) div + div h2 + ul li a {
    color: #000b6c;
}

#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: #345007;
}

#atHome div.atBloqueB div ul li:nth-child(4) div + div h2 + ul li a {
    color: #80071d;
}

#atHome div.atBloqueB div ul li:nth-child(5) div + div h2 + ul li a {
    color: #75300f;
}
