@charset "utf-8";

.contingut {
	
}

#barra-lateral {
	position: fixed;
	width: 40px;
	background-color: #018790;
	right: 0;
	padding-bottom: 10px;
	z-index: 9000;	
}
#barra-lateral #barra-lateral-button {
	display: none;
	font-size: 2.4em;
	font-weight: bold;
	color: white;
	cursor: pointer;
	margin: 13px auto 3px auto;
}
#barra-lateral ul {
	margin: 11px 6px 11px 6px;;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: block;
}
#barra-lateral ul li {
	margin: 2px 0 3px 0;
	padding: 0;
	float: left;
	clear: left;
	background: none;
	text-align: center;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	color: #ffffff;
	text-transform: uppercase;
}
#barra-lateral ul li.idioma {
	margin: 5px 0 5px 0;
}
#barra-lateral ul li.seleccionat {
	font-style: italic;
}
#barra-lateral ul li.no-validat {
	color: #cce7e9;
}
#barra-lateral ul li.separador {
	border-top: 1px solid #4eabb2;
	margin-top: 13px;
	padding-top: 15px;
}
#barra-lateral ul li a {
	text-decoration: none;
	color: #ffffff;
}


/* Registre accions */
.registre-accions {
	clear: both;
	padding: 7px 0 6px 0;
	overflow: hidden;
	background-color: #bacca4;
}
.registre-accions .lectura {
	float: left;
	overflow: hidden;
	width: 40%;
	white-space: nowrap;
}
.registre-accions .lectura img, .registre-accions .lectura .btn_speech_img {
	float: left;
}
.registre-accions .lectura a {
	display: block;
	float: left;
	margin: 6px 0 0 0.6em;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
}
.registre-accions .botons-accions {
	float: right;
	overflow: hidden;
	width: 55%;
	white-space: nowrap;
	text-align: right;
}
.registre-accions .amplada-pagina {
	overflow: hidden;
}
#share-button-google {
    display: inline; 
    position: relative;
    float: right;
}
#twitter-sh-btn {
    float: right;
    margin-top: 2px;
}
#share-button-facebook {
    overflow: hidden;
    width: 120px;
    height: 21px;
    float: right;
    margin-top: 2px
}
#send-button-facebook {
    font-size: 0.9em;
    color: #3B5998;
    float: right;
}
.registre-accions ul.pagina-accions {
	float: left;
	list-style: none;
	padding: 0;
	margin: 3px 0 0 5px;
	white-space: nowrap;
}
.registre-accions ul.pagina-accions li {
	display: inline;
	margin: 0 0 0 1em;
}
.registre-accions ul.pagina-accions li.primer {
	margin: 0;	
}
.registre-accions ul.pagina-accions li a {
	color: #336600;
	white-space: nowrap;
}
.registre-accions ul.pagina-accions li a:hover {
	text-decoration: none;
}



#pagina {
    width: 100%;
}
.amplada-pagina {
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	max-width: 950px;
	text-align: left;
}
.amplada-pagina-fletxes {
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	max-width: 1060px;
}

body {	
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 0;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	color: #2b2726;
}

#cookie-warning, #cookie-warning-permanent {
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 1.1em;
	opacity: 1;
	display: block;
}
#cookie-warning-permanent {
	display: none;	
}
#cookie-warning *, #cookie-warning-permanent * {
	font-size: 1.0em;
	color: #ffffff;
}
#cookie-warning p, #cookie-warning-permanent p {
	margin: 4px 0px;
	padding: 4px 0px;
	color: #ffffff;
}
#cookie-warning .missatge, #cookie-warning-permanent .missatge {
	position: relative;
	background: #9b1844;
	-webkit-box-shadow: #000 0px 0px 10px;
	-moz-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
	padding: 10px 20px 10px 42px;
	color: #ffffff;
	z-index: 10010;
}
#cookie-warning-permanent .missatge {
	background: #9b1844;
}

