@charset "utf-8";

:root {
	--col_blau: hsl(25.45deg 34.02% 19.02%);
	--col_blau_clar: hsl(33.1deg 19.46% 70.78%);
	--col_blau_ultra_clar: hsl(30deg 23.26% 83.14%);
	--col_blanc: hsl(0deg 0% 100%);
	--col_gris_clar: hsl(240deg 3.33% 88.24%);
	--col_gris_ultra_clar: hsl(0deg 0% 94.12%);
	--col_mosaic_list: hsl(199, 68%, 84%);
	--col_groc: hsl(50, 84%, 48%);
	--col_negre: hsl(0, 0%, 0%);
	--col_negre_2: hsl(0, 0%, 20%);
	--col_mosaic_list: hsl(33.1deg 19.46% 70.78%);
	--col_vermell: hsl(357, 97%, 64%);
}

/* font Cicle Gaudí */
@font-face {
    font-family: ambicase;
    src: url(https://www.taradell.cat/templates/web/fonts/ambicase-fatface-ot-poster.otf);
    font-weight: normal;
    font-style: normal;
}

/* font Jornades de Patrimoni fins 2022 */
@font-face {
    font-family: amiko;
    src: url(https://www.taradell.cat/templates/web/fonts/agenda/Amiko-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}

label {
	display: block;
}

label.error {
	display: none;
}

input[type="text"].error,
input[type="email"].error {
	border: 1px solid red;
	background: #ff00003d;
}

/* Estils generics html  */

.voltant {
	border: 1px solid black
}

.negre {
	background: var(--col_negre);
}

img {
	border: 0px;
}

hr {
	color: var(--col_blanc) !important;
	background: var(--col_blanc) !important;
	height: 1px;
	margin: 0;
	padding: 10px 0 5px 0;
	border-top: 1px solid var(--col_blau);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--col_blau);
}

p {
	margin: 0 0 16px;
	font-size: 18px;
	line-height: 26px;
}

#cos_contingut {
	padding-top: 95px;
}

.info_contingut ul,
.info_contingut ol {
	padding-left: 19px;
}

.info_contingut ul a {
	color: var(--col_blau);
}

.info_contingut ul {
	list-style: none;
	font-size: 18px;
	line-height: 26px;
}

.text-maquetat ul li::before,
.llista_marques li::before {
  content: "\2022";
  color: var(--col_blau);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.info_contingut ul li ul li::before,
.llista_marques li ul li::before {
	content: "\25E6" !important;
}

.info_contingut ul li ul li ul li::before,
.llista_marques li ul li ul li::before {
	content: "\2E31" !important;
}

a {
	color: var(--col_blau);
	text-decoration: none;
}

a:hover {
	color: var(--col_blau);
	text-decoration: underline;
}

a:focus {
	color: var(--col_blau_clar);
}

td {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	color: #666666;
	text-decoration: none;
}

/* FI Estils generics html  */

/* Estils generics framework GOITA */

.bb-1-solid-blau {
	border-bottom: 1px solid var(--col_blau);
}

.float_d {
	float: right
}

.float_e {
	float: left
}

.fi_float {
	clear: both
}

.round {
	border-radius: 10px;
}

.round-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.round-bottom {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.alinea_centre {
	text-align: center;
}

.alinea_dreta {
	text-align: right;
}

.alinea_esquerre {
	text-align: left;
}

.alinea_justificat {
	text-align: justify;
}

.no_visible {
	display: none
}

.contorn {
	border: 1px solid black;
}

.hr_pda {
	display: none;
}

/* Estils generics framework GOITA */

/* Formularis */

label {
	font-size: 16px;
	font-weight: 300;
}

form {
	margin-top: 0px;
	margin-bottom: 5px;
}

.textarea,
select {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-size: 1em;
	color: var(--col_negre);
	background-color: var(--col_blanc);
	border: 1px solid #DFDFD0;
	padding: 1px;
	margin: 1px 5px 1px 1px;
}

select {
	width: 100%;
}

._check {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-size: 1em;
	color: var(--col_negre);
	background-color: var(--col_blanc);
	border: none;
	padding: 1px;
	margin: 1px 5px 1px 1px;
	cursor: pointer;
}

[type="submit"] {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	background: #E9C912;
	color: var(--col_blanc);
	border: 1px solid #D9BB11 !important;
	padding: 6px 10px 6px 10px;
	margin: 10px 0px 10px 0px;
	margin-right: 10px;
	border-radius: 3px;
}

[type="submit"]:hover {
	background: #D9BB11;
}

[type="checkbox"] {
	margin-right: 10px;
}

[type="button"] {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	background: var(--col_blau);
	color: var(--col_blanc);
	padding: 6px 10px 6px 10px;
	margin: 0px;
	border: 0px;
	border-radius: 3px;
}

[type="radio"] {
	margin-right: 7px;
}

td [type="radio"] {
	margin-right: 0px;
}

.info_form_butlleti * {
	font-size: 16px;
}

.info_form_butlleti ul {
	padding-left: 18px;
}

.fila_form * {
	font-size: 16px;
}

.fila_form {
	/* clear: both;
	padding-top: 6px;
	width: 100%; */	
    margin: 15px 0;
}

label.error {
	color: red;
	display: none;
}

#cercador label.error {
	position: absolute;
}

.etiqueta * {
	font-weight: bold;
	font-size: 18px !important;
	text-transform: uppercase;
}

.etiqueta_form_obligatori {
	color: #FF0000;
	font-weight: bold;
}

.fila_form .etiqueta {
	color: var(--col_blau);
}

.fila_form .etiqueta_simple {
	margin: 3px 0px 5px 0px;
	color: var(--col_negre);
	font-weight: 300 !important;
}

.fila_form .itemample {
	width: 100%;
	padding-top: 2px;
	text-align: left;
	clear: both;
}

#info_grups {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 4fr));
	gap: 15px;
    padding: 15px;
    border: 1px solid #767676;
    border-radius: 5px;
}

.fila_form input[type='submit'] {
	max-width: 300px;
    text-transform: uppercase;
	display: block;
	font-weight: 400;
}

.fila_form textarea {
	resize: vertical;
	width: 100% !important;
}

/** espai per form_label.class.php */

.espai_valor_text {
	padding-top: 2px;
}

/* FI Formularis generics */


/* Estils estructura general plana */

body {
	padding: 0px;
	margin: 0px;
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-weight: 300;
	font-size: 16px;
	min-width: 300px;
}

.contenidor_interior {
	clear: both;
	text-align: left;
}

#pre-cap {
	height: 40px;
	color: var(--col_blanc);
}

