@charset "utf-8";


#pagina {
    width: 100%;
}


body {	
	/*line-height: 1.4em;*/
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: left;
	font-family: 'Roboto Condensed',Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #505050;
	height: 100%;
}


.amplada-pagina {
	width: 100%;
	max-width: 1050px;
	margin-left: auto !important; 
	margin-right: auto !important;
	/*overflow: hidden;*/
}

#Pagina {
	background-color: #ffffff;
}
#Pagina-interior {
	margin: 0 20px 0 20px;
}

#logo-mob {
	display: none;
}
#DivIdiomes-mob {
	display: none;
}
/* ----  Capçalera ---- */
#Capcalera_Print {
	display: none;
}
#Capcalera {
	overflow: visible;
	width: 100%;
	min-height: 160px;
	position: relative;
}
.contingut-rotador-portada {
	margin-bottom: 40px;
}
#capcalera-imatge img {
	width: 100%;	
}	
#capcalera-imatge {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}
#capcalera-imatge #titol-capcalera {
	bottom: 20px;
	background-image: none;
	z-index: 99;
	background-color: transparent;
	width: 100%;
	position: absolute;
	left: 0;
}
.gradient {
	background-image: linear-gradient(transparent, #ffffff);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	
	margin-bottom: 10px;
	opacity: 0.8;
	z-index: 98;
}

#capcalera-imatge p.titol-pagina-imatge {
	font-size: 3.5em;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;	
}


#CapcaleraSup {
	position: absolute;
	top: 0px;
	z-index: 999;
	width: 100%;
	overflow: visible;
	margin-bottom: 5px;
	background: rgba(251, 251, 251, 0.85);
}
#CapcaleraSup .amplada-pagina {
	overflow: hidden;
}
#CapcaleraSup #telefon {
	font-size: 1.6em;
	font-weight: bold;
	padding: 10px 14px 10px 14px;
	color: #871b20;
	margin: 25px 0 25px 20px;
	float:left;
}
#CapcaleraSup #BarraLogin {
	background: rgba(244, 242, 242, 0.9);
	display:none;
	text-align: right;
	padding: 25px 0 25px 0;
}
#CapcaleraSup #CercaMobil {
	display: none;
}
#CapcaleraSup #LinksMobil {
	display: none;
}
#CapcaleraSup #menu-superior-mob {
	display: none;
}

#CapcaleraSup #BarraLogin label {
	font-size: 1.2em;
	margin-top: 2px;
	vertical-align: top;
}
#CapcaleraSup #BarraLogin .loginput {
	border: 1px solid #505050;
	height: 28px;
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	font-size: 1.2em;
	vertical-align: top;
	width: 200px;
	background-color: transparent;
}

#CapcaleraSup #Logo {
	float: left;
	margin-top: 15px;
} 
#CapcaleraSup #Links {
	float:right;
	overflow: hidden;	
	margin-top: 30px;
	margin-left: 20px;
}	
#CapcaleraSup #Cerca {
	float:right;
	overflow: hidden;	
	margin-top: 30px;
	margin-left: 20px;
}	
#CapcaleraSup #cer_cerca {
	border: 1px solid #505050;
	height: 28px;
	margin-right: 2px;
	padding: 0px 10px 0px 10px;
	font-size: 1.1em;
	vertical-align: top;
	width: 190px;
	background-color: transparent;
}

#CapcaleraSup #Login {
	float:right;
	overflow: hidden;	
	margin-top: 30px;
	margin-left: 25px;
}	
#CapcaleraSup #Login span {
	color: #505050;
	float: right;
	font-size: 1.2em;
	max-width: 175px;
	display: block;
	width: 200px;
	padding: 4px 5px 0 0;
}
#CapcaleraSup #Login img {
	float: right;
}


#CapcaleraSup #Links a {
	margin: 0 5px 0 0;
}

#CapcaleraSup #DivIdiomes {
	float:right;
	margin-top: 30px;
	overflow: hidden;	
}
#CapcaleraSup ul#Idiomes, #DivIdiomes-mob  ul#Idiomes {
	margin: 0;
	list-style: none;
	list-style-type: none;
}
#CapcaleraSup ul#Idiomes li, #DivIdiomes-mob  ul#Idiomes li {
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
	overflow: hidden;
	list-style: none;
}
#CapcaleraSup ul#Idiomes li, #DivIdiomes-mob  ul#Idiomes li {
	background-color: #b4b4b4;
	color: #ffffff;
	display: inline-block;
	width: 23px;
	height: 24px;
	padding: 6px 0 0 7px;
	margin-left: 3px; 
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
}	

