@media (max-width: 1060px) {

    .pageTitle.titleForCourseSearch {
        line-height: 22px !important;
    }
}

@media (max-width: 580px) {

    h1.pageTitle {
        line-height: 22px !important;
    }
}

@media (min-width: 580px) {
    h1.pageTitle {
        line-height: 14px !important;
    }
}

h1.pageTitle {
    color: black !important;
    font-size: 20px !important;
    font-weight: 500 !IMPORTANT;
    margin: 2px 0 !important;
}

h1 .eimTitle, h2 .eimTitle {
    color: black !important;
    font-size: 36px !important;
    font-weight: initial !important;
    font-family: 'Source Serif Pro' !important;
    /*font-family: sans-serif !important;*/ 
}

h1 .eimTitle {
    margin-top: 30px !important;
}

@media (max-width: 645px) {
    .eimTitle {
        text-align: right !important;
    }
}

.container-beques {
    text-align: center;
}

.beques {
    width: 260px;
    height: 80px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    border: 1px solid #939393;
    margin-right: 5px;
    margin-left: 5px;
    font-size: initial;
}

.bequesContent {
    line-height: 80px;
}

.informationForm label {
    margin-left: 0px !important;
}

.beques:hover {
    background-color: #0071cd;
    color: white !important;
    font-size: large;
}

.selectedBeque {
    background-color: #0071cd;
    color: white !important;
    font-size: large;
}


@media (min-width: 1090px) {
    .selectSearch {
        color: red;
        height: 30px !important;
        -moz-appearance: revert !important;
    }

    #searchCoursesForm {
        padding-right: 0px !important;
    }

    .searchEngineContainer {
        background-color: #dddddd;
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .containerButton {
        text-align: right;
        width: 15%;
        height: 40px;
        display: inline-block;
        margin-bottom: 10px;
        vertical-align: top;
        margin-right: 5px;
        margin-left: 5px;
        font-size: initial;
        position: relative !important;
    }


    .fieldCourseSearch {
        width: 30%;
        height: 40px;
        display: inline-block;
        margin-bottom: 10px;
        vertical-align: top;
        margin-right: 5px;
        margin-left: 5px;
        font-size: initial;
        position: relative !important;
    }

    .fieldCourseSearchFirst {
        width: 15%;
        height: 70px;
        display: inline-block;
    }

    .buttonCourseSearch {
        width: 90%;
        height: inherit;
        font-size: medium;
    }

    .fieldCourseSearch select {
        height: inherit !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
    }

    /*.fieldCourseSearch::after {*/
    /*    font-family: 'fontawesome-alloy';*/
    /*    font-size: 13px;*/
    /*    content: attr(data-after);*/
    /*    display: table-cell;*/
    /*    text-align: center;*/
    /*    width: 30px;*/
    /*    height: inherit !important;*/
    /*    position: absolute;*/
    /*    right: 0px;*/
    /*    bottom: 0px;*/
    /*    color: white;*/
    /*    pointer-events: none;*/
    /*    background-color: #0071cd;*/
    /*    line-height: 40px;*/
    /*}*/
    /*#llenguaPseudo::after,*/
    /*#tipusCursPseudo::after,*/
    /*#nivellPseudo::after,*/
    /*#modalitatPseudo::after,*/
    /*#municipiPseudo::after {*/
    /*    font-family: 'fontawesome-alloy';*/
    /*    font-size: 13px;*/
    /*    content: attr(data-after1);*/
    /*    display: table-cell;*/
    /*    text-align: center;*/
    /*    width: 30px;*/
    /*    height: inherit !important;*/
    /*    position: absolute;*/
    /*    right: 0px;*/
    /*    bottom: 0px;*/
    /*    color: white;*/
    /*    pointer-events: none;*/
    /*    background-color: #0071cd;*/
    /*    line-height: 40px;*/
    /*}*/
    .llenguaPseudo,
    .tipusCertificatPseudo,
    .nivellPseudo {
        font-size: 13px;
        display: table-cell;
        text-align: center;
        width: 30px;
        height: inherit !important;
        position: absolute;
        right: 0px;
        bottom: 0px;
        color: white;
        pointer-events: none;
        background-color: #0071cd;
        line-height: 40px;
    }

    .llenguaPseudo::before,
    .tipusCertificatPseudo::before,
    .nivellPseudo::before {
        content: "\f078";
        font-family: 'fontawesome-alloy';
    }


    .select_llengua,
    .select_tipusCertificat,
    .select_nivell {
        font-size: 13px;
        display: table-cell;
        text-align: center;
        width: 30px;
        height: inherit !important;
        position: absolute;
        right: 0px;
        bottom: 0px;
        color: white;
        background-color: #0071cd;
        line-height: 40px;
    }

    .select_llengua::before,
    .select_tipusCertificat::before,
    .select_nivell::before {
        content: "\f00d";
        font-family: 'fontawesome-alloy';
    }

    .select_llengua:hover,
    .select_tipusCertificat:hover,
    .select_nivell:hover {
        cursor: pointer;
    }

    #accordionBody {
        height: inherit !important;
    }

    .containerButton fieldset {
        height: 40px;
    }
}