#cap {
	background: var(--col_blanc);
}

#info_usuari {
	font-size: 14px;
	color: var(--col_negre);
	background-repeat: no-repeat;
}

.navbar-header {
	position: relative;
}

#logo_mb {
	padding: 10px;
	width: 150px;
}

#extranet-logout {
	position: absolute;
	font-size: 13px;
	margin-top: 4px;
	margin-left: 115px;
	text-align: right;
	color: var(--col_blau);
	z-index: 999;
	padding-left: 18px;
	background-image: url(../img/icona_logout.png);
	background-repeat: no-repeat;
	background-position-y: 2px;
}

#extranet-logout img {
	margin-right: 10px;
}

.cursor {
	cursor: pointer;
}

.cursor:hover {
	text-decoration: underline;
}

#form_login_container {
	background: var(--col_blanc);
}

#form_login_container h2 {
	margin-bottom: 20px;
	font-size: 35px;
	font-weight: 400;
	color: #40ADD2;
}

#dades_contacte {
	display: inline-block;
	padding-left: 15px;
	margin-top: 20px;
	min-height: 120px;
	font-size: 13px;
	color: #535353;
}

#cos {
	padding-top: 10px;
	background: var(--col_blanc);
}

#cos_info {
	text-align: left;
	margin-bottom: 20px;
}

#contenidor_interior {
	margin: 0px;
	padding: 1px 5px 0px 5px;
	width: 950px;
	background: var(--col_blanc);
}

#contenidor_contingut {
	text-align: left;
}

.contenidor_contingut {
	text-align: left;
}

#contingut {
	margin-bottom: 32px;
	clear: both;
	background: var(--col_blanc);
}

.cap_interior_text_env {
	padding: 70px 490px 0px 35px;
}

.cap_interior_text {
	color: var(--col_blanc);
	font-size: 2.3em;
	background-color: var(--col_negre);
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px 20px 20px 20px;
	line-height: 1.2em;
}

#cap_interior {
	height: 28vh;
}

#cap_interior > img {
	width: 100%;
	height: 100%;
	object-fit: cover;	
}

#img_logo {
	margin-top: 20px;
	margin-bottom: 20px;
}

#cap_logo {
	background: var(--col_blau);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

#slogan {
	color: #92a3a4;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	margin-top: 44px;
	margin-bottom: 20px;
}

#opcions_cap {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DFDFD0;
	margin: 0px 0px 20px 0px !important;
}

.enllassos_cercador {
	padding: 10px 0 0 30px !important;
}

#enllassos_cap a {
	padding-bottom: 8px;
	line-height: 13px;
	display: block;
	color: var(--col_blanc);
	text-decoration: none;
	font-size: 11px;
	font-weight: 400;
}

#enllassos_cap a:hover {
	text-decoration: underline;
}

.sense_estils_espai {
	margin-top: 4px;
	margin-bottom: 4px;
}

.sense_estils_espai a {
	color: var(--col_negre_2) !important;
}

.zoom img {
	display: inline-block;
	cursor: pointer;
}

.zoom_espai {
	vertical-align: top;
}

.zoom .intro {
	padding: 5px 10px 0px 0px;
	float: left;
	height: 20px;
	vertical-align: top;
}

.zoom .botons {
	float: right;
	padding-top: 4px;
}

.translate {
	text-align: right;
	padding-top: 3px;
}


/* FI Estils estructura general plana */


/* Pantalla de login   */

#cos_login {
	padding: 0px 0px 0px 20px;
}

#form_login_intranet {
	width: 100%;
}

#form_login_intranet [type="submit"] {
	margin-top: 20px;
	width: 100px;
}

#form_login_intranet .fila_form .informacio,
#form_login_intranet .fila_form .etiqueta {
	float: none;
	display: block;
	text-align: left;
	width: 100%;
	font-size: 1.2em;
}

#cos_login h1 {
	font-size: 25px;
}

#cos_login label {}

#cos_login_interior {
	padding: 45px 0px 0px 60px;
	text-align: left;
}

#missatge_confirma_login {
	text-align: left;
	padding: 30px 20px 100px 30px;
}

#missatge_confirma_login .miss_tornar {
	margin-top: 20px;
}

#form_login {
	padding: 60px 100px 0px 15px;
	margin-bottom: 50px;
	height: 140px;
}

#login_recordatori {
	margin-top: 0px;
	color: #666666;
	text-decoration: none;
}

#missatge_error_login {
	margin: 10px 0px 0px 30px;
	color: red;
}

#form_login .fila_form_boto {
	text-align: right;
}

#form_login label {
	font-size: 1.1em;
	font-weight: normal;
	color: var(--col_negre);
}

#form_login {
	font-size: 1.1em;
}

.boto_tornar_inici {
	text-align: left;
}

#missatge_confirmacio_login {
	margin: 10px 0px 0px 30px;
	color: #00cc00;
}


/* FI Pantalla de login   */


/* Titols i resaltats  */

.titol_nivell_1,
h3.titol_nivell_1 a {
	color: #CB0000 !important;
	font-size: 24px;
	padding: 0px;
	margin: 30px 0px 10px 0px;
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-weight: 400;
	text-decoration: none !important;
}

.titol_nivell_2,
h3.titol_nivell_2 a {
	color: var(--col_blau);
	font-size: 20px;
	padding: 0px;
	margin: 15px 0px 10px 0px;
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-weight: 400;
}

.titol_nivell_3,
h3.titol_nivell_3 a {
	color: var(--col_negre);
	font-size: 18px;
	padding: 0px;
	margin: 10px 0px 5px 0px;
	font-weight: 400;
}

.resaltat_nivell_1 {
	color: #CB0000;
	padding: 0px;
	margin: 0px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif, Verdana, Arial;
}

.resaltat_nivell_2 {
	color: var(--col_blau);
	background: var(--col_gris_clar);
	font-weight: 400;
	padding: 1px;
}

