/*    SELECTORES  FICHAS  */
/*  CUSTOM DROPDOWN*/
section #selectores{
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
section #fichaCantonal{
    margin: 0 auto;
    width: 972px;
}
section .selector{
    width: 440px;
    display: inline-block;
    position: relative;
}
section #selectores .head_filters, section .selector .trend_filters{ 
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}
section label select{
    background-color: transparent;
    border-radius: 0;
    height: 32px;
    border: 1px solid #9C9C9C;
    margin: 10px auto;
    width: 310px;
}
input, textarea, keygen, select, button, option{
    color: #818181;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    border-radius: none;
}
/*    END CUSTOM DROPDOWN*/

/*  RESET FILTERS  */
#SJ_options,#AL_options, #CA_options, #HD_options, #PN_options, #GN_options, #LM_options{
    display: none;
    margin: 0 25px 0 25px;
}

#SJoption_A,#ALoption_A,#CAoption_A,#HDoption_A,
#PNoption_A,#GNoption_A,#LMoption_A,#SJoption_B,
#ALoption_B,#CAoption_B,#HDoption_B,#PNoption_B,
#GNoption_B,#LMoption_B {
    display: none;
    margin: 0 25px 0 25px;
}

/*#A_PR_SJ,*/#A_PR_AL,#A_PR_CA,#A_PR_HD,#A_PR_PN,#A_PR_GN,#A_PR_LM,/*#B_PR_SJ,*/
#B_PR_AL,#B_PR_CA,#B_PR_HD,#B_PR_PN,#B_PR_GN,#B_PR_LM{ opacity: 0;}

#B_SJ01,#B_SJ02,#B_SJ03,#B_SJ04,#B_SJ05,#B_SJ06,#B_SJ07,#B_SJ08,#B_SJ09,#B_SJ10,#B_SJ11,#B_SJ12,#B_SJ13,#B_SJ14,#B_SJ15,#B_SJ16,
#B_SJ17,#B_SJ18,#B_SJ19,#B_SJ20,#B_PN01,#B_PN02,#B_PN03,#B_PN04,#B_PN05,#B_PN06,#B_PN07,#B_PN08,#B_PN09,#B_PN10,#B_PN11,#B_LM01,
#B_LM02,#B_LM03,#B_LM04,#B_LM05,#B_LM06,#B_HD01,#B_HD02,#B_HD03,#B_HD04,#B_HD05,#B_HD06,#B_HD07,#B_HD08,#B_HD09,#B_HD10,#B_GN01,
#B_GN02,#B_GN03,#B_GN04,#B_GN05,#B_GN06,#B_GN07,#B_GN08,#B_GN09,#B_GN10,#B_GN11,#B_CA01,#B_CA02,#B_CA03,#B_CA04,#B_CA05,#B_CA06,
#B_CA07,#B_CA08,#B_AL01,#B_AL02,#B_AL03,#B_AL04,#B_AL05,#B_AL06,#B_AL07,#B_AL08,#B_AL09,#B_AL10,#B_AL11,#B_AL12,#B_AL13,#B_AL14,#B_AL15{opacity: 0;}

#A_SJ01,#A_SJ02,#A_SJ03,#A_SJ04,#A_SJ05,#A_SJ06,#A_SJ07,#A_SJ08,#A_SJ09,#A_SJ10,#A_SJ11,#A_SJ12,#A_SJ13,#A_SJ14,#A_SJ15,#A_SJ16,
#A_SJ17,#A_SJ18,#A_SJ19,#A_SJ20,#A_PN01,#A_PN02,#A_PN03,#A_PN04,#A_PN05,#A_PN06,#A_PN07,#A_PN08,#A_PN09,#A_PN10,#A_PN11,#A_LM01,
#A_LM02,#A_LM03,#A_LM04,#A_LM05,#A_LM06,#A_HD01,#A_HD02,#A_HD03,#A_HD04,#A_HD05,#A_HD06,#A_HD07,#A_HD08,#A_HD09,#A_HD10,#A_GN01,
#A_GN02,#A_GN03,#A_GN04,#A_GN05,#A_GN06,#A_GN07,#A_GN08,#A_GN09,#A_GN10,#A_GN11,#A_CA01,#A_CA02,#A_CA03,#A_CA04,#A_CA05,#A_CA06,
#A_CA07,#A_CA08,#A_AL01,#A_AL02,#A_AL03,#A_AL04,#A_AL05,#A_AL06,#A_AL07,#A_AL08,#A_AL09,#A_AL10,#A_AL11,#A_AL12,#A_AL13,#A_AL14,#A_AL15{opacity: 0;}