#CapcaleraSup ul#Idiomes li.sel, #DivIdiomes-mob  ul#Idiomes li.sel {
	background-color: #8c8c8c;
	text-decoration: none;
}
#CapcaleraSup ul#Idiomes li a, #DivIdiomes-mob  ul#Idiomes li a {
	color: #ffffff;
	padding: 0;
	text-decoration: none;
    overflow: hidden;
} 
#CapcaleraSup ul#Idiomes li a:hover, #DivIdiomes-mob  ul#Idiomes li a:hover {
	text-decoration: underline;
}
#CapcaleraSup ul#Idiomes li.noValidat {
	text-decoration: none;
	color: #808080;
}
#CapcaleraSup ul#Idiomes li.ultim {
	
}


#Capcalera_Esq {
	float: left;
	max-width: 37%;	
}
#Capcalera_Tel {		
	float: left;
	vertical-align: top;
	padding-top: 3px;
	padding-left: 35px;
}
#Capcalera_Tel span.telf {
	font-weight: 900;
	font-size: 1.1em;
	color: #a1a1a1;
}
#GoogleCap {
	float: left;
	margin-top: 0.3em;
	
}

#Capcalera_Inf {
	overflow: hidden;
	width: 100%;
}

/*
#menu {
	width: 68%;
	overflow: hidden;
	float: left;
}
*/

#menu-superior-mob {
	display: none;
}
.amaga-menu {
	display: block;
}

#Cap {
	clear: right;
	float: right;
	background: #BCBCC2;
	overflow: hidden;
	width: 95%;
	text-align: left;
	margin-top: 12px;
	padding-top: 1px;
	
	-webkit-border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px;
}


#Cap li a {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: white;
}
#Cap li a:hover {
	text-decoration: none;
	color: #870020;
}

#Botons {
	display: block;
	float: right; 
	text-align: right; 
	margin-right: 4px;
	margin-top: 3px;
	overflow: hidden;
}
#botons-social {
	float: right;
	margin: 0 8px 0 0;
	padding: 0;
}
#botons-cerca {
	float: right;
	margin: 0;
	padding: 0;
	margin: 0 15px 0 0;
}
#Botons a {
	margin-left: 2px;
}


/* ---- Contingut ---- */
#Contingut {
	clear: both;
	font-size: 1em;
	padding-top: 2px;
	/*height: 100%;*/
	overflow:hidden;
}

/* Contingut de la pàgina */
#Cont {
	padding: 0;
	text-align: justify;
	width: 100%;
	float: left;
	clear: both;
}
.Cont_amb_Adicionals {
	width: 72% !important;
}

#ContElements {
	padding: 0;
	width: 480px;
	text-align: justify;
}
#Col_Cont_Portada {
	margin-left: 0px;
	width: 100%;
	padding: 25px 0 25px 0;
	text-align: left;
}	
#columna-contingut-int {
	
	
	
}


/* Barra d'elements a la dreta */
#Col_Dreta {
	overflow: hidden;
	float: right;
}
.Adjunts {
	width: 25%;
	margin:0; 
	padding: 0;
	padding-left: 2%;
	text-align: left;
}

/* Columna de la pàgina lateral */
#Col_Dreta #Col_PagLat {
	overflow: hidden;
}
#Col_Dreta #Col_PagLat .Titols {
	padding: 8px 0px 8px 0px;
	margin: 0;
	overflow: visible;
	width: 86%;
	background: url("../img/fons_titolimatges.gif") top left no-repeat;
	text-align: center;
	vertical-align: middle; 
	height: 32px;
	display: block;
}
#Col_Dreta #Col_PagLat .Titols span {
	color: #293546;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.3em;
	text-decoration: none;
}
	
/* Llistes de vídeos adjunts */
ul.Videos {	
	margin: 0 0 2em 0;
	padding: 0 0 1em 0;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #646464;
}
ul.Videos li {	
	margin: 0 2% 2em 0 !important;
	padding: 0;
	background: none;
	text-align: center;
	display: block;
	width: 95%;
	float: left;
}
ul.Videos li p {
	color: gray;
	text-align: right;
}

/* Llistes de vídeos adjunts */
ul.adjunts-videos {	
	margin: 0 0 2em 0;
	padding: 0 0 1em 0;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #646464;
}
ul.adjunts-videos li {	
	margin: 0 0 2em 0 !important;
	padding: 0;
	text-align: center;
	display: block;
	width: 100%;
	float: left;
}
ul.Videos li p {
	color: gray;
	text-align: right;
}