.resaltat_nivell_3 {
	padding: 0px;
	margin: 0px;
	font-weight: 100;	
}

/* VISTA PRÈVIA MOSAIC */

.vista-previa-mosaic {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 3fr));
	gap: 32px;
}

/* FI - VISTA PRÈVIA MOSAIC */

#peu_sup {
	background: var(--col_blau);
	color: var(--col_blanc);
	min-height: 75px;
}

#twitter-footer {
	margin-top: 12.5px;
}

.banners {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 32px;
}

.banner {
	box-shadow: 1px 1px 13px -4px var(--col_negre_2);
	background-color: var(--col_blau_ultra_clar);
}

/* Peu de pagina - inferior  */

#peu_inf {
	background: var(--col_blau_ultra_clar);
}

#peu_inf * {
	line-height: 2.3rem !important;
	font-size: 16px;
}

#peu_inf .td_justificat {
	background: none !important;
	padding: 0 !important;
	font-size: 13px;
	border-left: none;
}

#peu_inf .titol_banner,
.llista_enllassos_peu .titol {
	background: none !important;
	color: var(--col_blau);
	padding: 0;
	margin-bottom: 1.5rem;
	font-size: 20px;
}

#peu_inf .titol_banner a {
	color: var(--col_negre_2) !important;
	font-weight: 600;
	text-decoration: underline;
}

#peu_inf .enllas_directe {
	color: var(--col_negre_2) !important;
	text-decoration: underline;
	font-size: 14px;
}

#peu_inf .titol_banner a:hover,
#peu_inf .enllas_directe:hover {
	text-decoration: none;
}

#peu_inf .titol_banner_espai {
	padding: 0px;
}

#peu_inf .cos_banner .text_contingut {
	padding: 0;
}

#peu_inf .item_enllass a {
	font-size: 16px;
	line-height: 150%;
	text-decoration: none;
}

#peu_inf .item_enllass:hover {
	text-decoration: underline;
}

#peu_inf .footer-items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 3fr));
	column-gap: 32px;
	row-gap: 8px;
	padding: 16px 0;
}

#footer-copy {
	padding: 16px;
	background-color: var(--col_blau);
	color: var(--col_blanc);
	text-align: center;
}

#footer-copy a {
	color: var(--col_blanc);
}

/* Fi Peu de pagina */

/* Breadcrumbs */

.breadcrumbs_llista {
	margin: 0px;
	padding: 0px;
}

.breadcrumbs_llista li {
	/* float: left; */
	list-style: none;
	color: var(--col_blau);
	padding: 0 2.5px 0;
	display: inline-block;
}

.breadcrumbs_llista li:first-child {
	padding-left: 0;	
}

span.breadcrumbs {
	color: var(--col_blau);
	padding-right: 5px;
}

#breadcrumbs a {
	color: var(--col_blanc);
	background-color: var(--col_blau);
	font-size: 15px;
	text-decoration: none;
	font-weight: 500;
	padding: 2px 5px;
	display: inline-block;
}

#breadcrumbs a:hover {
	color: var(--col_blanc);
	text-decoration: underline;
}


/* FI Breadcrumbs */


/* Informació debug a peu de pàgina */

#debug_info_ext {
	text-align: center;
	margin: 0 auto;
	font-family: "Courier new", Arial;
	font-size: 10pt;
	width: 100%;
	padding: 10px;
}

#debug_info {
	text-align: center;
	border: 1px solid #666666;
	padding: 8px;
	background-color: var(--col_blanc);
	margin-top: 10px;
}

/* FI Informació debug a peu de pàgina */

/* Menú principal */

#menu_deplegable {
	display: flex;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	font-weight: 400;
	font-size: 19px;
	padding: 0;
}

#menu_deplegable li {
	display: table-cell;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif, Verdana, Arial;
}

#menu_deplegable .menu_no_seleccionat {
	text-align: center;
	display: block;
	color: var(--col_blanc);
	padding: 5px 0px;
	text-decoration: none;
}

.menu-petit {
	font-size: 13px !important;
}

#menu_deplegable .menu_seleccionat,
#menu_deplegable .menu_no_seleccionat:hover {
	text-align: center;
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color: var(--col_blanc);
}

/*** Part inferior *******/

#container_menu_inf {
	background: var(--col_gris_clar);
}

.dropDown {
	position: relative;
	left: 0;
	width: 100%;
	display: none;
	color: var(--col_negre);
	padding-top: 10px;
	padding-bottom: 10px;
	background: none;
	z-index: 9;
}

.submenu_principal {
	width: 25%;
	padding-right: 20px;
	padding-left: 20px;
	min-height: 80px;
	float: left;
	margin-bottom: 10px;
	border-right: 1px solid #cccccc;
}

.submenu_principal .titol {
	color: #888888;
	text-decoration: none;
	font-weight: 400;
	font-size: 16px;
	line-height: 0.5em !important;
}

.submenu_principal .titol:hover {
	color: var(--col_negre);
}

.submenu_principal .introduccio {
	margin-top: 5px;
	color: #888888;
	display: block;
	font-size: 0.85em;
	font-weight: 400;
	line-height: 1.1em;
}

.botton-line {
	border-bottom: 1px solid #007ECA;
}

/** Menu principal per mobil ****/

.navbar-default {
	background: var(--col_blau);
	border: none;
	margin: 0;
}

.navbar-nav,
.navbar-collapse {
	background: var(--col_gris_clar);
	margin-top: 10px;
}

#menu-radio-nav {
	padding-bottom: 20px;
	margin-top: 100px;
	display: none;
}

.submenu_top a {
	font-weight: 400;
	color: var(--col_blanc);
	display: block;
	padding: 0.75rem 0;
	text-decoration: none;
	font-size: 32px;
	text-align: center;
}

.submenu_top a:hover {
	text-decoration: none;
	color: var(--col_blau);
}

.submenu_top_seleccionat a {
	color: var(--col_blau);
	font-weight: 400;
	display: block;
	padding: 0.75rem 0;
	text-decoration: none;
	font-size: 32px;
	text-align: center;
}

.cercador_menu {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0px;
	max-width: 767px;
}