#cookie-warning img.cookie-warning-icon {
	position: absolute;
	top: 1.3em;
	left: 16px;
}
#cookie-warning .cookie-warning-botons {
	float: right;
	margin-top: 1em;
}
#cookie-warning-permanent .cookie-warning-botons {
	float: right;
}
#cookie-warning .cookie-warning-botons button {
	background-color: #4d90fe;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	border: 1px solid #3079ed;
	color: #ffffff;
	padding: 2px 9px;
	margin-left: 10px;
	text-decoration: none;
	border-radius: 3px;
	moz-border-radius: 3px;
}
#cookie-warning .cookie-warning-botons button:focus, #cookie-warning .cookie-warning-botons button:hover {
	border-color: #ffcc33;
}
#cookie-warning-permanent .cookie-warning-botons button {
	background-color: #4d90fe;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	border: 1px solid #3079ed;
	color: #ffffff;
	padding: 2px 9px;
	margin-left: 10px;
	text-decoration: none;
	border-radius: 3px;
	moz-border-radius: 3px;
}
#cookie-warning-permanent .cookie-warning-botons button:focus, #cookie-warning .cookie-warning-botons button:hover {
	border-color: #ffcc33;
}
#cookie-warning .missatge-contingut, #cookie-warning-permanent .missatge-contingut {
	padding-right: 101px;
}


/* ----  Capçalera ---- */
#capcalera-print {
	display: none;
}
#capcalera #capcalera-superior {
	padding: 0 0 0 0;
	width: 100%;
	background-color: #ffffff;	 
	background: transparent url("../img/filet_inferior.gif") left bottom repeat-x;
	overflow: visible; 
}


#capcalera #capcalera-superior #capcalera-superior-int {
	position: relative;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}

#capcalera #capcalera-superior #capcalera-superior-int #barra-idiomes {	
	float: right;
	margin-right: auto;
} 

#capcalera #capcalera-superior #capcalera-superior-int #barra-idiomes {	
	float: right;
	margin-right: auto;
}

#capcalera #capcalera-superior #capcalera-superior-int #barra-idiomes ul {	
	float: right;
	margin-right: auto;
	margin-top: 25px;
}

#capcalera #capcalera-superior #capcalera-superior-int #barra-idiomes ul li {	
	display: block;
	float: left;
	background: none;
	padding: 0;
	margin: 0 13px 0 0;
	color: #3f5d73;
	font-weight: 600;
} 

#capcalera #capcalera-superior #menu-superior-dreta {
	float: right;
	margin-bottom: 5px;	
	width: 100%;
}

#capcalera #capcalera-superior #menu-superior-dreta #barra-escut {
	float: left;
	margin-bottom: 5px;	
	margin-right: auto;
	margin-left: 10px;
}

#contingut #menu-superior {	
	margin-top: 10px;	
}
#menu-superior-mob {
	display: none;
}
.amaga-menu {
	display: block;
}

.amaga-submenu {
	display: none !important;
}
	

#capcalera-mobil {
	display: none;
}

#capcalera #capcalera-superior #capcalera-superior-int #enllacos-rapid-xarxa ul#enllacos-segueixnos {
	overflow: hidden;
	vertical-align: top;
	float: right;
	list-style: none;
	margin: 20px 0px 14px 0;
	padding: 0;
}
#capcalera #capcalera-superior #capcalera-superior-int #enllacos-rapid-xarxa ul#enllacos-segueixnos li {
	display: block;
	float: left;
	background: none;
	padding: 0;
	margin: 0 8px 0 0;
}

#capcalera #capcalera-superior #capcalera-superior-int #enllacos-rapid-xarxa {
	float: right;
	overflow: hidden;
	
}


#capcalera  {
	overflow: visible;
	float: right;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 1.2em;
	width: 100%;
}


#capcalera #capcalera-inferior {
	width: 100%;
	background-color: #eef2f5;
	overflow: hidden;
	padding: 0.3em 0 0.3em 0;
}

#capcalera #capcalera-inferior #capcalera-inferior-int #capcalera-logo {
	width : 60%;
	float: left;
	padding-left: 1.2em;
}



