@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}



body { 
	background: #EDEDED;
	padding:0;
	margin: 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 20px;
}
p {
	text-align:justify;
	
}
#mare {
	margin: 0 auto;
	width: 1040px;
	background: #FFF;
 
}
#countdown{
	width:10px;
}
#clear { clear:both}
#separador { clear:both; height: 1px; width: 550px; margin: 0 20px;  }
#menuTop {
	background:url(../img/franja_cap.jpg) no-repeat top center;
	width: 1040px;
	height: 34px;
	color: #FFF;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#menuTop ul {
	margin: 0px 10px 0px 0px;
	padding: 4px 0px 4px 0px;
	float: right; 
}
img{
    width:100%;
    max-width:100px;
}
#menuTop li {
	background: none;
	display: inline;
	margin: 0px;
	padding: 0;
}
#menuTop li a {
	color: #FFF;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#menuTop li a:hover {
	color: #FFF;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#menuIco {
	width: 130px;
	float:right;
	margin: 0;
	padding: 0;
}
#menuIco ul {
	margin: 0px;
	padding: 4px 20px 4px 0px;
}
#menuIco li {
	background: none;
	display: inline;
	margin: 0px;
	padding: 0;
}
#menuIco li a {
	color: #FFF;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#menuIco img {
	border: 0; 

}
/*cos esquerra*/
#eines {
	width: 300px;
	padding:0;
	 margin: 18px 0 0px 10px;  
	float: left;
	display:inline;
}
#oferta {
	width: 300px;
	height: 365px;
	background: url(../img/oferta_fons.gif) no-repeat top center; 
	 
}
 
#logo h1 {
	display: none;
}
#retorn {
	float:left;
	width:300px;
    height:145px;
	margin:0px;
	padding:0px;
}
#retorn a {
	display:block;
	width:300px;
    height:145px;
	margin:0px;
	padding:0px;
}
#retorn a span{
	display:none;	
}
#buscador {
	width: 280px;
	/*height: 345px;*/
	height:220px;
	padding: 0;
	margin: 0;
	clear:both;
}
#buscador a {
	color:#FFFFFF;
}
	#buscador h2 {
		padding: 10px 0 0 32px;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #268BE5;
		background: url(../img/li_blau.gif) no-repeat 22px 16px;
	}
	#buscador h2 span {
		color: #8CC63F;
	}
	#buscador form {
		padding: 14px 20px 10px 30px;
		color: #FFF;
	}
	#buscador form p {  
		clear: both;  
		margin: 0;  
		padding: 0;
		line-height: 18px;
	}
	#buscador label {
		width: 240px;
		float: left;
	}
	#buscador input, #buscador select {
		/*background: #FFF url(../img/input_blau.gif) no-repeat top left;*/
		border: 0;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		padding: 2px; 
		/*width: 220px;*/
	}
	#buscador button {
		background: url(../img/boto_blau.gif) no-repeat 0 0;
		border: 0;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		/*margin: 10px 4px; */
		padding: 1px 0 3px 0;
		width: 60px;
		color: #268be5;
		float: right;
		cursor: pointer;
	}
