/*INICIO = HOME*/

#myvideo{ opacity: 0.7; opacity: 0.7; width: 100%;}

	#slide{ position:relative; float:left; width:100%; height:942px; z-index:1; margin-top: 0px; }
		/*slider*/
		#slide .imgSlider{ position:relative; float:left; width:100%; text-align:center; overflow:hidden; height:942px; align-content: center;}
				#slide .imgSlider img{ position:relative; float:left; min-width:100% !important; width: auto; height:943px;  text-align:center; align-content: center;}		
					
.owl-thumbs{ display:none !important;}

.logoamarillo{ position: relative; float:left; background: url(../../../../../templates/default/img/logoHome.png) center no-repeat; width: 341px;    height: 198px; z-index: 9999; margin-top: -235px; margin-left: 165px;}
		.textoSlider{ position:absolute; width:686px; z-index:3; margin:0; padding:0; right: 50%; margin-right: -343px; float:right;  font-weight: 700; font-size: 2.6rem; color:#FFF; text-transform: uppercase; line-height: 3.15rem; letter-spacing: 0rem; margin-top:381px; text-align: center; text-shadow: 0 0 8px #000; }
.subtituloSlider{ position:absolute; width:686px; z-index:3; margin:0; padding:0; right: 50%; margin-right: -343px; float:right; font-weight: 400; font-size: 1.1em; color:#FFF; text-transform: uppercase; line-height: 1.55rem; letter-spacing: 0.02rem; margin-top:490px; text-align: center; text-shadow: 0 0 8px #000;}
.centrarImagen{position:relative; float: left; left: 50%; text-align: center; margin-left: -1006px; width: 100%; height: auto; }
			
	
		@media(max-width:860px)
		{
			.logoamarillo{ position: relative; float:left; background: url(../../../../../templates/default/img/logoHome.png) center no-repeat; width: 100%; height: 188px; z-index: 9999; margin-top: 0px; margin-left: 0px; background-size: 331px;}
		
.subtituloSlider{ position:absolute; width:96%; z-index:9999; margin:0; padding:0; right: 2%; margin-right: 0%; float:right; font-weight: 400; font-size: 1em; color:#FFF; text-transform: uppercase; line-height: 1rem; letter-spacing: 0.02rem; margin-top:280px; text-align: center; text-shadow: 0 0 8px #000; bottom: 38px;}
			
			
			#slide{ position:relative; float:left; width:100%; height:auto; margin-top:72px;}
			#slide .imgSlider{ height:auto;}
				#slide .imgSlider img{ position:relative; float:left; z-index:10; width:250% !important; margin-left:-25%; left:0; height:auto;}	
			.textoSlider{ width:96%; right: 2%; margin-right: 0%;  font-family: 'Open Sans', sans-serif; font-size: 1.3rem; color:#FFF; line-height: 1.4rem; letter-spacing: 0rem; margin-top:0px; bottom:107px; z-index:11;}
	.centrarImagen{position:relative; float: left; left: 0%; text-align: center; margin-left: -200px; width: 100%; height: auto; }
			#myvideo { opacity: 0.7; opacity: 0.7; width: 114%; margin-top: 72px; float: left; margin-left: -7%;}
		}


	#slide .owl-nav,#slide .owl-dots{ width:150px !important; left:50%; margin-left:317px; position:absolute; text-align:center; bottom:22px; height: 1px; display: none !important; }
	
	#slide.owl-theme .owl-dots .owl-dot span
		{
 			 width: 16px !important;
 			 height: 16px !important;
 			 background-color: #fff !important;
   			 margin:1px !important;
   			 padding:0 !important;
			 -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
			 box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
			
		}

/* Line 1 */
#slide.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
  background-color: #7D974F !important; 
}

	 @media(max-width:760px)
 	 {
		#slide .owl-nav,#slide .owl-dots{ width:100% !important; left:50% !important; margin-left:-14% !important; margin-bottom:10px; display:none; }
		#slide.owl-theme .owl-dots .owl-dot span{width: 8px !important;height: 8px !important;}
		 
	 }	

.servi{ width: 100%; height: auto; float: left; position: relative; margin-top:-250px; z-index:9; }
.contenidoServ{ width: 1014px; height: auto; float:left; position:relative; left: 50%; margin-left:-507px;}

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


.cadaServicio{ width: 168px; height: 160px; float: left; position: relative; margin: 0px;  }

.reformas{margin-left: 46px; margin-top: 25px; margin-bottom: -18px; }
.instalacion{margin-left: 39px; margin-top: 25px; margin-bottom: -19px;}
.albanileria{margin-left: 42px; margin-top: 24px; margin-bottom: -10px;}
.fontaneria{margin-left: 39px; margin-top: 25px; margin-bottom: -10px;}
.pintura{margin-left: 37px; margin-top: 19px; margin-bottom: -14px;}
.electricidad{margin-left: 56px; margin-top: 29px; margin-bottom: -14px;}

.tituloServ{ font-family: 'Open Sans', sans-serif; color:#fff; width: 132px; height: 35px; font-size: 1rem; line-height: 1rem; letter-spacing: 0.05rem;  margin-bottom:-13px;text-align: center; font-weight: 400; margin-left:22px; margin-top: 0px; text-shadow: 0 0px 8px #000; } 


.ver{ font-family: 'Open Sans', sans-serif; font-size: 0.95rem; color:#eec031; padding-bottom: 11px;  font-weight: 400; margin-left: 36%; padding-left: 15px; padding-right: 15px; cursor: pointer; text-decoration:none !important; text-shadow: 0 0px 8px #000; }

.cadaServicio:hover .ver{ filter: grayscale(100%);}
.cadaServicio:hover img{ filter: grayscale(100%);}

@media(max-width:760px)
{
.servi{ width: 100%; margin-top:-11px; background-color: #000; }
.contenidoServ{ width: 96%; left: 0%; margin-left:2%; justify-content: center; display: flex;}
.servSc{ /*width: 100%;*/width:321px; padding:0px; margin:0px;}

.cadaServicio{ width: 107px; height: 108px; margin: 0px;  }

.reformas{margin-left: 23px; margin-top: 2px; margin-bottom: -27px; width: 60%;}
.instalacion{margin-left: 23px; margin-top: 6px; margin-bottom: -23px;width: 60%;}
.albanileria{margin-left: 23px; margin-top: 6px; margin-bottom: -20px;width: 60%;}
.fontaneria{margin-left: 20px; margin-top: 3px; margin-bottom: -26px;width: 60%;}
.pintura{margin-left: 23px; margin-top: -2px; margin-bottom: -24px;width: 60%;}
.electricidad{margin-left: 30px; margin-top: -4px; margin-bottom: -27px;width: 50%;}

.tituloServ{ width: 119px; height: 35px; font-size: 0.8rem; line-height: 0.8rem; letter-spacing: 0.05rem;  margin-bottom:-27px; font-weight: 400; margin-left:-5px; margin-top: 7px; } 

.ver{ font-size: 0.95rem; color:#eec031; padding-bottom: 11px;  font-weight: 400; margin-left: 25%; padding-left: 15px; padding-right: 15px;}

}


/*    GALERÍA    */

.galeriaContanier{width:100%; height: auto; float: left; position: relative;}
.galeriaContenido{ width: 1024px; height: auto; float: left; position: relative; left: 50%; margin-left:-512px; margin-top: 35px;}
.tituloseccion{float:left; position: relative; width:100%; font-size:2.6rem; color:#000; text-align: center; font-weight: 700; letter-spacing: 0.06rem;}

#galeria-holder{ width:974px; height:auto; position:relative; float:left; margin-left:25px; margin-top:11px; margin-bottom:20px; }
.pages{ float:left; width:974px; margin-left:0px; margin-top:0px; list-style:none;}
.trabajo-foto{ width:314px; height:314px; overflow:hidden; float:left;  margin-right:6px; margin-bottom:7px; background-color:#FFFFFF;  cursor:pointer;}
.trabajo-foto img{ float:left; width:auto; min-width:100%; height:100%; position:relative; z-index:1; display: block; position: relative; transform: translateX(-50%); left: 50%; }

.trabajoFoto-item div{ width:100%; height:auto; float:left; overflow:hidden; margin-right:1%;}
	.trabajoFoto-item div span{ float:left; width:100px; height:20px; line-height:20px; font-size:0.9rem; background-color:#455876; padding-left:6px; padding-right:6px; position:relative; z-index:10;}
.trabajoFoto-item div img{ width:100%; min-height:500px; float:left; position:relative; z-index:9px; margin-top:-20px;}

.trabajoFoto-item-small{ float:left; width:22%; border:solid 1px #CCCCCC; margin-right:8px; height:70px; overflow:hidden; margin-top:7px;}
.trabajoFoto-item-small:hover{ opacity:0.6;}
.trabajoFoto-item-small img{ float:left; width:100%; height:auto !important; margin-top:0px; min-height:0px !important;}
.trabajo-info{ float:left; width:100%; height:100%; position:relative; z-index:100; font-size:2rem; line-height:2.6rem; text-align:center; color:#000 !important; text-decoration:none; background-color:rgba(101, 0, 0, 0); margin-top:-19vw;   font-family: 'Open Sans', sans-serif; font-weight:normal; text-shadow: 0 0 20px #000000; transition: 0.5s; }
.trabajo-info h3{ margin-top:120px; float:left; width:90%; margin-left: 5%; text-align:center; margin-bottom:0px; font-size:1.3rem; font-weight:400; letter-spacing:0rem; line-height: 1.1;}
.trabajo-info a{ text-decoration:none; color:#000; opacity:0;}
.trabajo-info p{font-family: 'Open Sans', sans-serif; font-size:1rem; width:90%; margin-left:5%; float:left; line-height:1.5rem; margin-top:10px; margin-bottom: 15px; opacity:0; font-weight: 300; color: #fff;}
.trabajo-info span{ float:left; margin-top:0px; width:100%; text-align:center;font-family: 'Open Sans', sans-serif; font-size:0.9rem; opacity:0;}
.trabajo-foto:hover .trabajo-info{  background-color:rgba(228,175,47,0.6); opacity:1;}
.trabajo-foto:hover .trabajo-info a{ opacity:1; color:#fff; }
.trabajo-info .boton{border: solid 2px #fff; font-size: 15px; text-transform: uppercase !important; font-weight: 200; padding-top: 8px; padding-bottom: 8px; padding-left: 12px; padding-right: 12px;}
.trabajo-foto:hover .trabajo-info h3{ margin-top:124px;}
.trabajo-foto:hover .trabajo-info p{ opacity:1;}
.trabajo-foto:hover .trabajo-info span{ opacity:1;}

.trabajoInfoImg{ float:left; width: 100%; overflow: hidden; height: 19vw;}

@media (max-width : 760px){ 
.galeriaContanier{width:100%; }
.galeriaContenido{ width: 96%; left: 0%; margin-left:2%; margin-top: 0px;}
.tituloseccion{ width:100%; font-size:1.2rem; letter-spacing: 0.06rem; margin-top: 38px; margin-bottom: 0px;}
	
.categorias a{ text-transform: uppercase; font-size: 11px; cursor: pointer;} 
.categorias a:not(:first-child)::before {
  content: '/'; margin-right: 3px; margin-left: 3px; text-decoration: none;}
.trabajoInfoImg{ height: 60vw;}	
}	
	
#sectionContainer{background-color:transparent;}
@media (max-width : 760px){ 
	.trabajo-foto{   width: 70%; margin-left: 15%; overflow: hidden; margin-bottom: 7px; height: 60vw;}
	.trabajo-foto img{ float:left; width:100%; min-height:100%; height:auto !important; position:relative; z-index:1; }

	#galeria-holder{ width: 96% !important; margin-left: 2%; margin-top:0px; margin-bottom:10px;  overflow:hidden;}
	#holder{  width:100%; height:auto !important; min-height:400px;}
	.pages{ width:100%; }
	

	.trabajoFoto-item-small{ float:left; width:24%; border: none; margin-right:1%; height:auto; overflow:hidden; margin-top:3px;}
	.trabajoFoto-item-small img{ float:left; width:100%; height:auto !important; margin-top:-6px; min-height:0px !important;}	
	
.trabajo-info{  background-color:rgba(228,175,47,0.6); opacity:1; margin-top: -60vw;}
.trabajo-info a{ opacity:1; color:#fff; }
	.trabajo-info h3{ margin-top: 16vw; font-size: 1rem;} 
.trabajo-info p{ opacity:1; font-size: 0.8rem;}
.trabajo-info span{ opacity:1;}
		
	#trabajoGaleria{ width:96%; min-height:200px; margin-left:2%;  margin-bottom:10px; margin-top:10px;}
	#trabajoInfo{ width:94%; margin-left:3%; margin-top:10px;}
	#trabajoGaleria img{ min-height:200px; }
	.trabajoFoto-item-small{ height: 13vw; width: 24% !important; margin-right: 1%; }

	#trabajoGaleriaMobile{ float: left; width:100%; min-height:200px; margin-left:0px;  margin-bottom:10px; margin-top:10px;}
	#trabajoGaleriaMobile img{ min-height:200px; }

	#trabajoInfo h4{ font-size:1.2rem;line-height:1.5rem; width:100%; margin-left:0px; }
	#trabajoInfo p{ margin-top:11px; font-size:0.85rem; line-height:1.4rem;width: 100%;}

	.volver{ margin-bottom:0px; font-size:0.85rem; margin-top:10px; }
	
	#trabajoInfo h1{ margin-bottom: 0px;}
	.tipologia{ margin-top: 0px !important; font-size: 0.85rem !important;}
}