.sumCNAL01,.sumCNAL05,.sumCNAL03,.sumCNAL15,.sumCNAL14,.sumCNAL06,.sumCNAL09,.sumCNAL07,
.sumCNAL08,.sumCNAL10,.sumCNAL04,.sumCNAL02,.sumCNAL13,.sumCNAL12,.sumCNAL11,.sumCNCA06,
.sumCNCA01,.sumCNCA08,.sumCNCA04,.sumCNCA03,.sumCNCA07,.sumCNCA02,.sumCNCA05,.sumCNGN07,
.sumCNGN04,.sumCNGN06,.sumCNGN05,.sumCNGN11,.sumCNGN10,.sumCNGN01,.sumCNGN09,.sumCNGN02,
.sumCNGN03,.sumCNGN08,.sumCNHD02,.sumCNHD07,.sumCNHD08,.sumCNHD01,.sumCNHD06,.sumCNHD09,
.sumCNHD05,.sumCNHD04,.sumCNHD03,.sumCNHD10,.sumCNLM06,.sumCNLM01,.sumCNLM05,.sumCNLM02,
.sumCNLM03,.sumCNLM04,.sumCNPN02,.sumCNPN03,.sumCNPN10,.sumCNPN08,.sumCNPN11,.sumCNPN07,
.sumCNPN04,.sumCNPN05,.sumCNPN09,.sumCNPN01,.sumCNPN06,.sumCNSJ12,.sumCNSJ10,.sumCNSJ06,
.sumCNSJ11,.sumCNSJ18,.sumCNSJ03,.sumCNSJ17,.sumCNSJ02,.sumCNSJ08,.sumCNSJ20,.sumCNSJ15,
.sumCNSJ07,.sumCNSJ14,.sumCNSJ19,.sumCNSJ04,.sumCNSJ01,.sumCNSJ09,.sumCNSJ05,.sumCNSJ13,
.sumCNSJ16{
    display: none;
}

.canSJ_01,.canSJ_02,.canSJ_03,.canSJ_04,.canSJ_05,.canSJ_06,.canSJ_07,.canSJ_08,
.canSJ_09,.canSJ_10,.canSJ_11,.canSJ_12,.canSJ_13,.canSJ_14,.canSJ_15,.canSJ_16,
.canSJ_17,.canSJ_18,.canSJ_19,.canSJ_20 {
    display: none;
}

.canAL_01,.canAL_02,.canAL_03,.canAL_04,.canAL_05,.canAL_06,.canAL_07,.canAL_08,
.canAL_09,.canAL_10,.canAL_11,.canAL_12,.canAL_13,.canAL_14,.canAL_15 {
    display: none;
}

.canCA_01,.canCA_02,.canCA_03,.canCA_04,.canCA_05,.canCA_06,.canCA_07,.canCA_08 {
    display: none;
}

.canHD_01,.canHD_02,.canHD_03,.canHD_04,.canHD_05,.canHD_06,.canHD_07,.canHD_08,
.canHD_09,.canHD_10 {
    display: none;
}

.canPN_01,.canPN_02,.canPN_03,.canPN_04,.canPN_05,.canPN_06,.canPN_07,.canPN_08,
.canPN_09,.canPN_10,.canPN_11 {
    display: none;
}

.canGN_01,.canGN_02,.canGN_03,.canGN_04,.canGN_05,.canGN_06,.canGN_07,.canGN_08,
.canGN_09,.canGN_10,.canGN_11 {
    display: none;
}