/* Llistes de Audio */
ul.Audio {	
	margin: 0 0 1em 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
ul.Audio li {	
	margin: 0 0 0.5em 10px;
	padding: 0;
	background: none;
}
ul.Audio li p {
	color: gray;
}

/* Llistes d'imatges adjuntes */
ul.adjunts-imatges {	
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
ul.adjunts-imatges li {	
	display: block;
	margin: 0;
	float: left;
	padding: 0;
	background: none;
}
ul.adjunts-imatges li div.cont-img {
	position: relative;
}
ul.adjunts-imatges li.warea_66 {
	width: 64.7% !important;
}
ul.adjunts-imatges li.warea_66 div.cont-img {
	margin: 0 0 0 0;
	/*padding-top: 67%;*/
}
ul.adjunts-imatges li.warea_66 div.cont-img img {
	/*position: absolute;
	width: 100%;
	top: 0;
	left: 0;*/
}
ul.adjunts-imatges li.warea_34 {
	width: 34.3% !important;
}
ul.adjunts-imatges li.warea_34 div.cont-img {
	margin: 0 0 10px 10px;
}
ul.adjunts-imatges li.warea_34 {
	
}
ul.adjunts-imatges li.ultim div.cont-img {
	margin: 0 0 0 10px;
}

ul.adjunts-imatges li img {	
	width: 100%;
}
ul.adjunts-imatges li p {
	color: #9f1b32;
}
ul.adjunts-imatges li div.capa-altres {
	background: rgba(111, 111, 111, 0.6);
	position: absolute;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 1;
}
ul.adjunts-imatges li div.capa-altres:hover {
	cursor: pointer;
}
ul.adjunts-imatges li div.capa-altres p {
	margin-top: 18% !important;
	font-size: 4em;
	color: #ffffff;
}
ul.adjunts-imatges li object {
    top: 0;
    left: 0;
}

/* Llistes de documents adjunts */
ul.Documents { /* Fitxers adjunts múltiples en un formulari */
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0 0 0 0;
}
ul.Documents li {
	list-style: none;
   	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	margin: 0 !important;	
	padding: 5px 10px 6px 0 !important;	
	border: 0;
	background: none;
}
ul.Documents li a {
	color: #222221;
	font-size: 1.1em;
	text-decoration: none;
}
ul.Documents li a span {
	color: #222221;
	padding-left: 5px;
}
ul.Documents li a:hover {
	text-decoration: underline;
}

.registre-accions {
	border-top: 1px solid #646464;
	margin: 1em 0 2em 0;
	padding: 1.5em 0 1.5em 0;
	border-bottom: 1px solid #646464;
}


/* Banners */
#Col_Dreta #Col_Banners {
	text-align: right;
	margin-top: 0px;
}
#Col_Dreta #Col_Banners ul.Banners {
	margin: 0 0 0 0;
	/*border-left: 1px solid #CCCCCC;*/
	list-style: none;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
#Col_Dreta #Col_Banners ul.Banners li {
	display: block;
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0 0 0 0;
	background: none;
}


/* Links Portada */
#Col_Dreta #Col_LinksPortada {
	text-align: right;
	margin: 0;
}
#Col_Dreta #Col_LinksPortada.amb-linia {
	border-top: 1px solid #870020;
	padding-top: 12px;
}
#Col_Dreta #Col_LinksPortada ul.linksPortada {
	margin: 5px 0 2em 0;
	padding: 0;
	text-align: right;
	list-style: none;
}
#Col_Dreta #Col_LinksPortada ul.linksPortada li {
	margin: 0 0 0.8em 0;
	text-align: right;
	display: block;
	overflow: hidden;
	width: 100%;
}
#Col_Dreta #Col_LinksPortada ul.linksPortada li a {
	color: #787887;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	display: block;
	border: 1px solid #dcdcdc;
	background: transparent url("../img/Fletxaok3.png") center right no-repeat;
	padding: 14px 19% 14px 5%;
	width: 71%;
	margin: 0 6px 8px 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 4px 4px 5px 0px #dcdcdc;
	-moz-box-shadow:    4px 4px 5px 0px #dcdcdc;
 	box-shadow:         4px 4px 5px 0px #dcdcdc;
}

