/*FONTS*/

@font-face {
    font-family: 'PauFontMedium';
    src: url(/static/fonts/sharp-sans-no1-medium.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PauFontBlack';
    src: url(/static/fonts/sharp-sans-no1-black.otf) format("opentype");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'PauFontBold';
    src: url(/static/fonts/sharp-sans-no1-bold_0.otf) format("opentype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'PauFontExtraBold';
    src: url(/static/fonts/sharp-sans-no1-extrabold.otf) format("opentype");
    font-weight: bold;
    font-style: italic;
}

/*Estils de Fints*/
.font-md {
    font-family: PauFontMedium !important;
    color: black !important;
}
.font-black {
    font-family: PauFontBlack !important;
    color: black !important;
}
.font-bold {
    font-family: PauFontBold !important;
    color: black !important;
}
.font-extra-bold {
    font-family: PauFontExtraBold !important;
    color: black !important;
}

/*Estils del pare global*/
body {
    /*padding: 0px 12% 0px 12%;*/
    height: 100%;
    background-color: grey;
    display: flex;
    justify-content: center;
    font-family: PauFontMedium !important;
}

#contenidor-pare {
    background-color: white;
    height: inherit;
    position: relative;
    width: 100%;
}
/*Fi estils del pare global*/

/*Estils per millorar el bootstrap*/

.col-centered{
    float: none;
    margin: 0 auto;
}

.pull-center {
    text-align: center;
}
/*Fi estils per millorar el bootstrap*/

/*Estil per el navbar*/
.nav-bar {
    padding-top: 30px;
    padding-bottom: 20px;
}

#contenidor-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#titol {
    font-size: 1.6em;
    font-weight: 900;
    color: #000000;
}
#titol:hover {
  text-decoration: none;
}

.text-links-menu {
    color: black;
    padding: 2px 25px 2px 25px !important;
    border-left: 1px solid;
    text-transform: capitalize;
    font-size: 1.3em;
}

.icon-bar-color {
    background: black;
}

#btn-hamburger {
    position: relative !important;
    float: right !important;
    margin-right: 0px !important;
    padding: 9px 10px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}
/*Fi estil per el navbar*/

/*Estils de formulari*/
.mostra-validation.ng-invalid.ng-dirty {
    border-color: #FA787E;
}
.mostra-validation.ng-valid.ng-dirty {
    border-color: #78FA89;
}

#inputThumbnail {
    display: none;
    visibility: hidden;
}

#inputAfegirImatge {
    display: none;
    visibility: hidden;
}

.treu-marges-nav {
    margin-bottom: 0 !important;
}

#contenidor-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*Fi Estils de formulari*/

.btn.btn-default {
    padding: 4px;
    background: #D5D5D5;
    color: black;
}


/*LOADER*/
.loader-centrat {
    position: absolute;
    z-index: 9000;
    left: 50%;


    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*FI LOADER*/

/*RESPONSIVE*/
@media (max-width: 650px) {
  #element-principal {
      padding: 0px;
  }
}