/** Tipus de lletres *****/
/*@color-boto-text: #666;
@color-boto-text-hover: #fff;

@color-boto-fons: #ccc;
@color-boto-fons-hover: #666666;*/
.container {
  padding-left: 0px;
  padding-right: 0px;
}
.fons_blanc {
  background: #fff;
}
.fons_gris {
  background: #EEEEEE;
}
img {
  border: 0px;
}
/* estil linia horitzontal */
hr {
  color: #2f71b3;
  height: 1px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #2f71b3;
}
/* usat en titols de m�duls  i seccions */
h1 {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 24px;
  text-decoration: none;
  color: #333333;
  text-transform: uppercase;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
h2 {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 22px;
  text-decoration: none;
  color: #333333;
  padding: 0px;
  margin: 0px;
}
h3 {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 20px;
  text-decoration: none;
  color: #333333;
  padding: 0px;
  margin: 0px;
}
h4 {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 18px;
  text-decoration: none;
  color: #333333;
  padding: 0px;
  margin: 0px;
}
h5 {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 16px;
  text-decoration: none;
  color: #333333;
  padding: 0px;
  margin: 0px;
}
h6 {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 16px;
  text-decoration: none;
  color: #333333;
  padding: 0px;
  margin: 0px;
}
label {
  font-weight: normal;
}
/* estil per enllaç */
a {
  color: #2f71b3;
  text-decoration: none;
}
a:hover {
  color: #888888;
}
/* FINAL DEFINIM ENTITATS HTML */
/* estil per defecte d'una cel·la d'una taula (coincidir amb txt) */
td {
  color: #000000;
  text-decoration: none;
}
.fi_float {
  clear: both;
  padding: 0px;
  margin: 0px;
}
.no_visible {
  display: none;
}
.invisible {
  display: none;
}
.alinea_esquerre {
  text-align: left;
}
.alinea_dreta {
  text-align: right;
}
.alinea_centre {
  text-align: center;
}
.fila_form {
  clear: both;
  padding-top: 5px;
  width: 100%;
}
.fila_form .etiqueta {
  float: left;
  width: 32%;
  text-align: right;
}
.fila_form .etiqueta label {
  font-weight: normal;
  padding-top: 3px;
  color: #000;
}
.fila_form .informacio {
  float: right;
  width: 66%;
  text-align: left;
}
.fila_form .informacio input[type="file"] {
  display: inline-block;
  max-width: 350px;
}
.fila_form .itemample {
  width: 100%;
  padding-top: 2px;
  text-align: center;
  clear: both;
}
.fila_form .form_icona_ajuda {
  font-weight: bold;
  font-size: 1.1em;
}
form {
  margin-top: 5px;
  margin-bottom: 5px;
}
input[type="text"],
.txt_form {
  font-family: 'Roboto', Arial, Verdana;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #CBCBD7;
  padding: 3px 6px;
  margin: 1px;
}
input[type="checkbox"] {
  margin-right: 5px;
}
.txt_form_read_only {
  color: #666;
  border: 1px solid #CBCBD7;
  padding: 3px 6px;
  margin: 1px;
  background-color: #eeeeee;
  width: 90%;
  min-height: 11px !important;
  overflow-y: auto;
  max-height: 300px;
}
.read_only {
  color: #666;
  border: 1px solid #CBCBD7;
  background-color: #eeeeee !important;
}
input[type="submit"],
input[type="button"],
.boto {
  font-family: 'Roboto', Arial, Verdana;
  background: #2f71b3;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 15px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #2f71b3;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
}
input[type="submit"] .fa,
input[type="button"] .fa,
.boto .fa {
  margin-right: 5px;
}
input[type="submit"]:hover,
input[type="button"]:hover,
.boto:hover {
  background: #ffffff;
  color: #2f71b3;
  text-decoration: none;
  border: 1px solid #2f71b3;
}
input[type="submit"]:focus,
input[type="button"]:focus,
.boto:focus {
  text-decoration: none;
}
.boto_invertit {
  background: #ffffff;
  color: #2f71b3;
}
.boto_invertit:hover {
  background: #2f71b3;
  color: #ffffff;
}
.boto_petit {
  display: inline-block;
  margin: 0px 3px 0px 3px;
  cursor: pointer;
  border-radius: 4px;
  padding: .4em 1em;
  border: 1px solid #ccc !important ;
  background: #ccc !important;
  color: #666 !important;
  float: left;
  font-size: 12px;
}
.boto_petit:hover {
  background: #666 !important;
  color: #fff !important;
}
.opcions_cap_top {
  margin-top: 10px;
  text-align: right;
}
.opcions_cap_top .fa {
  margin-right: 5px;
  color: #2f71b3;
  font-size: 17px;
}
.opcions_cap_top .bustia {
  color: #777777;
  font-size: 13px;
  vertical-align: middle;
}
.opcions_cap_top .open button {
  background: none !important;
}
.opcions_cap_top .dropdown {
  margin-left: 20px;
  display: inline-block;
}
.opcions_cap_top .dropdown button {
  color: #777777;
  padding: 0;
  border: none;
  border-radius: 0px;
  font-size: 13px;
  vertical-align: middle;
}
.opcions_cap_top .dropdown button:focus,
.opcions_cap_top .dropdown button:hover {
  background: none;
}
.opcions_cap_top .dropdown button:hover {
  text-decoration: underline;
}
.opcions_cap_top .dropdown button .caret {
  margin-left: 5px;
  vertical-align: middle;
}
.opcions_cap_top .dropdown .dropdown-menu {
  border-radius: 0px;
}
.info_usuari {
  margin-top: 20px;
  padding-right: 10px;
  float: right;
}
.info_usuari .boto_logout {
  font-size: 20px;
  color: #e52c85;
  float: right;
  margin-top: 2px;
  margin-left: 5px;
}
.info_usuari .boto_logout:hover {
  color: #ae3187;
}
.info_usuari .boto_password {
  font-size: 20px;
  float: right;
  margin-top: 2px;
}
.info_usuari .boto_password .fa {
  color: #2f71b3;
}
.info_usuari .boto_password .fa:hover {
  color: #333333;
}
.info_usuari div {
  display: inline-block;
  margin-right: 20px;
}
.info_usuari span {
  display: block;
  font-size: 12px;
  line-height: 110%;
  color: #777777;
  margin-bottom: 3px;
}
/* estil de text normal*/
.txt {
  font-family: 'Roboto', Arial, Verdana;
  color: #000000;
  text-decoration: none;
}
/* estil per al text contingut amb fotos */
.txt_clavar_fotos {
  color: #000000;
  text-decoration: none;
}
.txt_form_p {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #DDDDE5;
  padding: 0px;
  margin: 0px;
}
/* estil per al peu de foto (clavar_fotos.cfm) */
.txt_peu_foto {
  color: #000000;
  text-decoration: none;
  line-height: 1em;
}
.titol {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 0.9em;
  color: #000000;
  text-decoration: none;
}
.peu {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
.peu:hover {
  color: #a5bc00;
  font-weight: normal;
  text-decoration: none;
}
.txt_foto {
  font-size: 0.7em;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
.requadrat_fitxers {
  border-top: 1px solid #77777B;
  border-left: 1px solid #77777B;
  border-bottom: 1px solid #77777B;
  border-right: 1px solid #77777B;
}
/* LLISTA NO ORDENADA MULTICOLUMNA (PER DUES COLUMNES) */
/* separate the list from subsequent markup */
div.wrapper {
  margin-bottom: 1em;
}
div.wrapper br {
  clear: left;
}
.llista_multi_columna {
  width: 99%;
  margin: 0;
  padding: 6px;
}
/* float & allow room for the widest item */
.llista_multi_columna li {
  float: left;
  width: 50%;
  list-style: none;
  list-style-image: none;
}
/* FINAL  LLISTA MULTICOLUMNA */
/* estil per a mapa */
#mapa {
  margin-left: 20px;
}
#mapa li {
  padding: 1px;
}
/* maquetaci� general de la p�gina */
/* menu icones contacte,home ... */
#menu_icones {
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
}
#menu_icones li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  display: inline;
  padding-top: 1px;
}
/* ############################################################## */
/* ### estils que defineixen l'estructura general de la index ### */
/* ############################################################## */
body {
  padding: 0px;
  margin: 0px;
  font-family: 'Roboto', Arial, Verdana;
  text-decoration: none;
  color: #333333;
}
.body_mail {
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-family: 'Roboto', Arial, Verdana;
  text-decoration: none;
  font-size: 0.9em;
  color: #000000;
  background: #ffffff;
}
#contenidor_breadcrumbs {
  width: 912px;
  border-bottom: 1px solid #e6e7e8;
  height: 40px;
}
#logo {
  padding: 15px 0px 20px 0px;
  display: block;
}
/* maquetaci� general de la p�gina */
#breadcrumbs_interior {
  float: right;
  background: #ffffff;
  width: 703px;
  color: #000000;
  text-align: left;
  height: 40px;
}
#breadcrumbs {
  float: right;
  background: #ffffff;
  width: 697px;
  color: #000000;
  text-align: left;
  height: 40px;
}
#breadcrumbs a {
  color: #666666;
}
#breadcrumbs a:hover {
  color: #a5bc00;
}
#breadcrumbs_espai {
  padding-top: 14px;
  padding-left: 41px;
}
#contenidor_informacio {
  clear: both;
  width: 100%;
}
#cos_interior {
  padding-top: 5px;
  padding-bottom: 10px;
}
#debug_info {
  width: 100%;
  margin-top: 3px;
  clear: both;
  height: 30px;
  text-align: center;
  border: 1px solid #CCCCCC;
  padding: 8px;
  background-color: #EFEFDE;
  color: black;
}
/******************************/
/* menu principal de la web */
#menu_principal {
  width: 290px;
  margin-top: 64px;
  border-top: 1px solid #cccccc;
  text-align: right;
  padding-bottom: 100px;
  z-index: 9999;
}
.h1_menu {
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  font-size: 1.05em;
  font-weight: normal;
  border-bottom: 1px solid #cccccc;
}
.h1_menu_seleccionat {
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  font-size: 1.05em;
  font-weight: normal;
  border-bottom: 1px solid #cccccc;
  background: #1E1E1E;
  /*background:url(../img/fons_menu_seleccionat.gif);*/
}
.h1_menu_seleccionat a {
  display: block;
  /*color:#dd0006;	*/
  color: #ffffff;
  font-weight: normal;
  padding: 16px 16px 16px 10px;
}
.h1_menu_seleccionat a:hover {
  /*color:#dd0006;*/
  color: #ffffff;
  text-decoration: none;
}
.h1_menu a {
  display: block;
  color: #000000;
  font-weight: normal;
  padding: 16px 16px 16px 10px;
}
.h1_menu a:hover {
  color: #ffffff;
  background: #1E1E1E;
  text-decoration: none;
}
/* fi menu principal de la web */
/******************************/
/********************************
** Estils menu securndari
********************************/
#menu_secundari {
  width: 290px;
  border-bottom: 1px solid #cccccc;
  text-align: right;
  background: url(../../templates/labels/img/fons_submenu.gif);
  padding: 8px 0px 11px 0px;
}
.submenu {
  text-align: right;
  padding: 8px 16px 0px 0px;
  font-size: 1.05em;
}
.submenu a {
  color: #000000;
}
.submenu a:hover {
  color: #dd0006;
  text-decoration: none;
}
.submenu_seleccionat {
  padding: 8px 16px 0px 0px;
  font-size: 1.05em;
}
.submenu_seleccionat a {
  color: #dd0006;
  text-decoration: none;
}
.submenu_seleccionat a:hover {
  color: #dd0006;
  text-decoration: none;
}
/********************************
** FI estils menu securndari
********************************/
/* FI titols de pastilles de portada  i lateral dret*/
.etiqueta_form_obligatori {
  color: #ff0000;
}
.credits {
  width: 100%;
  background-color: white;
  text-align: center;
}
.form_fila {
  /*border:black solid 1px;*/
}
.form_fila label {
  width: 50px;
  text-align: right;
}
/* breadcrumbs */
.c_breadcrumbs {
  height: 20px;
  background-color: #CCCCCC;
  width: 100%;
  text-align: left;
}
.c_breadcrumbs p {
  margin: 0;
  padding-left: 12px;
  padding-top: 7px;
  height: 24px;
}
/* presentaci� continguts */
.contenidor_contingut {
  text-align: center;
  padding-bottom: 30px;
}
.contenidor_contingut_sense_espai {
  /*text-align:center; */
}
.contenidor_fills_espai {
  padding-top: 30px;
  padding-bottom: 20px;
}
.contenidor_contingut_formacions_programades {
  margin-top: 20px;
  text-align: center;
  width: 510px;
  border-top: 1px solid #c9c9c9;
}
.contenidor_contingut_sense_linia {
  text-align: center;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: 8px;
  width: 100%;
}
.c_cap {
  clear: both;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 16px;
}
.c_titol {
  float: left;
  text-align: left;
  padding-top: 5px;
  width: 85%;
  text-transform: uppercase;
}
.c_enviar_imprimir {
  float: right;
  width: 18%;
  text-align: center;
}
.c_enviar_imprimir a {
  display: block;
  color: #333333;
  text-decoration: none;
  background: #e5e5e5;
  font-size: 0.75em;
  padding: 2px 10px 4px 10px;
}
.c_enviar_imprimir a:hover {
  color: #333333;
  text-decoration: none;
}
.c_enviar_imprimir_espai {
  padding-bottom: 5px;
}
.c_enviar_imprimir img {
  padding-left: 10px;
}
.c_contenidor_interior {
  text-align: left;
}
.c_contenidor_interior_no_centrat {
  text-align: left;
  width: 100%;
}
#form_contacte .informacio {
  font-size: 1.0em;
}
.entradeta {
  color: #990000;
  margin-bottom: 8px;
  text-align: left;
  font-size: 1.25em;
  font-weight: normal;
}
/* Vista previa */
.c_vista_previa_titol {
  text-align: left;
  padding-bottom: 15px;
  padding-top: 1px;
}
.c_vista_previa_titol a {
  color: #000000;
}
.c_vista_previa_titol a:hover {
  color: #cc0000;
}
.c_vista_previa_titol_estret {
  text-align: left;
  padding-bottom: 7px;
  padding-top: 7px;
}
.c_vista_previa_titol_estret a {
  color: #000000;
}
.c_vista_previa_titol_estret a:hover {
  color: #cc0000;
}
.vista_previa_esquerre {
  text-align: left;
  width: 314px;
  float: left;
  height: 137px;
}
.vista_previa_dret {
  text-align: left;
  width: 314px;
  float: right;
  height: 137px;
}
.c_vista_previa_dret {
  margin-left: 129px;
  height: 93px;
}
.c_vista_previa_esquerre {
  float: left;
  width: 120px;
  height: 93px;
}
.info_vista_previa {
  font-size: 0.8em;
  color: #000000;
}
.c_info_estadistica {
  text-align: center;
}
/* fi vista previa */
.c_info_estadistica {
  text-align: center;
}
.c_links {
  margin: 0 auto;
  width: 100%;
  padding-top: 20px;
}
.c_documents {
  margin: 0 auto;
  width: 100%;
}
.c_tramits {
  text-align: left;
}
.c_informacio {
  /*text-align:justify;	*/
  text-color: #000000;
  padding-bottom: 20px;
}
/*************************************
**Estils per al paginador
*************************************/
.c_paginador {
  clear: both;
  text-align: right;
  padding: 5px;
  margin-top: 10px;
}
.c_paginador .intro {
  display: inline-block;
  margin-right: 20px;
}
.paginador_css {
  float: right;
  text-align: right;
  margin-bottom: 30px;
}
.paginador_pagines {
  float: left;
}
.paginador_pagines a {
  width: 25px;
  text-align: center;
  display: block;
  color: #000000;
  font-size: 1.1em;
}
.paginador_pagines a:hover {
  width: 25px;
  background: #ffffff;
  color: #2f71b3;
  text-decoration: none;
  display: block;
  font-size: 16px;
}
.paginador_pagina_actual {
  float: left;
  width: 25px;
  text-align: center;
  background: #ffffff;
  color: #2f71b3;
  font-size: 16px;
  font-weight: bold;
}
.paginador_fletxa {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.titol_manteniments_associats {
  font-size: 15px;
  text-align: left;
  padding-top: 10px;
  color: #000000;
  font-weight: bold;
  padding-left: 3px;
  float: left;
}
/*.c_paginador
{
	clear:both;
	text-align:right;
	padding:5px;
        margin-top: 10px;
}

.paginador_css
{
	float:right;
	text-align:right;	
	margin-bottom:30px;	
}

.paginador_pagines
{
	float:left;	
	background:#fff;



  a
  {
    width:25px;
    text-align:center;
    display:block;
    color:@color-base;
    background: #fff;
    border:1px solid @color-base;
    font-size:14px;
    margin-left: 5px;

    &:hover
    {
      width:25px;
      background:@color-base;
      color:#ffffff;
      border:1px solid @color-base;
      display:block;
      text-decoration: none;
    }

  }

}




.paginador_pagina_actual
{
	float:left;
	width:25px;
	text-align:center;
    background:@color-base;
    color:#ffffff;
    border:1px solid @color-base;
    font-size:14px;
    margin-left: 5px;
	
} 

.paginador_fletxa
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}*/
/*******************************************
**	Fi estils paginador
*******************************************/
.c_llista_continguts_fills {
  margin: 0 auto;
  text-align: left;
  font-size: 1.05em;
  width: 100%;
  padding-bottom: 30px;
  margin-top: 20px;
}
.llista_fills {
  padding-bottom: 3px;
}
.img_llista_fills {
  float: left;
  padding-top: 3px;
}
.titol_llista_fills {
  float: left;
  padding: 0px 10px 0px 15px;
}
.titol_llista_fills a {
  text-align: left;
  display: block;
}
.titol_llista_fills a:hover {
  display: block;
}
div.fila_form_petit {
  clear: both;
  padding-top: 0px;
  width: 100%;
  color: #676664;
}
div.fila_form_petit .etiqueta {
  float: left;
  width: 33%;
  text-align: right;
  padding-top: 5px;
  padding-right: 2px;
}
div.fila_form_petit .informacio {
  float: right;
  width: 65%;
  text-align: left;
}
.form_submit {
  clear: both;
  text-align: right;
  padding-right: 23px;
  padding-top: 3px;
}
div.fila_form_entitats {
  clear: both;
  padding-top: 1px;
}
div.fila_form_entitats .etiqueta {
  float: left;
  width: 50%;
  text-align: right;
  padding-top: 3px;
}
div.fila_form_entitats .informacio {
  /*float: right;*/
  text-align: left;
}
.mes_informacio {
  color: #ffffff;
  font-size: 1.7em;
  padding: 12px 7px 2px 0px;
  font-weight: bold;
}
.form_mes_info {
  text-align: left;
  padding-left: 5px;
  font-size: 1.2em;
}
.form_mes_info .fila_form {
  padding: 0px 0px 0px 0px;
}
.form_mes_info .txt_submit {
  background: #e6e7e8;
  font-weight: bold;
}
.form_mes_info .informacio {
  font-size: 1.4em;
}
.form_mes_info .txt_submit {
  text-align: right;
}
.form_mes_info .txt_form {
  border: 0px;
}
.form_petit_cos {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid white;
}
.form_petit_cos form {
  padding: 0px 0  0px 0;
  margin: 0;
}
/* estils per p�gina impresi� i mail */
#imp_contenidor {
  text-align: left;
  margin: 0 auto;
  width: 100%;
  background: #ffffff;
}
#imp_contenidor .contenidor_contingut_sense_espai {
  text-align: inherit;
}
#imp_cap {
  text-align: left;
  width: 95%;
  padding-bottom: 13px;
}
#imp_logo {
  padding-top: 8px;
  padding-left: 70px;
}
#imp_breadcrumbs {
  width: 95%;
  text-align: left;
  padding-top: 12px;
  padding-bottom: 16px;
}
#imp_breadcrumbs a {
  color: #666666;
}
#imp_titol {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
#imp_titol h2 {
  color: #333333;
  font-size: 20px;
  font-weight: normal;
  padding: 8px 10px;
  border-bottom: 1px solid #e1e1e1;
  text-transform: uppercase;
}
#imp_cap_see_photo {
  text-align: left;
  padding: 4px;
  background-color: #ffffff;
}
#imp_cos_seephoto {
  clear: both;
  text-align: center;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #ffffff;
  background: url(../../templates/labels/img/separador_cap_imprimir.gif) no-repeat;
  padding-top: 20px;
}
#imp_cos {
  clear: both;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 95%;
  background: url(../../templates/labels/img/separador_cap_imprimir.gif) no-repeat;
}
#imp_peu {
  clear: both;
  text-align: center;
  font-size: 1.0em;
  width: 95%;
  height: 43px;
  background: url(../../templates/labels/img/separador_peu_cos_imprimir.gif) no-repeat;
  font-size: 0.85em;
}
#imp_peu_espai {
  padding-top: 35px;
  text-align: left;
  padding-left: 50px;
}
#imp_peu a {
  color: #DD0006;
}
#imp_peu a:hover {
  color: #DD0006;
  text-decoration: underline;
}
#imp_peu_foto {
  text-align: center;
}
#imp_cos_mail {
  margin-bottom: 10px;
  text-align: left;
}
#imp_cos_mail_int {
  margin: 0 auto;
  text-align: left;
  width: 95%;
  padding-top: 20px;
}
#icones_peu_imp {
  clear: both;
  margin: 0 auto;
  height: 57px;
  width: 90%;
}
/* fi estils per p�gina impresio i mail */
.espaiat {
  padding: 10px;
}
/* cercador de portada */
.contenidor_cercador {
  padding-top: 0px;
  text-align: left;
  padding: 11px 0px 11px 12px;
}
.contenidor_cercador form {
  margin: 0px;
  padding: 0px;
}
.input_cercador {
  float: left;
}
.txt_form_cerca {
  font-family: 'Roboto', Arial, Verdana;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #d8e391;
  margin-right: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1.0em;
}
.txt_form_gris_cerca {
  font-family: 'Roboto', Arial, Verdana;
  color: #cccccc;
  background-color: #ffffff;
  border: 1px solid #008dd2;
  /*margin-right:3px;*/
  padding: 0px 0px 0px 2px;
}
.txt_submit_cercador {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 0.85em;
  color: #ffffff;
  padding: 0px;
  margin-left: 10px;
  border: 0px;
}
.submit_cercador {
  float: left;
}
.input_cercador {
  float: left;
}
/* cercador de porata*/
.txt_form_gris {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 0.9em;
  color: #cccccc;
  background-color: #ffffff;
  border: 1px solid #CBCBD7;
  padding: 1px;
  margin: 1px;
}
/* taula per documents */
.taula_documents {
  border: 0;
  width: 100%;
  border-top: 1px solid #990000;
}
.taula_documents td {
  border-bottom: 1px solid #990000;
  color: #000000;
}
.tr_linia {
  background: #ffffff;
}
.tr_iluminat {
  background: #F0F0F0;
}
.td_mida {
  width: 100px;
  text-align: right;
  padding-right: 10px;
  /*valign:top;*/
}
.td_nom_fitxer {
  text-align: left;
}
.td_nom_fitxer a {
  padding-top: 7px;
  padding-bottom: 6px;
  padding-left: 3px;
  display: block;
  text-decoration: none;
}
.td_icona {
  width: 25px;
  text-align: center;
  padding-left: 5px;
  /*valign:top;*/
}
a.txt_documents {
  color: #cc000000;
  text-decoration: none;
}
/************************************/
/* taules 							*/
/* aquest estil es el que dona format al text interior de continguts */
.td_justificat {
  /*text-align:justify;*/
  color: #000000;
}
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  color: #000000;
}
th {
  background: #ffffff;
  color: #000000;
  text-align: left;
}
caption {
  background: #ffffff;
  color: #000000;
  text-align: left;
}
/* DIFERENTS ESTILS TAULES MAQUETES */
table.taula_titol_verd {
  border: 1px solid #ffffff;
  border-collapse: separate;
  border-spacing: 3px;
}
table.taula_titol_verd td {
  border: 1px solid #ebebeb;
  padding: 5px;
  color: #000000;
  text-align: center;
}
table.taula_titol_verd th {
  border: 1px solid #ebebeb;
  padding: 5px;
  background: #EBEBEB;
  color: #a5bc00;
  text-align: center;
}
table.taula_titol_blanc {
  border: 1px solid #E5E5E5;
  border-collapse: collapse;
  border-spacing: 0;
}
table.taula_titol_blanc td {
  border: 1px solid #E5E5E5;
  padding-left: 19px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000000;
  text-align: left;
}
table.taula_titol_blanc th {
  border: 1px solid #E5E5E5;
  padding-left: 19px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #cccccc;
  color: #ffffff;
  text-align: left;
}
/* FI DIFERENTS ESTILS TAULES MAQUETES */
/* estil per defecte d'una cel�la d'una taula (coincidir� amb txt) */
.taula_continguts {
  width: 100%;
  padding: 0;
  border: 0;
}
.taula_continguts a {
  color: #cc0000;
}
.taula_foto_left {
  width: 1%;
  padding: 4px;
  border: 0;
  float: left;
}
.taula_foto_right {
  width: 1%;
  padding: 4px;
  border: 0;
  float: right;
}
.taula_foto_center {
  width: 1%;
  padding: 4px;
  border: 0;
  margin: 0 auto;
}
.foto_centrada {
  text-align: center;
  width: 100%;
}
.taula_fotos_horitzontals {
  width: 100%;
  border: 0;
  margin: 0 auto;
}
.taula_continguts {
  border: 0;
}
.taula_no_fil {
  border: 0;
  width: 100%;
}
.taula_continguts p {
  margin-top: 6px;
}
/* butllet� formulari */
.butlleti_cos_form {
  padding: 5px;
  margin-bottom: 10px;
}
.titol_butlleti {
  text-align: left;
  padding-left: 15px;
  padding-top: 15px;
}
/************************/
/* menu icones */
#menu_icones {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  letter-spacing: 1px;
  padding-left: 20px;
  text-align: right;
}
#menu_icones li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  display: inline;
  padding-top: 1px;
  text-align: right;
}
#menu_icones li a {
  padding: 3px 0px 3px 6px;
  color: #000000;
}
#menu_icones li a:hover {
  padding: 3px 0px 3px 6px;
  color: #ffffff;
}
.idioma_actiu {
  color: #dd0006;
}
.idioma_no_actiu {
  color: #000000;
}
/* FINAL selector d'idiomes */
/************************/
/************************/
/* menu icones */
#selector_idiomes {
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  padding-left: 0px;
  text-align: center;
}
#selector_idiomes li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  display: inline;
  padding-top: 0px;
  text-align: right;
}
#selector_idiomes li a {
  padding: 0px 0px 0px 0px;
  color: #000000;
}
#selector_idiomes li a:hover {
  padding: 0px 0px 0px 0px;
  color: #a5bc00;
}
#selector_idiomes li a.idioma_actiu {
  padding: 0px 0px 0px 0px;
  color: #a5bc00;
}
/* FINAL selector d'idiomes */
/************************/
.llistat_administracio_env {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
/* estils pels llistats de la administracio */
.llistat_administracio {
  border: 1px solid #ebebeb;
  /*border-collapse: collapse;*/
  width: 100%;
}
.llistat_administracio .fa {
  color: #333333;
  font-size: 18px;
  margin-left: 0px;
}
.llistat_administracio a .fa-times,
.llistat_administracio a .fa-clock-o {
  color: #e52c85;
}
.llistat_administracio a .fa-adjust {
  color: #4dc1eb;
}
.llistat_administracio a .fa-check {
  color: #4dc1eb;
}
.llistat_administracio a .fa {
  color: #2f71b3;
}
.llistat_administracio a:hover .fa {
  color: #333333;
}
.llistat_administracio .fa-times,
.llistat_administracio .fa-clock-o {
  color: #e52c85;
}
.llistat_administracio .fa-adjust {
  color: #4dc1eb;
}
.llistat_administracio .fa-check {
  color: #4dc1eb;
}
.llistat_administracio th {
  background-color: #2f71b3;
  margin: 0px;
  padding: 6px 10px;
  border: 1px solid #e0e0e0;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
}
.llistat_administracio th a {
  color: #fff;
}
.llistat_administracio tr {
  background: #ffffff;
}
.llistat_administracio:hover,
.llistat_administracio .iluminat {
  background: #F0F1F1;
}
.llistat_administracio td {
  border: 1px solid #e0e0e0;
  margin: 0px;
  padding: 6px 10px;
  font-size: 13px;
}
.llistat_administracio_final_dret {
  text-align: right;
  padding: 9px 3px 10px 0px;
}
.llistat_administracio_final_dret input[type="button"] {
  margin-left: 10px;
}
.llistat_administracio_final_dret .icona-ajuda {
  vertical-align: middle;
}
.missatges_web {
  text-align: center;
  padding-bottom: 60px;
  padding-top: 60px;
  font-size: 16px;
}
/***************************
	Estils per a la vista previa en mosaic
***************************/
.vista_mosaic .c_mosaic_item {
  width: 100px;
  margin-right: 20px;
  margin-bottom: 18px;
  float: left;
}
.vista_mosaic .c_mosaic_item .c_mosaic_item_foto {
  position: relative;
}
.vista_mosaic .c_mosaic_item .c_mosaic_item_foto .num_pendents {
  background: red;
  color: #fff;
  display: inline-block;
  border-radius: 25px;
  padding: 3px 3px;
  min-width: 20px;
  height: 20px;
  text-align: center;
  font-size: 11px;
  position: absolute;
  top: -7px;
  right: -7px;
}
.vista_mosaic .c_mosaic_item_titol {
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
  border: none;
}
.vista_mosaic .c_mosaic_item_titol a {
  display: block;
  color: #333333;
  line-height: 110%;
}
.vista_mosaic .c_mosaic_item_titol a:hover {
  display: block;
  color: #ccc;
}
.taula_previa_mosaic {
  width: 100%;
  border: 0px;
  cellpadding: 0px;
  cellspacing: 0px;
}
.taula_previa_mosaic td {
  vertical-align: top;
}
/***************************
	FI estils per a la vista previa en mosaic
***************************/
.missatge_error {
  color: #ff0000;
  padding: 5px 0px 20px 0px;
}
.missatge_error.gran {
  font-size: 22px;
  line-height: 130%;
}
.missatge_error a {
  color: #ff0000;
  text-decoration: underline;
}
/**********************************
	Estils per a la cap�alera
**********************************/
#data_avui {
  float: right;
  background: #e6e7e8;
  width: 699px;
  color: #ffffff;
  text-align: right;
  font-size: 2.5em;
  height: 42px;
  /*border:1px solid #e6e7e8;*/
}
#data_avui_espai {
  padding-top: 4px;
  padding-right: 23px;
}
/**********************************
	FI estils per a la cap�alera
**********************************/
.verd_aladetres {
  color: #a5bc00;
}
/*************************************
	Estils per a la fitxa d'experiencies
*************************************/
.informacio_experiencia {
  margin-bottom: 25px;
}
.experiencies_titol {
  padding: 5px 0px 5px 10px;
}
.experiencies_carac_etiqueta {
  color: #999999;
}
.experiencies_dades_projecte {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0px 5px 10px;
}
.informacio_experiencia_esquerre {
  float: left;
  width: 135px;
  text-align: center;
}
.informacio_experiencia_dreta {
  float: right;
  width: 330px;
}
.informacio_experiencia_dreta_contingut {
  padding: 5px 0px 10px 10px;
}
.informacio_experiencia_data {
  color: #999999;
}
/* taula per documents d'experiencies*/
.taula_documents_experiencies {
  border: 0;
  width: 100%;
  border-top: 1px solid #cccccc;
}
.taula_documents_experiencies td {
  border-bottom: 1px solid #cccccc;
  color: #666666;
}
/* fi taula per documents */
/*************************************
	FI estils per a la fitxa d'experiencies
*************************************/
/******************************/
/*   titols parcials editor   */
/******************************/
.titol_nivell_1 {
  color: #2f71b3;
  font-size: 1.25em;
  text-decoration: none;
  font-weight: bold;
  padding: 0px 0px 13px 0px;
  margin: 10px 0px 0px 0px;
}
.titol_nivell_2 {
  color: #000000;
  font-size: 1.25em;
  text-decoration: none;
  font-weight: bold;
  padding: 0px 0px 13px 0px;
  margin: 10px 0px 0px 0px;
}
.titol_nivell_3 {
  color: #2f71b3;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 0px 13px 0px;
  margin: 10px 0px 0px 0px;
}
.resaltat_nivell_1 {
  color: #2f71b3;
  font-size: 1.0em;
  text-decoration: none;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
.resaltat_nivell_2 {
  color: #666666;
  font-size: 1.1em;
  text-decoration: none;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
.resaltat_nivell_3 {
  color: #000000;
  font-size: 0.75em;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  font-weight: normal;
}
/*****************************************************/
/*****************************************************/
/**** CONTINGUTS EXTESOS ***********************/
.contingut_extes_titol {
  clear: both;
  margin-top: 6px;
  margin-bottom: 4px;
  text-align: left;
}
.contingut_extes_fila {
  clear: both;
  margin-bottom: 4px;
  text-align: left;
}
.contingut_extes_fila_etiqueta {
  float: left;
  color: #A2165F;
  font-weight: bold;
  text-align: left;
}
.contingut_extes_etiqueta_span {
  color: #A2165F;
  font-weight: bold;
  text-align: left;
}
.contingut_extes_fila_info {
  margin-left: 150px;
  text-align: left;
}
/**** CONTINGUTS EXTESOS ***********************/
/**************************************************/
/*    USUARI CONTINGUTS PRIVATS                   */
/************************************************/
.missatge_error {
  color: #ff0000;
  padding-bottom: 10px;
}
.text_interior_error {
  color: #ff0000;
  padding-bottom: 10px;
}
.contenidor_form_area_clients {
  padding-top: 4px;
}
.fila_form_area_clients_usuari .etiqueta {
  color: #ffffff;
  font-size: 0.8em;
  float: left;
  width: 75px;
  padding-top: 6px;
  text-align: left;
}
.fila_form_area_clients_usuari .informacio {
  font-size: 0.8em;
  float: left;
}
.fila_form_area_clients_usuari .informacio .txt_form {
  border: 1px solid #cccccc;
  background: #cccccc;
  font-size: 0.95em;
}
.fila_form_area_clients_clau {
  clear: both;
  float: left;
  width: 200px;
}
.fila_form_area_clients_clau .etiqueta {
  color: #ffffff;
  font-size: 0.8em;
  float: left;
  width: 75px;
  text-align: left;
  padding-top: 6px;
}
.fila_form_area_clients_clau .informacio {
  font-size: 0.8em;
  float: left;
}
.fila_form_area_clients_clau .informacio .txt_form {
  border: 1px solid #cccccc;
  background: #cccccc;
  font-size: 0.95em;
}
.fila_form_area_clients_submit {
  padding-top: 2px;
}
.fila_form_area_clients_submit .txt_submit {
  padding: 0px;
}
/**************************************************/
/*    FI USUARI CONTINGUTS PRIVATS                   */
/************************************************/
.etiqueta_seccio {
  font-family: 'Roboto', Arial, Verdana;
  font-size: 1.0em;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 10px 0px;
  text-align: left;
}
.etiqueta_simple {
  text-align: left;
  display: block;
  margin-bottom: 2px;
}
.caixa_miss_error {
  border: 1px solid #E6E7E8;
  margin-bottom: 10px;
  padding: 12px;
  font-size: 1.2em;
  color: #CC0000;
}
#clubs_associats {
  width: 500px !important;
}
#id_producte,
#id_club {
  width: 400px !important;
}
#navega_portada_b {
  padding: 4px 10px 4px 0px;
  z-index: 999;
  text-align: right;
  width: 690px;
  position: absolute;
}
#navega_portada_b_int {
  float: right;
}
#navega_portada_b a {
  text-decoration: underline;
  color: #ffffff;
  font-size: 13px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