.cercador_menu #troba {
	position: absolute;
	right: 6px;
	top: 7px;
	background-color: var(--col_blau);
	padding: 0 7px;
	color: var(--col_blanc);
	border-radius: 15px;
}

.cercador_menu #troba:hover {
	cursor: pointer;
}

.cercador_menu #paraula {
	border: none;
	background-color: #fff;
	height: 35px;
	border-radius: 40px;
	outline: none;
	padding-left: 5px;
	width: 100%;
}

.menu_secundari_titol {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-weight: 500;
	font-size: 20px;
	color: var(--col_blau);
	background: var(--col_blau_clar);
	padding: 10px;
}

.menu_secundari {
	text-align: left;
	padding-bottom: 0px;
	font-size: 18px;
	margin-bottom: 40px;
}

.submenu a {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-weight: 400;
	color: var(--col_blau);
	background: var(--col_blanc);
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	border-bottom: 1px solid var(--col_blau_clar);
}

.submenu_seleccionat a,
.submenu a:hover,
.submenu_seleccionat a:hover {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-weight: 400;
	background: var(--col_blau_clar);
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	border-bottom: 1px solid var(--col_blau_clar);
	color: var(--col_blau);
}

.submenu a:hover {
	background: var(--col_blau_clar);
	font-weight: 400;
}

.submenu2_espai {
	/*background: #eee !important;*/
	border-bottom: 1px solid var(--col_gris_clar);
	padding-bottom: 7px;
}

.submenu2,
.submenu2_seleccionat {
	font-size: 15px;
}

.submenu2 a {
	color: var(--col_blau);
	display: block;
	text-decoration: none;
	padding: 7px 0px 0px 20px;
	line-height: 1.2em;
}

.submenu2 a:hover {
	color: var(--col_negre);
	text-decoration: none;
}

.submenu2_seleccionat a {
	color: var(--col_negre_2);
	display: block;
	text-decoration: none;
	/*    background-color: #eee;*/
	padding: 7px 0px 0px 20px;
	line-height: 1.2em;
}

.submenu2_seleccionat a:hover {
	color: var(--col_negre_2);
	display: block;
	text-decoration: none;
	/*    background-color: var(--col_blanc);*/
}

.submenu3_espai {
	background: #f3f3f3 !important;
	padding: 10px 0px 10px 0px;
}

/* FI Estils menu secundari */

/* Estrunctura */

.c_contenidor_interior {
	text-align: left;
}

.c_contenidor_interior_no_centrat {
	text-align: left;
	width: 100%;
}

/* FI Estrunctura */

/* Mapa */

#cos_info_mapa {
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-gap: 2em;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	-o-column-gap: 2em;
	column-rule: 1px solid #eee;
	-webkit-column-rule: 1px solid #eee;
	-moz-column-rule: 1px solid #eee;
	-o-column-rule: 1px solid #eee;
}

/* FI Mapa */

/* Estils per al paginador */

.c_paginador {
	margin: 25px auto;
	width: 80%;
}
.c_paginador a {
	color: var(--col_blau);
	text-decoration: none;
	display: block;
	height: 100%;
	padding-top: 4px;
	font-size: 16px;
}

.c_paginador a:hover {
	color: var(--col_blanc);
	background: var(--col_blau);
	text-decoration: none;
}

.paginador_css {
	display: flex;
	justify-content: space-between;
}

.paginador_css > * {
	border: 1px solid var(--col_blau);
	width: 32px;
	height: 32px;
	text-align: center;
}

.paginador_pagina_actual {
	color: #fff;
	background: var(--col_blau);
	padding-top: 5px;
}

@media screen and (max-width: 570px) {
	.c_paginador {
		width: 100%;
	}
}

/* Fi estils paginador */

/* Maquetació banners text */

.banner_interior_e {
	padding-bottom: 10px;
	text-align: left;
}

.banner_interior_d {
	padding-top: 10px;
	text-align: left;
	background: var(--col_blanc);
}

.contenidor_banner {
	text-align: left;
	width: 100%;
	font-size: 0.9em;
}

.contenidor_banner_espai {
	padding: 0;
}

.titol_banner {
	margin: 0 auto;
	font-size: 20px;
	color: var(--col_blanc);
	background-color: var(--col_blau);
	padding: 10px;
}

.titol_banner_espai {
	padding-bottom: 10px;
}

.titol_banner a {
	display: block;
	text-decoration: none;
	color: var(--col_blanc);
}

.titol_banner a:hover {
	color: var(--col_blau);
	text-decoration: none;
}

.cos_banner {
	text-align: left;
	background: none;
}

.cos_banner .text_contingut {
	padding: 10px;
}

.cos_banner table {
	margin: 0px;
	text-align: left;
	font-size: 1em;
	line-height: 1.3em;
}

.cos_banner .td_justificat {
	font-size: 16px;
	font-weight: 300;
	color: #333;	
	padding: 10px;
}

.barside .cos_banner .td_justificat {
	background: var(--col_blau_ultra_clar);
}

.cos_banner .td_justificat i {
	color: var(--col_blau);
	width: 16px;
}

.cos_banner .fa-phone {
	padding-left: 2px;
}

.cos_banner p {
	margin: 3px 0px 3px 0px;
}

.top_head_bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top_head_bar a.icon {
	color: white;
	text-decoration: none;
	display: flex;
	gap: 0 1rem;
}

.top_head_bar a.icon i {
	font-size: 3rem;
}

/* FI Maquetació banners text */

/* Contingut maquetat  */

.entradeta {
	color: var(--col_negre_2);
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.2em !important;
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	font-weight: 400;
}

.entradeta p {
	margin: 0px;
	padding: 0px;
}

.text-maquetat {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	color: #333;
}

/* FI Contingut maquetat  */

/* Taules i continguts amb imatges */

table {
	border: 1px solid #eee;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	line-height: 1.2em;
	margin: 20px 0px;
}

th {
	background: #eee;
	color: var(--col_blau);
	padding: 15px;
    font-weight: 400;
    border: 1px solid #eee;
}

caption {
	background: var(--col_blau_clar);
	color: #444444;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 6px 5px 6px 20px;
	border-top: none;
	border-top: none;
	font-weight: normal;
}

td {
	background: var(--col_blanc) !important;
	color: var(--col_negre);
	border: 1px solid #eee;
	padding: 15px;
	color: #666666;
}