#candidatos {
	width: 300px;
	 height: 214px; 
	
	background: url(../img/candidatos_fons.gif) no-repeat top center; 
	margin: 0;
	 
}
	#candidatos h2 {
		padding: 26px 0 0 32px;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		background: url(../img/li_blanc.gif) no-repeat 22px 32px;
	}
	#candidatos h3 {
		padding: 8px 0 0 42px;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		color: #268BE5;
		background: url(../img/li_blau.gif) no-repeat 32px 14px;
	}
	#candidatos h3 span {
		color: #FFF;
	}
	#candidatos h3 a {
		text-decoration: none;
		color: #268BE5;
	}
	#candidatos h3 a:hover {
		border-bottom:1px solid #268BE5; 
		color:#fff;
		text-decoration: none;
	}
	#candidatos h3 a span {
		text-decoration: none;
		color: #FFF;
	}
	#candidatos a {
		color: #FFF;
		text-decoration: underline;
	}
	#candidatos a:hover {
		text-decoration:underline;
		color:#fff;
	}
	#candidatos p {
		padding: 0px 10px 0px 42px;
		color: #FFF;
	}
	#candidatos form {
		/*padding: 6px 30px 0px 42px;*/
		width:240px;
		margin:auto;
		color: #FFF;
	}
	#candidatos form p {  
		clear: both;  
		margin: 0;  
		padding: 0;
		line-height: 15px;
	}
	#candidatos label {
		width: 240px;
		float: left;
	}
	#candidatos input {
		/*background: #FFF url(../img/input_blau.gif) no-repeat top left;*/
		border: 0;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		padding: 3px; 
		float:left;
	}
	#candidatos button {
		background: url(../img/boto_verd.gif) no-repeat 0 0;
		border: 0;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		/*margin: 0px 8px; */
		padding: 1px 0 3px 0;
		width: 70px;
		color: #8cc63f;
		float: right;
		cursor: pointer;
	}
#empresas {
	width: 300px;
	height: 214px;
	background: url(../img/empresas_fons.gif) no-repeat top center; 
	margin: 0;
}
#empresaslogo {
	width: 300px;
	height: 214px;
	background: url(../img/empresas_logo.gif) no-repeat top center; 
	margin: 0;
}


 
 

	#empresas h2 {
		padding: 26px 0 0 32px;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		background: url(../img/li_blanc.gif) no-repeat 22px 32px;
	}
	#empresas h3 {
		padding: 8px 0 0 42px;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		color: #268BE5;
		background: url(../img/li_blau.gif) no-repeat 32px 14px;
	}
	#empresas h3 a {
		text-decoration: none;
		color: #268BE5;
	}
	#empresas h3 a:hover {
		border-bottom:1px solid #268BE5; 
		color:#fff;
		text-decoration:none;
	}
	#empresas h3 span {
		color: #FFF;
	}
	#empresas h3 a span {
		text-decoration: none;
		color: #FFF;
	}
	 
	#empresas a {
		color: #FFF;
		text-decoration: underline;
	}
	#empresas a:hover {
		text-decoration:underline;
		color:#fff;
 
	}
	#empresas p {
		padding: 0px 10px 0px 42px;
		color: #FFF;
	}
	#empresas form {
	/* padding: 6px 30px 0px 42px;*/
	 width:240px;
	 margin:auto;
		color: #FFF;
	}
	#empresas form p {  
		clear: both;  
		margin: 0;  
		padding: 0;
		line-height: 15px;
	}
	#empresas label {
		width: 240px;
		float: left;
	}
	#empresas input {
		/*background: #FFF url(../img/input_blau.gif) no-repeat top left;*/
		border: 0;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		padding: 3px; 
		float:left;
	}
	#empresas button {
		background: url(../img/boto_verd.gif) no-repeat 0 0;
		border: 0;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		/*margin: 0px 8px; */
		padding: 1px 0 3px 0;
		width: 70px;
		color: #8cc63f;
		float: right;
		cursor: pointer;
	}
/*empresas y candidatos interior*/
#empresasIn, #candidatosIn {
	width: 300px;
	height: 214px;
	background: url(../img/empresas_fons.gif) no-repeat top center; 
	margin: 0;
}
	#empresasIn h2, #candidatosIn h2 {
		padding: 26px 0 0 32px;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		width:240px;
	}
	#empresasIn ul, #candidatosIn ul {
		padding: 0;
		margin: 10px 0;
	}
	#empresasIn li, #candidatosIn li {
		background: url(../img/li_blau.gif) no-repeat 32px 14px;
		padding: 8px 0 0 42px;
		list-style: none;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	}
	#empresasIn a span, #candidatosIn a span {
		color: #FFF;
	}
	#empresasIn a, #candidatosIn a {
		color: #268BE5;
		text-decoration: none;
	}
	#empresasIn a:hover, #candidatosIn a:hover {
		color: #FFF;
		text-decoration: none;
	}
	#empresasIn button, #candidatosIn button {
		background: url(../img/boto_verd2.gif) no-repeat 0 0;
		border: 0;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		margin:0 30px 0 0;
  padding:1px 0 4px;
		width: 110px;
		color: #8cc63f;
		float: right;
		cursor: pointer;
	}
	#empresasIn img, #candidatosIn img {
		margin: 14px 30px 0 0; 
		float: right;
		width: 76px;
	}