#navega_portada_b .activeSlide {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
}
#avisos_llicencies {
  display: none;
}
.galeria_item {
  width: 700px;
  text-align: initial;
}
#tauler_avisos {
  padding: 0px;
  background: #ffffff;
  text-align: left;
}
#tauler_avisos table {
  border: 1px solid white;
}
#avis_titol {
  background: #000000;
}
#avis_titol h1 {
  color: #ffffff;
  font-size: 12px;
  padding: 8px;
}
#avis_cos {
  height: 550px;
  overflow: scroll;
  border: 1px solid #000000;
}
#avis_marca {
  font-size: 1.1em;
  padding-top: 10px;
}
.ui-widget-overlay {
  opacity: 0.6 !important;
}
.ui-datepicker-calendar .ui-state-highlight {
  border: 1px solid #d3d3d3 !important;
  background: #d3d3d3 !important;
}
.ui-datepicker-calendar .ui-datepicker-current-day a {
  border: 1px solid #2f71b3 !important;
  background: #2f71b3 !important;
  color: #fff !important;
}
/**** Jquery combo autocomplete ****/
.custom-combobox {
  position: relative;
  display: inline-block;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
}
.custom-combobox-toggle {
  width: 25px;
  border: 1px solid #ccc;
  border-radius: 0;
  cursor: pointer;
}
.custom-combobox-toggle:before {
  position: absolute;
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 16px;
  margin-left: 7px;
  margin-top: 2px;
  color: #333333;
}
.custom-combobox-input {
  margin: 0;
  padding: 0.3em;
}
.ui-menu-item {
  text-align: left;
}
/** amaga el submit dels dialegs, no es veu però permet fer submit en fer return */
.dialeg-interior input[type="submit"] {
  font-size: 0px;
  background: #ffffff;
  border: 1px solid  #ffffff;
}
/*** modificacions per autocomplete ***/
.ui-autocomplete {
  max-height: 350px !important;
  width: 400px !important;
  overflow: auto;
  font-size: 0.95em;
  overflow-x: hidden;
  z-index: 99999 !important;
}
.ui-autocomplete:hover {
  overflow-x: hidden;
}
.custom-combobox {
  position: relative;
  display: inline-block;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
  /* support: IE7 */
  *height: 1.7em;
  *top: 0.1em;
}
.custom-combobox-input {
  margin: 0;
  width: 300px;
  padding: 0.3em;
  font-size: 0.95em;
  background: #ffffff;
}
.ui-widget {
  font-size: 0.9em !important;
}
/*******************************************
*	LLISTAT DE CLUBS
*******************************************/
.contenidor_club {
  width: 200px;
  padding-bottom: 40px;
}
.taula_clubs {
  width: 100%;
}
.nom_club {
  color: #000000;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 4px;
  font-size: 0.8em;
  height: 26px;
}
.escut_club {
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
/*******************************************
*	FI LLISTAT DE CLUBS
*******************************************/
.taula_area_client {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.taula_area_client th {
  padding-bottom: 10px;
}
.taula_area_client td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.taula_area_client tr {
  border-bottom: 1px solid #cccccc;
}
.classe_error_gran {
  color: red;
  font-size: 18px;
  border: none;
}
.missatge_destacat {
  font-size: 18px;
  color: red;
  font-weight: bold;
}
#missatge_addicional {
  font-size: 20px;
  text-align: left;
  padding: 20px;
  color: red;
}
/***************************************************************************************
Cookies - To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com)
************************************************************************************/
.cc-cookies {
  position: fixed;
  top: 0;
  padding: 10px;
  background: #565656;
  background: rgba(86, 86, 86, 0.85);
  color: #fff;
  z-index: 99999;
  text-align: center;
  margin: 0 auto;
  font-size: 15px;
  line-height: 140%;
  width: 100%;
  padding: 20px 10px;
}
.cc-cookies small {
  font-size: 16px;
}
.cc-cookies a {
  color: #fff;
  text-decoration: underline;
}
.cc-cookies a:hover {
  text-decoration: none;
}
.cc-cookies a.cc-cookie-accept,
.cc-cookies .cc-cookies-error a.cc-cookie-accept {
  display: block;
  margin: 0 auto;
  color: #ffffff;
  text-decoration: none;
  background: #2f71b3;
  border: 1px solid #2f71b3;
  padding: 8px 5px;
  border-radius: 1px;
  margin-top: 20px;
  width: 200px;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
  text-transform: uppercase;
  font-size: 16px;
}
.cc-cookies a.cc-cookie-accept:hover {
  background: #fff;
  color: #2f71b3;
  border: 1px solid #2f71b3;
}
.menu_desplegat_portada {
  background: #fff;
  padding: 15px 15px 5px 15px;
  margin-bottom: 15px;
}
#menu_principal {
  display: none;
  text-align: left;
  padding: 20px;
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.65);
  width: 500px;
  z-index: 9999;
  overflow: auto;
  max-height: 600px;
  margin-top: 0px;
}
.grup_accions {
  clear: both;
}
.grup_accions h2 {
  color: #333333;
  font-weight: normal;
  font-size: 18px;
  padding: 0px;
  margin: 5px;
  text-transform: uppercase;
}
.grup_accions .portada_icones_grup {
  clear: both;
}
.grup_accions .grup_moduls_admin {
  clear: both;
  margin: 0px;
  padding: 0;
}
.grup_accions .grup_moduls_admin li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  float: left;
}
.grup_accions .grup_moduls_admin li a {
  color: #333333;
}
.grup_accions .grup_moduls_admin li a:hover {
  color: #ccc;
}
.grup_accions .opcio_menu {
  width: 110px;
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 5px;
  position: relative;
}
.grup_accions .opcio_menu .num_pendents {
  background: red;
  color: #fff;
  display: inline-block;
  border-radius: 25px;
  padding: 3px 3px;
  min-width: 20px;
  height: 20px;
  text-align: center;
  font-size: 11px;
  position: absolute;
  top: -3px;
  right: 5px;
}
.grup_accions .opcio_menu img {
  text-align: center;
}
.grup_accions .opcio_menu .opcio_menu_text {
  text-align: center;
  margin-top: 5px;
  height: 30px;
  font-size: 12px;
  line-height: 110%;
}
.grup_accions .opcio_menu .opcio_menu_text a {
  text-decoration: none;
}
.acces_menu {
  margin-top: 20px;
}
.mostra_menu {
  background: #fff;
  padding: 8px 15px 13px 15px;
  color: #2f71b3;
  text-transform: uppercase;
  font-size: 16px;
}
.mostra_menu .fa-bars {
  color: #2f71b3;
  font-size: 17px;
  margin-right: 5px;
}
.desplega_menu {
  background: none;
}
.desplega_menu:hover,
.desplega_menu:focus {
  text-decoration: none;
}
.desplega_menu.obert {
  background: #fff;
}
.breadcrumbs {
  margin-bottom: 10px;
  display: inline-block;
  margin-left: 30px;
}
.breadcrumbs .fa {
  color: #2f71b3;
  font-size: 18px;
}
.breadcrumbs .nivell_1 {
  text-transform: uppercase;
}
.breadcrumbs .nivell_2 {
  text-transform: uppercase;
  font-weight: 600;
}
.boto_ajuda {
  display: inline-block;
  font-size: 12px;
  margin-left: 20px;
  vertical-align: middle;
  margin-bottom: 5px;
}
.boto_ajuda .fa {
  color: #2f71b3;
  font-size: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.boto_ajuda span {
  padding-top: 3px;
  vertical-align: middle;
  display: inline-block;
}
.boto_ajuda.boto_menu_superior {
  transition: all 0.2s ease-in-out;
  border: 1px solid #2f71b3;
  background: #2f71b3;
  color: #fff;
  padding: 3px 15px 3px;
}
.boto_ajuda.boto_menu_superior .fa {
  color: #fff;
}
.boto_ajuda.boto_menu_superior:hover {
  color: #2f71b3;
  border: 1px solid #2f71b3;
  background: #fff;
}
.boto_ajuda.boto_menu_superior:hover .fa {
  color: #2f71b3;
}
#boto_menu {
  display: block;
  height: 40px;
}
.upload_preview .esborra {
  display: inline-block;
  width: 50px;
  text-align: left;
  font-size: 14px;
  margin-left: 15px;
  text-decoration: underline;
  cursor: pointer;
  color: #000000;
}
.upload_preview .esborra:hover {
  color: #888888;
  text-decoration: underline;
}
.upload_preview .imagePreview {
  display: inline-block;
  float: right;
  margin-right: 35px;
  width: 250px;
  min-height: 250px;
  background: #ffffff;
  border: 1px solid #dfdfd0;
}
.upload_preview .error {
  display: block;
  color: red;
  margin-top: 4px;
}
.item_opcio {
  display: inline-block;
  margin-right: 15px;
  width: 120px;
  margin-bottom: 5px;
}
.item_opcio .item_altres input {
  width: 100%;
}
.bloc_opcions {
  margin-bottom: 15px;
}
.item_opcio_llarg {
  display: inline-block;
  margin-right: 15px;
  width: 180px;
}
.amagat {
  display: none;
}
.etiqueta_seccio {
  margin-top: 20px;
  margin-bottom: 5px;
}
#boto_ajuda {
  display: inline-block;
  font-size: 20px;
  margin-left: 30px;
  font-weight: bold;
}
#boto_ajuda a {
  display: inline-block;
  color: #000000;
}
#boto_ajuda .fa {
  margin-right: 5px;
}
#boto_ajuda .petit {
  color: red !important;
  font-size: 12px;
}
/**** Mneú llistat *****/
#submenu_modul {
  text-align: right;
}
#submenu_modul .boto_menu_modul {
  border: 1px solid #2f71b3;
  padding: 10px 15px;
  display: inline-block;
  color: #2f71b3;
  margin-left: 10px;
  margin-bottom: 10px;
}
#submenu_modul .boto_menu_modul:hover {
  background: #2f71b3;
  color: #fff;
  text-decoration: none;
}
.caixa_miss {
  border: 1px solid #01d931;
  margin-bottom: 10px;
  padding: 12px;
  font-size: 1.2em;
  color: #01d931;
}
.caixa_miss a {
  color: #333333;
}
.form-login,
#contenidor_interior_simple {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 25px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.65);
  max-width: 600px;
  background: rgba(255, 255, 255, 0.8);
}
.form-login .titol,
#contenidor_interior_simple .titol {
  color: #333;
  text-align: left;
  font-size: 14px;
  padding: 18px 25px;
  border-bottom: 1px solid #ccc;
}
.form-login .titol .item-login,
#contenidor_interior_simple .titol .item-login {
  float: right;
}
.form-login .titol .item-login span,
#contenidor_interior_simple .titol .item-login span {
  text-decoration: underline;
}
.form-login .titol .item-login:hover span,
#contenidor_interior_simple .titol .item-login:hover span {
  text-decoration: none;
}
.form-login .titol .item-login:hover .fa-times,
#contenidor_interior_simple .titol .item-login:hover .fa-times {
  color: #2f71b3;
}
.form-login .titol .item-login .fa,
#contenidor_interior_simple .titol .item-login .fa {
  margin-right: 5px;
}
.form-login .titol .item-login .fa-times,
#contenidor_interior_simple .titol .item-login .fa-times {
  font-size: 20px;
  color: #333333;
  margin-right: 0px;
}
.form-login .interior,
#contenidor_interior_simple .interior {
  padding: 20px 30px 15px 30px;
}
.form-login .cos-form,
#contenidor_interior_simple .cos-form {
  margin: 40px 50px 0px 50px;
  padding-bottom: 20px;
}
.form-login .cos-form p,
#contenidor_interior_simple .cos-form p {
  text-align: center;
  margin-bottom: 20px;
}
.form-login .cos-form a,
#contenidor_interior_simple .cos-form a {
  color: #333333;
}
.form-login .cos-form a:hover,
#contenidor_interior_simple .cos-form a:hover {
  text-decoration: underline;
}
.form-login form,
#contenidor_interior_simple form {
  margin: 10px 30px;
}
.form-login form .etiqueta_form_obligatori,
#contenidor_interior_simple form .etiqueta_form_obligatori {
  display: none;
}
.opcions_portada {
  clear: both;
  display: table;
  padding-bottom: 30px;
  margin: 0 auto;
}
.opcions_portada .item {
  display: table-cell;
  margin: 10px;
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.opcions_portada .item .fa {
  margin-right: 5px;
}
.opcions_portada .item a {
  border: 1px solid #2f71b3;
  color: #2f71b3;
  display: block;
  padding: 10px 20px;
  text-align: center;
  padding: 8px;
  font-size: 16px;
  vertical-align: middle;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.opcions_portada .item a:hover {
  background: #2f71b3;
  color: #fff;
  text-decoration: none;
}
.portada_dret {
  margin-left: 20px;
}
.pastilla_portada {
  margin-bottom: 15px;
  background: #fff;
}
.pastilla_portada .canvas_env {
  margin: 10px 15px;
}
.pastilla_portada .canvas_env canvas {
  display: none;
}
.pastilla_portada .loading_grafic {
  text-align: center;
  padding: 120px 0px;
}
.pastilla_portada .loading_grafic .fa {
  color: #333333;
  font-size: 50px;
}
.pastilla_portada .titol {
  padding: 12px 10px;
  color: #fff;
  background: #2f71b3;
}
.pastilla_portada .titol span {
  text-transform: uppercase;
}
.pastilla_portada .titol a {
  color: #fff;
  float: right;
  text-decoration: underline;
}
.pastilla_portada .titol a:hover {
  text-decoration: none;
}
.pastilla_portada .cos {
  padding: 10px 15px;
}
.pastilla_portada .cos .item_llista a,
.pastilla_portada .cos .item_llista a:focus {
  color: #333333;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 5px;
}
.pastilla_portada .resum_productes_paisos {
  display: inline-block;
  padding: 10px 20px 10px 30px;
  font-size: 16px;
  color: #333333;
}
.pastilla_portada .resum_productes_paisos span {
  font-size: 30px;
}
.pastilla_portada .info_grafic {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #dddddd;
  display: table;
  width: 100%;
}
.pastilla_portada .info_grafic .item {
  padding: 10px 0px;
  display: table-cell;
  text-align: center;
  width: 49%;
  border-right: 1px solid #dddddd;
}
.pastilla_portada .info_grafic .item .titol_graf {
  color: #2f71b3;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 10px;
  padding: 0px 5px 5px 5px;
}
.pastilla_portada .info_grafic .item .titol_graf .fa {
  margin-left: 10px;
  font-size: 16px;
  cursor: pointer;
}
.pastilla_portada .info_grafic .item .titol_graf .fa.actiu:before {
  content: "\f205";
}
.pastilla_portada .info_grafic .item .titol_graf .fa-toggle-off:hover {
  color: #333333;
}
.pastilla_portada .info_grafic .item .titol_graf .fa-toggle-off:hover:before {
  content: "\f205";
}
.pastilla_portada .info_grafic .item .doble {
  min-height: 45px;
}
.pastilla_portada .info_grafic .item .valor {
  font-size: 24px;
  color: #333333;
  text-align: center;
}
.pastilla_portada .info_grafic .item .import_royalty {
  font-size: 12px;
  display: block;
  float: left;
  width: 45%;
  line-height: 120%;
  padding-bottom: 5px;
  text-align: right;
}
.pastilla_portada .info_grafic .no-border {
  border-right: none;
}
#form_cerca_estadistiques {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 15px;
}
#form_cerca_estadistiques label {
  font-weight: normal;
  font-size: 16px;
  vertical-align: middle;
}
#form_cerca_estadistiques .ui-datepicker-trigger {
  display: none;
}
#form_cerca_estadistiques .item_data {
  background: #fff;
  display: inline-block;
  margin-left: 10px;
  padding: 2px 0px;
}
#form_cerca_estadistiques input[type="text"] {
  vertical-align: middle;
  width: 100px;
  border: 1px solid #fff;
}
#form_cerca_estadistiques button {
  vertical-align: middle;
  padding: 5px 5px 3px 10px;
  margin-left: 10px;
}
.error_login {
  color: red;
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: center;
}
.error_login a {
  color: red !important;
  text-decoration: underline;
}
.error_login a:hover {
  text-decoration: none;
}
.classe_error_gran {
  color: red;
  font-size: 18px;
  border: none;
}
.classe_error_gran a {
  color: red;
  text-decoration: underline;
}
/** img fons cap ***/
#img-cap {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: -666;
  border: 1px solid black;
}
#img-cap img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  opacity: 0.85;
  z-index: -666;
  -webkit-animation: 4s linear 0s normal none 1 zoomin;
  -moz-animation: 4s linear 0s normal none 1 zoomin;
  -ms-animation: 4s linear 0s normal none 1 zoomin;
  -o-animation: 4s linear 0s normal none 1 zoomin;
  animation: 4s linear 0s normal none 1 zoomin;
}
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomin {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/*End of Zoom in Keyframes */
/* Zoom in Keyframes */
@-webkit-keyframes zoominout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoominout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/*End of Zoom in Keyframes */
/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.67);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.67);
  }
  100% {
    transform: scale(1);
  }
}
/*End of Zoom out Keyframes */
.peu_login {
  width: 100%;
  border-top: none !important;
  background: #777;
}
.peu_fixat {
  position: fixed;
  bottom: 0;
}
#peu {
  text-align: center;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 12px;
}
#peu a {
  color: #fff;
  text-decoration: none;
}
#peu a:hover {
  color: #fff;
  text-decoration: underline;
}
#peu .logo_ssl {
  float: right;
}
/** Menú secundari de mòdul desplegat ***/
.menu_modul_secundari {
  font-size: 15px;
  text-align: right;
  padding: 0px;
}
.menu_modul_secundari a {
  display: inline-block;
  margin-left: 20px;
  text-decoration: none;
}
.menu_modul_secundari .fa {
  margin-right: 10px;
  font-size: 20px;
}
.menu_modul_secundari img {
  margin-right: 5px;
}
.data_table {
  margin-bottom: 5px;
}
.data_table th {
  cursor: pointer;
}
/*
 * Table wrapper
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
}
/*
 * Page length menu
 */