@media (min-width: 145px)  and (max-width: 1088px) {

    .searchEngineContainer {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    #formCourseSeaerch {
        margin-top: 20px;
    }

    #accordionInner {
        background-color: #ddd !important;
    }

    /*.fieldCourseSearch::after {*/
    /*    font-family: 'fontawesome-alloy';*/
    /*    font-size: 13px;*/
    /*    content: "\f078";*/
    /*    display: table-cell;*/
    /*    text-align: center;*/
    /*    width: 30px;*/
    /*    height: inherit !important;*/
    /*    position: absolute;*/
    /*    right: 0px;*/
    /*    bottom: 0px;*/
    /*    color: white;*/
    /*    pointer-events: none;*/
    /*    background-color: #0071cd;*/
    /*    line-height: 40px;*/
    /*}*/
    .llenguaPseudo,
    .tipusCertificatPseudo,
    .nivellPseudo {
        font-size: 13px;
        display: table-cell;
        text-align: center;
        width: 30px;
        height: inherit !important;
        position: absolute;
        right: 0px;
        bottom: 0px;
        color: white;
        pointer-events: none;
        background-color: #0071cd;
        line-height: 40px;
    }

    .llenguaPseudo::before,
    .tipusCertificatPseudo::before,
    .nivellPseudo::before {
        content: "\f078";
        font-family: 'fontawesome-alloy';
    }


    .select_llengua,
    .select_tipusCertificat,
    .select_nivell {
        font-size: 13px;
        display: table-cell;
        text-align: center;
        width: 30px;
        height: inherit !important;
        position: absolute;
        right: 0px;
        bottom: 0px;
        color: white;
        background-color: #0071cd;
        line-height: 40px;
    }

    .select_llengua::before,
    .select_tipusCertificat::before,
    .select_nivell::before {
        content: "\f00d";
        font-family: 'fontawesome-alloy';
    }

    .select_llengua:hover,
    .select_tipusCertificat:hover,
    .select_nivell:hover {
        cursor: pointer;
    }


    .fieldCourseSearch {
        width: 90%;
        height: 40px;
        display: inline-block;
        margin-bottom: 10px;
        vertical-align: top;
        margin-right: 5px;
        margin-left: 5px;
        font-size: initial;
        position: relative !important;
    }

    .fieldCourseSearch select {
        height: inherit !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
    }

    .containerButton {
        text-align: center;
        width: 90%;
        height: 40px;
        display: inline-block;
        margin-bottom: 10px;
        vertical-align: top;
        margin-right: 5px;
        margin-left: 5px;
        font-size: initial;
        position: relative !important;
    }

    .buttonCourseSearch {
        width: 100%;
        height: inherit;
        font-size: medium;
    }

    .buttonCourseSearch:hover {
        /*   cursor: pointer !important;*/
    }

    #searchCoursesForm {
        padding-right: 0px;
    }
}

.aui .griseim .fieldset .btn-primary, .aui .griseim .fieldset .btn-primary:focus, .aui .griseim .fieldset .btn-primary:active, .aui .griseim .fieldset .btn-primary:hover {
    background-color: #0072CE !important;
}