/*cos mig*/
#content {
	width: 595px;
	/*height:737px;*/
	padding:0;
 	/*margin: 16px 0 10px 2px; */
	float: left;
	display:inline;
}
#presentacion {
	width: 596px;
	height: 150px;
	margin-bottom: 13px;
	/*margin-top: -10px;*/
	padding:0;
}
	#presentacion .superior, #box_respaldado .superior  {
		background: url(../img/superior.gif) no-repeat top center;
		height: 30px;
		text-align:center;
	}
	#presentacion .quadre  {
		background: url(../img/quadre.gif) repeat-y top center;
		height: 72px;
		text-align:center;
	}
	#presentacion .quadre a{
		border:none;
	}
	#presentacion .quadre a img{
		border:none;
	}
	#presentacion .inferior, #box_respaldado .inferior {
		background: url(../img/inferior.gif) no-repeat bottom center;
		height: 36px;
	}
	#presentacion h2 {
		margin-left: 20px;
		font: normal 12px Verdana, Arial, Helvetica, sans-serif;
		color: #268BE5;
	}
	#presentacion img {
		/*padding: 0 26px 0 26px;*/
	}
#destacat, #experiencia, #estatic, #destacat_home, #respaldado {
	width: 596px;
	margin: 0; 
	margin-bottom: 6px;
	padding: 0;
}


#destacat .quadre{
	 height: auto!important; /* para los browsers buenos */
     height: 541px; /* para IE5+ */
     min-height: 541px; /* para los browsers buenos */
 }