/* Fil d'Ariadna */
#fil {
	color: #a0a0a0;
	text-decoration: none;
	height: 1.3em;
	font-size: 1.1em;
	margin: 0px 0 25px 0;
}
#fil .contingut-fil {
	padding: 0.2em 0.5em 1em 0em;
	float: left;
	display: inline;
}
#fil a {
	color: #a0a0a0;
	text-decoration: none;
}
#fil a:hover {
	text-decoration: underline;
}
#fil .sel {
	color: #a0a0a0;
}
#fil .fletxa {
	color: #a0a0a0;
}
#fil .novisible {
	/*visibility:hidden;*/
}	

.area-parallax {
	padding: 250px 0 50px 0;
}

/* Peu */
#Peu {
	clear: both;
	background-color: #f0f0f0;
	margin-top: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
}
#PeuSup {
	padding-bottom: 15px;
	width: 100%;
	overflow: hidden;
	/*padding-bottom: 500px;
	background: url("../img/fons-peu.png") bottom center no-repeat;*/
}
#PeuImatge {
	float: left;
	width: 40%;
	overflow: hidden;
}
#PeuImatge img {
	max-width: 100%;
}

#PeuDret {
	float: left;
	width: 58%;
	margin-left: 2%;
}
#PeuText {
	float: left;
	width: 60%;
	font-size: 1.4em;
	padding: 0 0 30px 0;
}
#PeuLinks {
	float: left;
	padding: 0 0 0 0;
	width: 38%;
	margin-left: 2%;
}
#PeuLinks img {
	padding-left: 10px;
}
#LinksTexte a {
	width: 90%;
	display:block;
	padding: 0px 10px 12px 10px;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
}
#Links {
	margin-top: 5px;
}

#PeuApps {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 15px;
}

#PeuApps span {
	font-size: 1.3em;
	font-weight: bold;
}
#PeuApps img {
	padding-left: 10px;	
}
#PeuInf > div.amplada-pagina {
	overflow: hidden;
}



#Peu div.links {
	/*border-top: 1px solid #a7a7a7;*/
	text-align: center;
	width: 100%;
	overflow: auto;
	float: left;
	font-size: 1.25em;
	padding: 12px 0px 14px 0;
}
#Peu div.links a {
	color: #000000;
	display: inline-block;
	text-decoration: none;
}
#Peu div.links a:hover {
	text-decoration: underline;
}
#Peu div.links span.link {
	padding-left: 0;
	padding-right: 0;
}

#Peu div.links span {
	color: #000000;
	font-weight: normal;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

#Error_msg {
	z-index: 1010; 
	position: absolute; 
	color: red;
	font-weight: bold;
	font-size: 0.8em;
	display: none;
	background: url("../img/warning_16.gif") top left no-repeat;
	padding-left: 18px;
	min-height: 16px;
}


/* Enllaços ràpids laterals dreta */
.LinkDre {
	position: relative;
	padding: 3px 0px 1px 0px;
	margin: 0 0 15px 0;
	overflow: visible;
	width: 140px;
	background: #d7d9db url("../img/fons_peu_linkdre.gif") bottom left no-repeat;
}
.LinkDre .rce {
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/fons_esq_linkdre.gif") top left no-repeat;
	height: 7px;
	width: 7px;
}
.LinkDre .rcd {
	position: absolute;
	top: 0;
	right: 0;
	background: url("../img/fons_dre_linkdre.gif") top right no-repeat;
	height: 7px;
	width: 7px;
}
.LinkDre .interior {
	margin: 0px 0px -8px 0px;
	vertical-align: bottom; 
	padding: 0;
}
.LinkDre span {
	display: block;
	width: 125px;
	padding: 1px 0px 5px 10px;
	margin: 0;
	color: #293546;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
	height: auto;
}
.LinkDre a {
	display: block;
	width: 112px;
	padding: 0px 20px 0px 10px;
	margin: 0;
	color: #293546;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
	text-transform: uppercase;
	text-decoration: none;
	height: auto;
	
	background-image: url("../img/fons_link_linkdre_off.gif");
	background-position: 120px top;
	background-repeat: no-repeat;
}
*html .LinkDre a {
	width: 122px;
	padding: 0px 0px 0px 10px;
}
.LinkDre a:hover {
	background-image: url("../img/fons_link_linkdre_on.gif");
	text-decoration: none;
}


#DivTxtAdvIdioma {
	clear: both;
	border: 2px #666666 dashed;
	background-color: #e6e6e6;
	margin-bottom: 2em;
	padding: 1em;
}



/* Temps */
#Temps {
	text-align: left;
	margin-bottom: 20px;
	margin-top: -5px;
}
#Temps .dades {
	float: left;
	margin-left: 5px;
	width: 90px;
}
#Temps img {
	float: left;
}
#Temps .municipi {
	clear: both; 
	padding-top: 5px;
}

