.prearticle h1 {max-width: 100%; padding: 0 10px;}

body.indexall.especialne {padding-top: 1px}
.especialne header#top, .especialne #contacte-peu {display: none;}
.especialne .entrega {text-align: center;}

#presentacio {text-align: center; margin-top:35px;}
#presentacio .titolet-m {margin-bottom: 10px}
#presentacio .titol-gran-m {margin-bottom: 5px}
#presentacio .subtitol {max-width: 80%;margin: 20px auto 0 auto}
#presentacio .subtitol-m {margin-top:100px;}

.especialne article {margin-top: 65px;}

#avantatges {text-align: center; max-width: 1160px; padding-right: 0; padding-left: 0; margin:60px auto 0;}
#avantatges h2 {margin-bottom: 65px}
#avantatges h3 {margin: 20px 0 10px;}
#avantatges h3.jol {margin: 40px 0 10px;}
/*#avantatges .carousel-inner > .item {width: 208px; margin:0 auto; padding:0 16px; min-height: 270px; vertical-align: top}*/
#avantatges .carousel-inner > .item {margin:0 auto; vertical-align: top; border-left-color: #ccc!important}
#avantatges .carousel-inner > .item > img {margin: 0 auto}
#avantatges .carousel-inner > .item a {color:#056f9e!important; text-decoration: none;}
#avantatges .carousel-indicators li { border: 1px solid #ccc;}
#avantatges .carousel-indicators .active {background-color: #ccc; width: 10px; height: 10px}

#avantatges .carousel-indicators {bottom: -15px; color:#000; }

@media (max-width: 767px) {
	.especialne article {margin-top: 15px;}

	#presentacio {margin-top:15px;}
	#presentacio .titolet-m {margin-bottom: 30px}
	#presentacio .titol-gran-m { margin:0 35px 5px 35px;}
	#presentacio .subtitol {max-width: 100%;margin: 0 auto 35px auto}
	#presentacio .subtitol-m {margin-top:60px; text-align: left;}

	#avantatges {min-height: 350px; margin-top: 70px;}
	#avantatges h2 {margin-bottom: 25px}
	#avantatges .carousel {height: 300px}
	#avantatges .carousel-inner > .item {width:100%; }
	#avantatges .carousel-inner > .item p {width: 171px; margin: 0 auto}
}

@media (min-width: 768px) and (max-width: 1023px) {
	#avantatges .carousel {height: 300px}
	#avantatges .carousel-inner > .item {width:100%; }
	#avantatges .carousel-inner > .item p {width: 171px; margin: 0 auto}
}

@media (min-width: 1024px) {
	#avantatges .carousel-inner > .item {display: inline-block; border-left: 1px solid #ccc;width: 191px; min-height: 280px;padding:0 16px;}
	#avantatges .carousel-inner > .item:first-child {border: none}
	#avantatges .carousel-inner > .item p { ;}
	#avantatges .carousel-indicators {display: none}
}

@media (min-width: 1200px) {
  #avantatges .carousel-inner > .item {width: 191px; padding:0 16px; min-height: 250px; }
}