@media (min-width: 1333px) {


    .labelSearchEngine {
        /*width: 15%;
        height: 30px;*/
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        margin-right: 5px;
        font-size: initial;
        position: relative !important;
        text-align: left;
        color: black;
        font-weight: inherit;
        font-size: large;
    }

    .secondlabelSearchEngine {
        width: 75%;
        height: 10px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        margin-right: 26px;
        margin-left: 32px;
        font-size: initial;
        position: relative !important;
        text-align: left;

    }
}

@media (max-width: 1333px)  and (min-width: 1198px) {
    .labelSearchEngine {
        /*width: 30%;
        height: 30px;*/
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        margin-right: 5px;
        font-size: initial;
        position: relative !important;
        text-align: left;
        color: black;
        font-weight: inherit;
        font-size: large;
    }

    .secondlabelSearchEngine {
        width: 60%;
        height: 10px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        margin-right: 26px;
        margin-left: 32px;
        font-size: initial;
        position: relative !important;
        text-align: left;

    }
}

@media (max-width: 1197px)  and (min-width: 1090px) {
    .labelSearchEngine {
        /*width: 30%;
        height: 30px;*/
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        margin-right: 5px;
        font-size: initial;
        position: relative !important;
        color: black;
        font-weight: inherit;
        font-size: large;
    }

    .secondlabelSearchEngine {
        width: 60%;
        height: 10px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        margin-right: 26px;
        margin-left: 0px;
        font-size: initial;
        position: relative !important;
        text-align: left;

    }
}

@media (max-width: 1090px) {
    .labelSearchEngine {
        display: none;
    }

}

