/* =====================================

--- PAGINA.CSS
--- Abril 2026
--- Definicions específiques per a totes les pàgines
--- excepte la portada (home)

======================================*/


/* Layout només a pàgines NO index */
.pagina-interior contenidor-pagina {
  max-width: 1150px;        /* ample total del layout */
  margin: 0 auto;        /* centrat */
  display: flex;
  align-items: flex-start;  /* les columnes comencen a dalt */
  padding-top: 1.8rem;
}

/* COLUMNA PRINCIPAL */
#cosPagina {
  flex: 1;                  /* ocupa tot l’espai disponible */
}

/* COLUMNA DRETA */
#colDreta {
  width: 250px;
  margin-top: 180px;
  padding-left:40px;
  text-align: center;
}

/* ✅ RESPONSIVE: TABLET I MÒBIL */
@media (max-width: 1200px) {
 .pagina-interior contenidor-pagina {
 	padding:0 15px;
    flex-direction: column;   /* una sota l’altra */
  }

  #colDreta {
  	display: none;
  }

}


/* Links */
a {
  color: #0077cc;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #005fa3;
  text-decoration: underline;
}


/* ============================================ 
		TAULES
	 =========================================== */

/* Capçalera de la taula */
table caption {
	font-size: 1.3em;
	font-weight:bold;
	text-align:center;
	color:#373737;
	margin-top:25px;
	margin-bottom:15px;
  }

/* Taula responsiva general */
.taulaResp table {
	border-collapse: collapse;
	 margin: 0; 
	 padding: 0;
	  width: 100%; 
} 

.taulaResp td, .taulaResp th {
	background-color:#F7F9F9;
	border: 1px dotted #9a9a9a;
	text-align: left;
	padding:5px;
	font-size:.95rem
}

.taulaResp th {
	 background-color:#618982;
	  color:white;
	  font-weight:bold;
}
 

/* Taula on hi ha valors capçalera en la pròpia capçalera itambé  en la primera columna de la resta de files */
.taulaDades TABLE {
	border-spacing:0px;
	margin-top:15px;
	width:100%;
}

.taulaDades TD {
	border:1px dotted #919191;
	background-color:#F7F7F7;
	padding:4px;
}

.taulaDades TH {
	border:1px dotted #919191;
	background-color:#E1E1C6;
	padding:4px;
	text-align:left;
	font-weight:bold;
}

/* Format de taula simple */
.taulaSimple table {
	width:100%
	margin:45px 0;
}

.taulaSimple td {
	background-color:#EAEAFF;
 	width:auto; 
 	padding:10px;
 }

.mostraDivPag {display:block}
.amagaDivPag {display:none}

/* Llistes UL */
/* Llista nivell 1 */
ul.llista1, ul.llista3 {
	line-height:1.9;
	margin-top:10px;
	list-style-type: disc;
	margin-bottom:20px;
}

ul.llista3 {
	list-style-position: inside;
}

/* Element Llista nivell 1 */
ul.llista1 {
  padding-left: 18px; /* espai per al disc */
  margin-left: 0;
}

ul.llista1 li {
  margin-left: 0; /* treu el margin del li */
}

/*
ul.llista2 li::before {
	color: #F07800;
}
*/

/* Llista nivell 2 */
/*
ul.llista2 {
	margin-left:12px;
}
*/
/* Element Llista nivell 2 */
/*
ul.llista2 li {
	margin:8px 0;
}
*/

ul.llista2 {
  list-style-type: none;
  padding-left: 5px; /* espai per al disc */
  margin-left: 0;
}

ul.llista2 li {
  margin:10px 0;
  margin-left: 0; /* treu el margin del li */
}



/* Element Llista nivell 1 */
ul.llista3 li {
	margin-left:10px;
	margin-top:16px;
}

/* --- Icones avió, ferri i tren --- */
IMG.alinTxtCen {
	vertical-align:middle;
}

.alinEsq {
	float:left;
}

.alinDret {
	float:right;
}

.altura16 {
	line-height:1.6;
}

.altura19 {
	line-height:1.9;
}

/* Text destacat */
.txtHilite {
	font-weight:bold;
	font-size:105%;
	border-bottom-color:inherit;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

div.indexCosH {
	background-color:#F0F0F9;
	border-radius:15px;
	padding:4px;
	margin-bottom:10px;
}

div.indexCosH A {
	font-size:1.1rem;
}


/* --- Text sota video iframe --- */
div.indexSubt {
	border-bottom:1px dotted #808080;
	color:#313131;
	margin-bottom:6px;
}


div.fotoArticles {
	background-color:#EFEEE7;
	text-align:center;
	margin-bottom:6px;
}

/* --- Caixa introducció en molts relats amb l'index, la presentació, la foto, etc */

/* Caixa contenidora de boxIdxIntroEsq i de boxIdxIntroDret */
.boxIdxIntro {
	overflow:auto;
}

/* Caixa índex/introducció guia/relat v2 */
#boxIdxIntroEsq {
	float:left;
	background-color:#F9FDFF;
	padding:8px 6px;
	line-height:2rem;
	border:1px dotted #009EEA;
	color:#868686;
	width:28%;
	height: auto;
	margin-right:15px;
	margin-bottom:30px;
	margin-top:30px;
}

#boxIdxIntroDret {
	margin-top:45px;
}

#boxIdxIntroEsq H3 {
	text-align:center;
	background-color:#005984;
	color:white;
	padding-top:7px;
	padding-bottom:3px;
	margin-bottom:15px;
}

#boxIdxIntroEsq H5 {
	margin-top:12px;
	border-bottom:1px dotted #727272;
}

#boxIdxIntroDret H3 {
	padding:5px 3px;
	margin-bottom:20px;
	font-size:1.5rem;
	color:#79878C;
	border-bottom:3px solid #96A0A5;
	display:flex;
}

/* --- Diversos títols de seeció --- */

.titol1 {
	font-weight:bold;
	font-size:1.3rem;
	color:#363636;
	margin:18px 0 22px 0;
	border-bottom:1px solid #363636;
}

.titol2 {
	color:#387272;
	font-weight:bold;
	font-size:1.3rem;
	margin:35px 0 12px 0;
	border-bottom:2px solid #387272;
	display:table;
}

.titol3 {
	color:#363636;
	font-weight:bold;
	font-size:1.2rem;
	margin:20px 0 10px 0;
	border-bottom:2px solid #363636;
	display:table;
}

.titol4 {
	color:#727272;
	font-weight:bold;
	font-size:1.2rem;
	margin:20px 0 10px 0;
	border-bottom:1px dotted #4B4B4B;
	display:table;
}

.entradaDia {
	font-family:Arial, sans-serif;
	transform: scaleY(1.2);  /*Escalem l'alçada 1.2 vegades l'alçada normal */
	transform-origin: bottom left;
	font-weight:bold;
	font-size:1.3rem;
	color:#333;
	border-bottom: 1px dotted #606060; 
	padding-bottom:6px;
	margin-bottom:20px;
	padding-top:50px;
}

.entradaDia SPAN {
	color:#EC7600;
	font-size:1.3rem;
	margin-right:6px;
}

.enLinia { display:inline;}
.voraInfAjustada { display:table;}
.noVora, .noVora A:hover { border:0; }

/* Títol de secció usat en diversess pàgines */
.titsec2, .titsec2Gran {
	font-size:1.6em;
	line-height:1.5;
	color:#727272;
	padding-bottom:8px;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:2px solid #727272;
}

.titsec2 IMG {
	float:left;
	margin-right:8px;
}

.titsec2Gran {
	font-size:1.8rem;
}

.voraInfPunts {
	border-bottom:2px dotted #6B6B6B
}

/* Vora de punts de color negre */
.voraPuntsNegra {
	border:1px dotted black;
}

.voraSolidGris {
	border:1px solid #BEBEBE;
}