.canLM_01,.canLM_02,.canLM_03,.canLM_04,.canLM_05,.canLM_06 {
    display: none;
}
/* END RESET */
/*  SCHOOLS  */
section #cantones .school{
    width: 132px;
    height: 240px;
    border: 1px #33A7B9 solid;
    border-radius: 5px;
    float: left;
    margin: 5px 4px;
}
section #cantones .school .kind{
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 40px;
    margin: 0;
}
section #cantones .school .kind.small{
    background-image: url(../img/small.png);
}
section #cantones .school .kind.medium{
    background-image: url(../img/medium.png);
}
section #cantones .school .kind.large{
    background-image: url(../img/large.png);
}
section #cantones .school h1{
    font-size: 15px;
    color: #33A7B9;
    height: 20px;
    margin: 6px auto;
}
section #cantones .school p{
    font-size: 11px;
    color: #4D4C4D;
    margin: 24px auto 10px auto;
    height: 26px;
}
section #cantones .school .cifra{
    width: 80px;
    border: 1px solid #33A7B9;
    border-radius: 5px;
    color: #4D4C4D;
    font-size: 11px;
    padding: 3px 10px;
    margin: 3px auto;
}
section #cantones .school .cifra span{
    color: #33A7B9;
    font-weight: 900;
    font-size: 14px;
}
section #cantones .school .divisor{
    border-top: 1px solid #C6C6C6;
    width: 80%;
    height: 1px;
    margin: 9px auto;
}
section #cantones .school .balance .value{
    font-weight: 900;
    font-size: 24px;
    color: #33A7B9;
    display: inline-block;
}
section #cantones .school .balance .arrow{
    width: 24px;
    height: 24px;
    overflow: hidden;
    background-image: url(../img/arrows.png);
    background-repeat: no-repeat;
    display: inline-block;
}
section #cantones .school .balance .arrow.up{
    background-position: center center;
}
section #cantones .school .balance .arrow.equal{
    background-position: right center;
}
section #cantones .school .balance .arrow.down{
    background-position: left center;
}
/* END SCHOOLS */
/*  FICHAS CANTONALES*/
section #fichaCantonal .canton{
    height: 129px;
    width: calc(100% - 80px);
    margin: 10px auto;
    padding: 20px 20px;
}
section #fichaCantonal .canton h1{
    color: #7C7C7C;
    font-weight: 900;
    font-size: 40px;
    margin: 0 0 28px 0;
}
section #fichaCantonal .canton h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #7C7C7C;
    font-size: 14px;
    margin: 0px;
    text-transform: uppercase;
}
section #fichaCantonal .canton p{
    font-weight: 400;
    font-size: 11px;
    color: #C4C4C4 ;
    margin: 0px;
    text-transform: uppercase;
}
section #fichaCantonal .canton .map{
    float: left;
    width: 85px;
}
section #fichaCantonal .canton .map .mapa{
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 90px;
}
section #fichaCantonal .canton .map .mapa.AL{ background-image: url(../img/map_al.png)}
section #fichaCantonal .canton .map .mapa.CA{ background-image: url(../img/map_ca.png)}
section #fichaCantonal .canton .map .mapa.GN{ background-image: url(../img/map_gn.png)}
section #fichaCantonal .canton .map .mapa.HD{ background-image: url(../img/map_hd.png)}
section #fichaCantonal .canton .map .mapa.LM{ background-image: url(../img/map_lm.png)}
section #fichaCantonal .canton .map .mapa.PN{ background-image: url(../img/map_pn.png)}
section #fichaCantonal .canton .map .mapa.SJ{ background-image: url(../img/map_sj.png)}
section #fichaCantonal .canton .mainCnt{
    float: left;
    text-align: left;
    padding-left: 20px;;
}
section #fichaCantonal .canton .mainCnt .cntData .datos{
    float: left;
    padding-right: 54px;
}
section #fichaCantonal .canton .mainCnt .cntData .datos p{
    width: 63px;
    float: left;
}
section #fichaCantonal .canton .mainCnt .cntData .datos h3{
    float: left;
    margin: 0 0 0 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    color: #7C7C7C;
    font-size: 25px;
}
section #fichaCantonal .canton .tendencia{
    float: left;
    width: 255px;
}
section #fichaCantonal .canton .tendencia .trends{
    width: 100%;
    margin: 20px 0 0 0;
}
/*  END FICHAS CANTONALES*/
/*  END SELECTORES FICHAS */

/* START TRENDS */
section .selector .trends_provincia, section .selector .trends_cantones{
    position: absolute;
    width: 440px;
    margin: 0;
    padding: 0;
} 
section .selector .trends_provincia .prov, 
section .selector .trends_cantones .cnt{
    position: absolute;
    top: 0;
    left: 0;
}
section .selector .trends_provincia .prov p{text-align: left;color: #828282; width: 80%; margin: 0 auto;font-size: 12px;letter-spacing: 0.5px;}
section .selector .trends_provincia .prov p span{color: #4D4C4D; font-weight: 900;}