#texto {
	width:500px;
	height:375px;
	position:relative;
}
#texto>div{
	position: relative;
	bottom: 375px;
	color:yellow;
	font-weight:bold;
}
.espacio{
	padding-bottom: 30px !important;
	padding-top: 30px !important;
}
.espacio_inicio{padding-top: 30px !important;}
.form-control{background-color: #DFDFDF;}

.border_butlleti{
	border-top:none;
	border-bottom: 3px solid black !important;
	border-left: none;
	border-right: none;
}
.border_sobre{
	border-top:none;
	border-bottom: 2px solid black !important;
	border-left: none;
	border-right: none;

}
.border_butlleti_fi{padding: 5px;}
.butlleti_titol{
	font-family: 'Oswald',sans-serif;
	text-transform: uppercase;
	font-size: var(--butlleti_titol);
}
.butlleti_subtitol{
	font-family: 'Oswald',sans-serif;
	text-transform: uppercase;
	font-size: var(--butlleti_subtitol);
}
.border_seccions{
	border-top:1.5px solid white !important;
	border-bottom: 1.6px solid white !important;
	border-left: 3px solid white !important;
	border-right: 4px solid white !important;
}
.border_observatori2{
	border-top:3px solid white !important;
	border-bottom: 1.5px solid white !important;
	border-left: 1.5px solid white !important;
	border-right: 1.5px solid white !important;
}
.border_observatori {border: 1.5px solid white !important;}
.border_observatori_recuadres_petits {
	border-top:1.5px solid white !important;
	border-bottom: none;
	border-left: none;
	border-right: 3px solid white !important;
}
.border_observatori_recuadres_petits2 {
	border-top:1.5px solid white !important;
	border-bottom: none;
	border-left: none;
	border-right: 3px solid white !important;
}

.border_observatori_general {
	border-top:0.5px solid white !important;
	border-bottom: 1.5px solid white !important;
	border-left: 1.5px solid white !important;
	border-right: none ;
}

.input_finder {
	border: 1px solid #ffffff;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	height:50px;
	font-size: 20px;
	background-color: white;
	padding-left: 10px;
	padding-top: 5px;
}

.cercador {
	color:black;
	font-family: "Roboto",sans-serif;
	border: 1px solid #ffffff;
	width: 90%;
	text-align: center;
	vertical-align: middle;
	height:39px;
	font-size: 1.5em;
	background-color: white;
	margin-bottom: 24px;
}
.cercador2 {
	color:black;
	font-family: "Roboto",sans-serif;
	border: 1px solid #ffffff;
	width: 80%;
	text-align: center;
	vertical-align: middle;
	height:55px;
	font-size: 1.5em;
	background-color: white;
	margin-bottom: 24px;
	margin-bottom: 41px;
}

.lupa_new {
	background-image: url('../img/lupa2.png');
	background-repeat: no-repeat;
	height:55px; 
	width:50px; 
	background-position: center;
}

.lupa{
	background-image: url('../img/lupa.png');
	background-repeat: no-repeat;
	height:40px; 
	width:80%; 
	background-position: center;
}
.lupa:focus {
	background-image: none;
	background-repeat: no-repeat;
	height: 40px; 
	background-position: center;
}
.lupa2{
	background-image: url('../img/lupa.png');
	background-repeat: no-repeat;
	height:40px; 
	width:99%; 
	background-position: right;
}
.lupa2:focus {
	background-image: none;
	background-repeat: no-repeat;
	height: 40px; 
	background-position: center;
}
.lupa3{
	background-image: url('../img/lupa.png');
	background-repeat: no-repeat;
	height:40px; 
	width:99%; 
	background-position: right;
}
.resultats {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: sans-serif;
	background-color: #f2eef0;
	transition: all .5s ease-in-out;
	color: gray;
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
}
.resultats:hover {
	color: black;
	background-color: #e0def3;
	transition: all .5s ease-in-out;
}
.resultats_2 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: sans-serif;
	background-color: #f2eef0;
	transition: all .2s ease-in-out;
	color: gray;
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
}
.resultats_2:hover {
	color: black;
	background-color: white;
	transition: all .2s ease-in-out;
}

.empresa3 {
	font-family: 'Oswald',sans-serif;
	background-color: #fff;
	color: #8c84d6;
	/*
	background-color: #4EA685;
	color: white;
	*/
	text-transform: uppercase;
	
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
}

.finder_new{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
	background-image: url(../img/Rectangle_2_copy_1.png);
	background-repeat:no-repeat;
	height: 1278px;
	color:white;
}

