/* Zerbitzuak */
#dZerbitzuBurua{text-align: center;margin:4em 5% 2em 5%;float:left;width:90%;}
#dZerbitzuBurua .cPentsaerak{margin:0;padding:0;}
#dZerbLista{float:left;width:90%;text-align: center; margin:0 5%;}
#dZerbInfoKonp{float:left;width:100%;margin:0;padding:0.5em 5%;}


#dZerbLista2{float:left;width:100%;text-align: center; margin:0;}
.cZerbitzua2{width:19.7%;display:inline-block;margin:0;padding:0;background-color:black;}
.cZerbitzua2 figure{width:100%;height:22vw;padding:0;margin:0;position:relative;overflow:hidden;transition: transform .2s; }
.cZerbitzua2 figure:hover{transform: scale(1.5);z-index:1; }
.cZerbitzua2 figure img{position: absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin: auto;transform:scale(0.75)}
.cZerbitzua2 figure span{position:absolute;top:50%;left:50%;font-size:1.8em;font-weight:bold;padding:0.6em;background-color: #EFEFEF;color:#3F3F3F; border:3px solid #3F3F3F;opacity: 0.8;transform: translate(-50%,-50%);}
.cZerbitzua2 figure .cZerbEduki{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0.7;padding:1em;font-size:1.6em;background-color:white;color:black;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.cZerbitzua2 figure:hover .cZerbEduki{
	opacity:0
}

/* Opacity #2 */
.cZerbitzua{width:33%;height:22vw;display:inline-block;}
.cZerbitzua figure {
	position:relative;
	width:80%;margin:0 10%;
	background: var(--corp-color);
	overflow:hidden;
}
.cZerbitzua figure .cZerbEduki{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;padding:1em;font-size:1.6em;background-color:white;color:black;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.cZerbitzua figure:hover .cZerbEduki{
	opacity:.7
}
.cZerbitzua figure img {
	width:100%;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.cZerbitzua figure:hover img {
	opacity: .5;
}
.cZerbitzua figure span{font-size:1.8em;font-weight:bold;padding:1em;background-color: #efefef;opacity: 0.8;position:absolute;bottom:0;right:0;border-left:3px solid var(--corp-color)}
.cKompTit{float:left;width:35%;}
.cKompDesc{float:left;width:65%;}
@media only screen and (max-width: 968px) {
	.cZerbitzua2{width:32.9%;display:inline-block;margin:0;padding:0;}

	.cZerbitzua{width:49%;height:40vw}
  }
@media only screen and (max-width: 600px) {
.cZerbitzua{width:100%;height:66vw}
.cZerbitzua2{width:49%;}
}
/* ############################## */
#dZerbKarrusela {
	float:left;width:90%;
	position: relative;
	border-top: 2px solid #D8D8D8;
	border-bottom: 2px solid #D8D8D8;
	margin:0 5%;
	padding:1em;
  }
  @media (max-width: 767px) {
	#dZerbKarrusela {
	  border-color: transparent;
	}
  }
  #dZerbKarrusela .MS-content {
	margin: 15px /* 5%*/;
	overflow: hidden;
	white-space: nowrap;
	/*border: 1px solid red;*/
  }
  @media (max-width: 767px) {
	#dZerbKarrusela .MS-content {
	  margin: 0;
	}
  }
  #dZerbKarrusela .MS-content .item {
	display: inline-block;
	height: 100%;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	border: 1px solid green;
	border-right: none;
	width: 21%;
	margin-left:4%;
  }
  @media (max-width: 992px) {
	#dZerbKarrusela .MS-content .item {
	  width: 33.3333%;
	  
	}
  }
  #dZerbKarrusela .MS-controls button {
	display:none;
	position: absolute;
	border: none;
	background: transparent;
	font-size: 30px;
	outline: 0;
	top: 35px;
  }
  @media (max-width: 767px) {
	#dZerbKarrusela .MS-controls button {
	  display: none;
	}
  }
  #dZerbKarrusela .MS-controls button:hover {
	cursor: pointer;
  }
  #dZerbKarrusela .MS-controls .MS-left {
	left: 10px;
  }
  @media (max-width: 992px) {
	#dZerbKarrusela .MS-controls .MS-left {
	  left: -2px;
	}
  }
  #dZerbKarrusela .MS-controls .MS-right {
	right: 10px;
  }
  @media (max-width: 992px) {
	#dZerbKarrusela .MS-controls .MS-right {
	  right: -2px;
	}
  }