#listadoMenuServicios{color: #455876; float:left; width: 100%; padding: 0; list-style: none; margin-bottom: 0px; margin-top: 0;}
#listadoMenuServicios li{float: left; width: 33.13%; margin-left: 0.1%; margin-right: 0.1%; margin-bottom: 0; height: 15vw;}
#listadoMenuServicios li .imagen{ width: 50%; overflow: hidden; height: 100%; }
#listadoMenuServicios li.elem-0 .imagen,#listadoMenuServicios li.elem-1 .imagen,#listadoMenuServicios li.elem-2 .imagen,#listadoMenuServicios li.elem-6 .imagen,#listadoMenuServicios li.elem-7 .imagen,#listadoMenuServicios li.elem-8 .imagen{ float: left;}
#listadoMenuServicios li.elem-3 .imagen,#listadoMenuServicios li.elem-4 .imagen,#listadoMenuServicios li.elem-5 .imagen,#listadoMenuServicios li.elem-9 .imagen,#listadoMenuServicios li.elem-10 .imagen,#listadoMenuServicios li.elem-11 .imagen{ float: right;}
#listadoMenuServicios li .imagen img{ position: relative; left: 50%; transform: translateX(-50%); width: auto; height: 106%; }
#listadoMenuServicios li a{color: #455876; text-decoration: none; }
#listadoMenuServicios li.elem-0 h4,#listadoMenuServicios li.elem-1 h4,#listadoMenuServicios li.elem-2 h4,#listadoMenuServicios li.elem-6 h4,#listadoMenuServicios li.elem-7 h4,#listadoMenuServicios li.elem-8 h4{ float:left; width: 40%; padding-left: 5%; color: #455876; font-size: 1.4vw; line-height: 1.5; font-weight: 500 !important; margin-bottom: 0; margin-top: 1vw;}
#listadoMenuServicios li.elem-3 h4,#listadoMenuServicios li.elem-4 h4,#listadoMenuServicios li.elem-5 h4,#listadoMenuServicios li.elem-9 h4,#listadoMenuServicios li.elem-10 h4,#listadoMenuServicios li.elem-11 h4{ float:right; width: 40%; padding-right: 5%; color: #455876; font-size: 1.4vw; line-height: 1.5; font-weight: 500 !important; margin-bottom: 0; margin-top: 1vw; text-align: right;}

#listadoMenuServicios li.elem-0 h4::after,#listadoMenuServicios li.elem-1 h4::after,#listadoMenuServicios li.elem-2 h4::after,#listadoMenuServicios li.elem-6 h4::after,#listadoMenuServicios li.elem-7 h4::after,#listadoMenuServicios li.elem-8 h4::after{ float:left;content: '<'; clear:  both;}
#listadoMenuServicios li.elem-3 h4::after,#listadoMenuServicios li.elem-4 h4::after,#listadoMenuServicios li.elem-5 h4::after,#listadoMenuServicios li.elem-9 h4::after,#listadoMenuServicios li.elem-10 h4::after,#listadoMenuServicios li.elem-11 h4::after{ float: right; content: '>'; clear:  both;}
#listadoMenuServicios li.elem-0 h4 a,#listadoMenuServicios li.elem-1 h4 a,#listadoMenuServicios li.elem-2 h4 a,#listadoMenuServicios li.elem-6 h4 a,#listadoMenuServicios li.elem-7 h4 a,#listadoMenuServicios li.elem-8 h4 a{ float: left; }
#listadoMenuServicios li.elem-3 h4 a,#listadoMenuServicios li.elem-4 h4 a,#listadoMenuServicios li.elem-5 h4 a,#listadoMenuServicios li.elem-9 h4 a,#listadoMenuServicios li.elem-10 h4 a,#listadoMenuServicios li.elem-11 h4 a{ float: right; clear:  both;}



#listadoMenuServicios li h4 a{ width: 85%;}


#listadoMenuServicios li p{color: #455876; float:left; width: 100%; font-size: 0.9vw; font-weight: 200; line-height: 1.5; text-align: justify; margin-top: 1.5vw; height: 4.5vw;}