.container-cursos {
    text-align: left;
    margin-left: -5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.container-examens {
    text-align: left;
    margin-left: -5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.cursos {
    width: 130px;
    height: 132px;
    min-height: 130px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    /*border: 1px solid #939393;*/
    margin-right: 5px;
    margin-left: 5px;
    font-size: initial;
}

.idiomes {
    width: 202px;
    height: 202px;
    min-height: 202px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    /*border: 1px solid #939393;*/
    margin-right: 5px;
    margin-left: 5px;
    font-size: initial;
}  

.capsa_celta {
    width: 290px;
    height: 240px;
    min-height: 222px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    background-color: #DDDDDD;
    /*border: 1px solid #939393;*/
    margin-right: 5px;
    margin-left: 5px;
    font-size: initial;
}

.capsa_celtaContent {
    min-height: 220px;
    max-height: 220px;
    text-align: justify;
    margin-right: 10px;
    margin-left: 10px;
    margin-top:10px;
    
} 

.capsa_delta {
    width: 290px;
    height: 78px;
    min-height: 78px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    background-color: #DDDDDD;
    /*border: 1px solid #939393;*/
    margin-right: 5px;
    margin-left: 5px;
    font-size: initial;
}

.capsa_deltaContent {
    min-height: 63px;
    max-height: 63px;
    text-align: justify;
    margin-right: 10px;
    margin-left: 10px;
    margin-top:15px;
    
} 

 

.idiomesContent {
    min-height: 202px;
    max-height: 202px;
    text-align: center;
} 

.idiomesFilaIcones {
    display: table;
    width: 130px;
    height: 85px;
    min-height: 85px;
    /*border: 1px solid #939393;*/
}

.idiomesFilaIconestc { 
    display: table;
    width: 207px;
    height: 75px;
    min-height: 75px;
    /*border: 1px solid #939393;*/
}

.examens {
    width: 130px;
    height: 132px;
    min-height: 130px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    /*border: 1px solid #939393;*/
    margin-right: 10px !important; 
    margin-top: 10px !Important;
    margin-left: 5px;
    font-size: initial;
}

.cursosContent {
    min-height: 130px;
    max-height: 130px;
    text-align: left;
    padding-left:5px;
}

.examensContent {
    min-height: 130px;
    max-height: 130px;
    text-align: center;
}

.examensFilaIcones {
    display: table;
    width: 130px;
    height: 45px;
    min-height: 45px;
    text-align: right;
    padding-top: 5px;
    padding-right: 10px;
    /*border: 1px solid #939393;*/
}

.cursosFilaIcones {
    display: table;
    width: 130px;
    height: 25px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
    /*border: 1px solid #939393;*/
}

.cursosIconaEsquerra {
    float: left;
    width: 40px;
    /*padding-left: 5px;*/
    padding-top: 5px;
}

.cursosIconaEsquerratc {
    float: left;
    width: 40px;
    padding-left: 5px;
    padding-top: 10px;
}

.cursosIconaDreta {
    float: right;
    width: 65px;
    padding-right: 5px;
    padding-top: 5px;
}

.cursosIconaDretatc {
    float: right;
    width: 40px;
    padding-right: 5px;
    padding-top: 10px;
}

.cursosPreu {
    width: 126px;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    line-height: 13px;
    margin: 2px;
    margin-bottom: 5px;
    /*border: 1px solid #939393;*/
}

.cursosTitolLlengua {
    font-size: 20px;
    margin-left: 0px;
    margin-top: 50px;
    margin-bottom: 50px;

}

@media (max-width: 979px) and (min-width: 768px) {
    .homePageMediumSize {
        display: inline-block !important;
        width: 100%;
    }
}

.containerExam,
.containerHorarisCoordinador,
.containerDocumentationHabilitat,
.containerPriceTable {
    WIDTH: 100%;
    display: inline-table;
}


.wrapExam,
.wrapRowHorari,
.wrapDocumentationHabilitat,
.wrapPriceTable {
    display: table-row;
}

.examRow,
.horarisCoordinador,
.documentationRow {
    display: table-cell;
    width: 30%;
    background-color: #AAA;
    vertical-align: middle;
    height: 100%;
    max-width: 100%;
}

.examRow:nth-child(even),
.horarisCoordinador:nth-child(even),
.documentationRow:nth-child(even) {
    background-color: #f0f5f9;
    padding-left: 15px;
    text-align: left;
    border-bottom: 1px solid white;
    padding-top: 10px;
}


.examRow:nth-child(odd),
.horarisCoordinador:nth-child(odd),
.documentationRow:nth-child(odd) {
    background-color: #ccdeec;
    padding-right: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: right;
    border-bottom: 1px solid white;
}


@media (min-width: 850px) {
    .examRow:nth-child(odd) {
        text-align: left;
        padding-left: 15px;
        width: 20%;
    }

    .documentationRow:nth-child(2n+1) {
        padding-left: 10px;
    }

    .documentationRow:nth-child(even) {
        width: 75%;
    }

    .documentationRow:nth-child(odd) {
        width: 25%;
    }

    p.documentationHabilitat {
        background-color: #0071cd;
        margin-bottom: 0px;
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        font-weight: bold;
        font-size: 15px;
        padding-left: 10px;
    }

}

@media (max-width: 850px) {

    .examRow,
    .horarisCoordinador,
    .documentationRow {
        display: inline-block;
        width: 100%;
        background-color: #AAA;
        vertical-align: middle;
        height: 100%;
        max-width: 100%;
    }

    .examRow:nth-child(even),
    .horarisCoordinador:nth-child(even),
    .documentationRow:nth-child(even) {
        background-color: #f0f5f9;
        padding-left: 15px;
        text-align: left;
        border-bottom: 1px solid white;
        padding-top: 10px;
    }

    .examRow:nth-child(odd),
    .horarisCoordinador:nth-child(odd),
    .documentationRow:nth-child(odd) {
        background-color: #ccdeec;
        padding-right: 15px;
        font-weight: bold;
        vertical-align: middle;
        text-align: center;
        border-bottom: 1px solid white;
    }

    p.documentationHabilitat {
        background-color: #0071cd;
        margin-bottom: 0px;
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        font-weight: bold;
        font-size: 15px;
        padding-left: 0px;
    }

}


@media (min-width: 850px) {
    .examRow:nth-child(even) {
        background-color: #ffffff !important;
        border-bottom: 1px solid #dddddd !important;
    }

    .examRow:nth-child(odd) {
        background-color: #a0a0a0 !important;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd !important;
    }

    .wrapExam:first-of-type > .examRow:nth-child(odd) {
        background-color: #a0a0a0 !important;
        border-top: none;
    }

    .wrapExam:first-of-type > .examRow:nth-child(even) {
        background-color: #ffffff !important;
        border-top: none;

    }

    .wrapExam:last-of-type > .examRow:nth-child(even) {
        border-bottom: none !important;
    }


}

@media (max-width: 850px) {
    .examRow:nth-child(even) {
        background-color: white !important;
        }

    .examRow:nth-child(odd) {
        background-color: #a0a0a0 !important;
        }

    .wrapExam:first-of-type > .examRow:nth-child(odd) {
        background-color: #a0a0a0 !important;
        border-top: red;
    }

    .wrapExam:first-of-type > .examRow:nth-child(even) {
        background-color: white !important;
        border-top: none;

    }

    .wrapExam:last-of-type > .examRow:nth-child(even) {
        border-bottom: none !important;
    }


}



#horarisCoordinadorContent {
    margin-top: 10px;
}

.titleHorari {
    background-color: #DDDDDD;
    min-height: 40px;
    margin-bottom: 2px;
    font-size: 20px;
    padding: 10px;
    color: black;
}

.prova-nivell,
.prueba-nivel {

}

.nivellTest:hover {
    cursor: pointer;
}

.documentationRow:nth-child(2n+1) {
    font-weight: normal
}

.colpriceTable {
    display: table-cell;
    width: 30%;
    background-color: #AAA;
    vertical-align: middle;
    height: 100%;
    max-width: 100%;
    text-align: center;
}

.colpriceTable:nth-child(odd) {
    background-color: #ffffff;
    padding-left: 15px;
    border-top: 1px solid black;
    padding-top: 10px;
}

.colpriceTable:nth-child(even) {
    background-color: #ffffff;
    padding-left: 15px;
    border-top: 1px solid black;
    padding-top: 10px;
}


.colpriceTable:first-child {
    background-color: #dddddd;
    padding-right: 15px;
    font-weight: bold;
    vertical-align: middle;
    border-top: 1px solid black;
    width: 20%;
    padding-bottom: 10px;
}

.rowPriceTable {
    background-color: #dddddd !Important;
    padding-right: 15px;
    font-weight: bold;
    vertical-align: middle;
    width: 20%;
    border-top: none !Important;
}


@media (min-width: 750px) {
    .logoExamen {
        float: left;
        margin-left: 30px;
        margin-bottom: 15px;
        width: 200px;
        height: 85px;
    }
}

@media (max-width: 750px) {
    .logoExamen {
        float: left;
        margin-left: 30px;
        margin-bottom: 15px;
        width: 140px;
        height: 85px;
    }
}

@media (max-width: 350px) {
    .logoExamen {
        float: left;
        margin-left: 30px;
        margin-bottom: 15px;
        width: 100px;
        height: 85px;
    }
}


@media (min-width: 750px) {
    .fotoponent {
        float: left;
        margin-left: 30px;
        margin-bottom: 15px;
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 750px) {
    .fotoponent {
        float: left;
        margin-left: 30px;
        margin-bottom: 15px;
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 350px) {
    .fotoponent {
        float: left;
        margin-left: 30px;
        margin-bottom: 15px;
        width: 70px;
        height: 70px;
    }
}

.finestraAltresCertificats{
	background: rgba(33, 41, 52, .85);
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    /*display: flex;*/
    position: fixed;
    z-index: 999;
    display: block;
}

.formulariAltresCertificats{
	background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(33, 41, 52, .75);
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 600px;
    min-width: 320px !important;
    overflow: hidden;
    position: relative;
    width: 100%;
    
    font-size: 1.3rem;
}

.titolFinestraAltresCertificats {
	background: #333;
	color: white;
	padding: 7px;
}

.contingutFormulariAltresCertificats {
	padding: 2rem;
}

.iconaTancarFinestraAltresCertificats{
	float: right;
	width: 20px;
}

.textTitolFinestraAltresCertificats{
	float: left;
}