.interior-subweb {
	background: var(--col_blau_clar);
	position: absolute;
	z-index: 9990;
	left: 0;
	right: 0;
	top: 0;
}

/* Taula de continguts */

.taula_continguts {
	border: 0;
	width: 100%;
	padding: 0;
	border: 0;
}

.taula_continguts a,
.td_justificat a {
	color: var(--col_blau) !important;
	text-decoration: none !important;
}

.taula_continguts a:hover,
.td_justificat a:hover {
	color: var(--col_blau) !important;
	text-decoration: underline !important;
}

.td_justificat {
	border: 0px;
	line-height: 130%;
	clear: both;
}

#contingut .td_justificat,
.text-maquetat .td_justificat {
	line-height: 27px;
}

.foto_left {
	border: 0;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.foto_right {
	border: 0;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.foto_center {
	width: 100%;
}

.foto_center img {
	display: block;
	margin: 0 auto;
	box-shadow: 1px 1px 31px var(--col_gris_clar);
}

.foto_left img {
	display: block;
}

.foto_right img {
	display: block;
}

.fotos_horitzontals {
	width: 100%;
}

.fotos_horitzontals .taula_foto_env {
	float: left;
	width: 33%;
}

/* estil per al peu de foto */

.txt_peu_foto {
	clear: both;
	display: block;
	text-align: left;
	font-size: 14px;
	text-decoration: none;
	line-height: 110%;
	padding: 10px 5px;
	background: var(--col_blau_ultra_clar);
	color: var(--col_blau);
}

.taula_foto_left {
	width: 1%;
	border: 0;
	float: left;
	margin-right: 10px;
}

.taula_foto_left td {
	border: 0px;
	margin: 4px 10px 4px 5px;
	background: var(--col_blanc) !important;
}

.taula_foto_right {
	width: 1%;
	border: 0;
	float: right;
	margin-left: 10px;
}

.taula_foto_right td {
	border: 0px;
	margin: 4px 10px 4px 5px;
	background: var(--col_blanc) !important;
}

.taula_foto_center {
	padding: 4px;
	border: 0;
	margin: 0 auto;
}

.taula_foto_center td {
	border: 0px;
	padding: 4px 10px 4px 5px;
	background: none !important;
}

.foto_centrada {
	text-align: center;
	width: 100%;
}

.foto_centrada td {
	border: 0px;
	padding: 4px 10px 4px 5px;
}

.taula_fotos_horitzontals {
	width: 100%;
	border: 0;
	margin: 0 auto;
}

.taula_fotos_horitzontals td {
	border: 0px;
	padding: 4px 10px 4px 5px;
}

.taula_fotos td {
	border: 0px;
	padding: 4px 10px 4px 5px;
}

.taula_continguts {
	border: 0;
}

.taula_no_fil {
	border: 0;
	width: 100%;
}

.taula_no_fil td {
	border: 0px;
	background: var(--col_blanc);
}

.taula_continguts p {
	margin: 0 0 16px;
}

/* estil de text normal*/

.txt {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	color: var(--col_negre);
	text-decoration: none;
}

/* FI Taules i continguts amb imatges */

/* Taula per documents / enllaços */

.titol_info_rel {
	margin-top: 3rem;
	text-transform: uppercase;
	font-size: 16px;
	color: var(--col_blau);
	border-bottom: 1px solid var(--col_blau);
	font-weight: 300;
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
}

.titol_info_rel::before {
	position: absolute;
	top: 16px;
	left: 35px;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
	transform: rotate(45deg);
	border-right: 1px solid var(--col_blau);
	border-bottom: 1px solid var(--col_blau);
}

.contingut_info_rel {
	padding: 15px;
	background-color: var(--col_blau_ultra_clar);
	margin-top: 7px;
	margin-bottom: 30px;
}

.contingut_infos_tipus {
	display: flex;
	margin-bottom: 15px;
	padding: 15px;
	box-shadow: 1px 1px 24px #00000026;
}

.contingut_infos_tipus:last-child {
	margin-bottom: 0;
}

.contingut_infos_tipus>div:nth-child(1) {
	flex: 0.25;
	min-width: 140px;
}

.contingut_infos_tipus>div:nth-child(1) p {
	font-size: 16px;
	color: var(--col_blau);
	font-weight: 300;
	text-transform: uppercase;
}

.contingut_infos_tipus>div:nth-child(1) p .fa {
	min-width: 20px;
	text-align: center;
}

.contingut_infos_tipus>div:nth-child(2) {
	flex: 3;
}

#opcions-contingut {
	padding: 5px 0px 0px 0px;
	margin-top: 20px;
}

#opcions-contingut ul.tabs {
	width: 100%;
	margin: 0;
	padding: 0px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px, 3fr));
	gap: 32px;
}

#opcions-contingut ul.tabs li {
	display: block;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif, Verdana, Arial;	
	border-bottom: 1px dotted var(--col_negre_2);
}

#opcions-contingut ul.tabs li:last-child {
	margin-right: 0;
}

#opcions-contingut ul.tabs li a {
	display: block;
	text-decoration: none;
	color: var(--col_blau);
}

#opcions-contingut ul.tabs li a:hover {
	color: var(--col_blau);
}

#opcions-contingut .selected > i{
	color: var(--col_negre) !important;
}

.amagat_tabs {
	visibility: hidden;
	display: none;
}

.tab-content {
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
}

#tabs-p5_titol {
	padding: 0px 0px 10px 0px !important;
}

.espai_documents {
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 3fr));
	gap: 16px;
}

.espai_documents .mida {
	text-decoration: none;
	color: var(--col_blau);
	font-size: 12px;
}

.espai_documents a {
	display: block;
	margin-bottom: 5px;
	color: var(--col_negre);
	text-decoration: none;
}

.espai_documents a:hover {
	color: var(--col_negre);
	text-decoration: underline;
}

.continguts_relacionats {
	margin-bottom: 20px;
	font-size: 14px;
	color: #212121;
}

.continguts_relacionats .enllas a {
	padding-right: 10px;
	display: inline-block;
}

.item_continguts_relacionats {
	margin-bottom: 5px;
}

.continguts_relacionats a {
	color: var(--col_blau);
	text-decoration: underline;
}