#capcalera #capcalera-inferior #capcalera-inferior-esq {
	width: 100%;
	background-color: #eef2f5;
	overflow: hidden;
	padding: 0.3em 0 0.3em 0;
}

#capcalera #capcalera-cerca {
	float: right;
	width: 24%;
	margin: 0;
	padding: 15px 0 0 0;
	white-space: nowrap;
	min-width: 200px;
	overflow: hidden;	
}
#capcalera #capcalera-cerca .input-cerca, #capcalera-cerca-mobil .input-cerca  {
	padding: 0px 0 0px 6px;
	margin: 0px 0px 0px 0px;
	font-size: 0.9em;
	vertical-align: middle;
	border: none;
	height: 29px;
	width: 69%;
	color: #cccccc;
	float: left;	
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-radius: 5px 0 0 5px; 	
	float: left;
}
/* Rollover sobre la imatge del boto de cerca */
#capcalera #capcalera-cerca #Img_Cerca2, #capcalera-cerca-mobil #Img_Cerca2_mob {
		
	padding: 0px 0 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 0.9em;
	vertical-align: middle;
	border: none;
	height: 30px;	
	width: 50px;
	color: #ffffff;
	float: left;
	background-color : #3f5d73;
	border-bottom: 1px solid #2f4f67;
	border-right: 1px solid #2f4f67;
	border-top: 1px solid #2f4f67;
	border-radius: 0 5px 5px 0;
	font-size: 0.9em;
	float: left;
	 
}
#capcalera #capcalera-cerca #Img_Cerca2:hover, #capcalera-cerca-mobil #Img_Cerca2_mob:hover {
	 
}
#capcalera #capcalera-cerca #Img_Cerca_Reset, #capcalera-cerca-mobil #Img_Cerca_Reset_mob {
	float: left;
	border: 0;
	width: 30px;
	height: 33px;
	margin-left: -20px;
	background: url("../img/botocerca-reset.gif") left top no-repeat; 
}

#capcalera #capcalera2 {
	overflow: hidden;
	float: right;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 14px;
}


#capcalera #capcalera-no-destacat #capcalera-meteo .dades-temps-avui .dades-temps-avui-txt, #capcalera #capcalera-no-destacat #capcalera-meteo .dades-temps-dema .dades-temps-dema-txt  {
	float: left;
	margin-top: 13px;
}
#capcalera #capcalera-no-destacat #capcalera-meteo .dades-temps-avui img, #capcalera #capcalera-no-destacat #capcalera-meteo .dades-temps-dema img  {
	float: left;
	width: 45px;
	margin: 0 0 0 7px;
}



/* ---- Contingut ---- */
#contingut {
	text-align: left;
	overflow: hidden;
	width: 100%;
	padding-top: 0px;
	clear : both;
}


/* Divs de Continguts */
#columna-contingut {
	line-height: normal;	
	min-height: 48em;
}
.columna-contingut-portada {
	padding: 0;
	width: 100%;
	margin-bottom: 0;
	margin-top: 15px;
	font-size: 1.2em;
	background-color : #eef2f5;
	
	
}
.columna-contingut-portada .columna-contingut-int {
	padding: 1.3em 0 0 0;
	overflow: hidden;	
	
	
}

.columna-contingut-no-portada {
	margin-bottom: 0;
	padding: 0 0 0 0;
	font-size: 1.05em;
	color: #586572;	
	padding: 0;
	
	position: relative;
	background: white;
	
}
.columna-contingut-no-portada .columna-contingut-int {
	overflow: hidden;
	padding: 0 0 0 10px;
	
	margin-left: 240px;
}
.columna-contingut-int .contingut-alcada-minima {
	min-height: 5em;	
}

.columna-contingut-portada .espai-vertical-top {
	padding-top: 0.4em;
}
.columna-contingut-portada .espai-vertical-bottom, .columna-contingut-portada .espai-vertical-bottom-xs {
	clear: both;
	padding-bottom: 23px;	
}
.columna-contingut-portada .espai-vertical-top-lt {
	padding-top: 23px;
}
.columna-contingut-no-portada .espai-vertical-top {
	padding-top: 21px;
}