/* Colors de fons */
.bc6297C1 { background-color:#6297C1 }
.bc9B9B4F { background-color:#9B9B4F }
.bc3B5998 { background-color:#3B5998 }
.bcFFA953 { background-color:#FFA953 }
.bcFFE7CE { background-color:#FFE7CE }
.bc8C0000{ background-color:#8C0000 }
.bc6A3500 { background-color:#6A3500 }
.bc9D9D9D { background-color:#9D9D9D }
.bcF9FFF9 { background-color:#F9FFF9 }
.bcFDF7DF { background-color:#FDF7DF }
.bcF8F8FF { background-color:#F8F8FF}
.bcEEEEEE { background-color:#EEEEEE }

/* Colors de primer pla */
.iti { color:#990000; }
.tx2 { color:#336633; }
.tx3 { color:#008000; }
.tx4 { color:#00699B; }
.tx5 { color:#804040; }
.tx6 { color:#006C6C;}
.c9E9E9E { color:#9E9E9E }
.c868686 { color:#868686 }
.cF2E6E6 { color:#F2E6E6;}
.c408080 { color:#408080 }
.c7d7d7d {	color:#7D7D7D }
.c790000 { color:#790000 }
.c494949 {	color:#494949 }
.cf3f3f3 { color:#F3F3F3 }	/* gris molt clar */
.c2E5A5A { color:#2E5A5A }
.blanc { color:#FFFFFF }
.negre { color:#000000 }


/* Colors de l'element border */
.cb408080 { border-color:#408080;}


/* Justificació text */
.justCentre { text-align:center }
.justDret { text-align:right }
.justEsquerre { text-align:left }


/* Subratllat inferior */
.subrt { text-decoration: underline dotted; }


/* Tamanys text: xx-small  x-small   small   medium   large   x-large   xx-large */
.tamSmall { font-size: small }
.tamMedium { font-size: medium }
.tamLarge { font-size: large }
.tamXLarge { font-size: x-large }


.sepHoritzontal10 {
	margin:0 10px;
}


.perfilMapa {
	float:left;
	margin-top:8px;
	margin-right:18px;
}


/* ============================================ 
	Taula de continguts en les pàgines d'enllaços (3 columnes) */

.taulaContinguts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-left: 6px solid #91C8FF;
    padding-left:10px;
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
 }

.titolTaulaContinguts {
	color: var(--color-negre);
	margin-bottom:8px;
	font-size: 1rem;
}

.filaT {
    display: contents; /* Permet que les cel·les segueixin el grid */
}

.colT a {
    color: #333;
    background: #F2F2F2;
    padding: 8px 12px;
    border-radius: 5px;
    transition: background 0.3s, transform 0.2s;
    font-size: 0.95rem;
  }

.colT {
    padding: 15px 10px;
    text-align: left;
}


.colT a:hover {
    background: #d1d1d1;
    transform: scale(1.05);
  }



.filDAriadna {
  font-size: 0.85rem;
  margin-bottom: 1.5rem;
  width: fit-content;
  background: #f0f0f0;
  border-radius: 6px;
  padding: 0.2rem 0.8rem;
}

.filDAriadna ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}

.filDAriadna li {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-secundari);
}

/* Separador entre items */
.filDAriadna li + li::before {
  content: "›";
  color: var(--color-text-secundari);
}

.filDAriadna a {
  color: var(--color-principal);
  text-decoration: none;
}

.filDAriadna a:hover {
  text-decoration: underline;
}

/* Pàgina actual — no és un link */
.filDAriadna li[aria-current="page"] {
  color: var(--color-text-principal);
  font-weight: 500;
}




/* ============================================ 
	  Menú selecció idioma === 
	  NOTA: Per a la propera versió implementar la solució proposada a https://codyhouse.co/ds/components/app/language-picker
*/

#menuLupa IMG {
  float:right;
  margin-top:16px;
  margin-right:75px;
}

#menuIdioma {
  float:right;
  margin-top:-4px;
  margin-right:-90px;
}

.seleccIdioma{
  width: 60px;
  margin: 5px auto;
  position: relative;
  user-select: none;
  color:white;
}

.seleccIdioma .actiuIdioma{
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  font-size:1rem;
}

.seleccIdioma .actiuIdioma li{
	padding: 10px;
}

.seleccIdioma .actiuIdioma:before{
	content: "";
	position: absolute;
	top: 16px;
	right: 10px;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #555555 #555555;
	transform: rotate(-45deg);
}

.seleccIdioma.actiu .actiuIdioma:before{
  top: 22px;
  border-color: transparent transparent #555555 #555555;
  transform: rotate(-225deg);
}

.seleccIdioma .seleccUL{
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
 	background: #494949;
  border-radius: 5px;
  display: none;
	-webkit-box-shadow: 0px 9px 15px 9px rgba(71,71,71,0.47); 
	box-shadow: 0px 9px 15px 9px rgba(71,71,71,0.47);
}

.seleccIdioma .seleccUL li {
	padding:6px 0 6px 10px; /* no posem padding a la dreta per a fer que tota l'àrea sigui anchor */ 
  cursor: pointer;
  border-bottom:1px dotted white;
}

.seleccIdioma .seleccUL li:first-child:hover{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.seleccIdioma .seleccUL li:last-child:hover{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.seleccIdioma .seleccUL li:hover, .seleccIdioma .seleccUL A:hover {
  background: #000;
  color:#C0C0C0;
}

.seleccIdioma .opcio {
  display: flex;
  align-items: center;
}

.seleccIdioma .opcio A, .seleccUL LI A {
  text-decoration: none;
  color:white;
}

.seleccIdioma.actiu .seleccUL{
  display: block;
}

/* Fi menú selecció idioma
============================================ */


/* Estils generals */
TABLE {
	background-color:white; 
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

TABLE.t1 {
	background-color:#FEFCF3;
	border-spacing: 0;
}

TABLE.t1 TD {
	border:1px solid #dedede;
	padding:8px;
}

HR {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	margin:15px 4px;
	border:none;
	border-top:1px dotted #ADADAD;
}

H4.titrfc, H4.titrfcns {
	border-bottom:1px solid black;
	display:table;
	font-size:1.2rem;
	margin-bottom:16px;
}

H4.titrfc {
	padding-top:26px;
}

H4.titrfcns {
	padding-top:10px;
}


/*
TD {
	color:#464646;
	text-align:justify;
}
*/


A.lnkCap {
	font-weight:bold;
	line-height:1.6;
	color:#3E3628;
	font-family:Microsoft Sans Serif,Calibri,Tahoma,Arial,sans-serif;
	font-size:125%;
}

A.lnkCap:hover {
	border-bottom:1px solid #302A1F;
}

A.titol {
	border-bottom:1px dashed #004777;
	font-weight:bold;
}

A.peu {
	font-size:90%;
	font-weight:bold;
	border:0px;
}

A.petit {
	font-size:90%;
}

A.imgNoLinia {
	border-bottom:0px;
}	

.tx1, .tx1sep {
	color:#884444;
	margin:6px 0;
	border-bottom:1px dotted #884444;
}	

.tx1sep {
	margin-top:15px;
}

DIV.tx1, DIV.tx1sep {
	font-size:110%;
}

.tx1h {
	color:#884444;
	margin:25px 0 10px 0;
	border-bottom:1px dotted #884444;
	display:table;
	font-size:120%;
}

.txtRevisio
{
	margin-top:5px;
	color:#8B8B8B;
	border-bottom:1px dotted #8B8B8B;
	font-size:90%;
}


.imgWhc {
	margin-right:10px;
	margin-top:7px;
}


.caixa2fotos {
	overflow:auto;
	margin:15px 0;
}

/* En aquest cas fixem un marge inferior al fixat en les classes pfotoEsq i pfotoDre per tal que no desbordin la pàgina */
.caixa2fotos .pfotoEsq {
	margin-right:12px;
}

.caixa2fotos .pfotoDre {
	margin-left:12px;
}


/* En aquest cas fixem un marge inferior al fixat en les classes pfotoEsq i pfotoDre per tal que no desbordin la pàgina */
#boxIdxIntroDret .pfotoEsq, #boxIdxIntroDret .pfotoDre {
	margin-left:6px;
	margin-right:6px;
}

.negreta {
	font-weight:bold;
}

.fntNormal {
	font-weight:normal;
}

.cursiva {
	font-style:italic;
}

.sratllat {
	text-decoration: underline;
}

div.sep130 {
	width:100%;
	margin:25px 0;
	height:1px;
	border-bottom:1px dotted #8080C0;
}

div.publiVertical {
	margin-left:14px;
}

div.caixaBanner, div.caixaBanner2 {
	border:1px solid #9999CC;
	margin-top:25px;
	text-align:center;
	width:160px;
	margin-left:auto;
	margin-right:auto;;
	padding:6px 4px;
}

.caixaBannerHrz {
	text-align:center;
	margin:40px 0;
	padding:3px 0;
	border-top:1px dotted #818181;
	border-bottom:1px dotted #818181
}


#anunciDestacat {
	border-radius:15px;
	padding:10px;
	font:1.2rem bold Tahoma,Arial,sans-serif;
	color:white;
	background-color:#B16565;
	text-align:center;
}

#anunciDestacat P {
	text-align:center;
}

#anunciDestacat A {
	color:white;
}

.titolColor {
	margin-top:50px;
	margin-bottom:10px;
	font-size:1.6rem;
	transform: scaleY(1.15);  /*Escalem l'alçada 1.2 vegades l'alçada normal */
	transform-origin: bottom center;
	color:#626C71;
	text-align:center;
	padding:5px;
	border-left:6px solid #0080C0;
	border-top:1px dashed #99A4A8;
	border-bottom:1px dashed #99A4A8;
}

.mapaGoogle {
	background-color:white;
	text-align:center;
	font-size:0.85rem;
	padding:2px 0;
}

.caixa {
	background-color:#F1F4F8;
	border:1px dotted #CCCCCC;
	overflow:hidden;
}


/* --- En la capçalera dels relats de viatge ---*/

#topRuta {
	margin-top:1.8rem;
	margin-bottom:3rem;
}

#topRuta H1 {
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(color-titol-pagina);
  margin-top: 0;
  letter-spacing: -0.02em; /* lleugerament més compacte, molt modern */
}

#topRuta H1.petit {
	font-size:1.3rem;
}

/*	topRuta : l'apartat H2 correspon al text descriptiu sota el títol del relat */
#topRuta H2 {
	font-size:1rem;
	font-weight:700;
	line-height:1.5rem;
	color:#777;
	margin:15px 0;
}

#topRuta H3 {
	display:none;
}

#topRuta IMG {
/*
	margin-right:8px;
	margin-bottom:9px;
	vertical-align:bottom;
*/
}

#topRuta IMG.noVora {
	border:0;
}


#topRuta IMG.flag, IMG.flagSep {
	margin-right:0px;
	width:40px;
	height:20px;
}

#topRuta IMG.flagSep {
	margin-right:10px;
}


#topRuta DIV.infoRelat {
	font-size:128%;
	text-align:center;
	line-height:1.3;
	margin-top:10px;
	color:#5D5D5D;
	font-weight:bold;
}

#topRuta DIV.infoRelat SPAN {
	color:#006262;
}

#topRuta DIV.infoRelat DIV.dataRelat {
	font-size:80%;
	text-align:center;
	display: inline-block;
	font-weight:normal;
}

#topRuta DIV.dataRelat IMG {
	margin-top:2px;
}

#topRuta DIV.dataRelat SPAN {
	color:#864444;
	font-size:95%;
}

.titolRT {
	color:#4D4D4D;
	font:bold 1.3rem Arial,sans-serif;
	border-bottom:1px solid #4D4D4D;
	transform: scaleY(1.15);  /*Escalem l'alçada 1.2 vegades l'alçada normal */
	transform-origin: bottom left;
	padding-bottom:8px;
	margin-bottom:20px;
	margin-top:40px;
}


/* Div estàndar en pàgines no relat */
div.dco {
	padding:10px 0px;
	border-bottom:1px dotted #c0c0c0;
}


h3.rit, h3.rfi, h3.linkRel {
	padding:5px 3px;
	margin-top:45px;
	margin-bottom:5px;
	font-size:1.5rem;
	color:#79878c;
	border-bottom:2px solid #96A0A5;
}


/* Destinació relat:cos */
/* Introducció relat:cos */
div.rdc, div.ric, div.rfc {
	padding:5px 0px;
	overflow:auto;
}

/* Enllaços relacionats relat */
/* L'estil recE s'haurà d'eliminar d'aquí un cop s'hagin pujat tots els relats on s'ha substituit recE  per rec */
div.rec, div.recE {
	padding:7px;
	background-color:#F0F7F7;
	border-bottom:1px dotted #8BC7C7;
}

div.rec A, div.recE A {
	font-weight:bold;
}

div.caixaIntroPag {
	padding:15px;
	border:1px solid #61AFAF;
	margin-bottom:40px;
	border-radius:25px;
}


/* Bloc d'enllaços relacionats en els relats */
SPAN.linkRelAutor {color:#6D3636}
SPAN.linkRelAny {color:#737373; font-size:0.9rem}


/* En itineraris per a fer dues columnes */
.quadreText, .quadreTextDret  {
	padding:10px 6px;
	width:405px;
}

/* Publi Adsense horitzontal */
.publiAdsHrzUp, .publiAdsHrzDown {
	text-align:center;
}

.publiAdsHrzDown {
	margin:20px 0; /* dalt/baix esquerra/dreta */
}

.publiAdsHrzUp {
	margin-top:5px;
	margin-bottom:20px;
}

.imgPubli {
	margin-top:20px;
	margin-right:15px;
	float:left;
}

/* Centra la imatge en l'espai que tingui */
.imgCentre {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* Per posar bé els div amb l'atribut FLOAT */
.clrfloat { 
	content:""; 
	display:block;
	height:0; 
	clear:both; 
}

/* Text de la caixa de navegació */
.tcnav {
	background-color:#F8EFEF;
	padding:8px;
	border-top:1px dashed #750000;
	border-bottom:1px dashed #750000;
	color:#750000;
}

/* Caixa de navegació */
div.tnav {
	text-align:center;
	background-color:#EAE6EE;
	padding:6px 10px;
	margin:20px 0;
}

div.info, div.infoe, div.infoc {
	background-color:#F1F1F8;
	border-radius:15px;
	padding:20px 10px;
	overflow:auto;
}

/* Alineat a la dreta */
div.info {
	font-size:.95rem;
	margin:8px 0 8px 8px;
	float:right;
}

/* Alineat a l'esquerra */
div.infoe {
	font-size:.95rem;
	margin:8px 8px 8px 0;
	float:left;
}

/* Ocupa tota l'amplada de la pàgina */
div.infoc {
	margin:25px 0;
}

.infoTitol {
	font-size:1.1rem;
	text-align:center;
	color:#005680;
	border-bottom:1px dotted #005680;
	margin:5px 0 12px 0;;
}

div.infoDiaRuta {
	background-color:#F8EFF1;
	border-radius:15px;
	padding:10px;
	padding-top:20px;
	margin:20px 0;
}

div.infoDiaRuta IMG {
	margin-right:5px;
	vertical-align:top;
}

div.infoDisclosure {
	background-color:#F2F4F7;
	color:#244A4A;
	border-radius:15px;
	padding:8px;
	font-size:small;
	margin-bottom:25px;
}

/* Requadre ruta relat */
#quadreIti {
	background-color:#EEEEEE;
	padding:5px;
	margin-top:10px;
	font-size:95%;
	overflow:auto;
}

#quadreIti P {
	overflow:hidden; /* Així evitem que el text caigui sota la imatge */
}

.quadreIti-map, .quadreIti-map-vd7 {
	float:left;
}

.quadreIti-map {
	margin-right:12px;
}
.quadreIti-map-vd7 {
	margin-right:7px;
}

.quadreIti-map-ve7 {
	float:right;
	margin-left:7px;
}

.quadreIti-map A, .quadreIti-map-vd7 A, .quadreIti-map-ve7 A {
	border:0;
}

/* LLegenda mapa itinerari */
.itiMapT1, .itiMapT2, .itiMapT3, .itiMapT4 {
	padding-right:15px;
}
.itiMapT1 {
	color:#FFFFFF;
}
.itiMapT2 {
	color:#FFFF00;
}
.itiMapT3 {
	color:#00FFFF;
}
.itiMapT4 {
	color:#FF0000;
}
.itiMapT5 {
	color:#00ff00;
}

#titolwebprint, #peuwebprint {
	display:none;
}

/* ============================================ 
		Pàgines d' Excursions  */

div.titExc { border-bottom:2px dotted #005B2E; background-color:#F8F8F1; padding:7px 0 }
div.titExc IMG { vertical-align:bottom; margin:0px 12px; }
div.cosExc { background-color:#F8F8F1; padding:10px; }

H3.lnkExc, H3.txtExc { display:inline; font-weight:normal;	font-size:1.2rem; line-height:1.2}
/* H3.lnkExc A { display:inline; } */
H3.txtExc { color:black}

.cnave {background-color:#F0F0E1; padding:8px; border-bottom:1px dotted #808080;margin-top:10px;}
.cnave A { font:normal 1.2rem Helvetica,Arial,sans-serif }
.infoComarca {margin-top:15px; margin-bottom:20px; padding:10px; background-color:#F8FFF2; border-radius:10px; border:1px dotted green; }
.mapaProv {float:left; margin:10px;}
.mapaProv A {border:0;}

.mapaIframe {width:auto;  overflow:auto; margin:30px 0; border-bottom:1px dotted #808040;}

.mapaTemps {width:900px; height:auto; text-align: center;
}
.frmAllotjament {margin-bottom:20px; background-color:#FFF2E6; border:1px dotted #808040; padding:15px;}

.ftecRuta {
	float:right;
	font-size:.9rem;
	margin:20px 10px 10px 20px;
	width:41%;
	padding:10px;
	line-height:1.6;
	border-radius:10px;
	background-color:#E9EFB4;
}

.ftecRutaTitol {
	font-weight:bold;
	font-size:1.2rem;
	text-align:center;
	margin-top:-5px;
	margin-bottom:7px;
	border-bottom:1px dotted #586015;
	color:#586015;
}

.lstComarques {float:left; width:150px; margin-right:5px; padding:8px; line-height:1.8rem;}
.lstZones { background-color:#B3D9FF; padding:10px 0;}
.lstZones IMG {float:left; margin-left:35px; margin-right:25px;}
.lstMapa {float:left; margin-left:15px; margin-top:15px;}
.ect {color:#838341;}
.caixaPub {margin-top:10px; color:#959595;}


.mapaIntroExc iframe {
	border:1px dotted #757575;
	padding:0;
	margin:0;
	width:500px;
	height:240px;
	overflow:hidden;
}

/* =============== Final EXCURSIONS =============== */


/* Calendari d'activitats en pàgina principal */
.entradaCalendari {background-color:#fdf7df; margin-top:5px; padding:10px 8px; color:#008040; line-height:20px; }
.fotoEntradaCalendari{width:173px;height:auto;margin-top:8px}

/* Navegació pàgines amb nom */
.txtNoLnk {font-weight:700; color:#FFF; background-color:#8181C0; padding:2px 4px 2px;}
.titIdxNav {float:left; padding:0 10px; background-color:#5454A9; color:white; font-weight:bold;}

input {
	color:#0058B0;
	font-size:0.9rem;
	background-color:#EBF0F3;
}

input.boto {
	padding:2px;
	margin-left:8px;
	font-weight:bold; 
	font-size:1.1rem; 
	background-color:#E2E2E2;
	color:#404040
}

/* Vora de la foto */
img.foto {
	padding:4px;
}

/* Requadre de la foto (en la centrada no posem marc perquè no sempre ocuparà tota l'amplada) */
div.pfoto, div.pfotoEsq, div.pfotoDre, div.pfotoN {
	border:1px solid #C8C8C8;
}

/* Marges segons cada tipus d'aliniació */
div.pfoto {
	margin:20px 3px;
}

div.pfotoCen, div.pfotoN {
	margin: 25px 0;
}

/* Centrem la imatge dins del div */
div.pfotoCen IMG, div.pfotoN IMG {
	display:block;
	margin:auto;
}

/* top - right - bottom - left */
div.pfotoDre {
	float:right;
	margin:15px 0px 20px 20px;
}

div.pfotoEsq {
	float:left;
	margin:15px 20px 20px 0px;
}

/* Peu amb la descripció de la foto */
div.peuFotoText {
	width:auto;
	margin:auto;
	color:#484824;
	text-align:center;
	padding:5px;
	padding-top:8px;
	line-height:1.4rem;
	font-size:0.95rem;
	font-family:Tahoma,Arial,sans-serif;
}

a.cfoto {
	border-bottom:0;
}

DIV.fotoTotAmple {
	margin:15px 0;
}

/* Alinea verticalment una imatge amb el text i tots els elemnts que hi hagi en el div */
DIV.alinImg {
	display: flex;
	align-items:center;
}

.psep {
	margin-top:12px;
}

.sep0T {
	margin-top:0px;
}

/* Marge extra per dalt */
.sep25, .sep25T {
	margin-top:25px;
}

/* Marge extra per baix */
.sep25B {
	margin-bottom:25px;
}

/* Marge extra per la dreta */
.sep25R {
	margin-right:25px;
}

/* Marge extra per l'esquerra*/
.sep25L {
	margin-left:25px;
}

.pbot {
	margin-bottom:15px;
}

/* Marge extra per dalt */
.sep40T {
	margin-top:40px;
}

/* Desplaçament esquerra */
.desp10E {
	padding-left:10px;
}

/* Desplaçament dreta */
.desp10D {
	padding-right:10px;
}


#galeriaFotosGrans DIV.pfoto {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:60px;
}

/* Galeria de fotos en pàgines (no s'ha de passar alineació a la rutina mfoto) */
#galeriaFotos DIV.pfoto {
	float:left;
	margin:10px 6px;
}

#caixaSearch { /* Div que conté la caixa de recerca Google */
	border:1px dotted #737373;
	padding:20px 0;
	border-radius:15px;
	text-align:center;
	min-width:915px;
}

#caixaSearch .itext { /* Només per a la caixa de text input */
	height:25px;
	width:400px;
	font-size:1.1rem;
	padding:5px;
	background-color:#F2F2F2;
	border-radius:15px 0 0 15px;
	border:2px solid #4F4F4F;
}

#caixaSearch .itext:focus { /* Només per a la caixa de text input */
	border-radius:0px;
}

#caixaSearch .btnSearch { /* Botó dret caixa de cerca Google */
	background: url(/img/lupa.png) no-repeat center center;
	background-size:21px auto;
	width:38px;
	height:39px;
  background-color: #4F4F4F !important;
	border-radius:0 15px 15px 0;
	vertical-align: bottom;
 }

/* Add a border between individual search results */
.gs-webResult {
	padding:10px 5px;
	background-color:#F4F4F4;
}

/* Hide the Google branding in search results */
.gcsc-branding {
	display: none !important;
}

/* Hide the thumbnail images in search results */
.gsc-thumbnail {
	display: none !important;
}

/* Change the font size of snippets inside search results */
.gs-snippet {
	font-size: 1.1rem;
	font-family: Helvetica, Arial, sans-serif
}

/* Change the font size of the title of search results */
.gs-title a {
	font-size: 1.3rem;
	font-weight:bold;;
}

/* Google Custom Search highlights matching words in bold, toggle that */
.gs-title b, .gs-snippet b {
	font-weight: normal;
	color:#800000;
}

/* Do no display the URL of web pages in search results */
.gsc-url-top, .gsc-url-bottom {
	display: none;
}

/* Highlight the pagination buttons at the bottom of search results */
.gsc-cursor-page {
	font-size: 1.5rem;
	padding: 4px 8px;
	border: 2px solid #ccc;
}

/* Estils per a la barra de navegació en pàgines multi-capítol */
.bNavPag {
	border-bottom: 3px dotted #579FAA;
	clear: both;
	margin-top: 10px;
	margin-bottom:20px;
	overflow: hidden;
	padding: 0.1rem;
	text-align: right;
}

.bNavPag ul {
	background-color: rgba(0, 0, 0, 0);
	list-style: none outside none;
	margin: 18px 0 1.5rem;
	padding: 0;
	text-align: right;
}

.bNavPag ul li {
	display: inline;
	font-size: 1.1rem;
	font-weight: bold;
	margin-right: 0.3rem;
}

.bNavPag ul li a {
	background: -moz-linear-gradient(center top , #FFFFFF, #ECECEC) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid #AFAFAF;
	border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
	color: #666666;
	padding: 0.4rem 0.8rem;
	text-shadow: 0.1rem 0.1rem 0.1rem #FFFFFF;
}

.bNavPag ul li a:hover, .bNavPag ul li.actual a {
	background: none repeat scroll 0 0 #666666;
	border: 0.1rem solid #AFAFAF;
	border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0.1rem 0.1rem 0.1rem #000000;
}

.bNavPag ul li a:hover, .bNavPag ul li.actual a {
	background: none repeat scroll 0 0 #336699;
	color: #FFFFFF;
	text-decoration: none;
}

.bNavPag ul.b579FAA li a:hover, .bNavPag ul.b579FAA li.actual a {
	background: none repeat scroll 0 0 #579FAA;
}

/* Estils per al menú de navegació en la part superior de la pàgina (de moment només relats) */
#divNavRelat{
	margin-top:-5px;
	margin-bottom:15px;
	font-size:.9rem;
	color:#804040;
}

#divNavRelat IMG {
	width:15px; 
	height:auto;
	vertical-align:bottom;
	margin-bottom:5px;
	margin-right:3px;
}

#divNavRelat A {
	color:#5C5C5C;
	border-bottom:1px dotted #7C7C7C;
}

#divNavRelat A:hover {
	background-color:#EDEDDC;
}

/* =============== Barra utilitats: sharethis, rating i traducció CAT-ESP ================ */
DIV.barraUtils {
	border-top:1px dashed #dedede;
	border-bottom:1px dashed #dedede;
	padding:3px;
	font-size:.8rem;
	margin:30px 5px;
	height:30px;
}

DIV.caixaShareThis {
	float:left;
	width:40%
}

.st-btn {
	height:30px !important;
	width:30px !important;
	padding:0px !important;
}

DIV.caixaVots {
	float:left;
	width:38%;
	padding-top:7px;
	line-height:18px;
}

DIV.caixaTraduccio {
	float:right;
	width:165px;
}

DIV.caixaTraduccio IMG {
	float:right;
	margin-top:7px;
}

/* =============== Fi Barra utilitats ================ */

/* ==========  Estils per a la barra de votació ========= */
.ratingblock {
	display:block;
}
.loading {
	height:20px;
	background:url('/img/working.gif') 50% 50% no-repeat;
}
.unit-rating {
	list-style:none;
	margin:0px;
	padding:0px;
	height:15px;
	position:relative;
	float:left;
	background: url('/img/starrating.gif') top left repeat-x;
}
.unit-rating li {
	text-indent:-90000px;
	padding:0px;
	margin:0px;
	float: left;
}
.unit-rating li a {
	outline:none; 
	display:block; 
	width:15px; 
	height:15px; 
	text-decoration:none; 
	text-indent:-9000px; 
	z-index:20; 
	position:absolute; 
	padding:0px; 
	border-bottom:0px; 
}
.unit-rating li a:hover {
	background:url('/img/starrating.gif') left center; 
	z-index:2; 
	left: 0px;
}
.unit-rating a.r1-unit {left:0px;}
.unit-rating a.r1-unit:hover {width:15px;}
.unit-rating a.r2-unit {left:15px;}
.unit-rating a.r2-unit:hover {width:30px;}
.unit-rating a.r3-unit {left:30px;}
.unit-rating a.r3-unit:hover {width:45px;}
.unit-rating a.r4-unit {left:45px;}
.unit-rating a.r4-unit:hover {width:60px;}
.unit-rating a.r5-unit {left:60px;}
.unit-rating a.r5-unit:hover {width:75px;}
.unit-rating li.current-rating {
	background:url('/img/starrating.gif') left bottom; 
	position:absolute; 
	height:15px; 
	display:block; 
	border-bottom:0px; 
	text-indent:-9000px; 
	z-index:1;
}
.resultat {margin-left:8px;}
.voted {color:#8D8D8D;}
.thanks {color:#36AA3D;}
/* =========  Fi Estils per a la barra de votació ======== */

/* ==== ESTILS CAIXA US COOKIES ==== */
.caixaAvisCookies {
	bottom: 0px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
	position: fixed;
	padding-top: 15px;
	padding-bottom: 15px;
	color: black;
	font-size:0.9rem;
	background-color: #FFF;
	color: white;
	background-color: #4E4E4E;
	opacity: 0.95;
	filter: alpha(opacity=95); /* For IE8 and earlier */
	-webkit-box-shadow: 3px -3px 3px rgba(50, 50, 50, 0.56);
	-moz-box-shadow: 3px -3px 3px rgba(50, 50, 50, 0.56);
	box-shadow: 3px -3px 3px rgba(50, 50, 50, 0.56);
	z-index: 999999;
	text-align: center;
}

.caixaAvisCookies A {
	color:#66FFFF;
}

.botoAcceptaCookies {
  appearance: none;
  background-color: #2ea44f;
  border: 1px solid rgba(27, 31, 35, .15);
  border-radius: 4px;
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-weight: 700;
  padding: 5px 12px;
	margin:0 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.botoAcceptaCookies:hover {
  background-color: #217038;
}

/* ==== FI ESTILS CAIXA US COOKIES ==== */

/* ==== ESTILS CULTURA ==== */
h5.titolEnt {font-size:1.3rem; margin-top:7px; margin-bottom:1px;}
img.logo {margin-right:12px; margin-left:3px; margin-top:3px; border:1px solid #8D8D8D;}
.event {background-color:#F4F4EC; margin:12px 0; padding:5px 10px;}
.event-subt {color:#6A3500;margin-bottom:5px}
.nom-event {font-weight:bold;text-decoration:underline;}
.data {color:#006600; border-bottom:1px dotted #006600;}
/* ==== FI ESTILS CULTURA ==== */

/* ==== ESTILS PREMSA ==== */
.dest {color:#663300;}
.eventp {background-color:#F4F4EC; margin:12px 0; padding:4px; border:1px dotted #dedede;}
.audio {background-color:#E2E2CD; padding:4px; margin-left:8px; width:130px; border-radius:8px;}
.eventp H4 {border-bottom:1px dotted black; line-height:20px; display:inline; }
.eventp LI {list-style-type:circle;}
.llista {padding-left:15px;}
/* ==== FI ESTILS PREMSA ==== */

/* ==== ESTILS ENLLAÇOS ==== */
DIV.navDret, .navEsq { float:left; height:auto; margin-top:15px; }
DIV.navEsq { width:39%; background-color:#E8E8F4; padding:5px; margin-bottom:15px; border-radius:15px; }
DIV.navDret { width:56%; margin-left:15px; }
DIV.navEsq UL {	margin:0; padding:0; line-height:30px; }
DIV.navEsq LI { padding-left:14px; }
DIV.navEsq LI.noLnk { padding-right:15px; color:white; background-color:#6A6AB5; border-radius:10px; }
DIV.taula3cols {float:left; width:32%; margin-right:10px}
DIV.taula2cols {float:left; width:49%; margin-right:6px}
.rec1 { border-bottom: 1px solid #dedede; padding:10px 0px; }
.rec1 A { font-size:1.1rem;}
.subtitol {font-size:1.2rem; color:#B75B00; border-bottom:1px dotted #B75B00; margin-bottom:8px; margin-top:15px;}
.subtitol2 {font-size:1.1rem; color:#336633; text-decoration:underline; margin-top:20px}
/* ==== FI ESTILS ENLLAÇOS ==== */

/* ==== ESTILS EXCURSIONS ==== */
DIV.celmap1 {
	float:left;
	width:170px;
	text-align:center;
	background-color:#E4E4E4;
	padding: 15px 0;
	margin:0 2px;
	border-bottom:1px dotted black;
}

.celmap1 IMG {
	margin-right:10px;
	vertical-align:middle;
}

UL.lstcom {
	background-color:#F8F8F8;
	text-align:left;
	margin-top:11px;
	line-height:3rem;
}

UL.lstcom LI {
	border-top:1px dotted #919191;
	padding-left:5px;
}

UL.lstcom li::before {
  content: '🔸' ;
}

.celrut {
	padding:7px;
	width:46%;
	background-color:#F0F0FF;
	float:left;
	margin:0px;
	border:1px dotted #B7B7DB
}

/* ==== FI ESTILS EXCURSIONS ==== */

/* ==== ESTILS CANAL VIATGES ==== */
.caixaNom { background-color:#E9E9F3; border-radius:10px; padding:5px 15px; margin-right:20px; display:inline;}

h3.titolSecc {
	font-size:1.3rem;
	color:#758A3C;
	margin-bottom:15px;
	border-bottom:1px dotted #758A3C;
}

div.ibox {border:1px dotted #C3C3C3; padding:15px 6px; width:400px; background-color:#F5F5F5; }
.caixaOferta { background-color:#E8EEEA; padding:10px; border-radius:15px; }
.caixaOferta IMG { margin:10px 0px 15px 15px; border-bottom:2px solid #9D9D9D; }
.botoCompra { background-color:#597964; padding:5px 15px; border-radius:15px; margin-top:10px; }
.botoCompra A { color:white; }
#anunciCViatges  { width:145px; margin:auto; background-color:#eee7dd; font-size:0.9rem; line-height:1.5rem; padding:6px; font-weight:bold; }
#anunciCViatges IMG { margin:8px; }
#anunciCViatges A:hover { border:0; }
.idxPag { margin-left:12px; }
/* ==== FI ESTILS CANAL VIATGES ==== */

/* ==== ESTILS LLIBRES ==== */
.imgLlibre {
	margin-right:10px;
	border:3px solid white;
	width:65px;
	height:auto;
}

SPAN.txs {
	color:#004F4F
}

H2.titSeccio {
	padding:1px 10px;
	background-color:#AD5A5A;
	color:white;
	font-size:1.3rem;
	border-radius:10px 10px 0 0;
	margin-bottom:5px
}

DIV.taula {
	background-color:#828282;
	border:1px solid #828282;
	margin-top:25px;
}

DIV.taulaInicial {
	font-size:1.5rem;
	font-weight:bold;
	color:#fff;
	padding:4px 20px;
	border-bottom:1px solid #AD8C0A;
}

DIV.taulaLlista {
	background-color:#FFF;
	padding:5px 20px;
	font-size:1.05rem
}

DIV.taulaLlista A {
	font-size:1.05rem
}

DIV.taulaLlista SPAN {
	color:#6F6F6F;
	font-weight:bold;
}

DIV.unLlibre {
	border-radius:15px;
	background-color:#FFF2E6;
	padding:20px;
	margin-bottom:15px;
	overflow:auto;
}

div.unLlibre p {
	line-height:1.2;
}


DIV.unLlibre IMG {
	border:5px solid white;
	width:auto;
	height:350px;
	margin-right:20px
}

/* Títol del llibre */
DIV.unLlibre H3 {
	color:#353535;
	font-size:1.6rem
}

/* Autor del llibre */
DIV.unLlibre H4 {
	margin-top:5px;
	color:#8A8A8A;
	font-size:1.3rem
}

DIV.taulaLlista2 {
	padding:12px 0;
	border-bottom:2px dotted #c1c1c1;
}

DIV.taulaLlista2 A {
	font-size:1.05rem
}

.navSecc {
	text-align:center;
	background-color:#EDEDDC;
	padding:4px 10px;
	line-height:25px;
	margin-top:15px;
	color:#804040
}
/* ==== FI ESTILS LLIBRES ==== */

/* ==== ESTILS PREPARA.PHP === */
DIV.caixaEsq {float:left; width:55%;}
DIV.caixaDreta {float:right; width:41%; height:280px; margin-bottom:10px; margin-left:15px; overflow:auto}
IMG.icona {margin-right:15px; margin-top:8px;}
DIV.llista {background-color:#F5F5FA; margin-top:25px;  padding:15px;}
DIV.llista H4 {border-bottom:2px dotted #006C6C; font-size:1.3rem; color:#006C6C}
DIV.llista H5 {margin-top:20px; font-size:1.2rem;		text-decoration:underline;}
.subtitolPrep {color:#616161; font-weight:normal; font-size:1.05rem}
/* ==== FI ESTILS PREPARA.PHP ==== */

/* Caixa on es mostren els resultats de la recerca Google */
#srchResult {
	max-width: 100%;   /* amplada màxima */
	margin: 0 auto;     /* centrat horitzontal */
	padding: 0 16px;    /* espai lateral en mòbil */
}

.gcse-search {
	font-size:0.8rem;
	color:red;
}

/* Caixa on es mostra l'avís de Viatgeaddictes en els relats */
#caixaAvis { border-radius:15px; width:375px; padding:8px; background-color:#EEEEEE;}


/* Finestres modals per a fotos i text */
#fbox-loading { position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none;}
* html #fbox-loading { position:absolute; margin-top:0; }
#fbox-loading div { position:absolute; 	top:0; left:0; width:40px; height:480px; background-image:url('/img/fbox.png'); }
#fbox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none; }
* html #fbox-overlay { position:absolute; width:100%; }
#fbox-tmp { padding:0; margin:0; border:0; overflow:auto; display:none; }
#fbox-wrap { position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none; }
#fbox-outer { position:relative; width:100%; height:100%; background:#FFF; }
#fbox-inner { position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden; }
#fbox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; }
#fbox-close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url('/img/fbox.png'); background-position:-40px 0px; cursor:pointer; z-index:1103; display:none; }
#fbox_error { color:#444; font:normal 1rem Arial,sans-serif; padding:7px; margin:0; }
#fbox-content { height:auto; width:auto; padding:0; margin:0; }
#fbox-img { width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic; }
#fbox-frame { position:relative; width:100%; height:100%; border:none; display:block; }
#fbox-title { position:absolute; bottom:0; left:0; text-align:center; padding:5px 0; z-index:1102;}
.fbox-title-intxt { margin-top:8px; background-color:#4E4E4E; color:#FFF; }
.fbox-title-inimg { font-size:0.95rem;}
.fbox-title-inmap-lleg { background-color:#464646; color:#EFEFEF; padding:2px; text-align:center; }


/* -----------------------------------------------------------------------------
	Estils responsius per a la pàgina de contacte
	---------------------------------------------------------------------------- */

#conteFormulari {
width: 75%;
margin:40px auto;
padding:15px;
border: 1px solid #56562C;
background-color:#F2F2E6;
border-radius:15px;
}

#formulari {
width:75%;
margin:4% 10%;
}

#conteFormulari label {
	font-weight:bold;
	color:#696969;
}

#conteFormulari .ctext, #conteFormulari .ccodisec, #conteFormulari .cselect {
	font:normal 1.1rem 'Helvetica Neue',Helvetica,Arial;
	color: #003F7D;
	padding: 5px 10px;
	border-radius:5px;
	border:1px solid #7ac9b7;
	background-color:#EBF0F3;
}

#conteFormulari .ctext {
	margin-bottom: 20px;
	margin-top: 6px;
	width:100%;
}

#conteFormulari .ccodisec {
	padding: 3px 10px;
	margin-right:5px;
}

#conteFormulari .cselect {
	margin-bottom: 20px;
	margin-top: 6px;
	width:105%;
}

#conteFormulari .csubmit {
	font:normal 1.4rem 'Helvetica Neue',Helvetica,Arial;
	margin-left:12px;
	margin-top:25px;
	width:100%;
	padding: 15px;
	border-radius:8px;
	border:1px solid #7ac9b7;
	background-color: #4180C5;
	color: aliceblue;
	cursor:pointer;
}

#conteFormulari .csubmit:hover {
	background-color: #FF8C1A;
}

#conteFormulari .csubmit:disabled {
	background-color:#707070;
	cursor:default;
}

#conteFormulari .ctext:focus, #conteFormulari .cselect:focus, #conteFormulari .ccodisec:focus {
	border-color:#4697e4;
}

#formContacteFinal {
	padding:25px;
	border:2px solid #c0c0c0;
	border-radius:10px;
}

#formContacteFinal .resultat {
	font-size:1.1rem;
	color:#008040;
	font-weight:bold;
	padding-left:25px;
}

}
/* ===========================================
		FINAL ESTILS PER A PANTALLA {SCREEN}
=========================================== */


/* ===========================================
		MEDIA QUERIES PER AL MODE FOSC (DARK MODE)
	========================================== */
/*
@media (prefers-color-scheme: dark) {
  img {
    opacity: .75;
    transition: opacity .5s ease-in-out;
  }
  img:hover {
    opacity: 1;
  }

	#titolweb {box-shadow:none;}

	body {background-color: #151515;}
	#contenidor {box-shadow:none; background-color: black; color:#EBEBEB;}
	div.rfc, div.infoc {background-color: #202020;}
	div.infoc {background-color: #303030; color:#CFCFCF;}
	DIV.pfoto, DIV.pfotoDre, DIV.pfotoEsq, DIV.peuFotoText {background-color: #303030; color:#CFCFCF;}
	#quadreIti {background-color: #353535;}

	span.iti {color:#FFA579;}

	#topRuta H2 {background-color: #303030; color:#CFCFCF;}
	#topRuta H1 {color:#EBEBEB;}
	#topRuta DIV.autorRelat A {color:#2291FF;}
	#topRuta DIV.pubRelat {color:#CFCFCF;}

	#peuweb, #peuweb A, #peuweb .peuCaixa1, #peuweb .peuCaixa2, #peuweb .peuCaixa3 {background-color: #202020; color:#B9B9B9;}

	#titolweb {background-color: #303030; border-bottom:2px solid #FF8040; color:#B9B9B9;}
}
*/


/* ===========================================
		MEDIA QUERIES PER ALS LAYOUTS I MENU RESPONSIVES
	========================================== */

/*==============    Per a ressolucions de 1140px o menys   ================*/
@media all and (max-width:1200px) {
	
	/* COLUMNA PRINCIPAL */
#cosPagina {
	width:auto;
}
	
#conteFormulari {
width: 80%;
margin: 30px auto;
}

.noFloatMobil {
	float:none;
	width: auto !important;
	margin:5px 0 0 0 !important;
}

DIV.barraUtils {
	height:auto !important;
	text-align:center;
	clear:both;
}

/* Centrem horitzontalment, però en línies separades, els tres div */
DIV.caixaShareThis, DIV.caixaVots, DIV.caixaTraduccio {
	clear:both;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/* Mapes i videos incrustats en un iframe dins d'un div responsive */
.lstMapa, .mapaIframe {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	width: 100% !important;
	margin-left:0;
	margin-right:0;
	overflow: hidden;
}

.lstMapa iframe, .mapaIframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

div.pfoto, div.pfotoEsq, div.pfotoDre, div.pfotoN {
	margin-bottom:20px;
}

/* Peu descriptiu de la foto */
div.pfoto DIV, div.pfotoEsq DIV, div.pfotoDre DIV, div.pfotoN DIV {
	width:99% !important;
	padding:5px 0;
}

div.pfotoN IMG {
	max-width:1100px;
	width:100% !important;
	height:auto !important;
	padding:0;
	margin:0;
}

#galeriaFotos DIV, #galeriaFotos IMG {
	width:100% !important;
	height:auto !important;
	padding: 0 !important;
	margin: 0 !important;
}

#galeriaFotos DIV.pfoto {
	margin-bottom:25px !important;	
}

#galeriaFotos DIV.peuFotoText {
	max-width:99% !important;
	padding:5px 0 !important;
}

.quadreIti-map, .quadreIti-map-vd7, .quadreIti-map-ve7 {
	float:none;
}

.quadreText, .quadreTextDret  {
	width:auto;
}

.quadreText {
	padding-bottom:0;
}

.quadreTextDret {
	padding-top:0;
}

#anunciCViatges, div.caixaBanner, div.caixaBanner2 {
	text-align:center;
	background-color:#F8F8ED;
	border:1px solid #c0c0c0;
}

#anunciCViatges {
	width:94vw;
	margin-bottom:25px;
}

div.caixaBanner, div.caixaBanner2 {
	width:auto;
	margin-right:10px;
	margin-bottom:15px;
}

/* Pàgina canalv */
div.ibox {
	width:auto;
	padding:0;
	border:0; 
	margin-bottom:15px;
}

#rentalcars, div.alinDret {
	float:none;
	margin-bottom:20px;
}

#caixaSearch {
	min-width:unset;
}

/* Eliminats */
#socialBox, div.sep130, div.publiVertical, p.estil4 IMG, DIV.blocDretPubli {
	display:none;
}

.caixaNom {
	display:block;
	margin-bottom:10px;
}

}
/*========== Final ressolucions 1140px o menys ===========*/



/*========= Per a ressolucions de 840px o menys =========*/
@media all and (max-width: 1050px) {

A.lnkCap {
	font-size:125%;
}

.peuCaixa1 {
	display:none;
}

#topRuta {
	margin-top:2.5rem;
}


#topruta DIV.txtPag, #topRuta DIV.txtPag { 
	font-size:.9rem;
}

#conteFormulari .csubmit, #conteFormulari .ctext, #conteFormulari .cselect {
	padding:5px;
}

#conteFormulari .cselect {
	font-size:1rem;
}

#conteFormulari, DIV.unLlibre {
	width: auto;
}

DIV.unLlibre {
	width: auto !important;
	padding:10px;
}

DIV.unLlibre IMG {
	padding:0;
}

.titsec2 {
	font-size:1.3rem;
	width: 95% !important;
}

.titsec2 IMG {
	width:auto;
	height:30px;
}

.quadreIti-map, .quadreIti-map-vd7, .quadreIti-map-ve7 {
	margin:0;
}

DIV.info, DIV.infoe, DIV.taula3cols, DIV.taula2cols, DIV.ftecRuta {
	float:none;
	width: auto !important;
	margin:10px 0 0 0 !important;
}

DIV.caixaShareThis, DIV.caixaVots, DIV.caixaTraduccio {
	float:none;
	width: auto !important;
	margin:5px 0 0 0 !important;
	text-align:left;
}

/* Fer que les taules siguinresponsives. Force table to not be like tables anymore */


/* Important per a fer responsius objectes embeguts com els videos */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.celrut {
	float:none;
	width:auto;
}

IMG.imgResp {
	width:98% !important;
	height:auto;
}

DIV.publiAdsHrzUp {
	display:none;
}

/* Iframe del mapa de predicció del temps de Meteocat */ 
DIV .mapaTemps {
	position: relative;
	padding-bottom:100%;
	height: 0;
	width: 100% !important;
	margin-left:0;
	margin-right:0;
	margin-top:30px;
	overflow: hidden;
}

.mapaTemps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

DIV.celmap1 {
	float:none;
	width: auto !important;
	margin:0;
	margin-bottom:30px;
}


table, thead, tbody, th, td, tr {
	display: block; 
}

/*
thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

tr{
	border: 1px solid #ccc;
}
*/

td {
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
}

/*
td:before {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
}
*/


.taulaResp table {
	border: 0;
  }

.taulaResp  td {
	display: block;
  }

.taulaResp  th {
	display:none;
  }

.taulaResp  tr {
	margin-bottom:8px;
	border-bottom: 3px solid #ddd;
}

.taulaResp td::before {
	content: attr(data-cell) " : ";
	color:#618982;;
	text-transform: uppercase;
}

 table caption {
	font-size: 1.2em;
	display:block;
	margin-bottom:5px;
}



#divNavRelat {
	margin-top:20px;
}

}
/*=========== Final ressolucions 800px o menys ===========*/


/*========== Per a ressolucions de 600px o menys =========*/
@media all and (max-width: 800px) {

#contenidor {
	margin:0;
	padding:0;
}

#boxIdxIntroEsq, DIV.ric, DIV.caixaEsq, DIV.navEsq, DIV.navDret {
	float:none;
	width: auto;
	margin:0;
	margin-bottom:20px;
}

#boxIdxIntroDret {
	margin-top:35px;
}

IMG.imgResp {
	width:98% !important;
	height:auto;
	margin:15px 0;
}

.celimgh, .celimgv {
	width: auto;
	float: none;
}

.mapaIntroExc iframe {
	width:99% !important;
}

IMG.foto {
	width:100% !important;
	height:auto !important;
	max-width:980px;
	padding:0;
	margin-bottom:8px;
}

div.pfotoDre, div.pfotoEsq {
	margin:20px 0px;
	float:none;
}

.caixa2fotos .pfotoEsq {
	margin-right:0;
}

.caixa2fotos .pfotoDre {
	margin-left:0;
}

div.peuFotoText {
	margin:auto;
}

#topruta DIV.dataRelat IMG, #topRuta DIV.dataRelat IMG {
	display:none;
}

#caixaSearch .itext { /* Només per a la caixa de text input */
	width:70vw;
}

/* La taula passa a ser d'una sola columna */
 .taulaContinguts {
	grid-template-columns: 1fr;
}

.taulaResp  table {
    border: 0;
  }


.taulaResp  td {
    display: block;
  }

.taulaResp  th{
	display:none;
  }

.taulaResp  tr{
	margin-bottom:8px;
  }

.taulaResp td::before {
          content: attr(data-cell) " : ";
          color:#618982;;
          text-transform: uppercase;
      }

 table caption {
    font-size: 1.2em;
    display:block;
  }

}


/*========== Per a ressolucions de 480px o menys =========*/
@media all and (max-width: 400px) {

#caixaAvis {
	width:auto;
}

DIV.unLlibre IMG {
	width:97% !important;
	height:auto;
	margin-bottom:15px;
	margin-right:0;
}

DIV.pfotoEsq, DIV.pfotoDre, DIV.pfoto {
	margin-left:0;
	margin-right:0;
}

#hostelworld_s IMG {
	width:100%;
	height:auto;
}

}
/*============ Final ressolucions 480px o menys ==========*/



/* ===========================================
		ESTILS PER A IMPRESSIÓ {PRINT}

    Pixels => Points
    6px => 5pt
    7px => 5pt
    8px => 6pt
    9px => 7pt
    10px => 8pt
    11px => 8pt
    12px => 9pt
    13px => 10pt
    14px => 11pt
    15px => 11pt
    16px => 12pt
    17px => 13pt
    18px => 14pt
    19px => 14pt
    20px => 15pt
    21px => 16pt
    22px => 17pt
    23px => 17pt
    24px => 18pt

=========================================== */
@media print
{

body,#contenidor,#cosPagina, #topruta, #topRuta {
	margin:0;
	padding:0;
	border:0;
/*
	word-spacing:1px;
	letter-spacing:0.2px;
*/
	font:12pt Georgia, "Times New Roman", serif;
	line-height: 1.4;
	color: #000;
}

/** Setting margins */       
@page { margin: 1cm }

div.mostraDivPag,div.amagaDivPag {
	display:block
}

h3.rit, h3.rfi {
	border-bottom:1px dashed black;
	margin-top:10px;
	font-size:13pt
}

h4.titrfc, h4.titrfcns, div.tx1sep, div.tx1 {
	border-bottom:1px dotted black;
	display:inline;
	font-size:12pt;
	color:#663300
}

/* Enllaços relacionats */
DIV.rec {
	margin-top:5px
}

#quadreIti {
	margin:10px 0
}