#estatic .quadre {
	 height: auto!important; /* para los browsers buenos */
     height: 585px; /* para IE5+ */
     min-height: 585px; /* para los browsers buenos */
} 


	#destacat .superior, #experiencia  .superior, #estatic .superior, #destacat_home .superior {
		background: url(../img/superior.gif) no-repeat top center;
	}
	#destacat .quadre, #experiencia  .quadre, #estatic .quadre, #destacat .quadre, #destacat_home .quadre  {
		background: url(../img/quadre.gif) repeat-y top center;
	}
	#destacat .inferior, #experiencia  .inferior, #estatic .inferior, #destacat .inferior, #destacat_home .inferior {
		background: url(../img/inferior.gif) no-repeat bottom center;
		height: 40px;
	}
	#destacat h2, #experiencia h2, #estatic h2, #destacat_home h2  {
		padding: 21px 0 0 32px;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #268BE5;
		background: url(../img/li_blau.gif) no-repeat 22px 27px;
	}
	#destacat h2 span, #experiencia h2 span, #estatic h2 span, #destacat_home h2 span {
		color: #8CC63F;
	}
	#experiencia h3 {
		padding: 0 0 0 32px;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #268BE5;
	}
	#experiencia h3 span {
		color: #8CC63F;
	}
	#experiencia p {
		padding: 0px 10px 0px 32px;
		color: #666;
	}
	#experiencia #persona {
		padding: 14px 0;
		margin: 0 18px 0 10px;
		height: 125px;
	}
	#experiencia #persona img {
		padding: 0;
		margin: 0;
		float: left;
		width: 199px;
		height: 129px;
	}
	#experiencia #persona #text {
		padding: 0;
		margin: 0;
		height: 129px;
		width: 368px;
		background: #8CC63F;
		color: #FFF;
		float:right;
	}
	#experiencia #persona #text h4 {
		padding: 15px 10px 0px 20px;
		margin: 0;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	}
	#experiencia #persona #text p {
		padding: 10px 10px 10px 20px;
		margin: 0;
		font:  11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	
	
	
	.taula_gris {
	 width: 495px;
	 margin: 0 0 0 0px;
		
	}
	.taula_gris thead td{
		background: #ccc;
		color: #333;
	}
	
	
	table {
		margin: 0 0 0 10px;
		padding: 14px 0 4px 0px;
		width: 568px;
		background: #FFF;
		color: #666;
		border: 0;
		border-collapse: collapse;
	}
	
	table thead td {
		background: #268BE5;
		color: #FFF;
		height: 30px;
		font-weight: bold;
		margin-top: 20px;
	}
	table td {
		margin: 0;
		padding: 0 10px;
		background: #f7f7f7;
		color: #666;
		height: 30px;
		border-bottom: #CCC 1px solid;
	}
	table tr {
		margin: 0;
		padding: 0;
		border-bottom: #CCC 1px solid;
	}
	
	
	
	 #acces table {
		width: 490px;
 	}
	#destacat p, #destacat_home p {
		padding: 0px 10px 0px 32px;
		color: #666;
	}
	#destacat img, #destacat_home img {
	margin:2px 0 0 0;
	 /*margin: 20px 20px 20px 0px; */
		/*width: 200px;*/
	 float:right; 
	}
	#estatic p {
		padding: 0px 40px 0px 30px;
		color: #666;
		line-height: 18px;
		 
	}
	#estatic a, #destacat a, #experiencia a, #destacat_home a {
		color: #268BE5;
		text-decoration: underline;
	}
	#estatic span.verd a {
		color:#8cc63f;
	
	}
	#llistat_empreses a{
		text-decoration: underline;
	}
	#estatic a:hover {
		color: #268BE5;
		text-decoration: none;
	}
	#estatic ul{
		padding: 0;
		margin: 0 0 0 30px;
	}
	#estatic li{
		background: transparent url(../img/li_blau.gif) no-repeat 0 0.8em;
		padding: 4px 4px 2px 12px;
		list-style: none;
	}
/*cos dreta*/
#logos {
	 width: 126px; 
	height: 754px;
	padding: 30px 0;
	background: url(../img/logos_fons.gif) no-repeat top center; 
	/*margin: 16px 0 10px 0; */
	float: left;
	display:inline;
	margin:0;
	text-align:center;
	background-color:none;
	
}
#logos img {
		border:none;
		padding:5px  12px;
	}
#linklogos {
	background-color:#268BE5;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:12px;
	padding:0 0 2px;
	text-decoration:none;
	vertical-align:middle;
	width:14px;
	margin:auto;
}

/*form general*/
 
#content form {
	padding: 6px 30px 0px 42px;
	color: #FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.float_right {
 	float:right; 
}
.float_left {
	float:left;
}
#content form p {  
	clear: both;  
	margin: 0;  
	padding: 8px 0;
	line-height: 16px;
}
#content label {
	color: #268BE5;
	clear: both;
	display:block;
}
#content input, #content textarea, #content select {
	border: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px; 
	border: #ccc 1px solid;
	width: 220px;
}
#content input.radio {
	border: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px; 
	border: none;
	width:30px
}
.boto_verd {
 
	background-color:#8cc63f;
	border: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; 
	padding: 5px;
	color: #FFF;
	 float: right; 
	cursor: pointer;
 }