/* Banners */
#fila-banners {
	background-color: #cbd4db;
	overflow: hidden;
	padding: 36px 0 36px 0;
}
#fila-banners ul.banners-lateral {
	margin: 0 0 0 40px;
	padding: 0;
	overflow: visible;
	width: 100%;
	display: block;
	max-width: 950px;
	list-style: none;
}
#fila-banners ul.banners-lateral li {
	display: block;
	float: right;
	margin: 0 0 0 0 0;
	padding: 0 10px 0 0;
	background: none;
}
.amplada-pagina-fletxes {
	
}

/* Fil d'Ariadna */
#fil {
	text-decoration: none;
	text-align: left;
	color: #2b2726;
	padding: 0;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: Arial, sans-serif;	
}
#fil .contingut-fil {
	padding: 5px 0 7px 10px;
	position: relative;
}

#fil a.inici {		
	color: #6b385d;	
}

#fil a {
	color: #2b2726;	
}

#fil a.primer {
	color : #448dc0; 		
}

#fil a.segon {
	color : #448dc0; 	
}

#fil a.ultim {
	color : #3f5d73;	
}

#fil .fletxa-fil {
	
	padding: 0 1em 1em 0.6em;	
	vertical-align: baseline;
	
}
#menu-tercer {
	border-bottom: 1px solid #d5d4d4;
	margin-bottom: 8px;
	overflow: hidden;
}
#menu-tercer a {
	font-size: 1.1em;
	background-color: #0a516d;
	display: block;
	float: left;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	margin: 0 5px 8px 0;
	padding: 7px 10px 7px 10px;
}
#menu-tercer a.seleccionat {
	background-color: #b6cbd3;
	color: #0a516d;
}

#titol {
	margin-bottom: 5px;
	margin-top: 29px;	
	padding-left: 10px;
}

/* ---- Areas de portada ---- */
#col-area-esquerra {
	height: 100%;
	width: 48%; 
	float: left;
	margin: 0;
	overflow: hidden;
}
#col-area-dreta {
	height: 100%;
	width: 48%; 
	float: right;
	margin: 0;
	overflow: hidden;
}


/* Peu */
#peu {
	clear: both;
	font-size: 1em;		
	overflow: hidden;
	width: 100%;
	text-align: left;
	
}
#peu img {
	max-width: 100%;
}
#peu #peu-superior {
	overflow: hidden;
	background-color: #3f5d73;
	padding-top: 20px;
	padding-bottom: 27px;
}
#peu #peu-superior #peu-superior-esquerra {
	float: left;
	overflow: hidden;
	width: 50%;
}
#peu #peu-superior #peu-superior-esquerra ul#enllacos-peu {
	width: 100%;
	list-style: none;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
}
#peu #peu-superior #peu-superior-esquerra ul#enllacos-peu li {	 
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background: none;
}

#peu #peu-superior #peu-superior-esquerra ul#enllacos-peu li a {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	padding: 0px 5px;
	border-right: 1px solid white;	
}

#peu #peu-superior #peu-superior-esquerra ul#enllacos-peu li.ultim a {	
	border-right: none !important;	
}