.continguts_relacionats a:hover {
	color: var(--col_blau);
	text-decoration: none;
}

.continguts_relacionats,
.espai_documents {
	font-size: 15px;
}

/* Mapa */

#d_mapa_localitzacio a {
	display: block;
	text-align: right;
	font-size: 0.8em;
	text-decoration: none;
}

#mapa_localitzacio {
	width: 100%;
	height: 250px;
	margin: 0px 0px 3px 0px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

/* Galeries continguts: multimedia i més informació */

.galeries_envolcall {
	padding-bottom: 20px;
}

.galeria-imatges {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 3fr));
	gap: 16px;
}

.galeria-imatges .img_item {
	margin-bottom: 100px;
}

.galeria-imatges img {
	width: 100%;
}

.galeria-imatges .galeria_peu {
	font-size: 11px;
	color: #444;
	padding: 10px;
	background: var(--col_blau_clar);
	margin-bottom: 20px;
	height: 60px;
}

.galeria-imatges .item-galeria {
	position: relative;
}

.galeria-imatges .item-galeria .play {
	background: url('../img/play_overlay.png') center center no-repeat;
	top: 0px;
	position: absolute;
	height: 135px;
	width: 210px;
	z-index: 10;
}

.galeria_subweb {
	margin-bottom: 40px;
}

.galeria_subweb>.imatges {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-auto-rows: 1fr;
	gap: 16px;
}

.galeria_subweb>.imatges::before {
	content: '';
	width: 0;
	padding-bottom: 100%;
	grid-row: 1 / 1;
	grid-column: 1 / 1;
}

.galeria_subweb>.imatges>*:first-child {
	grid-row: 1 / 1;
	grid-column: 1 / 1;
}

.galeria_subweb .imatges>a {
	position: relative;
}

.galeria_subweb .imatges .info-text {
	visibility: hidden;
	position: absolute;
	top: 16px;
	bottom: 16px;
	left: 16px;
	right: 16px;
	padding: 16px;
	background: var(--col_blau_clar);
	color: var(--col_blanc);
	font-size: 20px;
	font-weight: bolder;
	text-shadow: 2px -1px #000;
}

.galeria_subweb .imatges>a:hover .info-text {
	visibility: visible;
}

.galeria_subweb .imatges .img-responsive {
	height: 100%;
}

/* FI galeries continguts: multimedia i més informació */

#enllas_cap {
	padding: 8px 0px 0px 0px;
	font-size: 1em;
}

#enllas_cap a {
	color: var(--col_blau);
	text-decoration: underline;
	padding-right: 15px;
	display: inline-block;
}

#enllas_cap a:hover {
	color: var(--col_blau);
	text-decoration: underline;
}

.zona_enllas_petit {
	text-align: left;
	font-size: 0.9em;
}

.zona_enllas_petit a {
	color: var(--col_blanc);
	text-decoration: none;
	display: inline-block;
	margin-right: 20px;
	margin-top: 3px;
}

.zona_enllas_petit a:hover {
	color: var(--col_blanc);
}

.zona_twitter {
	text-align: left;
	font-size: 0.9em;
}

.zona_twitter a {
	color: var(--col_blanc);
	text-decoration: underline;
}

.zona_twitter a:hover {
	color: var(--col_blanc);
}

/* Menu selector idiomes */

#menu_idiomes {
	font-size: 1.2em;
	text-align: right;
	margin-top: -100px;
}

#menu_idiomes ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#menu_idiomes li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	display: inline;
	text-align: center;
	padding: 0px 0px 0px 5px;
}

a.idioma_actiu {
	color: var(--col_blau);
	text-decoration: none;
	font-weight: 600;
}

a.idioma_no_actiu:hover {
	color: var(--col_blau);
	text-decoration: none;
}

a.idioma_no_actiu {
	color: #444444;
	text-decoration: none;
	font-weight: 300;
}

/* FI Menu selector idiomes */

/* Estils per al reseteig de password */

#form_reset {
	width: 680px;
}

.intro_login {
	text-align: left;
	width: 600px;
}

/* FI Estils per al reseteig de password */

.missatge_error {
	color: #ff0000;
	padding-bottom: 10px;
}

.text_interior_error {
	color: #ff0000;
	padding-bottom: 10px;
}

/* Capçalera */

#imatge_capcalera {
	z-index: 1;
	left: 0px;
}

#descripcio_capcalera {
	z-index: 15;
	width: 470px;
	height: 100px;
	left: 0;
	margin: 170px 0px 0px 450px;
	text-align: right;
	color: var(--col_blanc);
	font-size: 1.5em;
	line-height: 24px;
}

#descripcio_capcalera strong {
	color: var(--col_blanc);
	font-size: 1.0em;
}

/* FI Capçalera */

/* Missatges */

.caixa_miss {
	padding: 10px;
	border: 1px solid #ff0000;
	color: #ff0000;
	margin-bottom: 10px;
}

.boto_tornar {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}

.boto_tornar a {
	font-family: 'Roboto', sans-serif, Verdana, Arial;
	background: #E9C912;
	color: var(--col_blanc);
	border: 1px solid #D9BB11 !important;
	padding: 6px 10px 6px 10px;
	margin: 0px;
	margin-right: 10px;
	border-radius: 3px;
	text-decoration: none;
}

.boto_tornar a:hover {
	background: #D9BB11;
}

.enllas_boto {
	background: #323265;
	color: var(--col_blanc);
	padding: 4px 10px 4px 10px;
	text-decoration: none;
}

.missatges_web {
	text-align: center;
	padding-bottom: 90px;
	padding-top: 90px;
}

.miss_tornar {
	margin-top: 100px;
}

.missatge_error {
	color: #ff0000;
	padding: 5px 0px 20px 0px;
}

/* Missatges */

.espaiflash {
	z-index: 0 !important;
}

.espai_documents_interior {
	margin-top: 10px;
}

.invisible {
	display: none;
}

.banner_peu {
	margin-bottom: 10px;
}

.banner_peu .contenidor_banner {
	text-align: left;
	width: 100%;
	background: none;
}

.banner_peu .contenidor_banner_espai {
	padding: 0px 8px 10px 0px;
}