.empresa {
	font-family: 'Oswald',sans-serif;
	background-color: #fff;
	/*padding-top: 10px;
	padding-bottom: 50px;
	padding-right: 20px;
	padding-left: 20px;*/
	transition: all .2s ease-in-out;
	text-transform: uppercase;
	color: #8c84d6;
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
	cursor:pointer;
}
.empresa:hover {
	color: white;
	background-image: url('../img/compas-empren_menu-hover.png');
	transition: all .2s ease-in-out;
}
.empresa2 {
	font-family: "Roboto",sans-serif;
	color: white;
	background-color: #4EA685;
}
.registre{
	font-family: "Roboto",sans-serif;
	color: white;
	background-color: #00acac; 
}
.recerca2 {
	color: white;
	background-color: #FF6C36;
	text-transform: uppercase;
}
.innovacio2 {
	color: white;
	background-color: #F7B334;
	text-transform: uppercase;
}
.recerca3 {
	font-family: 'Oswald',sans-serif;
	text-transform: uppercase;
	
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 

	background-color: #fff;
	color: #8c84d6;
	/*
	background-color: #FF6C36;
	color: white;
	*/
}

.recerca {
	cursor:pointer;
	font-family: 'Oswald',sans-serif;
	/*padding-top: 10px;
	padding-bottom: 50px;
	padding-right: 20px;
	padding-left: 20px;*/
	transition: all .2s ease-in-out;
	text-transform: uppercase;
	color: white;
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
}
.recerca:hover {
	
	transition: all .2s ease-in-out;
}
.innovacio3 {
	font-family: 'Oswald',sans-serif;
	text-transform: uppercase;
	
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-color: #fff;
	color: #8c84d6;
	/*
	background-color: #F7B334;
	color: white;
	*/
}
.innovacio {
	cursor:pointer;
	font-family: 'Oswald',sans-serif;
	background-color: #fff;
	/*padding-top: 10px;
	padding-bottom: 50px;
	padding-right: 20px;
	padding-left: 20px;*/
	transition: all .2s ease-in-out;
	text-transform: uppercase;
	color: #8c84d6;
	-webkit-background-size: 100% 100%;           /* Safari 3.0 */
	-moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% 100%;           /* Opera 9.5 */
	background-size: 100% 100%;
}
.innovacio:hover {
	color: white;
	transition: all .2s ease-in-out;
}
.compas {
	cursor:pointer;
	font-family: 'Oswald',sans-serif;
	background-color: #fff;
	color: #8C84D6;
		/*padding-top: 10px;
	padding-bottom: 50px;
	padding-right: 20px;
	padding-left: 20px;*/
	transition: all .2s ease-in-out;
	
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
}
.compas:hover {
	color: white;
	background-image: url('../img/about-hover.png');
	transition: all .2s ease-in-out;
}
.update_font{font-size:var(--update_font);}
.update {
	font-family: 'Oswald',sans-serif;
	color: white;
	background-color: #8C84D6;
	transition: all .2s ease-in-out;
}
.knowledge {
	font-family: 'Oswald',sans-serif;
	color: white;
	background-color: #8C84D6;
	transition: all .2s ease-in-out;
}
.resultat_finder_barra{
	background-color: black;
	color:white;
	text-align: center;
	height: 50px;
}

.knowledge_boton_activo {
	margin-top: 20px;
	margin-bottom: 20px;
	color: white;
	font-size: 60px;
	text-align:  center;
	font-family: 'Oswald',sans-serif;
	border-top: 5px solid white !important;
	border-bottom: 5px solid white !important;
	border-left: 5px solid white !important;
	border-right: 5px solid white !important;
	transition: all .2s ease-in-out;
}

.knowledge_boton_activo:hover{color: black;}

.knowledge_boton {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: white;
	color: #8C84D6;
	font-size: 60px;
	text-align:  center;
	font-family: 'Oswald',sans-serif;
	border-top: 5px solid white !important;
	border-bottom: 5px solid white !important;
	border-left: 5px solid white !important;
	border-right: 5px solid white !important;
	transition: all .2s ease-in-out;
}

.knowledge_boton:hover{color: black;}

.update_educacio_boton_activo {
	margin-top: 20px;
	margin-bottom: 20px;
	color: white;
	font-size: 60px;
	text-align:  center;
	font-family: 'Oswald',sans-serif;
	border-top: 5px solid white !important;
	border-bottom: 5px solid white !important;
	border-left: 5px solid white !important;
	border-right: 5px solid white !important;
	transition: all .2s ease-in-out;
}
.update_educacio_boton_activo:hover{color: black;}