#peu #peu-superior #peu-superior-esquerra #imatge-peu {
	float: left;
	display: block;
	width: 25%;
}
#peu #peu-superior #peu-superior-esquerra #dades-peu, #peu #peu-superior #peu-superior-esquerra #dades-peu2 {
	float: left;
	display: block;
	width: 45%;
	overflow: hidden;
	margin-top: 20px;
}
#peu #peu-superior #peu-superior-esquerra #dades-peu #dades-nom {
	font-family: 'Droid Serif', serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	float: left;
	overflow: hidden;
	float: left;
	width: 100%;
	padding-right: 2%;
	text-align: left;
	
}
#peu #peu-superior #peu-superior-esquerra #dades-peu #dades-info {
	float: left;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	padding-left: 17%;
	width: 57%;
	font-size: 0.9em;
	background: transparent; 
}
#peu #peu-superior #peu-superior-dreta {
	float: right;
	overflow: hidden;
	width: 45%;
}
#peu #peu-superior #peu-superior-dreta ul#enllacos-segueixnos {
	overflow: hidden;
	vertical-align: top;
	float: right;
	list-style: none;
	margin: 10px 0 14px 0;
	padding: 0;
}
#peu #peu-superior #peu-superior-dreta ul#enllacos-segueixnos li {
	display: block;
	float: left;
	background: none;
	padding: 0;
	margin: 0 13px 0 0;
}






#peu #peu-inferior {
	background-color: #2b2726;
	overflow: hidden;
}

#peu-menu {
	width: 100%;
	margin: 0 0 1em 0;
	overflow: hidden;
	margin: 0px;	
}

#peu-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0 0 0 0px;
	min-height: 15em;
	overflow: hidden;
	padding-bottom: 2.5em;
	width: 48%;
}

#peu-menu ul#peu-menus {
	float: left;	
}

#peu-menu ul#peu-menus2 {
	float: right;	
}

#peu-menu ul#peu-menus li, 
#peu-menu ul#peu-menus2 li  {
	margin: 0 10px 0 0;
	padding: 0 10px 0 10px;
	display: block;
	float: left;
	overflow: hidden;
	background: none;
	border-left: 1px solid #ffffff;
	width: 100%;	
}

#peu-menu ul#peu-menus li.ultim, 
#peu-menu ul#peu-menus2 li.ultim {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	background: none;
	background-image: none;
	display: block;
	float: left;
	overflow: hidden;
}
#peu-menu ul#peu-menus li div,
#peu-menu ul#peu-menus2 li div {	
	padding: 0 5% 0 1%;
	width: 80%;
}
#peu-menu ul#peu-menus li a, 
#peu-menu ul#peu-menus2 li a {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	text-decoration: none;
	display: block;
	vertical-align: bottom;
	min-height: 1.4em;
	background: none;
}
#peu-menu ul#peu-menus li a:hover,
#peu-menu ul#peu-menus2 li a:hover {
	text-decoration: none;	
}
#peu-menu ul#peu-menus ul,
#peu-menu ul#peu-menus2 ul {
	width: 80%;
	margin: 0 5% 0 15%;
	list-style: none;
	padding: 0;
	background: none;
	overflow: hidden;
}
#peu-menu ul#peu-menus ul li,
#peu-menu ul#peu-menus2 ul li {
	margin: 0;
	padding: 5px 0px 3px 0px;
	background: none;
	float: none;
}
#peu-menu ul#peu-menus ul li a,
#peu-menu ul#peu-menus2 ul li a	 {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 1.6em;
	border-bottom: 0;
	display: inline;
	min-height: none;
}
#peu-menu ul#peu-menus ul li a:hover,
#peu-menu ul#peu-menus2 ul li a:hover {
	text-decoration: none;	
}

#LogoPeu {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 1.1em;
float: right;
text-align: left;
margin-top: 10px;
}

.columna-contingut-no-portada .espai-vertical-bottom, .columna-contingut-no-portada .espai-vertical-bottom-xs {
	clear:both;
	padding-bottom: 23px;	
}

/* Elements adicionals */
#fila-elements-adicionals {
	
}
#fila-elements {
	background-color: #cbd4db;
	overflow: hidden;
	padding: 29px 0 29px 0;
}
/* Llistes d'imatges adjuntes */
#fila-elements ul.llista-imatges,
#fila-elements ul.llista-video
	 {
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	display: block;
	max-width: 950px;
	list-style: none;
}
#fila-elements ul.llista-imatges li,
#fila-elements ul.llista-video li	
{
	display: block;
	float: left;
	margin: 0 0 0 0 0;
	padding: 0 8px 0 0;
	background: none;
}
#fila-elements ul.llista-imatges li img,
#fila-elements ul.llista-video li img
 {
	/*width: auto; ??*/
	max-width: auto;
	max-height: 180px;
}
#fila-elements ul.llista-imatges li p,
#fila-elements ul.llista-video li p
{
	margin-top: 0.8em;
}

