/*=============================================
GLOBAL
=============================================*/



@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

:root {
	--negro: #0000;
	--verdeLogo: #e58d97;
    --verdeMusgo:#1f2605;
	--verdeHoja: #1f6521;
	--verdeChillon: #53900f;
    --amarrillo: #d6ce15;


  

	--negroFondo: #081C08;
	--grisOscuro : #474b4f;
	--grisClaro: #6b6e70;
	--violeta: #CEB7D9;
	--violetaFuerte :#C38BBD;
	--rojoFuerte: #EB1B25;
	--rosadito:#F8C2D9;
  
	--primary-50:#eaf9e8;
	--primary-100:#bbebb6;
	--primary-200:#b2e293;  
	--primary-300:#88d462;    
	--primary-400:#71cc44;
	--primary-500:#38b814; 
	--celesteModaClub:#14B893;
	--primary-600:#2aae13;
	--primary-700:#1b880f;
	--primary-800:#1d690c;
	--primary-900:#215009;
  
	--negroModa:#021510;
  
  
  }
*{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	  margin:0px auto;

	
}

body{
	background: radial-gradient(ellipse farthest-corner at 45px 45px , var(--primary-50) 50%, rgba(0, 255, 0, 0) 0%, var(--primary-200) 100%);
	/* background: var(--negroFondo); */
}
.container{
	
}
.h1Nosotros{
   
    font-size: 30px;
    color: var(--negroModa);
  }
.h2Nosotros{
    font-family: 'BattenyPersonal';
    font-size: 20px;
    color: var(--primary-50);
}
.h2NosotrosSub{
		font-size: 24px;
	color:var(--primary-50);

}

ul, ol{
	padding:0px;
}

a:visited, a:link, a:focus, a:hover, a:active{
	list-style: none;
	text-decoration: none;
}

.barraSuperior{
	visibility: hidden;
	background: #000000; /* Old browsers */

}

.barraSuperior a{
	color:white;
}

.backColor, .backColor a{
	background:#000000;
	color:white;
}

.fondoBreadcrumb{
	margin-bottom:0px;
	background: rgba(0,0,0,0);
}

/*=============================================
REDES SOCIALES
=============================================*/

.redSocial{
	width:30px;
	height:30px;
	text-align: center;
	line-height:30px;
}

/*FACEBOOK*/

.facebookBlanco{
	color:white;
}

.facebookNegro{
	color:black;
}

.facebookColor{
	color:white;
	background:#46639f;
}

/*YOUTUBE*/

.youtubeColor{
	color:white;
	background:#d6513e;
}

.youtubeBlanco{
	color:white;
}

.youtubeNegro{
	color:black;
}

/*TWITTER*/

.twitterColor{
	color:white;
	background:#0ab2e6;
}

.twitterBlanco{
	color:white;
}

.twitterNegro{
	color:black;
}

/*GOOGLE PLUS*/

/*GOOGLE PLUS*/

.google-plusColor{
	color:white;
	background:#d71617;
}

.google-plusBlanco{
	color:white;
	background: black;
}

.google-plusNegro{
	color:black;
	background:white;
}


/*INSTAGRAM*/

.instagramColor{
	color:white;
	background:linear-gradient(45deg, #fca925, #ee1d5f,  #6350a2);

}

.instagramBlanco{
	color:white;
}

.instagramNegro{
	color:black;
}

/*=============================================
ERROR 404, VERIFICAR
=============================================*/

.error404. .verificar{
	color:#333;
}

/*=============================================
SCROLL UP
=============================================*/
#scrollUp{
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: url(../img/plantilla/flecha.jpg);
}


/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

	.col-lg-0{
		display: none;
	}

	.error404 h1{
		font-size:300px;
		text-shadow:8px 8px 1px #dadada;
	}

	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}

	main ul{
		font-size: 24px;
		

	}



}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media  (min-width:992px){

	.col-md-0{
		display: none;
	}

	.error404 h1{
		font-size:200px;
		text-shadow:6px 6px 1px #dadada;
	}

	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}
		#ventas{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
 	#diseno{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
 	#quiensoytxt{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}

 	#reparacion{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
 	footer h2 {
	text-align: center;
	font-size: 16px;
}
.imgContenedor img{
	 display: block;
   width: 50%;
   height: 100%;
   objet-fit: cover;
   margin-left: -25%;
   border-radius: 50%;
   border: 3px solid var(--primary-900);

		
}
 .fotoMain {
  	 display: block;
   width: 30%;
   height: 100%;
   objet-fit: cover;
   margin-left: -12%;
  

  }
 
 .txtContenedor h4{
 	font-size: 24px;


 }	
 .txtContenedor p{
 	font-size: 16px;
 }
 #enque p{
 	font-size: 24px;
 }
 #enque h3{
 	text-align: left;
 }

  .presentacionDerecha h2{
  	font-size: 40px;
  }
.presentacionDerecha p{
  	font-size: 24px;
  }

  .imgFrenteLocal{
		width: 250px;
		height: 200px;
		border-radius: 20%;
	  }
}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

	.col-sm-0{
		display: none;
	}

	.error404 h1{
		font-size:150px;
		text-shadow:4px 4px 1px #dadada;
	}

	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}
		#ventas{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
 	#diseno{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
 	#quiensoytxt{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}

 	#reparacion{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
	 .imgFrenteLocal{
		width: 250px;
		height: 200px;
		border-radius: 20%;
	  }
}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	.col-xs-0{
		display: none;
	}

	.error404 h1{
		font-size:75px;
		text-shadow:2px 2px 1px #dadada;
	}

	.verificar h3{
		margin-top:30px;
		font-size:50px;
		text-shadow:2px 2px 1px #dadada;
	}
	#ventas{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
 	#diseno{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
 	#quiensoytxt{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}

 	#reparacion{
		font-size:24px;
		-webkit-text-stroke-width: 1px;
  		-webkit-text-stroke-color: black;
  	
 	}
 	main ul  {
font-size: 20px;
}

footer h2 {
	font-size: 16px;
}



footer h3 {
	text-align: left;
	font-size: 16px;
}



.imgContenedor img{
		 display: block;
   width: 125px;
   height: 125px;
   objet-fit: cover;
   margin-left: -50%;
   border-radius: 50%;
   border: 5px solid white;
		
}
 .fotoMain {
  	 display: block;
    width: 150px;
   height: 150px;
   objet-fit: cover;
   margin-left: -25%;
  

  }

  .presentacionDerecha h2{
  	font-size: 20px;
  }
   .presentacionDerecha h3{
  	font-size: 20px;

  }
   .presentacionDerecha h4{
  	font-size: 16px;
  }
  .presentacionDerecha p{
  	font-size: 16px;

  }
  .imgFrenteLocal{
	width: 100%;
	height: 70%;
	
	border-radius: 20%;
  }
 

/**/
}

 h4 {
	color:#3BB54A ;
}
main p{
	color:#3BB54A ;
}
.list-group-item-heading{
		color:#3BB54A ;

}
#derechoFooter{

text-align: center;

}
p{
	color:#3BB54A;
}
#maps{
	margin: 10%;
	width: 200px;
	height: 200px;
}