/* Temes */
#Temes {
	margin: 10px 15px 10px 0;
	padding: 10px 0px 5px 10px;
	background: url("../img/fons_temes.gif") right top no-repeat;
}
#Temes label {
	color: #94393c;
	font-weight: bold;
}


/* Mosaic */
.mosaic-esquerra, .Col_Esquerra_Mosaic {
	border: 0;
	width: 49%; 
	float: left;
	margin: 0;	
}
.mosaic-dreta, .Col_Dreta_Mosaic  {
	border: 0;
	width: 49%; 
	float: right;
	margin: 0;
}

.width_100 {
    width: 100% !important;
}
.width_99 {
    width: 99% !important;
}
.width_89 {
    width: 89% !important;
}
.width_84 {
    width: 84% !important;
}
.width_79 {
    width: 79% !important;
}
.width_74 {
    width: 74% !important;
}
.width_69 {
    width: 69% !important;
}
.width_64 {
    width: 64% !important;
}
.width_59 {
    width: 59% !important;
}
.width_54 {
    width: 54% !important;
}
.width_49 {
    width: 49% !important;
}
.width_44 {
    width: 44% !important;
}
.width_39 {
     width: 39% !important; 
}
.width_34 {
    width: 34% !important;
}
.width_32 {
    width: 32% !important;
}
.width_29 {
     width: 29% !important; 
}
.width_24 {
    width: 24% !important;
}
.width_19 {
     width: 19% !important; 
}
.width_14 {
    width: 14% !important;
}
.width_09 {
    width: 9% !important;
}

img {
	max-width: 100%;
}

/* custom player skin */
.flowplayer {
	background-size: cover !important;
	background-repeat: no-repeat;
}
.flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
.flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
.flowplayer .fp-progress { background-color: rgba(219, 0, 0, 1)}
.flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}



/* Finestra de visualtizació de vídeos */
body.finestra {
	background-color: #FFFFFF;
	text-align: left;
}
body.Finestra {
	background-color: #FFFFFF;
	text-align: left;
}
body.Finestra .Titol {
	display: block;
	margin: 0;
	padding: 0 10px 0 0;

	border-bottom: #7e7f80 1px solid;
	font-size: 1.6em;
	color: #00457d;
	font-weight: bold;	
	text-align: right; 
}
body.Finestra .Titol span {
	display: block;
}
body.Finestra #Capcalera_Finestra {
	height: auto;
	padding-top: 28px;
	overflow: visible;
	width: 100%;
	background-image: url("../img/cap.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
body.Finestra .ContFinestra {
	margin: 10px; 
	text-align: center;
}



/* Marques */
#fila-marques {
	border: 1px solid #cccccc;
	overflow: hidden;
	padding: 4px 0 2px 0;
	/*position: relative;*/
}
#fila-marques ul {
	margin: 0 0 0 5%;
	padding: 0;
	overflow: hidden;
	width: 90%;
	display: block;
	list-style: none;
}
#fila-marques ul li {
	display: block;
	float: right;
	margin: 0 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
	width: 100px;
	min-height: 60px;
	vertical-align: bottom;
}
#fila-marques ul li img {
/*	position: absolute;*/
	width: 100px;
/*	bottom: 15%;*/
}
#fletxa-marques-prev {
	background: url("../img/fletxa-marques-esq.gif") left top no-repeat; 
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 3px;
}
#fletxa-marques-next {
	background: url("../img/fletxa-marques-dre.gif") right top no-repeat;
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 0;
	right: 3px;
}
#fletxa-marques-prev, #fletxa-marques-next:hover {
	cursor: pointer;
}

/* Responsiu */
.only-w480 {
	display: none;
}

/* Arees */
.area-horitzontal {
	float: left;
	padding: 0;
	margin: 0;
	min-height: 1px;
	overflow: hidden;
}
.area-vertical {
	clear: both;
	padding: 0;
	margin: 0;
	/*overflow: hidden;*/
}
.area-interna {
	margin: 0 0 0 10px;
	padding: 0;
	/*overflow: hidden;*/
}
.area-interna-primera {
	margin: 0;
	padding: 0;
}

.gutter-sizer-area {
	width: 20px;
}

/* Caroussel */
.gutter-sizer {
	width: 10px;
}