.update_educacio_boton {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: white;
	color: #F7B334;
	font-size: 60px;
	text-align:  center;
	font-family: 'Oswald',sans-serif;
	border-top: 5px solid white !important;
	border-bottom: 5px solid white !important;
	border-left: 5px solid white !important;
	border-right: 5px solid white !important;
	transition: all .2s ease-in-out;
}
.update_educacio_boton:hover{color: black;}

.panel_knowledge {
	font-family: 'Oswald',sans-serif;
	transition: all .2s ease-in-out;
	color: white;
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-color: #8C84D6;
	transition: all .2s ease-in-out;
}
.panel_funds {
		font-family: 'Oswald',sans-serif;
	transition: all .2s ease-in-out;
	color: white;
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-color: red;
	transition: all .2s ease-in-out;
}
.finder{
	font-family: 'Oswald',sans-serif;
	text-align: center;
	color: white;
	background-color: #8C84D6;
	transition: all .2s ease-in-out;
	margin-top: 1px;
}

.finder2{
	font-family: 'Oswald',sans-serif;
	text-align: center;
	color: white;
	margin-top: 1px;
	background-color: gray;
	background: repeating-linear-gradient( -45deg, #8C84D6 0.4px,#8C84D5 3px,#8C84D6 4px,#8C84D6 6px ,black 5px,#8C84D5 7px,#8C84D6 5px,#8C84D5 2px,#8C84D6 5px);
}
.finder3{
	font-family: 'Oswald',sans-serif;
	background-color: gray;
	/*padding-top: 10px;
	padding-bottom: 50px;
	padding-right: 20px;
	padding-left: 20px;*/
	transition: all .2s ease-in-out;
	color: white;
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	cursor:pointer;
}
.margen1{
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0.5px;
}
.margen_covid{
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom:1px;
}
.margen2{
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 1px;
}
.margen3{
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 1px;
}
.margen4{
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 0.5px;
}
.texto_imagenes{top: 10px; z-index: 10000;}
.sinmargen{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;

}
.sinmargen2{padding: 0px;}
.derecha{padding: 0px; padding-left: 0;}
.zquierda{padding: 0px; padding-right: 0;}
/*  */
.img1{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-image: url(../img/Slider_PublicEmpresa_Observatori_FundacioRecerca.png);
	background-repeat:no-repeat;
}
.img1:hover{
	background-image: url(../img/SliderON_PublicEmpresa_Observatori_FundacioRecerca.png);
	background-repeat:no-repeat;
}


.img1_2{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-image: url(../img/Slider_PublicEmpresa_Observatori_FundacioRecerca_2.png);
	background-repeat:no-repeat;
}
.img1_2:hover{
	background-image: url(../img/SliderON_PublicEmpresa_Observatori_FundacioRecerca_2.png);
	background-repeat:no-repeat;
}
.img1_covid{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-color: #8c84d6;
	background-image: url(../img/compas-funds.png);

}
.img1_covid:hover{
	background-image: url(../img/compas-funds_menu-hover.png);
	background-repeat:no-repeat;
}
.img1_covid_es{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-image: url(../img/Slider_COVID19_es.png);
	background-repeat:no-repeat;
}
.img1_covid_es:hover{
	background-image: url(../img/Slider_on_COVID19_es.png);
	background-repeat:no-repeat;
}
.img1-1{
	background-color: #8c84d6;
	/*
	background-image: url(../img/SliderON_PublicEmpresa_Observatori_FundacioRecerca.png);
	*/
	background-repeat:no-repeat;
}

/*new*/

.img_conpren{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-color: #8c84d6;
	background-image: url(../img/compas-empren_menu.png);
	background-repeat:no-repeat;
}
.img_conpren:hover{
	background-repeat: no-repeat;
	filter: hue-rotate(11deg);
}

/* negoci */
.img2_new{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-image: url(../img/negoci.png);
	background-repeat:no-repeat;
}
.img2_new:hover{
	background-image: url(../img/negoci.png);
	filter: hue-rotate(11deg);
}

/* about */
.img3_new{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
	 -o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-image: url(../img/about.png);
	background-repeat:no-repeat;
}
.img3_new:hover{filter: hue-rotate(11deg);}

/* investigacio */
.img2{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background: #fff;
	background-image: url(../img/investigacio.png);
	background-repeat:no-repeat;
}

.img2:hover{filter: hue-rotate(11deg);}

/* educacio */
.img3{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto; 
	background-image: url(../img/educacio.png);
	background-repeat:no-repeat;
}

.img3:hover{filter: hue-rotate(11deg);}

.img4{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
	background-image: url(../img/Slider_About_Observatori_FundacioRecerca.png);
	background-repeat:no-repeat;
}
.img4:hover{filter: hue-rotate(11deg);}

.img5{
	-webkit-background-size: contain;           /* Safari 3.0 */
		 -moz-background-size: contain;           /* Gecko 1.9.2 (Firefox 3.6) */
			 -o-background-size: contain;           /* Opera 9.5 */
					background-size: contain; 
	background-image: url(../img/person-update.svg);
	background-repeat:no-repeat;
	background-position: center;
}

/*FUNDS*/
.img6 {
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	background-image: url(../img/funds.png);
	background-repeat: no-repeat;
}

/*TWITTER*/
.timeline-Header-title {color: #afa54d;}
.timeline-Widget {background-color: #8c84d6;}

#sidebar-wrapper {
	margin-right: -250px;
	right: 0;
	width: 250px;
	background: rgb(0,0,0);
	opacity: 0.8;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	z-index: 1000;
	transition: all 0.5s ease-in 0s;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-ms-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
}
.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-nav li {
	line-height: 50px;
	text-indent: 20px;
}

.sidebar-nav li a {
	color: #999999;
	display: block;
	text-decoration: none;
}

.sidebar-nav li a:hover {
	color: #fff;
	background: rgba(255,255,255);
	opacity: 0.2;
	text-decoration: none;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;}

.sidebar-nav > .sidebar-brand {
	height: 55px;
	line-height: 55px;
	font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {color: #999999;}

.sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}

#sidebar-wrapper.active {
	right: 250px;
	width: 250px;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
}

.toggle {margin: 5px 5px 0 0;}

.menu_user{
	color:white;
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	padding: 5px;
}

.menu_user_black{
	color:black;
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	padding: 5px;
}

.menu_user2{
	color:white;
	font-family: 'Oswald',sans-serif;
	font-size: 20px;
	padding-left: 40px;
	line-height: 20pt;
}

.menu_user2_black{
	color:black;
	font-family: 'Oswald',sans-serif;
	font-size: 20px;
	padding-left: 40px;
	line-height: 20pt;
}

.menu_user2a {font-size: 19px;}

.a_menu{
	color:black;
	font-family: "Roboto",sans-serif;
	font-size: 10px;
	padding: 5px;
}

.a_menu:hover{text-decoration: underline; color:black;}

.a_menu:visited{text-decoration: underline;	color:black;}
.a_menu2{color:white; font-size: 16px;}

.a_menu2:hover{
	color:white;
	text-decoration: underline;
}

.a_menu2:visited{color:white;}

.a_menu_2{
	color:#8C84D6;
	font-family: "Roboto",sans-serif;
}

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

.a_menu_2:visited{text-decoration: underline;}


.boton_compas{
	font-family: "Roboto",sans-serif;
	text-decoration: none;
	padding: 10px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 25px;
	color: white;
	background-color: transparent;
	border-radius: 6px;
	border: none;
}
.boton_compas:hover{
	text-decoration: underline;
	cursor:pointer;
	background-color: transparent;
	font-size: 25px;
}

.hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 2px solid white;
	margin: 1em 0;
	padding: 0; 
}
.hr2{
	display: block;
	height: 3px;
	border: 0;
	border-top: 2px solid white;
	margin: 1em 0;
	padding: 0; 
}
.hr3{
	display: block;
	height: 3px;
	border: 0;
	border-top: 2px solid white;
	padding: 0; 
	width:95%;
}
.link_finder{
	text-transform: none !important;
	font-family: 'Roboto',sans-serif;
	line-height: 22px;
	font-size: 20px;
	color:black;
}
.link_finder:hover{color:black;}

.link_finder2{
	font-family: "Roboto",sans-serif;
	font-size: 15px;
	color:gray;
}
.link_finder2:hover{color:black;}

.link_BAC{
	text-transform: none;
	font-family: 'Roboto',sans-serif;
	color:black;
	text-decoration: none !important;
}
.link_BAC:hover{color:black;}

.link_BAC{
	text-transform: none;
	font-family: 'Roboto',sans-serif;
	color:black;
	text-decoration: none !important;
}
.link_BAC:hover{color:black;}

.link_mes{
	color:black;
	transition: all .6s ease-in-out;
}
.link_mes:active{
	color:black;
	text-decoration: none;
}
.link_mes:hover{
	color:#8C84D6;
	text-decoration: none;
	transition: all .6s ease-in-out;
}


.text_finder{
	font-family: "Roboto",sans-serif;
	font-size: 15px;
	color:gray;
}
.idiomas{
	font-family: "Roboto",sans-serif;
	font-size: 10px;
	color:white;
	text-decoration: none;
}
.idiomas:active{
	text-decoration: underline;
	color:white;
}

.idiomas:hover{color:white;}

.idiomas2{
	font-family: "Roboto",sans-serif;
	font-size: 15px;
	/*color:#8C84D6;*/
	color:black;
	text-decoration: none;
}
.idiomas2:active{
	text-decoration: underline;
	color:#8C84D6;
}
.idiomas2:hover{
	color:#8C84D6;
	text-decoration: underline;
}
.idiomas2:visited{
	/*color:#8C84D6;*/
	color:black;
	text-decoration: underline;
}
.img1{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
	background-image: url(../img/Slider_PublicEmpresa_Observatori_FundacioRecerca.png);
	background-repeat:no-repeat;
}
.img1:hover{
	background-image: url(../img/SliderON_PublicEmpresa_Observatori_FundacioRecerca.png);
	background-repeat:no-repeat;
}
.img1-1{
	background-color:#8C84D6;
	/*
	background-image: url(../img/SliderON_PublicEmpresa_Observatori_FundacioRecerca.png);
	*/
	background-repeat:no-repeat;
}
/* investigacio */
.img2{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
	background-image: url(../img/investigacio.png);
	background-repeat:no-repeat;
}
.img2:hover{
	background-image: url(../img/investigacio-hover.png);
	background-repeat:no-repeat;
}
/* educacio */
.img3{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
	background-image: url(../img/educacio.png);
	background-repeat:no-repeat;
}
.img3:hover{
	background-image: url(../img/educacio-hover.png);
	background-repeat:no-repeat;
}
.img4{
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
		 -moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
			 -o-background-size: 100% auto;           /* Opera 9.5 */
					background-size: 100% auto; 
	background-image: url(../img/Slider_About_Observatori_FundacioRecerca.png);
	background-repeat:no-repeat;
}
.img4:hover{
	background-image: url(../img/Slideron_About_Observatori_FundacioRecerca.png);
	background-repeat:no-repeat;
}
.titulo_resultat{
	text-transform: uppercase;
	font-family: 'Oswald',sans-serif;
	color:black;font-size: 25px;
	color:black;
}
.titulo_resultat:hover{color:black;}
.link_compas{color:black;}
.link_compas:hover{color:black;}
.link_compas2{color:white;}
.link_compas2:hover{color:white;}
.upload {display: none;}

.uploader label {
	cursor: pointer;
	width: 49px;
	height: 55px !important;
	position: absolute;
	right: 11.5%;
	background: #c3e3fc url('https://www.interactius.com/wp-content/uploads/2017/09/folder.png') no-repeat center;
	background: white url('../img/lupa.png') no-repeat center;
	height:40px; 
}
:root {
--twitter_color:white;
--twitter_font:30px;
--update_boton_size:60px;
--texte_finder: 30px;
--butlleti_subtitol:40px;
--butlleti_titol:50px;
--ltitulo: black;
--titulo_font: 80px;
--titulo_pappding:30px;
--subtitulo_font: 50px;
--subtitulo_font2: 30px;
--subtitulo_pappding:30px;
--height_slider:300px;
--separacio_indicadors:30px;
--separacio_indicadors_2:15px;
--height_indicadors0: 502px;
--height_indicadors1: 250px;
--height_indicadors2: 252px;
--titulo_indicadors: 230px;
--subtitulo_indicadors: 70px;
--subtitulo_indicadors_mitja:80px;
--subtitulo_indicadors_gran:105px;
--subtitulo_indicadors_petit:31px;
--tamaño_imagen_pag_info:550px;
--tamaño_imagen_pag_info2:500px;
--alto_knowledge: 500px;
--alto_finder:500px;
--knowledge_titol:85px;
--knowledge_subtitol:30px;
--knowledge_subtitol2:15px;
--knowledge_texte:15px;
--texte_compas:45px;
--tamany_mes:30px;
--tamany_mes_gran:50px;
--texte_web:30px;
--separacion_footer:-500px;
--cuadro_grande:130px;
--title-home:55px;
/* Indicadors*/
	--altura_caja: 620px;
	--altura_indicadors:300px;
	--lindicador:300px;
	--lindicador_mestexte:110px;
	--ltitular:60px;
	--ltitol_any:40px;
	--ltexte:20px;
	/*update*/

	--update_font:20px;
}
@media (min-width: 320px) {
	:root {
	/*iphone */
	--ltitulo: yellow;
	--titulo_font: 25px;
	--titulo_pappding:5px;
	--subtitulo_font: 12px;
	--subtitulo_font2: 10px;
	--subtitulo_pappding:0px;
	--height_slider:83px;
	--height_indicadors0: 350px;
	--height_indicadors1: 175px;
	--height_indicadors2: 175px;
	--titulo_indicadors: 156px;
	--subtitulo_indicadors: 50px;
	--subtitulo_indicadors_gran:60px;
	--subtitulo_indicadors_petit:21px;
	--separacio_indicadors_1:20px;
	--tamaño_imagen_pag_info:200px;
	--tamaño_imagen_pag_info2:500px;
	}
}
@media (min-width: 576px) {
	:root {
	/*safari */
	--ltitulo: red;
	--texte_finder: 16px;
	--cuadro_grande:64px;
	--title-home:22px;
	--titulo_font: 35px;
	--titulo_pappding:10px;
	--subtitulo_font: 20px;
	--subtitulo_font2: 18px;
	--subtitulo_pappding:7px;
	--height_slider:140px;
	--height_indicadors0: 350px;
	--height_indicadors1: 175px;
	--height_indicadors2: 175px;
	--titulo_indicadors: 156px;
	--subtitulo_indicadors: 50px;
	--subtitulo_indicadors_gran:60px;
	--subtitulo_indicadors_petit:21px;
	--separacio_indicadors_1:20px;
	--tamaño_imagen_pag_info:250px;
	--tamaño_imagen_pag_info2:500px;
	--lboton_indicadors:18px;
	}
}
@media (min-width: 768px) {
	:root {
	--separacion_footer:100px !important;
	--ltitulo: blue;
	--texte_finder: 24px;
	--cuadro_grande:78px;
	--title-home:35px;
	--titulo_font: 60px;
	--titulo_pappding:10px;
	--subtitulo_font: 30px;
	--subtitulo_font2: 25px;
	--subtitulo_pappding:9px;
	--height_slider:167px;
	--height_indicadors0: 350px;
	--height_indicadors1: 175px;
	--height_indicadors2: 175px;
	--titulo_indicadors: 156px;
	--subtitulo_indicadors: 50px;
	--subtitulo_indicadors_gran:60px;
	--subtitulo_indicadors_petit:21px;
	--separacio_indicadors_1:20px;
	--tamaño_imagen_pag_info:380px;
	--tamaño_imagen_pag_info2:380px;
	--separacion_footer:30px;
	--alto_knowledge: 450px;
	--knowledge_titol:55px;
	--knowledge_subtitol:15px;
	--knowledge_subtitol2:10px;
	--knowledge_texte:13px;

	/* Indicadors*/
	--altura_caja: 400px;
	--altura_indicadors:170px;
	--lindicador:160px;
	--lindicador_mestexte:80px;
	--ltitular:30px;
	--ltitol_any:25px;
	--ltexte:15px;
	--lboton_indicadors:25px;
	--espai_indicadors:70px;
	--separacio_indicadors:20px;
	--subtitulo_indicadors_mitja:40px;
	--subtitulo_indicadors_petit:18px;
	 }
}
@media (min-width: 992px) {
	:root {
		--separacion_footer:15px;
		--ltitulo: black;
		--titulo_font: 50px;
		--titulo_pappding:15px;
		--subtitulo_font: 30px;
		--subtitulo_font2: 25px;
		--subtitulo_pappding:13px;
		--height_slider:210px;
		--height_indicadors0: 350px;
		--height_indicadors1: 175px;
		--height_indicadors2: 175px;
		--titulo_indicadors: 156px;
		--subtitulo_indicadors: 50px;
		--subtitulo_indicadors_gran:60px;
		--subtitulo_indicadors_petit:21px;
		--separacio_indicadors_1:20px;
		--tamaño_imagen_pag_info:500px;
		--tamaño_imagen_pag_info2:500px;

		/* Indicadors*/
		--separacio_indicadors:15px;
		--altura_caja: 430px;
		--altura_indicadors:150px;
		--lindicador:150px;
		--lindicador_mestexte:110px;
		--ltitular:35px;
		--ltitol_any:20px;
		--ltexte:15px;
		--subtitulo_indicadors_mitja:45px;
		--subtitulo_indicadors_petit:20px;
		--separacio_indicadors_2:10px;

	}
}
@media (min-width: 1050px) {
	:root {
		--ltitulo: gray;
		--cuadro_grande:90px;
		--title-home:40px;
		--titulo_font: 70px;
		--titulo_pappding:20px;
		--subtitulo_font: 32px;
		--subtitulo_font2: 26px;
		--subtitulo_pappding:18px;
		--height_slider:228px;
		--height_indicadors0: 460px;
		--height_indicadors1: 230px;
		--height_indicadors2: 230px;
		--titulo_indicadors: 211px;
		--subtitulo_indicadors: 60px;
		--subtitulo_indicadors_gran:80px;
		--subtitulo_indicadors_petit:31px;
		--tamaño_imagen_pag_info:500px;
		--tamaño_imagen_pag_info2:440px;
		--separacion_footer:15px !important;

		/* Indicadors*/
		--separacio_indicadors:25px;
		--altura_caja: 520px;
		--altura_indicadors:220px;
		--lindicador:220px;
		--lindicador_mestexte:105px;
		--ltitular:30px;
		--ltitular_petit:40px;
		--ltitol_any:20px;
		--ltexte:18px;
		--lboton_indicadors:35px;
		--subtitulo_indicadors_mitja:55px;
		--subtitulo_indicadors_petit:28px;
	}
}
@media (min-width: 1200px) {
	:root {
		/*safari */
		--separacion_footer: 70px !important;
		--texte_finder: 22px;
		--ltitulo: purple;
		--cuadro_grande:90px;
		--title-home:32px;
		--titulo_font: 60px;
		--titulo_pappding:20px;
		--subtitulo_font: 32px;
		--subtitulo_font2: 26px;
		--subtitulo_pappding:18px;
		--height_slider:230px;
		--height_indicadors0: 460px;
		--height_indicadors1: 230px;
		--height_indicadors2: 230px;
		--titulo_indicadors: 211px;
		--subtitulo_indicadors: 60px;
		--subtitulo_indicadors_gran:80px;
		--subtitulo_indicadors_petit:31px;
		--tamaño_imagen_pag_info:500px;
		--tamaño_imagen_pag_info2:440px;
		--separacion_footer:215px;
		/* Indicadors*/
		--separacio_indicadors:25px;
		--subtitulo_indicadors_mitja:55px;
		--subtitulo_indicadors_petit:28px;
		--altura_caja: 520px;
		--altura_indicadors:220px;
		--lindicador:220px;
		--lindicador_mestexte:105px;
		--ltitular:30px;
		--ltitol_any:20px;
		--ltexte:18px;
		--lboton_indicadors:35px;
	}
}
@media (min-width: 1365px) {
	:root {
	--ltitulo: cyan;
	--titulo_font: 80px;
	--titulo_pappding:30px;
	--subtitulo_font: 45px;
	--subtitulo_font2: 35px;
	--subtitulo_pappding:30px;
	--height_slider:295px;
	--height_indicadors0: 501px;
	--height_indicadors1: 250px;
	--height_indicadors2: 251px;
	--titulo_indicadors: 230px;
	--subtitulo_indicadors: 70px;
	--subtitulo_indicadors_gran:95px;
	--subtitulo_indicadors_petit:31px;
	--tamaño_imagen_pag_info:650px;
	--tamaño_imagen_pag_info2:560px;
	--separacion_footer:50px;
		/* Indicadors*/
	--subtitulo_indicadors_mitja:65px;
	--altura_caja: 365px;
	--altura_indicadors:160px;
	--lindicador:80px;
	--lindicador_mestexte:80px;
	--ltitular:30px;
	--ltitular_petit: 25px;
	--ltitol_any:25px;
	--ltexte:18px;
	--lboton_indicadors:35px;
	}
}
/* indicadors*/
.titulo{
	color: var(--ltitulo);
	color:white;
	padding: var(--titulo_pappding);
	font-size: var(--titulo_font);
	text-align:  left;
	font-family: 'Oswald',sans-serif;
}
.subtitulo{
	color: var(--ltitulo);
	color: white;
	padding:var(--subtitulo_pappding);
	font-size: var(--subtitulo_font);
	text-align:  left;
	font-family: 'Oswald',sans-serif;
}

.subtitulo2{
	color: black;
	font-size: var(--subtitulo_font2);
	text-align:  left;
	font-family: 'Oswald',sans-serif;
}

.cuadro_grande{
	color: var(--ltitulo);
	color:white;
	padding: var(--titulo_pappding);
	font-size: var(--title-home);
	text-align:  left;
	font-family: 'Oswald',sans-serif;
}

.cuadro_mediano{
	color: var(--ltitulo);
	color: #fff;
	padding:var(--subtitulo_pappding);
	font-size: var(--title-home);
	text-align:  left;
	font-family: 'Oswald',sans-serif;
}

.cuadro_pequeno{
	color: var(--ltitulo);
	color: #8c84d6;
	padding:var(--subtitulo_pappding);
	font-size: var(--title-home);
	text-align:  left;
	font-family: 'Oswald',sans-serif;

}
.link_update{color:black;}
.link_update:hover{color:black;}
.link_update:visited{color:black;}

.button {
	margin: 10px 5px 10px 5px;
	border: none;
	font-family: 'Oswald',sans-serif;
	text-transform: uppercase;
	font-size: var(--lboton_indicadors);
	cursor: pointer;
	background-color: transparent;
}

.button:hover {
	font-size: var(--lboton_indicadors);
	transition: all 1.5s ease-in-out;
	text-decoration: underline;
}

.button:active,
.button.is-checked {
	font-size: var(--lboton_indicadors);
	text-decoration: underline;
}

.element-item {
	width: 50%;
	height: var(--altura_caja);
	margin-top: 5px;
	background: none;
	color: #262524;

	margin-top: 15px;
	padding-left: 30px;
	padding-right: 30px;

	padding: 2px;
	margin: 0px;
}

.panel-titol-card {padding-left: 10px;margin-top: 10px;}

@media (max-width: 1200px) {
	.element-item {width: 100%;}
	:root {--lindicador: 88px; --ltitular: 28px; --ltitol_any: 28px; --ltitular: 28px;}
}

.empresa_indicador,
.recerca_indicador,
.educacio_indicador {
	font-family: 'Oswald',sans-serif;
	font-size: var(--lindicador);
	color: #8C84D6;
}  

.empresa_indicador font, .recerca_indicador font {font-family: 'Oswald',sans-serif;}

.defecte_indicador {
	font-family: 'Oswald',sans-serif;
	background-color: #5b5b5f;
	font-size: var(--lindicador);
	color: #8C84D6;
}  
.empresa_titol,
.recerca_titol,
.educacio_titol{
	font-family: 'Oswald',sans-serif;
	color: #8C84D6;
	font-size: var(--ltitular)
}

.defecte_titol,
.defecte_titol{
	font-family: 'Oswald',sans-serif;
	color: #5b5b5f;
	font-size: var(--ltitular)
}
.empresa_any_titol,
.recerca_any_titol,
.educacio_any_titol{
	font-family: 'Oswald',sans-serif;
	color: #8C84D6;
	font-size: var(--ltitol_any)
}
.defecte_any_titol{
	font-family: 'Oswald',sans-serif;
	color: #5b5b5f;
	font-size: var(--ltitol_any)
}
/* fin indicadors*/
.subtitulo_estatitcs{
	font-family: "Roboto",sans-serif;
	font-size: var(--ltitol_any) 
}

@media (min-width: 1050px) {
	.container {max-width: 1050px;}
}
@media (min-width: 1365px) {
	.container {max-width: 1365px;}
}
.selected{
	color: black !important;
	text-shadow: none;
	text-decoration: underline;
}
.collapse_text{
	padding: 5px;
	line-height:15px;
	font-size: 15px;

}

#inves_empreses {
	counter-reset: li; 
	list-style: none; 
	padding: 0;
	margin-bottom: 4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

#inves_empreses ol {
	margin: 0 0 0 2em; 
}

#inves_empreses li{
	position: relative;
	display: block;
	padding: .4em .4em .4em .8em;
	margin: .5em 0 .5em 2.5em;
	background: #ddd;
	color: black;
	text-decoration: none;
	transition: all .3s ease-out;   
}

#inves_empreses li:hover{background: lightgrey;}   

#inves_empreses li:before{
	content: counter(li);
	counter-increment: li;
	position: absolute; 
	left: -2.5em;
	top: 15px;
	margin-top: -1em;
	background: lightgrey;
	height: 2em;
	width: 2em;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}

#inves_empreses li:after{
	position: absolute; 
	content: '';
	border: .5em solid transparent;
	left: -1em;
	top: 15px;
	margin-top: -.5em;
	transition: all .3s ease-out;               
}

#inves_empreses li:hover:after{
	left: -.5em;
	border-left-color: grey;             
}