.boton{float:right; width: 1vw; height: 1vw; font-size: 1vw; line-height: 1vw; color: #455876; background-color: rgba(219, 222, 228, 1); text-align: center; display: none;}




.galeriaImagenes{ float:right;  width:490px; height:360px; overflow:hidden; margin-top: 40px; }
				.galeriaImagenes img{ float:left; width: 100%;}



.owl-demo{ width:100% !important; position:relative !important; margin-left:0px; margin-top:0px !important; height:auto; z-index:100;}
	.item{ float: left; margin-left:0px; margin-top:0px !important; width:100% !important; }
		.item img{ float: left; margin-left:0px; margin-top:0px !important; width:auto !important; min-height: 100%; min-width: 100%; height: auto; }
		.fichaEspacio .item img{ float: left; margin-left:0px; margin-top:0px !important; width:100% !important; height: auto; }
		
	.owl-controls{ position:absolute; top:314px !important; width:100% !important; left:0px !important; margin-left:0px !important; }

/*
#owl-demo .item{ width:100%;}
#owl-demo .item img{ width:100%;}*/


	/*slide*/
	
		/*botones slide*/
		.owl-demo .owl-pagination{display:block !important; text-align: right !important;}
			.owl-demo .owl-controls .owl-page span{ width:15px !important; height:15px !important;  opacity:1 !important; background-color:#fff !important; margin-left:0px !important; margin-right:2px !important; border-radius:0px !important; }	
			.owl-demo .owl-controls .owl-page span:hover{ background-position:top !important;}
			.owl-demo .owl-controls .active span{ background-color:#eec031 !important; border-radius:0px !important; width:15px; height:15px;}
		
		/**/		
		/*slide adaptativo*/
		.owl-demo .item img,#owl-demo3 .item img{
			display: block;
			
			width:auto;
			height:auto;
		}

		@media(max-width:800px)
		{
			.owl-demo .item img,#owl-demo3 .item img{ float:left; width:100%;}
			.par .infoProducto{ float:left; margin-left:0px;}			
			.impar .infoProducto{ float: right; margin-right:0px;}
			.slide-8{ margin-left:0px; }
		}
		






.servSc{ width: 100%; display: inline-block; list-style: none; padding:0px; margin:0px; margin-left:5px; margin-top: 15px;}


.cadaServicio{ width: 162px; height: 162px; float: left; position: relative; margin: 3px; cursor: pointer;  }

.reformas{ background: url(../../../../../templates/default/img/reformasamarillo.png) no-repeat; background-position: center 19px;}
.instalacion{background: url(../../../../../templates/default/img/instalacionamarillo.png) no-repeat;background-position: 45px 21px;}
.albanileria{background: url(../../../../../templates/default/img/albanileriaamarillo.png) no-repeat;background-position: center 19px;}
.fontaneria{ background: url(../../../../../templates/default/img/fontaneriaamarillo.png) no-repeat;background-position: center 20px;}
.pintura{background: url(../../../../../templates/default/img/pinturaamarillo.png) no-repeat;background-position: center 15px;}
.electricidad{background: url(../../../../../templates/default/img/electricidadamarillo.png) no-repeat;background-position: 57px 19px;}

.tituloServ{ font-family: 'Open Sans', sans-serif; color:#eec031; width: 143px; height: 33px; font-size: 0.95rem; line-height: 1rem; letter-spacing: 0.05rem;  margin-bottom:-12px;text-align: center; font-weight: 700; margin-left:9px; margin-top: 94px; padding-top:0px; } 

.ver{ font-family: 'Open Sans', sans-serif; font-size: 0.95rem; color:#eec031; padding-bottom: 11px;  font-weight: 700; margin-left: 31%; padding-left: 15px; padding-right: 15px; cursor: pointer; text-decoration:none !important; z-index:99999; }


.cadaServicio.selected .tituloServ{ color:#000;font-weight: 700!important;}
.cadaServicio.selected .ver{ color:#000; font-weight: 700!important;}


.reformas.selected  { background: url(../../../../../templates/default/img/reformasnegro.png) no-repeat; background-position: center 19px; background-color: #eec031;}
.instalacion.selected  { background: url(../../../../../templates/default/img/instalacionnegro.png) no-repeat;background-position: 45px 21px;background-color: #eec031;}
.albanileria.selected  { background: url(../../../../../templates/default/img/albanilerianegro.png) no-repeat;background-position: center 19px;background-color: #eec031;}
.fontaneria.selected  { background: url(../../../../../templates/default/img/fontanerianegro.png) no-repeat;background-position: center 20px;background-color: #eec031;}
.pintura.selected  { background: url(../../../../../templates/default/img/pinturanegro.png) no-repeat;background-position: center 15px;background-color: #eec031;}
.electricidad.selected  { background: url(../../../../../templates/default/img/electricidadnegro.png) no-repeat;background-position: 57px 19px;background-color: #eec031;}



.cadaServicio:hover .tituloServ{ color:#000;font-weight: 700!important;}
.cadaServicio:hover .ver{ color:#000; font-weight: 700!important;}

.reformas:hover{ background: url(../../../../../templates/default/img/reformasnegro.png) no-repeat; background-color: #eec031;background-position: center 19px;}
.instalacion:hover { background: url(../../../../../templates/default/img/instalacionnegro.png) no-repeat; background-color: #eec031;background-position: 45px 21px;}
.albanileria:hover { background: url(../../../../../templates/default/img/albanilerianegro.png) no-repeat;background-color: #eec031;background-position: center 19px;}
.fontaneria:hover  { background: url(../../../../../templates/default/img/fontanerianegro.png) no-repeat; background-color: #eec031;background-position: center 20px;}
.pintura:hover  { background: url(../../../../../templates/default/img/pinturanegro.png) no-repeat; background-color: #eec031;background-position: center 15px;}
.electricidad:hover  { background: url(../../../../../templates/default/img/electricidadnegro.png) no-repeat; background-color: #eec031;background-position: 57px 19px;}


@media(max-width:760px)
{
	#listadoMenuServicios{ width: 100%; margin-left: 0; }
	#listadoMenuServicios li{ width: 100%; margin-left: 0%; margin-right: 0%; margin-bottom: 1vw;}
	#listadoMenuServicios li a{ }
	#listadoMenuServicios li h4{ font-size: 4.8vw;}
	#listadoMenuServicios li p{ font-size: 4vw; margin-top: 1.5vw; height: auto;}
	
	#listadoMenuServicios .serviciosDestacados li{ padding-top: 30px; padding-bottom: 30px; width: 60%; margin-left: 20%; margin-right: 20%;}
	
	.boton{float:right; width: 4vw; height: 4vw; font-size: 3vw; line-height: 4vw; color: #455876; background-color: rgba(219, 222, 228, 1); text-align: center; }
}



.quienes{ width:100%; height: auto; float: left; position: relative; }
.contenidoServicios{ width:100%; height: auto; float: left; position: relative; left:0; margin-left:0px; margin-top: 0px;}
.tituloseccion{float:left; position: relative; width:100%; font-size:2.6rem; color:#000; text-align: center; font-weight: 700; letter-spacing: 0.06rem; margin-top: 44px;}
.tituloSomos { color:#2F2F2F; width: 100%; padding-right:0px; text-align:left; float:left; position: relative; display: flex; font-size: 1.57rem;  margin:0px; line-height: 33px; font-weight: 600;  padding-bottom: 17px; margin-left:9px; }
.imagenDcha{ width:479px; height: 346px; float:left; position: relative; margin-top:-42px; margin-left:-3px;}
.integral{ margin-top:39px; }
.textointegral{ width:100%; height: auto; overflow: hidden; text-align: justify; float: left; position: relative;  font-size: 1rem !important; line-height: 2.08rem; margin-right: 40px; margin-top:-13px; margin-left:10px; margin-bottom: 40px;}
.textoSeccionServicios{ width: 50%; float: left;}
.imagenServicios{float: left; width: 47%; margin-right: 3%; margin-top: 40px; margin-bottom: 50px;}

 @media(max-width:760px)
 {
.quienes{ width:100%;}
.contenidoServicios{ width:100%; height: auto; left:0%; margin-left:0; margin-top: 0px; margin-bottom:20px;}
.tituloseccion{ width:100%; font-size:1.2rem; letter-spacing: 0.06rem; margin-top: 38px; margin-bottom: 0px;}
.tituloSomos {width: 100%; padding-right:0px;  font-size: 1.25rem;  margin:0px; line-height: 1.25rem;  padding-bottom: 0px; margin-left:0px; text-align: center !important; display: block;}
.imagenDcha{ width:100%; height: auto; margin-top:0px; margin-left:0%;}
.integral{ margin-top:0px; }
.textointegral{height: auto; width:100%; font-size: 1rem !important; line-height: 1.5rem; margin-right: 0px; margin-top:-9px; margin-left:0px;}
}
@media(max-width:560px)
{
	.imagenServicios{float: left; width: 100%; margin-right: 0; margin-top: 40px; margin-bottom: 50px;}
	.textoSeccionServicios{ width: 92%; margin-left: 4%; float: left;}	

	#listadoMenuServicios li{float: left; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0; height: 45vw;}
	#listadoMenuServicios li .imagen{ width: 50%; overflow: hidden; height: 100%; }
	#listadoMenuServicios li.elem-0 .imagen,#listadoMenuServicios li.elem-2 .imagen,#listadoMenuServicios li.elem-4 .imagen,#listadoMenuServicios li.elem-6 .imagen,#listadoMenuServicios li.elem-8 .imagen,#listadoMenuServicios li.elem-10 .imagen{ float: left;}
	#listadoMenuServicios li.elem-1 .imagen,#listadoMenuServicios li.elem-3 .imagen,#listadoMenuServicios li.elem-5 .imagen,#listadoMenuServicios li.elem-7 .imagen,#listadoMenuServicios li.elem-9 .imagen,#listadoMenuServicios li.elem-11 .imagen{ float: right;}
	#listadoMenuServicios li.elem-0 h4,#listadoMenuServicios li.elem-2 h4,#listadoMenuServicios li.elem-4 h4,#listadoMenuServicios li.elem-6 h4,#listadoMenuServicios li.elem-8 h4,#listadoMenuServicios li.elem-10 h4{ float:left; width: 40%; padding-left: 5%; color: #455876; font-size: 4.5vw; line-height: 1.3; font-weight: 500 !important; margin-bottom: 0; margin-top: 2vw; text-align: left;}
	#listadoMenuServicios li.elem-1 h4,#listadoMenuServicios li.elem-3 h4,#listadoMenuServicios li.elem-5 h4,#listadoMenuServicios li.elem-7 h4,#listadoMenuServicios li.elem-9 h4,#listadoMenuServicios li.elem-11 h4{ float:right; width: 40%; padding-right: 5%; color: #455876; font-size: 4.5vw; line-height: 1.3; font-weight: 500 !important; margin-bottom: 0; margin-top: 1vw; text-align: right;}

	#listadoMenuServicios li.elem-0 h4::after,#listadoMenuServicios li.elem-2 h4::after,#listadoMenuServicios li.elem-4 h4::after,#listadoMenuServicios li.elem-6 h4::after,#listadoMenuServicios li.elem-8 h4::after,#listadoMenuServicios li.elem-10 h4::after{ float:left;content: '<'; clear:  both;}
	#listadoMenuServicios li.elem-1 h4::after,#listadoMenuServicios li.elem-3 h4::after,#listadoMenuServicios li.elem-5 h4::after,#listadoMenuServicios li.elem-7 h4::after,#listadoMenuServicios li.elem-9 h4::after,#listadoMenuServicios li.elem-11 h4::after{ float: right; content: '>'; clear:  both;}
	#listadoMenuServicios li.elem-0 h4 a,#listadoMenuServicios li.elem-2 h4 a,#listadoMenuServicios li.elem-4 h4 a,#listadoMenuServicios li.elem-6 h4 a,#listadoMenuServicios li.elem-8 h4 a,#listadoMenuServicios li.elem-10 h4 a{ float: left; }
	#listadoMenuServicios li.elem-1 h4 a,#listadoMenuServicios li.elem-3 h4 a,#listadoMenuServicios li.elem-5 h4 a,#listadoMenuServicios li.elem-7 h4 a,#listadoMenuServicios li.elem-9 h4 a,#listadoMenuServicios li.elem-11 h4 a{ float: right; clear:  both;}
}

.presupuesto{width:100%; height: 220px; position: relative; float: left; background-color: #ededed; margin-top: 180px;}
.contenidopresupuesto{width:1014px; height: 220px; position: relative; float: left; left:50%; margin-left:-507px;}
.obrero{width:319px; height: 381px; float:left; position: relative; margin-left: 78px; margin-top: -155px;}
.pida{width:532px; float:right; position: relative; color:#000; font-size:1.5rem; font-weight: 700; letter-spacing: 0.05rem; margin-right: -5px; margin-top: 27px; }
.consulte{width:500px; float:right; position: relative; color:#000; font-size:1.3rem; font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: 0.01rem; margin-top: -21px; margin-right: 28px; }
.botoncontactar{ width: 194px; height: 44px; background-color: #eec031; float:right; position: relative; margin-top:4px; margin-right: 334px;}
.contactar{float:left; position: relative; color:#fff; text-transform: uppercase; font-size:1.3rem; text-align: center; width: 100%;font-family: 'Open Sans', sans-serif; letter-spacing: 0.03rem; margin-top: 5px; }
.botoncontactar:hover{opacity: 0.6;}

 @media(max-width:760px)
 {
.presupuesto{width:100%; height: auto; margin-top: 10px; margin-bottom:10px;}
.contenidopresupuesto{width:96%; height: auto; left:0%; margin-left:2%;}
.obrero{display:none;}
.pida{width:100%; font-size:1.3rem; letter-spacing: 0.05rem; margin-right: 0px; margin-top: 10px; line-height: 1.3rem; text-align: center; }
.consulte{width:100%; font-size:1.1rem; letter-spacing: 0.01rem; margin-top: -13px; margin-right: 0px; text-align: center; line-height: 1.2rem;}
.botoncontactar{ width: 100%; height: 44px; margin-top:-8px; margin-right: 0px;}
.contactar{font-size:1.3rem; text-align: center; width: 100%;letter-spacing: 0.03rem; margin-top: 5px; }
}