.rotador-titol {
	padding: 0 2% 0 2%;
	overflow: hidden;
	position: absolute;
	bottom: 0%;
	margin: 0;
	left: 0;
	right: 0;
	text-align: left;
	width: 96%;
	background: rgba(0,0,0,0.5);
} 
.rotador-titol-int {
	padding-top: 15px;
	color: #ffffff;
	padding-bottom: 60px;
	font-size: 1.6em;
}	
.rotador-titol p {
	display: block;
	text-align: left;
	color: #ffffff;
	font-size: 0.8em;
}
.rotador-titol p.titol-gran-sil {
	font-size: 2.9em;
	line-height: 1.05em;
	text-shadow: 3px 2px #080808;
}
.rotador-titol p.titol-petit-sil {
	font-size: 2em;
	line-height: 1.05em;
	text-shadow: 3px 2px #080808;
}
.rotador-titol p.boto-rotador {
	padding-top: 10px;
	font-size: 2.4em;
	overflow: hidden;
}
.rotador-titol p.boto-rotador a {
	color: #ffffff;
	background-color: #e80037;
	padding: 5px 10px 5px 10px;
}

#marques {
	margin: 100px 10px 100px 10px;
	padding: 100px 0 0 0;
	border-top: 1px solid #d8d8d8;
} 
#marques p.TitolMarques {
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	color: #787878;	
}

ul#llista-categories {
	text-align: left;
	float:left;
	margin: 0 !important;
	padding: 10px 0 45px 0 !important;
	overflow: visible;
	width: 100%;
	height: auto;	
}
ul#llista-categories li {
	text-align: left;
	width: 24%;
	background-image: none;
	background-color: #870020;
	padding: 0 0 0 0;
	margin: 12px 0.5% 0px 0.5%;
	position: relative;
	height: 90px;
	float: left;
	display: block;
	overflow: visible;
}
ul#llista-categories li:hover {
	background-color: #e80037;
}
ul#llista-categories li div.titol {
	float: left;
	padding: 4% 0 0 4%;
	width: 55%;
}
ul#llista-categories li div.titol-sense-img {
	width: 98%;
	padding: 4% 1% 0 5%;
}

ul#llista-categories li>div.titol>a {
	padding: 8px 1% 8px 1% !important;
	width: 98%;
	min-width: inherit;
	height: auto;
	background: none;
	overflow: hidden;
	
	text-align: left;
	color: #ffffff;
	font-size: 1.05em;
	font-weight: normal;
	float: none;
}

ul#llista-categories li div.imatge {
	float: left;
	width: 90px;
	height: 90px;
	max-width: 40%;
	padding: 0;
	border: 0;
}
ul#llista-categories li div.imatge img {
	cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0;
}

.descripcio-categoria {
	padding: 0 0 15px 0;
	min-height: 20px;
	font-size: 1.1em;
}

ul.menu-tercer {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
		
}
ul.menu-tercer li {
	background-color: #505050;
	color: #ffffff;
	width: 94%;
	background-image: none;
	text-align: center;
	padding: 7px 3% 7px 3%;
	list-style: none;	
	margin: 0 0 12px 0;
}
ul.menu-tercer li:hover {
	background-color: #333333;
}
ul.menu-tercer li a {
	color: #ffffff;
	font-size: 1.1em;
}

.amplada1 {
	width: 240px;
}
.alcada1 {
	height: 150px;
}
.amplada2 {
	width: 500px;
}
.alcada2 {
	height: 320px; 
}
.amplada3 {
	width: 760px;
}
.alcada3 {
	height: 490px; 
}


.producte-requadre {
	position: relative;
	width: 24%;
	display: inline-block;
	height: 400px;
	overflow: hidden;
	background-color: #f0f0f0;
	padding: 0 0 1% 0;
	margin: 0 1% 1% 0;
}
.producte-requadre .interior-producte {
	height: 365px;
	width: 100%;
	overflow: hidden;
}

	
/* Filtre de llistats interiors */
.filtre {
	background-color: #f8f8f8;
	margin-bottom: 1.6em;
	padding: 10px 2% 9px 2%;
	width: 95%;
	color: #787887;
	overflow: hidden;
}
.filtre .boto-inactiu {
	border: 0;
	padding: 5px 0px 5px 0px;
	width: 95%;
	font-size: 1.2em;
	margin-right: 5%;
	text-align: center;
	background-color: #505050;
	color: #ffffff;
	margin-bottom: 15px;
}
.filtre .boto-inactiu:hover {
	cursor: pointer;	
}
.filtre .boto-actiu {
	border: 0;
	width: 95%;
	padding: 5px 0px 5px 0px;
	margin-right: 5%;
	font-size: 1.2em;
	text-align: center;
	/*background-color: #87aa96;*/
	color: #ffffff;
	margin-bottom: 15px;
}
.filtre img {
	float: right;
}
	