div.quadreIti-map, div.quadreIti-map-vd7, div.quadreIti-map-ve7 {
	float:none;
	width:100% !important;
	height:auto
}

h3.titolRT {
	border-bottom:1px dashed #000;
	font-size:15pt;
	margin-top:30px;
	margin-bottom:5px
}

h1, h2, h3, h4, h5, h6 {
	page-break-after:avoid;
	page-break-inside:avoid;
}

img {
	page-break-inside:avoid;
	page-break-after:avoid;
}

table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }

a, blockquote {
	page-break-inside:avoid
}

img, img a {border:none}
/*img, table {page-break-inside: avoid;}*/

/* Peu descriptiu de la foto */
.mapaGoogle, div.pfoto DIV, div.pfotoEsq DIV, div.pfotoDre DIV {
	text-align:left;
	margin-bottom:15px;
	width:100% !important;
	font-size:11pt;
	font-style:italic;
	color:#008000
}

/* Peu descriptiu dels mapes */
.mapaGoogle {
	font-weight:normal;
	margin-top:5px;
}


/* Capçalera i peu de cada pàgina */
#titolwebprint, #peuwebprint {border:2px dotted #000; padding:15px; color:#868686; font-size:11pt; }
#titolwebprint DIV { margin-top:20px; text-align:center; font-weight:bold }
#peuwebprint {margin-top:20px; padding:15px; overflow:auto }
#peuwebprint DIV { float:right; }
#peuwebprint IMG { float:left }

