#spgrid { max-width: 100%; margin-bottom:40px; }
/* clearfix */
/*#spgrid:after { content: ''; display: block; clear: both; }*/

/* ---- grid-item ---- */
.grid-item { float: left; }
/*.grid-item { float:left; text-align: left;  height: auto;}*/
.grid-sizer, 
.grid-item { width: 100%; /*border: #FFFFFF 20px solid; */ padding:10px; }
.grid-item.news_list_item {/*border: #FFFFFF 20px solid; */ padding: 0 0 10px 0; }
.anuncios-web {
	margin-bottom:30px;
}
.anuncios-web .grid-item {
	/*padding:10px;*/
}

.actualitat .grid-sizer, 
.actualitat .grid-item    {width: 100%; /*border: #000 1px solid!important;*/ box-sizing:border-box; padding: 15px}

.grid-item--width1 	{ width: 100%; }
.grid-item--width2 	{ width: 100%; }
.grid-item--width3 	{ width: 100%; }
.grid-item--width33 { width: 100%;  }
.grid-item img 		{ width: 100%; z-index:3 }
.grid-item img:hover{ opacity: 0.8; transition-duration:1s }


.grid-item .titolajut{float: none; clear:both; font-family: 'Roboto Slab', sans-serif; color:#FFF; text-align:left; font-weight: 700; padding: 10px 60px 13px 25px; background: #000 url('../../_img/flecha.png') right no-repeat; width:100%; font-size:1.4em; position:absolute; z-index:100; top:25px; left:25px; max-width:calc(100% - 50px);}

.grid-item .ajut_tancat {float: none; clear:both; font-family: 'Roboto Condensed', sans-serif; color:#FF0105; text-align:left; text-transform: uppercase; font-weight: 600; padding: 0px;  width:100%; font-size:0.8em; }

.grid-item .ajut_obert {float: none; clear:both; font-family: 'Roboto Condensed', sans-serif; color:rgb(81, 161, 39); text-align:left; text-transform: uppercase; font-weight: 600; padding: 0px; width:100%; font-size:0.8em; }

.grid-item .textajut { float: none; clear:both; text-align:left; color:#000; padding: 25px 25px 25px 25px; background-color:#eee; width:100%; font-size:1em; line-height:1.4em; text-decoration:none; }

.grid-item:hover .titolajut {background:#f18969 url('../../_img/flecha-hover.png') right no-repeat; color:#000;}
.grid-item:hover .ajut_tancat {color:#fff;}
.grid-item:hover .ajut_obert {color:#fff;}
.grid-item a:hover {text-decoration:none !important;}

.grid-item .destacat_aprendre a:hover {text-decoration:underline !important;}

.no-hover.grid-item:hover .titolajut {background:#000 url('../../_img/flecha.png') right no-repeat; color:#fff;}

@media all and (min-width: 600px) {
.actualitat .grid-sizer, 
.actualitat .grid-item,
.grid-sizer,
.grid-item 	 				{ width: 50%; }
.grid-item--width1 	{ width: 50%;  }
.grid-item--width2 	{ width: 50%!important;  }
.grid-item--width3 	{ width: 100%; }
.grid-item--width33 { width: 50%;  }
}
/*
@media all and (min-width: 700px) {
.actualitat .grid-sizer, 
.actualitat .grid-item,
.grid-sizer,
.grid-item 				{ width: 50%;  }
.grid-item--width1 { width: 50%;  }
.grid-item--width2 { width: 50%;  }
.grid-item--width3 { width: 100%; }

}
*/
@media all and (min-width: 980px) {
.actualitat .grid-sizer, 
.actualitat .grid-item,
.grid-sizer,
.grid-item 	 		{ width: 25%;  }
.grid-item--width33 { width: 33.3333%;  }
	
	
.trac_map .grid-sizer,
.trac_map .grid-item 	 		{ width: 20%!important;  }
	
	
}


@media all and (max-width: 1170px) {
	#irlpag {padding:0 10px;}
	.grid-item .titolajut {font-size:1.1em; width:100%; max-width:100%; top:0px; left:0px;position:relative;}
}