/* Barra d'icones acolorides' */

.icones_stc .ui-btn .ui-btn-inner {
    padding-top: 50px !important; 
}

.icones_stc .ui-btn .ui-icon { 
    width: 64px!important; 
    height: 64px!important; 
    margin-left: -31px !important; 
    box-shadow: none!important; 
    -moz-box-shadow: none!important; 
    -webkit-box-shadow: none!important;
    -webkit-border-radius: none !important;
    border-radius: none !important; 
    top: -2px !important;
}

.stc .ui-icon { 
    background-image: url(images/icons/stc.png);    
    background-repeat: no-repeat;
}

.comercio .ui-icon { 
    background-image: url(images/icons/comercio.png);    
    background-repeat: no-repeat;
}

.jocs .ui-icon { 
    background-image: url(images/icons/jocs.png);    
    background-repeat: no-repeat;
}

.mapa .ui-icon { 
    background-image: url(images/icons/mapa.png);    
    background-repeat: no-repeat;
}

.promocions .ui-icon { 
    background-image: url(images/icons/promocions.png);    
    background-repeat: no-repeat;
}

.propostes .ui-icon { 
    background-image: url(images/icons/propostes.png);    
    background-repeat: no-repeat;
}

.back .ui-icon { 
    background-image: url(images/icons/back.png);    
    background-repeat: no-repeat;
}

.nomes_text .ui-icon{

    background-image: none;    
    padding-top: 0px !important;

}

.nomes_text .ui-btn-text{

    top: -35px;
    text-transform: uppercase;
    font-size: 10px;

}

.nomes_text .ui-btn-inner{

    padding-top: 0px;
    white-space: normal;
    height: 0px;
}

/* Barra d'icones inferior' */

.icones_sota .ui-btn .ui-btn-inner {
    padding-top: 50px !important; 
}

.icones_sota .ui-btn .ui-icon { 
    width: 50px!important; 
    height: 35px!important; 
    margin-left: -25px !important; 
    box-shadow: none!important; 
    -moz-box-shadow: none!important; 
    -webkit-box-shadow: none!important;
    -webkit-border-radius: none !important;
    border-radius: none !important;     
}

.icones_sota .ui-btn-text{

    text-transform: uppercase;
    font-size: 10px;

}

.sota_arribar .ui-icon { 
    background-image: url(images/icons/sota_arribar.png);    
    background-repeat: no-repeat;
}

.sota_compartir .ui-icon { 
    background-image: url(images/icons/sota_compartir.png);    
    background-repeat: no-repeat;
}

.sota_contacte .ui-icon { 
    background-image: url(images/icons/sota_contacte.png);    
    background-repeat: no-repeat;
}

.sota_fotografies .ui-icon { 
    background-image: url(images/icons/sota_fotografies.png);    
    background-repeat: no-repeat;
}

.sota_promo .ui-icon { 
    background-image: url(images/icons/sota_promo.png);    
    background-repeat: no-repeat;
}

/* Icones xarxes socials i compartir */

.ui-btn-icon-notext {
    display: inline-block;
    height: 22px;
    padding: 2px 1px 2px 3px;
    text-indent: -9999px;
    width: 25px;
}

.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon {

    position: absolute;
    top: 50%;
}

.ui-icon-fb {
    background-image: url("images/icons/fb.png");
    background-color: transparent;
    border-radius: 0px;
    height: 32px;
    width: 32px;
}

.ui-icon-tw {
    background-image: url("images/icons/twitter.png");
    background-color: transparent;
    border-radius: 0px;
    height: 32px;
    width: 32px;
}

.ui-icon-mail {
    background-image: url("images/icons/email.png");
    background-color: transparent;
    border-radius: 0px;
    height: 32px;
    width: 32px;
}

.compartir .ui-btn-up-c {

    background: none !important;
    background-image: none !important;
    border: none !important;

}

.compartir .ui-btn .ui-icon { 
    width: 32px!important; 
    height: 32px!important; 
    margin-left: 0px !important; 
    box-shadow: none!important; 
    -moz-box-shadow: none!important; 
    -webkit-box-shadow: none!important;
    -webkit-border-radius: none !important;
    border-radius: none !important; 
    top: 12px !important;
    right: 36% !important;
}

/* Navbar sense icones */

.text_sota .ui-btn-text{

    text-transform: uppercase;
    font-size: 10px;

}

/* Icones pàgina principal */

@media all and (max-width: 500px) {

    .home_page_images {

        background-repeat: no-repeat;
        position: absolute;
        left: 12px;
        top: 8px;
        height: 71px;
        width: 80px;

    }

    #llista_noticies_image {

        background-image: url('../imatges/icones_home/home_stc.png');    

    }

    #llista_ofertes_image {

        background-image: url('../imatges/icones_home/home_ofertes.png');    

    }

    #llista_botigues_image {

        background-image: url('../imatges/icones_home/home_comerc.png');    

    }

    #home_arribar_image {

        background-image: url('../imatges/icones_home/home_arribar.png');    

    }

    #home_propostes_image {

        background-image: url('../imatges/icones_home/home_propostes.png');    

    }

}

@media all and (min-width: 500px) {

    .home_page_images {

        background-repeat: no-repeat;
        position: absolute;
        left: 12px;
        top: 35px;
        width: 120px;
        height: 107px;               

    }

    #llista_noticies_image {

        background-image: url('../imatges/icones_home/home_stc_120.png');    

    }

    #llista_ofertes_image {

        background-image: url('../imatges/icones_home/home_ofertes_120.png');    

    }

    #llista_botigues_image {

        background-image: url('../imatges/icones_home/home_comerc_120.png');    

    }

    #home_arribar_image {

        background-image: url('../imatges/icones_home/home_arribar_120.png');    

    }

    #home_propostes_image {

        background-image: url('../imatges/icones_home/home_propostes_120.png');    

    }

}

/* Fletxes del menu principal */

#fletxa_amunt {
    
    width: 16px;
    height: 16px;
    background-image: url("images/icons/fletxa_amunt.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    
}

#fletxa_avall {
    
    width: 16px;
    height: 16px;
    background-image: url("images/icons/fletxa_avall.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    
}