.filtre p {
	white-space: nowrap;
	display: block;
	vertical-align: baseline;
	float: left;
	width: 31%;
}
.filtre select {
	background-color: #ffffff;
	border: 1px solid #c5c5c5;
	font-size: 1.2em;
	padding: 3px 3px 3px 6px;
	width: 90%;
	margin: 5px 5px 4px 0;
	color: #646464;
}
.filtre .formobj {
	background-color: #ffffff;
	border: 1px solid #c5c5c5;
	font-size: 1.2em;
	padding: 3px 3px 3px 6px;
	width: 90%;
	margin: 5px 5px 4px 0;
	color: #646464;
}
.filtre select.ultim {
	margin-right: 0;	
}
.filtre .filainf {
	width: 100%;
	margin: 15px 0 5px 0;
	overflow: hidden;
}
.filtre label {
	margin: 0 0 0 0;
	font-weight: bold;
	vertical-align: baseline;
	display: block;
}
.filtre .filainfCheck {
	float: left;
	margin-right: 2em;
}
.filtre .Tbutton {
	float: right;
}

.filtre p.fila-superior {
	white-space: nowrap;
	display: block;
	vertical-align: baseline;
	float: left;
	width: 30%;
}

.contenidor-emergent {
	width: 100%;
	overflow: visible;
	z-index: 999;
	margin-top: -70px;
	height: 75px;
	position: relative;
}
.contenidor-emergent img {
	position: absolute;
	bottom:0;
	display: none;
}
.missatge-emergent {
   display: none;
   color: #ffffff;
   text-align: center;
   font-size: 1.05em;
   padding: 10px 10px 10px 10px;
   width: 375px;
   height: 45px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}

.element-requadre {
	width: 31%;
	display: inline-block;
	overflow: hidden;
	background-color: #f0f0f0;
	padding: 0 0 0.5% 0;
	margin: 0 2% 1% 0;
}

.finestra-emergent {
	position: fixed;
	top: 0%;
	left: 0%;
	
	display: none;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(233, 233, 233, 0.5);
}
.finestra-emergent .interior-finestra {
	margin-top: 10%;
	height: 74%;
	
	overflow: auto;
	padding: 2% 2% 2% 2%;
	position: relative;
	border: 2px solid #000000;
	background-color: white;
}	

.portadagran {
	font-size: 2.3em !important;
	font-weight: bold;
}
.portadamig {
	font-size: 1.9em !important;
	font-weight: bold;
}
.portadapetit {
	font-size: 1.5em !important;
	font-weight: bold;
}





