/***************************************************
    Estils generics html 
***************************************************/
.alinea_esquerre {text-align:left !important;}
.alinea_dreta {text-align:right !important;}
.alinea_centre {text-align:center !important;}

.f_left { float:left;}
.f_right { float:right;}

.float_left { float:left;}
.float_right { float:right;}

.clear { clear:both}

.centrar { margin: 0 auto}
.uppercase { text-transform: uppercase}

.border {border:1px solid black;}

.inline-block { display: inline-block; vertical-align: top;}
.block { display: block; }

.amagat,.hidden { display:none; }
.amagat_important { display:none !important; }

.pointer { cursor:pointer;}
.font-small { font-size:11px;}

.negreta {font-weight: 600;}


.tatxat {text-decoration:line-through;}

.vermell{ color:red;}
.verd{ color:green;}


.miss-ok {color: green;}
.miss-ko {color: red;}

 
.font-super
{vertical-align:super} 
.font-sub 
{vertical-align:sub}

/*** AD3 Framework *************************************************/
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-75 { margin-top: 75px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-110 { margin-top: 110px; }
.margin-top-120 { margin-top: 120px; }
.margin-top-130 { margin-top: 130px; }
.margin-top-140 { margin-top: 140px; }
.margin-top-150 { margin-top: 150px; }


.margin-bottom-5 { margin-bottom: 5px !important;}
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important;}
.margin-bottom-20 { margin-bottom: 20px !important;}
.margin-bottom-25 { margin-bottom: 25px !important;}
.margin-bottom-30 { margin-bottom: 30px !important;}
.margin-bottom-35 { margin-bottom: 35px !important;}
.margin-bottom-40 { margin-bottom: 40px !important;}
.margin-bottom-45 { margin-bottom: 45px !important;}
.margin-bottom-50 { margin-bottom: 50px !important;}
.margin-bottom-60 { margin-bottom: 60px !important;}
.margin-bottom-70 { margin-bottom: 70px !important;}
.margin-bottom-75 { margin-bottom: 75px !important;}
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-100 { margin-bottom: 100px !important;  }
.margin-bottom-110 { margin-bottom: 110px !important; }
.margin-bottom-120 { margin-bottom: 120px !important; }
.margin-bottom-130 { margin-bottom: 130px !important; }
.margin-bottom-140 { margin-bottom: 140px !important; }
.margin-bottom-150 { margin-bottom: 150px !important; }