.banner_peu .titol_banner {
	padding: 0px;
	margin: 0 auto;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

.banner_peu .titol_banner_espai {
	padding-left: 0px;
	padding-bottom: 0px;
	color: var(--col_blau);
}

.banner_peu .titol_banner a {
	display: block;
	text-decoration: none;
	color: var(--col_blau);
}

.banner_peu .titol_banner a:hover {
	text-decoration: underline;
	color: var(--col_blau);
}

.banner_peu .cos_banner {
	text-align: left;
}

.banner_peu .cos_banner table {
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}

.banner_peu .cos_banner .td_justificat {
	font-size: 14px;
	line-height: 120%;
	color: var(--col_negre_2);
}

.banner_peu .cos_banner a {
	color: #545454;
}

.banner_peu .cos_banner a:hover {
	color: #545454;
	text-decoration: none;
}

/* fons de contenidors */

.fons_taronja {
	background: #DEAA01 !important;
}

.fons_blau {
	background: var(--col_blau);
}

.fons_blanc {
	background: var(--col_blanc);
}

.fons_gris {
	background: #3E4346;
}

.fons_gris_clar {
	background: var(--col_gris_clar);
}

.fons_blau_clar {
	background: #E5F4F9;
}

/* Modificacions a bootstrap */

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
}

.row {
	margin: 0;
	padding: 0;
}

/* Sprites per la web  - icones generals */

.sprite {
	background: url("../img/sprites.png") top left no-repeat;
	display: inline-block;
}

.punt_portada_on {
	width: 12px;
	height: 12px;
	background-position: -10px -10px;
}

.punt_portada {
	width: 12px;
	height: 12px;
	background-position: -10px -32px;
}

.tancar {
	width: 18px;
	height: 17px;
	background-position: -10px -54px;
}

.pin {
	width: 21px;
	height: 31px;
	background-position: -10px -81px;
}

.mes_info {
	width: 12px;
	height: 21px;
	background-position: -10px -122px;
}

.desplegat {
	width: 21px;
	height: 12px;
	background-position: -10px -153px;
}

.vinyeta3 {
	width: 11px;
	height: 10px;
	background-position: -10px -175px;
}

.vinyeta2 {
	width: 11px;
	height: 10px;
	background-position: -10px -195px;
}

.vinyeta1 {
	width: 11px;
	height: 10px;
	background-position: -10px -215px;
}

.blog_linkedin {
	width: 18px;
	height: 18px;
	background-position: -10px -235px;
}

.fletxa_seguent {
	width: 10px;
	height: 12px;
	background-position: -10px -263px;
}

.fletxa_anterior {
	width: 10px;
	height: 12px;
	background-position: -10px -285px;
}

.logout {
	width: 13px;
	height: 13px;
	background-position: -10px -307px;
}

.lupa {
	width: 14px;
	height: 17px;
	background-position: -10px -330px;
}

.paypal {
	width: 35px;
	height: 24px;
	background-position: -10px -357px;
}

._4b {
	width: 35px;
	height: 24px;
	background-position: -10px -391px;
}

.mastercard {
	width: 35px;
	height: 24px;
	background-position: -10px -425px;
}

.visa {
	width: 35px;
	height: 24px;
	background-position: -10px -459px;
}

.open-menu {
	width: 35px;
	height: 24px;
	background-position: -10px -489px;
}

.ico-doc {
	width: 25px;
	height: 36px;
	background-color: var(--col_blau_clar);
	color: var(--col_blau);
	padding-top: 16px;
	font-size: 11px;
	text-align: center;
}

.ico-htm {
	width: 25px;
	height: 36px;
	background-position: -10px -574px;
}

.ombra {
	border: 1px solid #EDEDED;
	box-shadow: 3px 3px 3px 0px rgba(100, 100, 100, 0.75);
}

/* Cookies */
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 20px 15%;
	background: var(--col_groc);
	color: var(--col_negre);
	font-size: 18px;
	z-index: 99999;
	text-align: center;
	margin: 0 auto;
	line-height: 140%;
}

.cc-cookies a,
.cc-cookies a:hover {
	color: var(--col_blanc);
	text-decoration: underline;
}

.cc-cookies a:hover {
	text-decoration: none;
}

.cc-overlay {
	height: 100%;
	padding-top: 25%;
}

.cc-cookies-error {
	float: left;
	width: 90%;
	text-align: center;
	margin: 1em 0 2em 0;
	background: var(--col_blanc);
	padding: 2em 5%;
	border: 1px solid #ccc;
	font-size: 18px;
	color: var(--col_negre_2);
}

.cc-cookies a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-accept,
.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline,
.cc-cookies a.cc-cookie-reset {
	display: inline-block;
	color: var(--col_blanc);
	text-decoration: none;
	background: var(--col_blau);
	padding: 3px 5px 3px 5px;
	border-radius: 3px;
	margin: 0px 0px 5px 10px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	font-size: 12px;
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
}

.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline {
	background: #af3b3b;
	margin-left: 0.5em;
}

.cc-cookies a.cc-cookie-reset {
	background: #f15b00;
}

.cc-cookies a:hover.cc-cookie-accept,
.cc-cookies-error a:hover.cc-cookie-accept,
.cc-cookies a:hover.cc-cookie-decline,
.cc-cookies-error a:hover.cc-cookie-decline,
.cc-cookies a:hover.cc-cookie-reset {
	background: var(--col_negre);
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
}

.cc-cookies-error a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-decline {
	display: block;
	margin-top: 1em;
}

.cc-cookies.cc-discreet {
	width: auto;
	padding: 0.5em 1em;
	left: auto;
	top: auto;
}

.cc-cookies.cc-discreet a.cc-cookie-reset {
	background: none;
	text-shadow: none;
	padding: 0;
	text-decoration: underline;
}

.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.cc-cookies a.cc-cookie-accept,
	.cc-cookies a.cc-cookie-decline,
	.cc-cookies a.cc-cookie-reset {
		display: block;
		margin: 1em 0;
	}
}

@media screen and (max-width: 480px) {
	.cc-cookies {
		position: relative;
		float: left;
	}
}


/************* Formularis ********************************************/

.form_filtre {
	margin-top: 0px;
	margin-bottom: 20px;
}

.form_filtre .etiqueta {
	float: none;
	text-align: left;
	width: 100%;
}