#fila-elements ul.llista-imatges li p,
#fila-elements ul.llista-video li p
	{
	margin-top: 0.8em;
}




#fletxa-banner-prev, #fletxa-banner-next:hover {
	cursor: pointer;
}
#rotador-elements {
	width: 88%;
	margin: 0 6% 0 6%;
}
#rotador-elements-detall {
	float: right;
	padding-left: 3%;
}
.linia-elements {
	
}

#fila-elements2 {
	background: #eef2f5;	
	overflow: hidden;
}

/* Llistes de Audio */
#fila-elements2 ul.llista-audios {	
	margin: 1em 0 0.5em 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
#fila-elements2 ul.llista-audios li {	
	margin: 0 0 1em 0;
	padding: 0;
	background: none;
}
#fila-elements2 ul.llista-audios li p i {
	color: #01636a;
	font-style: normal;
}

/* Llistes de Links */
ul.llista-links {	
	margin: 1em 0 0.5em 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
ul.llista-links li {	
	margin: 0 0 1em 0;
	padding: 0;
	background: none;
	border-bottom: 1px solid #cbd4db;
}
ul.llista-links li a i, ul.llista-links li span i {
	color: #01636a;
	font-style: normal;
}
ul.llista-links li p {
	
}

/* Llistes de documents adjunts */
#fila-elements2 ul.llista-documents { /* Fitxers adjunts múltiples en un formulari */
	list-style: none;
	margin: 1em 0 0.5em 0;
	padding: 0;
	overflow: hidden;
}
#fila-elements2 ul.llista-documents li {
	margin: 0 0 1em 0;
	padding: 0 !important;	
	background: none;
	list-style: none;
   	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	border: 0;
	border-bottom: 1px solid #cbd4db;
}
#fila-elements2 ul.llista-documents li a {
	color: #2b2726;
	text-decoration: none;
}
#fila-elements2 ul.llista-documents li a:hover {
	text-decoration: underline;
}

li.parell {
	float: left;
	margin-right: 0;
}
li.imparell {
	margin-right: 4%;
	float: left;
	clear: both;
}


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

.alcada_500 {
	min-height: 500px;
}
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)}

.fitxa-de {
		
	background-color: #cbd4db;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}	

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


.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; }

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

.element-portada {
	overflow: hidden;
}

.finestra-emergent {
	position: fixed;
	top: 0%;
	left: 0%;
	
	display: none;
	z-index: 1010;
	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;
}

#capcalera #capcalera-superior #div-cerca {
	position: absolute;
	top: 90px;
	background-color: rgba(155,24,69,0.9);
	left: 0;
	z-index: 999;
	padding: 0;
	margin: 0;
	width: 100%;
}	


#capcalera #capcalera-superior #div-cerca #div-cerca-int {
	text-align: left;
	position: relative;
	padding: 75px 0 75px 0;
}

#capcalera #capcalera-superior #div-cerca #div-cerca-int img.tancar {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

#capcalera #capcalera-superior .input-cerca {
	padding: 0px 1% 3px 1%;
	margin: 0 0 0 10px;
	font-size: 1.2em;
	color: #ffffff;
	width: calc(98% - 100px);
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #cccccc;
}
#capcalera #capcalera-superior .input-cerca::placeholder {
  color: #dddddd;
}

.icona_cerca {
	font-size:1.3em!important;
	margin-left: 4px;
	color: #333333;
}

#capcalera #capcalera-superior #cerca-superior {
	overflow: hidden;
	vertical-align: top;
	float: right;
	list-style: none;
	margin: 20px 15px 14px 45px;
	padding: 0;
	color: #333333;
}

/**Menu fix width**/
.smpunt {
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
}

.smpunt > div{
	width: 100%;
}