.warea_100 { width: 100% !important; }
.warea_99 { width: 99% !important; }
.warea_98 { width: 98% !important; }
.warea_97 { width: 97% !important; }
.warea_96 { width: 96% !important; }
.warea_95 { width: 95% !important; }
.warea_94 { width: 94% !important; }
.warea_93 { width: 93% !important; }
.warea_92 { width: 92% !important; }
.warea_91 { width: 91% !important; }
.warea_90 { width: 90% !important; }
.warea_89 { width: 89% !important; }
.warea_88 { width: 88% !important; }
.warea_87 { width: 87% !important; }
.warea_86 { width: 86% !important; }
.warea_85 { width: 85% !important; }
.warea_84 { width: 84% !important; }
.warea_83 { width: 83% !important; }
.warea_82 { width: 82% !important; }
.warea_81 { width: 81% !important; }
.warea_80 { width: 80% !important; }
.warea_79 { width: 79% !important; }
.warea_78 { width: 78% !important; }
.warea_77 { width: 77% !important; }
.warea_76 { width: 76% !important; }
.warea_75 { width: 75% !important; }
.warea_74 { width: 74% !important; }
.warea_73 { width: 73% !important; }
.warea_72 { width: 72% !important; }
.warea_71 { width: 71% !important; }
.warea_70 { width: 70% !important; }
.warea_69 { width: 69% !important; }
.warea_68 { width: 68% !important; }
.warea_67 { width: 67% !important; }
.warea_66 { width: 66% !important; }
.warea_65 { width: 65% !important; }
.warea_64 { width: 64% !important; }
.warea_63 { width: 63% !important; }
.warea_62 { width: 62% !important; }
.warea_61 { width: 61% !important; }
.warea_60 { width: 60% !important; }
.warea_59 { width: 59% !important; }
.warea_58 { width: 58% !important; }
.warea_57 { width: 57% !important; }
.warea_56 { width: 56% !important; }
.warea_55 { width: 55% !important; }
.warea_54 { width: 54% !important; }
.warea_53 { width: 53% !important; }
.warea_52 { width: 52% !important; }
.warea_51 { width: 51% !important; }
.warea_50 { width: 50% !important; }
.warea_49 { width: 49% !important; }
.warea_48 { width: 48% !important; }
.warea_47 { width: 47% !important; }
.warea_46 { width: 46% !important; }
.warea_45 { width: 45% !important; }
.warea_44 { width: 44% !important; }
.warea_43 { width: 43% !important; }
.warea_42 { width: 42% !important; }
.warea_41 { width: 41% !important; }
.warea_40 { width: 40% !important; }
.warea_39 { width: 39% !important; }
.warea_38 { width: 38% !important; }
.warea_37 { width: 37% !important; }
.warea_36 { width: 36% !important; }
.warea_35 { width: 35% !important; }
.warea_34 { width: 34% !important; }
.warea_33 { width: 33% !important; }
.warea_32 { width: 32% !important; }
.warea_31 { width: 31% !important; }
.warea_30 { width: 30% !important; }
.warea_29 { width: 29% !important; }
.warea_28 { width: 28% !important; }
.warea_27 { width: 27% !important; }
.warea_26 { width: 26% !important; }
.warea_25 { width: 25% !important; }
.warea_24 { width: 24% !important; }
.warea_23 { width: 23% !important; }
.warea_22 { width: 22% !important; }
.warea_21 { width: 21% !important; }
.warea_20 { width: 20% !important; }
.warea_19 { width: 19% !important; }
.warea_18 { width: 18% !important; }
.warea_17 { width: 17% !important; }
.warea_16 { width: 16% !important; }
.warea_15 { width: 15% !important; }
.warea_14 { width: 14% !important; }
.warea_13 { width: 13% !important; }
.warea_12 { width: 12% !important; }
.warea_11 { width: 11% !important; }
.warea_10 { width: 10% !important; }
.warea_9 { width: 9% !important; }
.warea_8 { width: 8% !important; }
.warea_7 { width: 7% !important; }
.warea_6 { width: 6% !important; }
.warea_5 { width: 5% !important; }
.warea_4 { width: 4% !important; }
.warea_3 { width: 3% !important; }
.warea_2 { width: 2% !important; }
.warea_1 { width: 1% !important; }


/* Popups */
/* Popup container */
.popup1 {
    position: absolute;
    display: block;
    
    /*
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
	visibility: hidden;
    width: 100%;
    min-height: 100%;
    */
    
    background: rgb(5, 5, 5);
    background: rgba(5, 5, 5, .5);
    pointer-events: none;
    z-index: 2147483646;
    
    opacity: 0;
    text-align: left;
}
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.show-popup1 {
	/*
    visibility: visible;
    position: absolute;
    */
    
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    
    opacity: 1 !important;
    pointer-events: all;
    clear: both;
    visibility: visible !important;
    align-items: center;
    -ms-flex-align: center;
    display: flex !important;
    display: -ms-flexbox !important;
    min-height: 100%;
    justify-content: space-around;
    -ms-justify-content: space-around;
    width: 100%;
    
    position: fixed;
    top: 0;
    height: auto !important;
    padding: 30px;
    box-sizing: border-box;
}

.popup-link {
	cursor: pointer;
}
/* The actual popup (appears on top) */
.popup1 .popup-window {
	display: block;
    color: #aaaaaa;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    background-color: #ffffff;
    margin: 20px auto 20px auto;
    padding: 20px;
    position: relative;
    
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.7);
}
.popup1 .popup-window-int {
	width: 100%;
	height: 100%;
	color: #000000;
}
.popup1 .popup-close {
    font-size: 30px;
    position: absolute;
    right: -20px;
    text-decoration: none;
    top: -30px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}
.popup1 .popup-close:hover, .popup1 .popup-close:focus {
    color: #cacaca;
}
.popup1 img {
	max-width: 100%;
}
.popup-header {
	background-color: #972836;
	padding: 10px 20px 10px 20px;
	overflow: hidden;
}
.popup-header  .popup-logo {
	float: left;
}
.popup-content {
	/*margin: 20px 0 0 0;*/
	padding: 10px;
	background-repeat: none;
	background-size: cover; 
}
.popup-content p.boto-link {
	float: none;
}
.popup-content .popup-botons img {
	max-width: 130px;
	height: auto;
}



/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}