.form_filtre input[type='submit'] {
	padding: 2px 10px 2px 10px;
}

.form_filtre .informacio {
	float: none;
	text-align: left;
	width: 100%;
}

.form_filtre select {
	width: 85%;
}

#info_boto_cercar {
	text-align: right;
}

#label_boto_cercar {
	display: none;
}

.form_filtre h4 {
	font-size: 20px !important;
	font-weight: normal;
	margin-bottom: 10px;
}

.caixa_miss {
	border: 1px solid green;
	color: green;
	padding: 30px;
	margin-bottom: 20px;
}

.caixa_miss_error {
	border: 1px solid red;
	color: red;
	padding: 30px;
	margin-bottom: 20px;
}

.recupera {
	color: var(--col_blau) !important;
}

.formulari_cos {
	margin-top: 30px;
}

.info-descompte {
	font-size: 11px;
}

small {
	font-size: 12px;
	line-height: 110%;
}

/* Validació */

/* Ajustos a les mides de les lletres */

@media (min-width: 768px) and (max-width: 991px) {
	.item_menu {
		font-size: 16px !important;
		margin: 0 !important;
		height: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.item_menu {
		font-size: 16px !important;
		margin: 0 !important;
		height: 30px;
	}
}

/*  Definició subweb */

#img_logo_subweb {
	width: 200px;
}

#img_logo_subweb_ajt {
	width: 50px;
}

#link_subweb_ajt {
	float: right;
}

#img_logo_subweb_obert {
	display: none;
}

#boto_subweb_menugeneral,
#boto_subweb_menugeneral_sm {
	float: right;
	cursor: pointer;
}

#subweb_titol_submenu_mb {
	margin-top: 10px !important;
	font-size: 20px;
	text-decoration: none;
	color: #eee;
}

#subweb_titol_submenu_mb:hover {
	color: var(--col_blanc);
}

/* Maquetació general */

.bc_ambit {
	background: #eee;
	color: var(--col_blanc);
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px #dddddd solid;
}

.titol_ambit {
	background: #eee;
	color: #F5F5F5;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px #dddddd solid;
	margin-bottom: 20px;
}

#text-titol-ambit {
	color: var(--col_blau);
	font-size: 50px;
}

#logo_subweb {
	position: absolute;
	padding-left: 15px;
	padding-top: 10px;
	z-index: 9999;
}

.form_avis_legal_titol {
	margin-top: 10px;
	font-size: 16px;
}

.form_avis_legal {
	margin: 10px 0px;
	width: 100%;
	height: 250px;
	overflow-y: auto;
	background-color: var(--col_gris_ultra_clar);
	padding: 10px;
}

input[type="radio"], input[type="checkbox"] {
	margin: 5px 10px 0 0;
}

.programacio_radio {
	background: #0a001f;
}

.programacio_radio td {
	border: 1px solid var(--col_negre_2);
	font-size: 12px;
}

.td_justificat {
	overflow-x: auto;
}

.graella td {
	font-size: 13px !important;
	background: #f7c8ad;
	padding: 5px 10px;
	margin: 0;
}

.graella td a {
	color: var(--col_blanc) !important;
	text-decoration: none !important;
}

.graella .taronja {
	background: #ff6600 !important;
	text-align: center !important;
	vertical-align: middle !important;
	color: var(--col_blanc) !important;
	border: 1px solid var(--col_blanc) !important;
}

.graella .taronja-fluix {
	background: #f7c8ad !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.graella .gris {
	background: #676566 !important;
	color: var(--col_blanc) !important;
	text-align: center !important;
	vertical-align: center !important;
	border-top: 1px solid var(--col_blanc) !important;
	border-bottom: 1px solid var(--col_blanc) !important;
}

.graella .gris-clar {
	background: #bdbdbd !important;
	color: var(--col_blanc) !important;
	text-align: center !important;
	vertical-align: center !important;
	border: 1px solid var(--col_blanc) !important;
}

.graella .blau {
	background: #80c7f2 !important;
	color: var(--col_blanc) !important;
	text-align: center !important;
	vertical-align: center !important;
	border: 1px solid var(--col_blanc) !important;
}

.navbar-toggle {
	cursor: pointer;
	background-color: var(--col_blau) !important;
	position: absolute;
	right: 0;
	top: 9px;
}

.navbar-toggle:focus,
.navbar-toggle:hover {
	background-color: var(--col_blau) !important;
}

.navbar-toggle .icon-bar {
	background-color: var(--col_blanc) !important;
}

.veure-mes-item {
	margin-top: 5px;
	font-size: 12px;
}

.veure-mes-item .breadcrumbs_petit {
	color: var(--col_negre_2);
	text-decoration: none;
}

.veure-mes-item .breadcrumbs_petit:hover {
	color: var(--col_negre_2);
	text-decoration: underline;
}

.twitter_item img {
	display: inline-block;
}

@media screen and (max-width: 479px) {
	.foto_right,
	.foto_center,
	.foto_left {
		width: 100%;
		padding: 5px 0px;
	}
	.foto_center img {
		display: block;
		margin: 0 auto;
	}
	.foto_left img {
		display: block;
		margin: 0 auto;
	}
	.foto_right img {
		display: block;
		margin: 0 auto;
	}
	.fotos_horitzontals .taula_foto_env {
		float: none;
		/*margin-right: 10px;*/
		display: block;
		width: 100%;
	}
}

.google-banner img {
	width: 100%;
}

/* iframe responsive */

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
	position: relative;
	margin-bottom: 20px;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	width: 100%;	
}

/* FI iframe responsive */

#breadcrumbs {
	margin-bottom: 20px;
}

.noticia_data_interior {
	border-top: 2px solid var(--col_blau);
	border-bottom: 2px solid var(--col_blau);
	padding-top: 3px;
	margin-bottom: 20px;
	text-align: left;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--col_blau);
	display: flex;
	justify-content: space-between;
}

/* sharethis icons */

#st-1 {
	z-index: 999 !important;
}

.st-btn {
	height: 25px !important;
	width: 25px !important;
	padding: 0 5px !important;
	background-color: var(--col_blau) !important;
}

.st-btn:hover {
	top: 0 !important;
}

.st-btn>img {
	top: 4px !important;
}

/* sharethis icons FI */