.capcalera {
    z-index: 100;
    float: none;
    clear: both;
    height: 40px;
    width: 100%;
    position: relative;
    top: 70px;
    text-align: left;
    padding: 0 25px 0 20px;
    /*border-bottom: solid black 4px !important;*/
}
.titol_capcalera a:hover {
    -webkit-text-stroke: 1px #000;
    color: #000;
}
.col-orange {
    background-color: #f18969;
}
.col-pinkst {
    background-color: #ed6c76;
}
.col-pinkli {
    background-color: #f191a6;
}
.col-greenst {
    background-color: #86b584;
}
.col-green {
    background-color: #66c1bf;
}
.col-blue {
    background-color: #7fcff5;
}
.col-yellow {
    background-color: #ffec83;
}
.col-purple {
    background-color: #9171b0;
}
.col-cream {
    background-color: #f6e7ce;
}
.col-creamst {
    background-color: #f4c7a9;
}
.col-orange {
    background-color: #f18969;
}


.txt-pinkst {
    color: #ed6c76;
}
.txt-pinkli {
    color: #f191a6;
}
.txt-greenst {
    color: #86b584;
}
.txt-green {
    color: #66c1bf;
}
.txt-blue {
    color: #7fcff5;
}
.txt-bluest {
    color: #0B6793;
}
.txt-yellow {
    color: #ffec83;
}
.txt-purple {
    color: #9171b0;
}
.txt-cream {
    color: #f6e7ce;
}
.txt-creamst {
    color: #f4c7a9;
}
.txt-orange {
    color: #f18969!important;
}





.titol_capcalera a {
    text-transform: lowercase;
    color: #fff !important;
    font-size: 1.2em;
    font-weight: 400;
    text-decoration: none !important;
    width: 50%;
    float: left
}
/*especial seu*/
.logout_line {
    z-index: 100;
    text-align: right;
    height: 40px;
    float: right;
    margin-top: 6px
}
a.sortiu_text {
    display: block;
    height: 30px;
    padding: 5px 0 0 35px;
    background: url(../../_img_icon/logout_on2.png) left no-repeat;
    color: #000
}
a:hover.sortiu_text {
    background: url(../../_img_icon/logout_off2.png) left no-repeat;
    color: #7B7B7B
}
@media screen and (min-width: 800px) {
    .capcalera {
        height: 50px;
        position: relative;
        top: 70px;
        padding: 0 25px 0 25px;
        /*border-bottom: solid black 9px !important;*/
    }
    .titol_capcalera a {
        text-transform: lowercase;
        color: #fff !important;
        font-size: 1.8em;
        font-weight: 400;
        text-decoration: none !important
    }
}
@media screen and (min-width: 1200px) {
    .capcalera {
        height: 60px;
        position: relative;
        top: 110px;
        padding: 0 25px 0 30px;
        /* border-bottom: solid black 9px !important; */
    }
    .titol_capcalera a {
        text-transform: lowercase;
        color: #fff !important;
        font-size: 2.5em;
        font-weight: 400;
        text-decoration: none !important
    }
    .logout_line {
        margin-top: 15px;
    }
}


.destacat_aprendre {
    padding: 10px 10px 10px 10px;
    margin: 10px 0;
    font-size: 1.2em
}
.destacat_aprendre a {
    color: black
}
.destacat_aprendre a:hover {
    color: white
}

.menys-amplada {
	margin: 0
}

@media all and (min-width: 800px) {
.menys-amplada {
	margin: 0 100px
}
}