.boto_blau {
	background-color:#268be5;
	border: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; 
	padding: 10px;
	color: #FFF;
	 float: right; 
	cursor: pointer;
 	
}


 
/*
#content button {
	background:transparent url(../img/boto_blau.gif) no-repeat scroll 0 0;
	border: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; 
	padding: 2px;
	color: #FFF;
	float: right;
	cursor: pointer;
}
#content button.verd {
	background: #8CC63F;
	border: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; 
	padding: 2px;
	color: #FFF;
	float: right;
	cursor: pointer;
}
*/
/* Imatges Form */ 
.form_alta {
	width: 490px;
	float:left;
	background:url(../img/img_alta_candidato.jpg) no-repeat right top;
}
.form_estudios {
	width: 490px;	
	float:left;
	background:url(../img/img_estudis.jpg) no-repeat right top;
}
.form_experiencia {
	width: 490px;
	float:left;
	background:url(../img/img_experiencia.jpg) no-repeat right top;
}
.form_futuro {
	width: 490px;
	float:left;
	background:url(../img/img_futuroredu.jpg) no-repeat right top;
}
.form_dia {
	width: 490px;
	float:left;
	background:url(../img/img_dia.jpg) no-repeat right top;
}
.form_oferta {
	width: 490px;
	float:left;
	background:url(../img/img_oferta.jpg) no-repeat right top;
}
.form_ficha_empresa {
	width: 490px;
	float:left;
	background:url(../img/img_carpeta.jpg) no-repeat right top;
}
.form_ficha_empresa {
	width: 490px;
	float:left;
	background:url(../img/img_alta.jpg) no-repeat right top;
}
.form_contrasenya {
	width: 490px;
	float:left;
	background:url(../img/img_contrasenya.jpg) no-repeat right top;
}
.form_express {
	width: 490px;
	float:left;
	background:url(../img/alta_express.jpg) no-repeat right top;
}
/*pestanyes fitxes*/
#pestanyes {
	height:48px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 18px 0 10px;
}
#nav{
	height:25px;
	background:#fff url(../img/nav_bottom.gif) repeat-x bottom left;
}
#nav ul{
	margin:0px;
	padding:0 0 4px 4px;
	list-style-type:none;
}
#nav ul li{
	display:block;
	float:left;
	margin:0 1px;
}
#nav ul li a{
	display:block;
	float:left;
	color:#268BE5;
	text-decoration:none;
	padding:0 0 0 10px;
	height:21px;
	line-height:210%;
	background: #deeefb url(../img/navtopleft2.gif) no-repeat top left;
}
#nav ul li a span{
	padding:0 10px 0 0;
	display:block;
	width:auto;
	background:#deeefb url(../img/navtopright2.gif) no-repeat top right;
}
#nav ul li a:hover, #nav ul li a.current{
	color:#fff;
	background: #268BE5 url(../img/navtopleft.gif) no-repeat top left;
}
#nav ul li a:hover span, #nav ul li a.current span{
	display:block;
	width:auto;
	background:#268BE5 url(../img/navtopright.gif) no-repeat top right;
}
#peu { 
	clear:both; 
	width: 1040px;
	background:#EDEDED;
	 
	text-align: center;
	}
#peu a { 
	border:none;
	color: #268BE5;
	text-decoration: none;
	}
#peu img {
	border:none;	
	}
#menu_peu  {
	background:#FFFFFF;
	padding:5px 0px 5px 165px;
	margin-bottom:10px;
}
#menu_peu li {
	margin:10px;
	display:inline;
}

#menu_peu li img{
	vertical-align:middle;
}
 
 
#validacio {
	margin-top:20px;
}

/*generals*/
.verd {
	color: #8CC63F;
	font-weight:bold;
}
.blau {
	color: #268BE5;
}
.llegenda {
	color: #999;
}
.error {
	color: #CC0000;
	letter-spacing: -0.5px;
}
/*fitxa oferta*/
#fitxaOferta blockquote {
	padding: 20px;
}
#fitxaOferta blockquote p {
	margin: 0;
	padding: 0;
}
#imgOferta {
	width: 120px;
	float:right;
}
#imgOferta img {
	width: 100px;
}
#textOferta {
	width: 350px;
	float:left;
}
.titOferta {
	border-bottom: 4px solid #268BE5;
	color: #268BE5;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px -12px 0 -33px;
}
.fonsOferta {
	background: #f7f7f7;
	padding-bottom: 20px;
	margin: 0px -12px 0 -33px;
}
.fonsOferta blockquote {
	margin-left: 30px;
}
#lema {
	margin:0px 0 5px 20px;
	font-size:14px;
	font-weight:bold;
	color:#268be5;
}
#lema span {
	/*font-size:16px;*/
	color:#8cc63f;
}