.dataTables_length {
  float: left;
  padding-bottom: 5px;
}
/*
 * Filter
 */
.dataTables_filter {
  float: right;
  text-align: right;
  padding-bottom: 5px;
}
/*
 * Table information
 */
.dataTables_info {
  clear: both;
  float: left;
  margin-left: 2px;
  margin-bottom: 20px;
  margin-top: 5px;
}
/*
 * Pagination
 */
.dataTables_paginate {
  float: right;
  text-align: right;
  margin-bottom: 15px;
}
/* Two button pagination - previous / next */
/*.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next,*/
.paginate_button {
  display: inline-block;
  margin: 0px 3px 0px 3px;
  cursor: pointer;
  padding: .4em 1em;
  border: 1px solid #2f71b3 !important;
  background: #fff !important;
  color: #2f71b3 !important;
  float: left;
  font-size: 12px;
}
.paginate_button:hover {
  background: #2f71b3 !important;
  color: #fff !important;
  text-decoration: none;
}
.current {
  background: #2f71b3 !important;
  color: #fff !important;
}
.taula_generica {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.taula_generica th {
  padding-bottom: 10px;
}
.taula_generica td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.taula_generica tr {
  border-bottom: 1px solid #cccccc;
}
.taula_generica .incorrecte td {
  color: red;
}
.taula_generica .correcte td {
  color: green;
}
.help-hint {
  color: #2f71b3;
  font-size: 16px;
  margin-left: 5px;
}
.help-hint:hover {
  color: #333333;
}
.calendar-trigger {
  color: #2f71b3;
  cursor: pointer;
  font-size: 16px;
  margin-left: 7px;
  margin-right: 7px;
}
.calendar-trigger:hover {
  color: #333333;
}
.ui-datepicker-trigger {
  display: none;
}
.txt_submit:hover {
  text-decoration: none;
}
#login_lic {
  margin-right: 60px;
}
#login_lic input[type="text"],
#login_lic input[type="password"] {
  width: 100%;
}
#login_lic #div_final p {
  display: inline-block;
  margin-top: 25px;
}
#login_lic #div_final p a {
  font-size: 14px;
  color: #2f71b3;
  text-decoration: underline;
}
#login_lic #div_final p a:hover {
  color: #333333;
}
#login_lic #div_final .txt_submit {
  float: right;
  margin-top: 10px;
}
.ui-state-default {
  background: #fff !important;
  border-radius: 0px;
  text-transform: none;
}
.ui-tabs .ui-tabs-panel {
  padding-top-top: 30px;
  margin-bottom: 30px;
}
.ui-tabs .ui-state-default {
  background: #f1f1f1 !important;
}
.ui-tabs .ui-tabs-active {
  background: #ffffff !important;
}
#contenidor_interior {
  background: #fff;
  padding: 20px 25px;
  margin-bottom: 20px;
}
/************************************************************************************************************************************************************/
/*** Multiselect                                                                                                              ***********************/
/************************************************************************************************************************************************************/
.ui-multiselect {
  text-align: left;
  padding: 6px 12px;
  font-size: 15px;
}
.ui-multiselect span.ui-icon {
  float: right;
}
.ui-multiselect .ui-multiselect-checkboxes li {
  line-height: 110% !important;
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important;
}
.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px;
  background: #eee;
  border-radius: 0px;
}
.ui-multiselect-header ul {
  font-size: 0.9em;
}
.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0;
}
.ui-multiselect-header a {
  text-decoration: none;
}
.ui-multiselect-header a:hover {
  text-decoration: underline;
}
.ui-multiselect-header span.ui-icon {
  float: left;
}
.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}
.ui-multiselect-header .ui-helper-reset li {
  font-weight: normal;
}
.ui-multiselect-header .ui-helper-reset li a:hover {
  text-decoration: none;
}
.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000;
  text-align: left;
}
.ui-multiselect-checkboxes {
  position: relative /* fixes bug in IE6/7 */;
  overflow-y: auto;
}
.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 10px;
  border-radius: 0;
  font-weight: normal;
}
.ui-multiselect-checkboxes label input[type="checkbox"] {
  padding-right: 5px;
}
.ui-multiselect-checkboxes label:hover {
  background: #eee !important;
}
.ui-multiselect-checkboxes label.ui-state-hover {
  background: #eee !important;
}
.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}
.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
}
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none;
}
.ui-multiselect-hasfilter ul {
  position: relative;
  top: 2px;
}
.ui-multiselect-filter {
  float: left;
  margin-right: 10px;
  font-size: 12px;
  font-weight: normal;
}
.ui-multiselect-filter input {
  width: 100px;
  font-size: 10px;
  margin-left: 5px;
  height: 15px;
  padding: 2px;
  border: 1px solid #292929;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
.ui-widget {
  font-family: 'Roboto', Arial, Verdana !important;
  color: #555;
}
.ui-widget ul {
  font-size: 14px;
}
.ui-widget-overlay {
  opacity: 0.6 !important;
}
.ui-icon {
  margin-top: auto;
}
#cboxOverlay {
  background: rgba(47, 113, 179, 0.85);
}
#cboxClose {
  top: 5px;
  background: none;
  right: 5px;
  width: 30px;
  height: 30px;
  text-indent: 0;
  font-size: 0;
}
#cboxClose .fa {
  font-size: 20px !important;
  color: #000 !important;
  font-family: FontAwesome !important;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
}
#cboxLoadedContent {
  background: #fff;
}
#cboxContent,
#cboxLoadingOverlay {
  background: rgba(47, 113, 179, 0.85);
}
#cboxTitle {
  color: #2f71b3;
}
#cboxLoadingGraphic {
  background: none;
}
#boto_cercador_general,
#boto_ajuda_video {
  padding: 12px 30px 13px 30px;
  border: 1px solid #dddddd;
  vertical-align: middle;
  display: inline-block;
  margin-top: 1px;
}
#boto_cercador_general:hover .fa,
#boto_ajuda_video:hover .fa {
  color: #fff;
}
#boto_ajuda_video {
  color: #fff;
  border: 1px solid #2f71b3;
  background: #2f71b3;
}
#boto_ajuda_video .fa {
  color: #fff !important;
}
#boto_ajuda_video:hover {
  background: #fff;
  color: #2f71b3;
}
#boto_ajuda_video:hover .fa {
  color: #2f71b3 !important;
}
#menu_modul_cercador {
  margin-bottom: 20px;
}
#menu_modul_cercador .dropdown {
  display: inline-block;
  margin-right: 20px;
}
#menu_modul_cercador .dropdown .dropdown-disabled {
  cursor: auto;
}
#menu_modul_cercador .dropdown button {
  border-radius: 0px;
  padding: 6px 20px 7px 15px;
  font-size: 24px;
  border: 1px solid #dddddd;
}
#menu_modul_cercador .dropdown button:focus,
#menu_modul_cercador .dropdown button:hover {
  background: none;
}
#menu_modul_cercador .dropdown button .fa {
  margin-right: 10px;
}
#menu_modul_cercador .dropdown button .caret {
  margin-left: 20px;
  margin-right: 10px;
  font-size: 0px;
  border-right: none;
  border-left: none;
}
#menu_modul_cercador .dropdown button .caret:before {
  position: absolute;
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 20px;
  top: 10px;
}
#menu_modul_cercador .dropdown .dropdown-menu .fa {
  margin-right: 10px;
}
#menu_modul_cercador .dropdown .dropdown-menu a {
  font-size: 16px;
}
#menu_modul_cercador .dropdown .dropdown-menu a:hover {
  color: #2f71b3;
  background: none;
}
.caixa_cercador .fa-times {
  float: right;
  font-size: 25px;
  margin-right: 10px;
  margin-top: 4px;
  cursor: pointer;
}
.caixa_cercador h2 {
  color: #333333;
  font-size: 20px;
  font-weight: normal;
  padding: 15px 15px;
  border-bottom: 1px solid #e1e1e1;
  text-transform: uppercase;
}
.caixa_cercador h2 .fa {
  margin-right: 10px;
}
.caixa_cercador .caixa_cercador_cos {
  padding: 20px;
}
table {
  /*border-style:solid;*/
  border-collapse: collapse;
}
.cercador_visible {
  margin: 40px 0px;
}
.llista_llicencies {
  margin-top: 30px;
}
.llista_llicencies .llicencia {
  margin-bottom: 20px;
  width: 180px;
  margin-right: 30px;
  float: left;
}
.llista_llicencies .llicencia h3 {
  font-size: 16px;
  color: #333333;
  line-height: 110%;
  height: 35px;
}
.menu_accions .tanca-subopcions,
.menu_accions .tanca-subopcions-parent {
  float: right;
  font-size: 25px;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
}
.menu_accions h2 {
  color: #333333;
  font-size: 20px;
  font-weight: normal;
  padding: 15px 15px;
  border-bottom: 1px solid #e1e1e1;
  text-transform: uppercase;
}
.menu_accions a {
  border: none !important;
  display: block;
  font-size: 16px;
  padding: 2px 0px 4px 5px;
  color: #333333;
}
.menu_accions a .fa {
  margin-right: 10px;
  margin-left: 5px;
  font-size: 16px;
}
.menu_accions a:hover {
  color: #2f71b3 !important;
  text-decoration: none;
}
.menu_accions th {
  font-size: 15px !important;
}
.menu_accions th a {
  font-size: 15px !important;
}
.menu_accions th a:hover {
  color: #fff;
  text-decoration: underline;
}
.menu_accions .menu_accions_interior {
  margin: 15px 20px;
}
.menu_accions .menu_accions_interior a {
  display: block;
}
.td_justificat a {
  display: inline;
  font-size: 14px;
  padding: 0;
  color: #2f71b3;
}
.td_justificat a:hover {
  color: #333 !important;
}
.detall_trasabilitat_botons {
  margin-left: 25px;
}
.detall_trasabilitat_botons .fa {
  font-size: 26px;
  margin-right: 10px;
}
.detall_trasabilitat_botons a:hover .fa {
  color: #333;
}
.form_fila_total {
  background: #ebebeb !important;
}
.cycle-slideshow {
  width: 100%;
}
.cycle-slideshow .cycle_item {
  width: 100%;
}
.cycle-slideshow .cycle_item .boto_opcio {
  color: #2f71b3;
}
.cycle-slideshow .cycle_item .boto_opcio .fa {
  margin: 0px;
  padding-right: 10px;
}
.cycle-slideshow .cycle_item .boto_opcio:hover {
  color: #333333;
  text-decoration: none;
}
.cycle-slideshow .paginador_galeria {
  text-align: right;
  margin-top: 10px;
}
.cycle-slideshow .paginador_galeria a {
  display: inline-block;
  padding-right: 5px;
  color: #000;
}
.cycle-slideshow .paginador_galeria a:hover {
  color: #2f71b3;
  text-decoration: none;
  font-weight: bold;
}
.cycle-slideshow .paginador_galeria .cycle-pager-active {
  color: #2f71b3;
  font-weight: bold;
}
.cycle-slideshow .paginador_galeria .cycle-pager-active:hover {
  color: #2f71b3;
  text-decoration: none;
}
.paginador_galeria a {
  font-size: 14px !important;
  padding: 2px 0px 4px 5px;
}
#galeria_butlleti .avis_cos {
  height: 550px;
  overflow-y: scroll;
  border: 1px solid #eee;
  padding: 5px 15px;
}
#galeria_butlleti .avis_marca {
  font-size: 14px;
  padding: 15px 0px 0px 10px;
  margin: 0;
}
#galeria_butlleti .paginador_galeria {
  /*position: absolute;
    bottom:0;
    right: 0;*/
  margin-right: 10px;
}
.lightbox {
  position: fixed;
  background: rgba(47, 113, 179, 0.85);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  cursor: pointer;
  z-index: 9990;
  text-align: center;
}
.lightbox h2 {
  color: #333333;
  font-size: 20px;
  font-weight: normal;
  padding: 15px 15px;
  border-bottom: 1px solid #e1e1e1;
  text-transform: uppercase;
  text-align: left;
}
.lightbox h2 .fa {
  margin-right: 10px;
}
.lightbox h3 {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.lightbox:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lightbox .lightbox_interior {
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  overflow: auto;
  border-bottom: 25px solid transparent;
  margin-left: 5%;
  margin-right: 5%;
  max-height: 95%;
  background: #fff;
  cursor: auto;
  white-space: normal;
  box-sizing: border-box;
  min-width: 800px;
}
.lightbox .lightbox_interior .caixa_cercador_cos {
  padding: 20px;
}
.lightbox .lightbox_interior_tanca {
  color: #333;
  background: #fff;
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 20px;
  border: none;
  padding: 0;
  margin: 0;
  margin-right: 10px;
}
.lightbox .lightbox_interior_tanca:before {
  font-family: FontAwesome;
  content: "\f00d";
  font-size: 25px;
}
.lightbox .lightbox_interior_tanca:hover {
  color: #333;
  background: #fff;
}
.taula_cookies td {
  padding: 4px;
}
.taula_cookies th {
  padding: 4px;
}
.sufix_ajuda {
  color: red;
  display: inline-block;
  margin-left: 15px;
  font-size: 14px;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(47, 113, 179, 0.85);
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden;
}
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
  display: block;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #000000;
  padding-top: 200px;
  font-size: 18px;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden;
}
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
  display: block;
}
.modal .interior {
  background: #ffffff;
  line-height: 130%;
  width: 400px;
  margin: 0 auto;
  padding: 30px 40px 40px 40px;
}
.modal .interior img {
  margin-top: 25px;
}
.modal .interior .fa {
  margin-top: 20px;
  color: #333333;
}
/***********************************************************************

    Ajustos per diferents mides

    * Extra EXTRA small devices (small phones, less than 480px) - afegida aladetres
    * Extra small devices (phones, less than 768px)
    * Small devices (tablets, 768px and up)
    * Medium devices (desktops, 992px and up)
    * Large devices (large desktops, 1200px and up)

**********************************************************************/
/******************************************************
  MIDA XXS - per telefon vertical
****************************************************/
@media screen and (max-width: 479px) {
  .form-login {
    margin-top: 20px;
    width: 100%;
  }
  .form-login form {
    margin: 0;
  }
  .opcions_portada {
    margin-top: 20px;
  }
  .opcions_portada .item {
    width: 110px;
    margin: 5px;
  }
  .opcions_portada .item a {
    font-size: 13px;
  }
  #login_lic {
    margin-right: 0px;
    width: 100%;
    padding: 0px;
  }
  #login_lic #div_final p {
    margin-top: 0px;
  }
  #login_lic #div_final p a {
    font-size: 12px;
  }
  #login_lic #div_final input[type="submit"] {
    margin-bottom: 20px;
  }
}
/**************************************************/
/** MIDA XS  - telefons horitzontal
/**************************************************/
/**************************************************/
/** MIDA SM  - telefons grans                   **/
/**************************************************/
/*** SOLS a SM *****/
/*** Fins a SM (inclòs) *****/
@media (max-width: 991px) {
  .limit-amplada {
    max-width: 100%;
    min-width: 100%;
  }
  .lightbox .lightbox_interior {
    min-width: 600px;
  }
}
/**************************************************/
/** MIDA MD  - Tablet / escriptori  petit        **/
/**************************************************/
/*** Fins a MD (inclòs) *****/
/**************************************************/
/** MIDA LG  - Escriptori gran                  **/
/**************************************************/