.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-35 { margin-left: 35px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-45 { margin-left: 45px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-75 { margin-left: 75px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-90 { margin-left: 90px; }
.margin-left-100 { margin-left: 100px; }
.margin-left-110 { margin-left: 110px; }
.margin-left-120 { margin-left: 120px; }
.margin-left-130 { margin-left: 130px; }
.margin-left-140 { margin-left: 140px; }
.margin-left-150 { margin-left: 150px; }

.margin-right-5 { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-35 { margin-right: 35px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-45 { margin-right: 45px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-75 { margin-right: 75px; }
.margin-right-80 { margin-right: 80px; }
.margin-right-90 { margin-right: 90px; }
.margin-right-100 { margin-right: 100px; }
.margin-right-110 { margin-right: 110px; }
.margin-right-120 { margin-right: 120px; }
.margin-right-130 { margin-right: 130px; }
.margin-right-140 { margin-right: 140px; }
.margin-right-150 { margin-right: 150px; }


.margin-5 { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-15 { margin: 15px; }
.margin-20 { margin: 20px; }
.margin-25 { margin: 25px; }
.margin-30 { margin: 30px; }
.margin-35 { margin: 35px; }
.margin-40 { margin: 40px; }
.margin-45 { margin: 45px; }
.margin-50 { margin: 50px; }
.margin-60 { margin: 60px; }
.margin-70 { margin: 70px; }
.margin-75 { margin: 75px; }
.margin-80 { margin: 80px; }
.margin-90 { margin: 90px; }
.margin-100 { margin: 100px; }
.margin-110 { margin: 110px; }
.margin-120 { margin: 120px; }
.margin-130 { margin: 130px; }
.margin-140 { margin: 140px; }
.margin-150 { margin: 150px; }

/** Padding *****/

.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-25 { padding: 25px; }
.padding-30 { padding: 30px; }
.padding-35 { padding: 35px; }
.padding-40 { padding: 40px; }
.padding-45 { padding: 45px; }
.padding-50 { padding: 50px; }
.padding-60 { padding: 60px; }
.padding-70 { padding: 70px; }
.padding-75 { padding: 75px; }
.padding-80 { padding: 80px; }
.padding-90 { padding: 90px; }
.padding-100 { padding: 100px; }
.padding-110 { padding: 110px; }
.padding-120 { padding: 120px; }
.padding-130 { padding: 130px; }
.padding-140 { padding: 140px; }
.padding-150 { padding: 150px; }

.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-35 { padding-top: 35px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-45 { padding-top: 45px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-75 { padding-top: 75px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }
.padding-top-110 { padding-top: 110px; }
.padding-top-120 { padding-top: 120px; }
.padding-top-130 { padding-top: 130px; }
.padding-top-140 { padding-top: 140px; }
.padding-top-150 { padding-top: 150px; }


.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-45 { padding-bottom: 45px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-75 { padding-bottom: 75px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }
.padding-bottom-110 { padding-bottom: 110px; }
.padding-bottom-120 { padding-bottom: 120px; }
.padding-bottom-130 { padding-bottom: 130px; }
.padding-bottom-140 { padding-bottom: 140px; }
.padding-bottom-150 { padding-bottom: 150px; }

.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-25 { padding-left: 25px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-35 { padding-left: 35px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-45 { padding-left: 45px; }
.padding-left-50 { padding-left: 50px; }
.padding-left-60 { padding-left: 60px; }
.padding-left-70 { padding-left: 70px; }
.padding-left-75 { padding-left: 75px; }
.padding-left-80 { padding-left: 80px; }
.padding-left-90 { padding-left: 90px; }
.padding-left-100 { padding-left: 100px; }
.padding-left-110 { padding-left: 110px; }
.padding-left-120 { padding-left: 120px; }
.padding-left-130 { padding-left: 130px; }
.padding-left-140 { padding-left: 140px; }
.padding-left-150 { padding-left: 150px; }

.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-15 { padding-right: 15px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-25 { padding-right: 25px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-35 { padding-right: 35px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-45 { padding-right: 45px; }
.padding-right-50 { padding-right: 50px; }
.padding-right-60 { padding-right: 60px; }
.padding-right-70 { padding-right: 70px; }
.padding-right-75 { padding-right: 75px; }
.padding-right-80 { padding-right: 80px; }
.padding-right-90 { padding-right: 90px; }
.padding-right-100 { padding-right: 100px; }
.padding-right-110 { padding-right: 110px; }
.padding-right-120 { padding-right: 120px; }
.padding-right-130 { padding-right: 130px; }
.padding-right-140 { padding-right: 140px; }
.padding-right-150 { padding-right: 150px; }

.width-5 { width: 5px; }
.width-10 { width: 10px; }
.width-15 { width: 15px; }
.width-20 { width: 20px; }
.width-25 { width: 25px; }
.width-30 { width: 30px; }
.width-35 { width: 35px; }
.width-40 { width: 40px; }
.width-45 { width: 45px; }
.width-50 { width: 50px; }
.width-60 { width: 60px; }
.width-70 { width: 70px; }
.width-75 { width: 75px; }
.width-80 { width: 80px; }
.width-90 { width: 90px; }
.width-100 { width: 100px !important; }
.width-110 { width: 110px; }
.width-120 { width: 120px; }
.width-125 { width: 125px; }
.width-130 { width: 130px; }
.width-140 { width: 140px; }
.width-150 { width: 150px; }
.width-160 { width: 160px; }
.width-170 { width: 170px; }
.width-175 { width: 175px; }
.width-180 { width: 180px; }
.width-190 { width: 190px; }
.width-200 { width: 200px; }
.width-210 { width: 210px; }
.width-220 { width: 220px; }
.width-225 { width: 225px; }
.width-230 { width: 230px; }
.width-240 { width: 240px; }
.width-250 { width: 250px; }
.width-260 { width: 260px; }
.width-270 { width: 270px; }
.width-275 { width: 275px; }
.width-280 { width: 280px; }
.width-290 { width: 290px; }
.width-300 { width: 300px; }
.width-310 { width: 310px; }
.width-320 { width: 320px; }
.width-325 { width: 325px; }
.width-330 { width: 330px; }
.width-340 { width: 340px; }
.width-350 { width: 350px; }
.width-360 { width: 360px; }
.width-370 { width: 370px; }
.width-375 { width: 375px; }
.width-380 { width: 380px; }
.width-390 { width: 390px; }

.height-5 { height: 5px; }
.height-10 { height: 10px; }
.height-15 { height: 15px; }
.height-20 { height: 20px; }
.height-25 { height: 25px; }
.height-30 { height: 30px; }
.height-35 { height: 35px; }
.height-40 { height: 40px; }
.height-45 { height: 45px; }
.height-50 { height: 50px; }
.height-60 { height: 60px; }
.height-70 { height: 70px; }
.height-75 { height: 75px; }
.height-80 { height: 80px; }
.height-90 { height: 90px; }
.height-100 { height: 100px; }
.height-110 { height: 110px; }
.height-120 { height: 120px; }
.height-125 { height: 125px; }
.height-130 { height: 130px; }
.height-140 { height: 140px; }
.height-150 { height: 150px; }
.height-160 { height: 160px; }
.height-170 { height: 170px; }
.height-175 { height: 175px; }
.height-180 { height: 180px; }
.height-190 { height: 190px; }
.height-200 { height: 200px; }
.height-210 { height: 210px; }
.height-220 { height: 220px; }
.height-225 { height: 225px; }
.height-230 { height: 230px; }
.height-240 { height: 240px; }
.height-250 { height: 250px; }
.height-260 { height: 260px; }
.height-270 { height: 270px; }
.height-275 { height: 275px; }
.height-280 { height: 280px; }
.height-290 { height: 290px; }
.height-300 { height: 300px; }
.height-310 { height: 310px; }
.height-320 { height: 320px; }
.height-325 { height: 325px; }
.height-330 { height: 330px; }
.height-340 { height: 340px; }
.height-350 { height: 350px; }
.height-360 { height: 360px; }
.height-370 { height: 370px; }
.height-375 { height: 375px; }
.height-380 { height: 380px; }
.height-390 { height: 390px; }


.width-p-100 {width:100%;}
.width-p-75 {width:75%;}
.width-p-50 {width:50%;}
.width-p-33 {width:33%;}
.width-p-25 {width:25%;}

/*** FI AD3 Framework *************************************************/
.centrat_vertical {vertical-align: middle;}


.font-size-8 { font-size:8px !important; }
.font-size-9 { font-size:9px !important; }
.font-size-10 { font-size:10px !important; }
.font-size-11 { font-size:11px !important; }
.font-size-12 { font-size:12px !important; }
.font-size-13 { font-size:13px !important; }
.font-size-14 { font-size:14px !important; }
.font-size-15 { font-size:15px !important; }
.font-size-16 { font-size:16px !important; }
.font-size-17 { font-size:17px !important; }
.font-size-19 { font-size:18px !important; }
.font-size-19 { font-size:19px !important; }
.font-size-20 { font-size:20px !important; }
.font-size-21 { font-size:21px !important; }
.font-size-22 { font-size:22px !important; }
.font-size-23 { font-size:23px !important; }
.font-size-24 { font-size:24px !important; }
.font-size-25 { font-size:25px !important; }
.font-size-26 { font-size:26px !important; }
.font-size-27 { font-size:27px !important; }
.font-size-28 { font-size:28px !important; }
.font-size-29 { font-size:29px !important; }
.font-size-30 { font-size:30px !important; }


.font-normal { font-weight: normal; }

/***********************************************************************/
.missatge-ok
{
    color: #00B22D !important;
    font-weight: 400;
    padding:10px 0px 10px 10px;
    font-size: 16px;
    border: 1px solid #00B22D !important;
}


.missatge-error
{
    color: red !important;
    font-weight: 400;
    padding:10px 0px 10px 10px;
    font-size: 16px;
    border: 1px solid red !important;
}


/*** Mides en percentatge ***/

.mida-10-p { width:10% !important; }
.mida-25-p { width:25% !important; }
.mida-33-p { width:33% !important; }
.mida-50-p { width:50% !important; }
.mida-66-p { width:66% !important; }
.mida-75-p { width:75% !important; }
.mida-100-p { width:100% !important; }
    





/**** xxs ****/


@media (max-width: 520px) {
  .hidden-xxs {
    display: none !important;
  }
}


.visible-xxs {
  display: none !important;
}
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
  display: none !important;
}
@media (max-width: 520px) {
  .visible-xxs {
    display: block !important;
  }
  table.visible-xxs {
    display: table !important;
  }
  tr.visible-xxs {
    display: table-row !important;
  }
  th.visible-xxs,
  td.visible-xxs {
    display: table-cell !important;
  }
}
@media (max-width: 520px) {
  .visible-xxs-block {
    display: block !important;
  }
}
@media (max-width: 520px) {
  .visible-xxs-inline {
    display: inline !important;
  }
}
@media (max-width: 520px) {
  .visible-xxs-inline-block {
    display: inline-block !important;
  }
}