#topruta, #topRuta {
	margin-top:25px;
	line-height:13pt;
	padding:10px;
	border-bottom:1px solid #999999;
	background-color: unset;
	overflow:auto;
}

#topruta IMG, #topRuta IMG {
	margin-right:10px;
	height:18px;
	width:auto;
	border:1px solid #c0c0c0;
	float:left
}

/* Títol de la pàgina */
#topruta H1, #topRuta H1 {
	font-size:20pt;
}

/* 
	#topruta H2, #topRuta H3 --> Nom del país/regió al costat de la bandera 
	#topRuta H2 --> Subtítol descriptiu
*/
#topRuta H2, #topRuta H3 {
	font-size:1rem;
	color:#969696;
}

#topRuta H2, #topRuta H3 {
	display:inline;
}

#boxIdxIntroEsq{float:left;border:1px dotted #000;margin-right:15px;padding:5px;}
#boxIdxIntroEsq H6{font-size:1rem;margin-top:5px;margin-bottom:0}

h3.titolColor {margin-top:50px;padding:7px;color:#808080;border-top:1px dotted #808080;border-bottom:1px dotted #808080;}

#titolweb, #peuweb, #peuact, #divNavRelat, #publiAdsH, #links, #publiAdsHSB, #colDreta, hr, div.barraUtils, div.footerbar, div.rec, div.recE, div.bNav, div.bNavPag, #popupAvis, #caixaAvis, div.caixaAvisCookies, .noPrint, .txtPag, h4.titolCaixa, #disqus_thread {display:none}

/* div.rec {border:0;} */
a.mailg {font-size:16px;border:0}

div.infoe {float:left; padding-right:20px}
div.info {float:right;padding-left:20px}

/* Pàgines de rutes i excursions */
div.lstMapa {float:left;margin-bottom:20px;}
h3.lnkExc, h3.txtExc {display:inline;font-size:18px;margin-left:12px}
h3.lnkExc a {border:0; color:#005500;}
div.titExc {margin-top:30px;border-bottom:1px dashed #005500}
div.idxNav, div.mapaIframe, div.frmAllotjament {display:none;}
div.dco {margin:10px 0;}

}
/* ===========================================
		FINAL ESTILS PER A IMPRESSIÓ {PRINT}
=========================================== */