﻿
#spgrid, #spgrid3, #spgrid4, #spgrid5, #spgrid6 { max-width: 100%; margin-bottom:20px; }
#spgrid2  { max-width: 100%;  margin-bottom:10px;  }
/* 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;  overflow: hidden }
.grid-item img:hover    { opacity: 0.8; transition-duration:1s }


.grid-item .titolajut{float: none; clear:both;  color:#FFF; text-align:left; font-weight: 700; padding: 10px 60px 13px 25px; background: rgba(0,0,0,0.6) 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);}


.titolsub {
      float: none;
      clear: both;
      color: #000;
      text-align: left;
      font-weight: 700;
      padding: 10px 0 10px 0;
      background: none /*#66c1bf     rgba(0,0,0,0.6) url(../../_img/flecha.png) right no-repeat*/;
      width: 100%;
      font-size: 1.4em;
      /*min-height: 75px;*/
}
.titolsub:hover {
      color: #66c1bf
}
.textajut {
      padding: 0!important;
	margin-bottom: 20px;
}
.notatramit {
      padding: 0 0 20px 10px;
      font-size: 1.5em
}






.grid-item .ajut_tancat {float: none; clear:both;  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;  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 {min-height: 100px; float: none; clear:both; text-align:left; color:#000; padding: 25px 0 25px 0;/* background-color:#eee;*/ width:100%; font-size:1em; 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%;  }
#spgrid .grid-item--width2 	{ width: 50%;  }
#spgrid3 .grid-item--width2 	{ width: 50%;  }
#spgrid4 .grid-item--width2, #spgrid5 .grid-item--width2, #spgrid6 .grid-item--width2 	{ width: 50%;  }
#spgrid2 .grid-item--width2 	{ width: 100%;  }
.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: 800px) {

#spgrid2 .grid-item--width2 	{ width: 50%;  }

	
	
}

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