.div_ofertes{
	text-align: center;
}

.quadre_home{
	min-height:310px;
}
.quadre_carta_usuarios{
	height:860px;
}

.camp_usuari{
	width: 210px;
}

.campo_password{
	width: 140px;
}
.quadre {
	/*text-align:center;*/
}
.underline {
	text-decoration:underline;
}

#OBConformidad {
	width:10px;
}

#seleccionarfecha #any{
width:60px;
}
#seleccionarfecha #mes{
width:90px;
}
#seleccionarfecha #dia{
width:60px;
}
#seleccionarfecha2 #any2{
width:60px;
}
#seleccionarfecha2 #mes2{
width:90px;
}
#seleccionarfecha2 #dia2{
width:60px;
}

#formulari_Contacte {
	float:right;
	margin:-190px 40px 0 0;
}
#logo_empresa {
	margin:45px 87px;
	width:120px;
}
#box_respaldado   {
	width: 596px;
	 
	 
	/*margin-top: -10px;*/
	padding:0;
}
#box_respaldado .quadre {
		background: url(../img/quadre.gif) repeat-y top center;
	 
		text-align:center;
	}
#box_respaldado p {
	color: #8cc63f;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:-0.05em;
	text-align:center;
  }
#taula_colaboradors {
	margin:0 auto;
  	width:500px;
	background-color:#FFFFFF;
  }
#taula_colaboradors td {
   padding:15px 0;
	background-color:#FFFFFF;
  }
img {
 border:none;
 }
#centrat{
text-align:center;
}
#arxiu {
	width:295px;
}
#mantenimiento {
	margin:100px auto 300px auto;
	width:450px;
	font-size:1.5em;
	font-size:bold;
	color: #268BE5;
	text-align:center;
	border:1px solid #aaa;
	padding:30px;
	background:#eee;
	text-align:center;
		
}	 
#mantenimiento p {
text-align:center;
}
/*-----SOCIAL---------------*/

#social {
	float:right;
	 
	margin-right:10px;
}
#social li {
	 margin:0 10px;
	float:left; 
  	display:block;
    width:29px;

}
#social li a {
	width:29px;
 

}

#enllacAlta
{
background: url(../img/boto_verd2.gif) no-repeat 0 0;
border: 0;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
margin: 0 30px 0 0;
padding: 1px 0 4px;
width: 110px;
color: #268BE5;
float: right;
cursor: pointer;
}

#labelsAcces
{
  color: #585f69;
  margin-top: 5px;
  text-shadow: none;
  font-weight: normal;
  font-family: 'Raleway', sans-serif;
}

/* Missatge Cookies*/

#popup-cookies {
    background: #CCC;
    color: #808080;
    font-size: 12px;
    padding: 4px;
    width: 98%;
	margin: 6px;
	line-height: 18px;
	position: fixed;
	top: 10px;
	z-index:100;
}
#popup-cookies a {
    color: #e8591f;
}
.close {
    cursor: pointer;
    padding: 10px;
    text-align: right;
	float:right;
}
.close a {
    text-decoration: none;
    color: #808080;
}
.close .icon-close {
    background-position: -7px -63px;
    height: 11px;
    margin: 0 3px;
    width: 10px;
}
i.icon {
    background-image: url("../img/icons.png");
}
i.icon {
    display: inline-block;
    vertical-align: middle;
}



/* Fi Missatge Cookies*/


.slide_title