@charset "utf-8";





@media only screen and (max-width: 1850px) and (min-width: 1710px) {  



	#ListadodeProductos {
    padding: 0% 5% 0% 5%;
}
	
	
	
}







@media only screen and (max-width: 1710px) and (min-width: 1279px) {  

/*PRODUCTOS*/
#ListadodeProductos{
	padding:0% 3% 0% 0%;}	

#barradeproductos{
	height:10vw;}
	
.circulos{
	width: 8vw;
	height: 8vw;
	margin-left: 5px;
	border: 5px dotted #FFD11E;
	}
	
.circulos a{
	height:8vw;
	width:8vw;
}	

#Producto1, #Producto2, #Producto3, #Producto4, #Producto5, #Producto6, #Producto7, #Producto8, #Producto9, #Producto10, #Producto11{
	width: 8vw;
	border-radius: 100px;
	height: 8vw;	

}
.TextoProducto{
	
	width:50%;}

.TituloantesdeLogos {
	
	font-size:1em;}


.flip, .adelanteLogoHiSafe , .adelanteLogoHiProt , .adelanteLogoHiResist, .atras {
	width: 85px;
	height: 85px;
}

.cuadro {
    padding-top: 25px;
    margin: 0% auto;
    width: 80px;
    height: 50%;
    line-height: 20px;
    font-size: 0.8em;
}

.cuadro2{
	padding-top:30px;
	font-size: 0.8em;
  margin: 0% auto;
  width:80px;
  height: 50%;
  line-height: 20px;
}
.Logos {
    padding-top: 110px;
}
#ListadodeProductos {
    padding: 0% 2% 0% 2%;
}
	
#TamañoPetroleo {
    width: 50vw;
    height: 35vw;
}	
	
	
}












/* Para 1920px */  
@media only screen and (max-width: 1500px) and (min-width: 0px) {  


#Navegacion.small {
	padding:0% 10% 0% 12%;
}


#Navegacion.large {
	padding: 0% 10% 0% 12%;
}

#Navegacion li { 

	display:inline-block;
	vertical-align:middle;}

#Navegacion h1{ 
	font-size:0.9em;
	margin:18% 5px;

}

	
#Texto {
	padding-top:1%;

	}
#Texto h1{
	margin-bottom:15px;
	font-size:2.3em;

	}
#Texto h2{
	font-size:1.1em;

	}
#Nosotros{
	height:20vw;
	padding:3% 15% 3% 15%;}
	
#Nosotros2{
	height:10vw;
	padding:5% 15% 5% 15%;
	font-size:1.1em;}
	
/*SECTORES*/



.ImagenSectores{

	margin-left:1vw;
	margin-bottom:3%;

	
}


#Caracteristicas{

	font-size:0.8em;

	height:400px;
}

	
	

/*ADENTRO SECTORES*/
#TamañoPetroleo{
	width:55vw;
	height:40vw;}
	
			
/*PRODUCTOS*/
#ListadodeProductos {
    padding: 0% 3% 0% 0%;
}			
#TodoslosProductos {
    height: 4100px;
}
	

}


/* Para 1280px */  
@media only screen and (max-width: 1280px) and (min-width: 0px) {  


#Navegacion.small {
	padding:0% 10% 0% 10%;
}


#Navegacion.large {
	padding: 0% 10% 0% 10%;
}

#Navegacion li { 

	display:inline-block;
	vertical-align:middle;}

#Navegacion h1{ 
	font-size:0.9em;
	margin:18% 5px;

}

#LogoNosotros{
	padding-top:5%;
	}
		
#Texto {
	padding-top:1%;

	}
#Texto h1{
	margin-bottom:15px;
	font-size:2.3em;

	}
#Texto h2{
	font-size:1.1em;

	}
#Nosotros{
	height:30vw;
	padding:3% 10% 3% 10%;}
	
#Nosotros2{
	height:15vw;
	padding:5% 10% 5% 10%;
	font-size:1.1em;}
	

		
#completa{
		margin-left:100px;
}		
		
		

#Filosofia{

	padding:0% 10% 5% 10%;}

#Filosofia1, #Filosofia2  {
	font-size:0.8em;
	}

.Numero{
	padding-top:15px;
	padding-left:25px;
	}

.titulo{	
	margin-top: 5%;
	padding: 3px 0% 3px 10%;
	text-align: left;
	margin-right: 65%;
	
}	
	
	
	
	
#Experiencia{

  	padding:2% 0% 5% 0%;
}
	

	
.ImagenExperiencia{
	padding:1%;
	width:30%;
}




#antesdefooter{
	z-index:6;
	vertical-align:middle;
	text-align:center;
	color:#878787;
	padding:1% 10% 1% 10%;
	font-size:0.9em;
	margin:0px;
	height:auto;
}
#antesdefooter p { margin-right:150px;}
footer{
	z-index:7;
	text-align:center;
	color:white;
	padding:5px 20% 5px 10%;
	height:auto;
	background-color:#000000;}
#LogoFooter{
	margin-top:-15px;
	float:left;
	width:150px;}
	


/*SECTORES*/


#TextoSectores{
	padding:5px 10% 5px 10%;
	}
.TextodeSector{
	height:200px;
	padding:5% 10% 5% 10%;}
	
	
#Caracteristicas{
	color:#464646;
	font-size:0.8em;
	text-align:left;
	height:500px;
	margin:0% 10% 5% 10%;}




#FliperSectores{
	margin-left:10vw;}


/*CONFECCION*/
.TextodeConfeccion{
	padding:5% 10% 5% 10%;}


#LogosenConfecciones{
	margin-left:10vw;}


#TodoslosProductos {
    height: 6900px;
}




/*ADENTRO SECTORES*/
#TamañoPetroleo{
	width:75vw;
	height:52vw;}



#E1, #M1, #M2, #P1, #P2{
	display:none;}

  



/*PRODUCTOS*/
#barradeproductos{
	height:11vw;}
	
.circulos{
	width: 9vw;
	height: 9vw;
	margin-left: 3px;
	border: 2px dotted #FFD11E;
	}
	
.circulos a{
	height:9vw;
	width:9vw;
}	

#Producto1, #Producto2, #Producto3, #Producto4, #Producto5, #Producto6, #Producto7, #Producto8, #Producto9, #Producto10, #Producto11{
	width: 9vw;
	border-radius: 100px;
	height: 9vw;	

}

#Mameluco, #Pantalones, #Buzos, #Monjitas, #MamelucosTermicos {
	float:left;
	width:100%;
	margin-right:0%;
	}
#Camisas, #Camperas,#Guardapolvos, #EPP, #RopaAcerias {
	float:left;
	width:100%;
	margin-left:0%;
	}


#ListadodeProductos{
	padding:0% 15% 0% 15%;}	
	
.TituloantesdeLogos {
	
	font-size:1.2em;}
}
/* Para 960px */  
@media only screen and (max-width: 980px) and (min-width: 0px) {  

#barradeproductos{
	display:none;}
	
/*PRODUCTOS*/
#ListadodeProductos {
    padding: 0% 5% 0% 0%;
}			

	
	

#Navegacion.large {
    padding: 0% 0% 0% 0%;
}
#Navegacion.small {
    padding: 0% 0% 0% 0%;
}
#Logo{
	padding:0px 60% 0px 40%;}
	
	
	
#Nosotros{
	height:40vw;
	}
	
#Nosotros2{
	height:25vw;
	}
	
	
#LogoNosotros {
    padding-top: 10%;
}
	
#Banner{
	height:200px;
}
  

#completa{
		margin-left:50px;
		margin-top:75px;}
		
#Experiencia{

  	padding:2% 0% 5% 0%;
}
	

	
.ImagenExperiencia{
	padding:1%;
	width:40%;
}

#Empresas{
	height:80vw;}

#Navegacion.large {
	background-color: rgba(59,59,59,0.51);

}


/*PRODUCTOS*/
#headercontacto{
	background: url(Imagenes/FondoNosotros.png) fixed;
	height: 40vw;
	position: relative;
	margin: 0 auto;
	background-size: cover;
	z-index:2;}
.Titulo{
	letter-spacing: 4px;
	-webkit-text-stroke: 2px white;
	color: white;
	font-size: 4em;
	padding-top: 25%;
}




#TodoslosProductos{
	    height: 6800px;}



.circulos{
	width: 220px;
	border-radius: 125px;
	height: 220px;
	margin-left: 10vw;
	}
	
.circulos a{
	height:150px;
	width:50px;

}	
	
#Lista1, #Lista2, #Lista3{
	margin-left:10%;
	margin-right:10%;
	height:100px;}


#Producto1, #Producto2, #Producto3, #Producto4, #Producto5, #Producto6, #Producto7, #Producto8, #Producto9{
	width: 220px;
	border-radius: 125px;
	height: 220px;	

}




/*SECTORES*/



.ImagenSectores{

	margin-left:0vw;
	margin-bottom:3%;

	
}
	




/*CONFECCIONES*/
#LogosenConfecciones{
	margin-left:5vw;}

#titulotejidosdeproteccion, #titulocertificaciones{
	
	font-size:2.9em;}






/*ADENTRO SECTORES*/
#TamañoPetroleo{
	padding-right:25px;
	width:300px;
	height:125vw;}


.BordeAmarillo1{
	margin-bottom:5vw;
	padding:15px;
	float:left;
	margin-right:0%;
	}
.BordeAmarillo2{
	float:left;
	margin-left:0px;}


#VideosPetroleo{
		margin-top:10px;
		margin-bottom:10px;}
		
.videos{
	margin:2%;
	float:left;
	width:100%;}
#Ensayos{
	height:500px;
	padding:5% 15% 5% 15%;}

	

}  


/* Para 800px */  
@media only screen and (max-width: 820px) and (min-width: 0px) {  

#Nosotros{
	height:55vw;
	}
	
#Nosotros2{
	height:40vw;
	}
#Navegacion ul{
	width:100%;}
#Navegacion h1{ 
	font-size:0.8em;
}
#Logo{
	padding:0px 60% 0px 40%;}
#Empresas{
	height:100vw;}
	
/*PRODUCTOS*/
#headercontacto{
	height: 45vw;
}
.Titulo{

	padding-top: 30%;
}



#TodoslosProductos{
	height:210vw;}



.circulos{
	width: 200px;
	border-radius: 125px;
	height: 200px;
	margin-left: 5vw;
	}
	
.circulos a{
	height:150px;
	width:50px;

}	
	
#Lista1, #Lista2, #Lista3{
	margin-left:10%;
	margin-right:10%;
	height:100px;}


#Producto1, #Producto2, #Producto3, #Producto4, #Producto5, #Producto6, #Producto7, #Producto8, #Producto9{
	width: 200px;
	border-radius: 125px;
	height: 200px;	

}	


/*SECTORES*/
	.ImagenSectores{
	display: inline-block;
	font-size: 0.7em;
	text-align: center;
	width: 38vw;
	height: 60vw;
	margin: 50px;
	color: white;
	padding-bottom: 15px;
	
}
	
	.flip-container, .front, .back {
  width: 38vw;
  height: 60vw;
  margin: 0 auto;
  
}
	
	
	
	.box{
	
  margin: 50% auto;
  width:38vw;
  height: 15vw;
  background: #ffd11e;
  line-height: 15vw;
}

	/*SECTORES*/



.ImagenSectores{

	margin-left:15vw;
	margin-bottom:3%;

	
}
	
	
	.TextodeSector{
	height:250px;}
	
	
	
#FliperSectores{
	margin-left:0vw;}
	


/*CONFECCIONES*/
#LogosenConfecciones{
	margin-left:25vw;}




#ImagenConfeccion{
	display:none;}

#Confeccion{
	
	height:1100px;}
	



#Tejidos {
    margin-right: 45%;
}


#titulotejidosdeproteccion, #titulocertificaciones{
	font-size:2.5em;}




/*ADENTRO SECTORES*/
#TamañoPetroleo{
	padding-right:27px;
	width:300px;
	height:165vw;}










	
}  

















 @media only screen and (max-width: 750px) and (min-width: 0px) {  


#TodoslosProductos{
	height:255vw;}
	
#Logo{
	padding:0px 63% 0px 37%;}
	
	
/*PRODUCTOS*/

	
.TextoProducto{
	
	width:47%;}

.TituloantesdeLogos {
	
	font-size:0.8em;}


.flip, .adelanteLogoHiSafe , .adelanteLogoHiProt , .adelanteLogoHiResist, .atras {
	width: 70px;
	height: 70px;



}

.cuadro {
    padding-top: 10px;
    margin: 0% auto;
    width: 70px;
    height: 50%;
    line-height: 20px;
    font-size: 0.8em;
}

.cuadro2{
	padding-top:15px;
	font-size: 0.8em;
  margin: 0% auto;
  width:70px;
  height: 50%;
  line-height: 20px;
}

	
}
/* Para 600px */  
@media only screen and (max-width: 620px) and (min-width: 0px) {  

#Opcionnavegador{
	visibility:visible;}
#Scroll{
	
	margin-top:90vh;
	margin-left:38vw}

#TextoSectores{
	font-size:1.3em;
	text-align:left;
	padding:5px 10% 5px 10%;
	}
#Navegacion ul{
	width:100%;}
#Navegacion h1{ 
	font-size:0.9em;
	margin:5px 5px 0px 5px;

}
#Logo{
	padding:0px 65% 0px 35%;}
#Sectores ul{
	margin:0px 000px 0px 0px;
			}
#Confecciones ul{
	margin:0px 000px 0px 0px;
			} 	
#Inicio{
	padding-top:90px;}
#Contacto{
	
	padding-bottom:5px;}
.nav #Inicio, .nav #Productos, .nav #Sectores, .nav #Confecciones, .nav #Certificaciones, .nav #Contacto {
	transition: display 0s, opacity 0.5s linear;
	transition: all 1s;
	display:none;}
.nav:hover #Inicio, .nav:hover #Productos, .nav:hover #Sectores, .nav:hover #Confecciones, .nav:hover #Certificaciones, .nav:hover #Contacto{
	display:block;
	}
	
	
	
	.titulo{
	
	margin-top: 5%;
	padding: 3px 0% 3px 10%;
	text-align: left;
	margin-right: 40%;
	width: auto;
	background-color: #ffd11e;
	color: white;
	
}	
	
#LogoNosotros{
	width:100%;}
#Texto {
	padding-top:0%;
	color:white;
	float:right;
	width:100%;
}		
	
#Nosotros{
	height:120vw;
	padding:5% 10% 5% 10%;
	}
	
#Nosotros2{
	height:70vw;
	padding:5% 10% 5% 10%;
	}

#Texto1 {
	text-align:justify;
	float:left;
	width:100%;
	margin-right:0%;
	}
#Texto2 {
	text-align:justify;
	float:right;
	width:100%;
	margin-left:0%;
	}
	
#LogoNosotros {
    padding-top: 10%;
}
	
#Banner{
	height:200px;
}
  

#completa{
		margin-left:50px;
		margin-top:75px;}
		
#Experiencia{

  	padding:2% 0% 5% 0%;
}
	

	
.ImagenExperiencia{
	padding:1%;
	width:90%;
}
#Filosofia{
	
	text-align:left;
	height:650px;
	padding:0% 10% 5% 10%;}
#Filosofia1 {
	font-size:0.8em;
	float:left;
	width:100%;
	margin-right:0%;
	}
#Filosofia2 {
	font-size:0.8em;
	float:left;
	width:100%;
	margin-left:0%;
	}
	
#Empresas{
	height:350vw;}
	
#antesdefooter{
	z-index:6;
	vertical-align:middle;
	text-align:center;
	color:#878787;
	padding:1% 0% 1% 0%;
	font-size:1em;
	margin:0px;
	height:auto;
	background-color:#353535;}
#antesdefooter p { margin-right:0px;}

#LogoFooter{
	margin-top:5px;
	float:none;
	width:150px;}	
	

/*PRODUCTOS*/

#headercontacto{
	height: 45vw;
}
.Titulo{

	padding-top: 30%;
}



#TodoslosProductos{
	height:590vw;}



.circulos{
	width: 250px;
	border-radius: 125px;
	height: 250px;
	margin-left: 5vw;
	}
	
.circulos a{
	height:150px;
	width:50px;

}	
	
#Lista1, #Lista2, #Lista3{
	margin-left:20%;
	margin-right:20%;
	height:100px;}


#Producto1, #Producto2, #Producto3, #Producto4, #Producto5, #Producto6, #Producto7, #Producto8, #Producto9{
	width: 250px;
	border-radius: 125px;
	height: 250px;	

}

.Titulo{
	font-size: 3em;
}



/*SECTORES*/



.ImagenSectores{

	margin-left:20vw;
	margin-bottom:2%;

	
}
	

#Caracteristicas1 {
	float:left;
	width:100%;
	margin-right:0%;
	
	}
#Caracteristicas2 {
	float:left;
	width:100%;
	margin-left:0%;
	}

.TextodeSector{
	height:350px;}
	
	
#Caracteristicas{
	height:900px;
}



/*CONFECCIONES*/
#titulotejidosdeproteccion, #titulocertificaciones{
	font-size:2em;}
	
  


/*ADENTRO SECTORES*/
#TamañoPetroleo{
	margin-top:-170px;
	padding-right:30px;
	height:200vw;}



#Texto3 {
	float:left;
	width:100%;
	margin-right:0%;
	margin-bottom:15px;
	}
#Texto4 {
	float:left;
	width:100%;
	margin-left:0%;
	}

.titulovideo{
	font-size:1em;
	background-color:#ffd11e;
	color:white;
	margin:5px 2% 30px 2%;
	}
/*PRODUCTOS*/
.producto{
	height:820px;}	
#ListadodeProductos{
	padding:0% 7% 0% 0%;}	
	
.TextoProducto{
	
	width:100%;}

.TituloantesdeLogos {
	margin-left:15%;
	font-size:1.2em;}


.flip, .adelanteLogoHiSafe , .adelanteLogoHiProt , .adelanteLogoHiResist, .atras {
	width: 100px;
	height: 100px;



}

.cuadro {
    padding-top: 10px;
    margin: 0% auto;
    width: 100px;
    height: 50%;
    line-height: 20px;
    font-size: 0.8em;
}

.cuadro2{
	padding-top:15px;
	font-size: 0.8em;
  margin: 0% auto;
  width:100px;
  height: 50%;
  line-height: 20px;
}
.Logos {
	margin-left:10%;}
.BordeAmarilloProductos {
    margin-left: 50%;}
.TituloantesdeLogos {
	margin-left:10%;}
}  
 @media only screen and (max-width: 550px) and (min-width: 0px) {  
 

#TodoslosProductos{
	height:650vw;}
	
#Lista1, #Lista2, #Lista3{
	margin-left:10%;
	margin-right:10%;}
	
#ListadodeProductos{
	padding:0% 10% 0% 0%;}
.Logos {
	margin-left:10%;}	
	}

  
/* Para 480px */  
@media only screen and (max-width: 500px) and (min-width: 0px) {
  

  #Empresas{
	height:410vw;}
	
  
 #Nosotros{
	height:150vw;
	padding:5% 10% 5% 10%;
	}
	
#Nosotros2{
	height:120vw;
	padding:5% 10% 5% 10%;
	}
#completa{
	 font-size:1.5em;
	 margin-left:15%;
	 margin-right:10%;

}
#TodoslosProductos{
	height:740vw;}
#Lista1, #Lista2, #Lista3{
	margin-left:15%;
	margin-right:15%;}

.Titulo{
	font-size: 3em;
	padding-top: 28%;
}




/*SECTORES*/
	.ImagenSectores{
	width: 50vw;
	height: 80vw;
	
}
	
	.flip-container, .front, .back {
  width: 50vw;
  height: 80vw;
  
}
	

	
	.box{
	
  margin: 50% auto;
  width:50vw;
  height: 30vw;
  background: #ffd11e;
  line-height: 30vw;
}






/*SECTORES*/



.ImagenSectores{

	margin-left:13vw;
	margin-bottom:0%;

	
}


.TextodeSector{
	height:450px;}
	
	
#Caracteristicas{
	height:950px;
}


/*CONFECCIONES*/
#Confeccion{
	
	height:1300px;}
	
#Tejidos {
    margin-right: 40%;
}
#LogosenConfecciones{
	margin-left:15vw;}

#titulotejidosdeproteccion, #titulocertificaciones, #titulocertificaciones{
	font-size:1.5em;}
	
  
/*ADENTRO SECTORES*/
#TamañoPetroleo{
	padding-right:32px;
	width:300px;
	height:265vw;}

#Ensayos{
	height:500px;
	padding:0% 5% 5% 5%;}

/*PRODUCTOS*/
.TituloantesdeLogos,.Logos {
	margin-left:5%;}
.producto{
	height:850px;}	
.BordeAmarilloProductos {
    margin-left: 30%;}
	}

@media only screen and (max-width: 440px) and (min-width: 0px)  {


#TodoslosProductos{
	height:855vw;}
/*PRODUCTOS*/
.TituloantesdeLogos,.Logos {
	margin-left:5%;}
	
.BordeAmarilloProductos {
    margin-left: 20%;}
.TituloantesdeLogos {
	
	font-size:1em;}


.flip, .adelanteLogoHiSafe , .adelanteLogoHiProt , .adelanteLogoHiResist, .atras {
	width: 85px;
	height: 85px;

}

.cuadro {
    padding-top: 25px;
    margin: 0% auto;
    width: 80px;
    height: 50%;
    line-height: 20px;
    font-size: 0.8em;
}

.cuadro2{
	padding-top:30px;
	font-size: 0.8em;
  margin: 0% auto;
  width:80px;
  height: 50%;
  line-height: 20px;
}
.Logos {
    padding-top: 110px;
}	
	}
	

/* Para 375px */  
@media only screen and (max-width: 375px) and (min-width: 0px)  {
	
	



  #Nosotros{
	height:180vw;
	padding:5% 10% 5% 10%;
	}
.titulo{	

	margin-right: 20%;
	
}
#Logo{
	padding:0px 70% 0px 30%;}	
#Nosotros2{
	height:170vw;
	padding:5% 10% 5% 10%;
	} 
#Filosofia{
	
	height:750px;
}
/* PRODUCTOS */ 
#TodoslosProductos{
	height:1050vw;}
	
#Lista1, #Lista2, #Lista3{
	margin-left:5%;
	margin-right:5%;}
.Titulo{
	font-size: 2em;
	padding-top: 30%;
}	



/*SECTORES*/



	.ImagenSectores{
	margin-left:8vw;
	margin-bottom:0%;

	width: 60vw;
	height: 92vw;
	
}
	
	.flip-container, .front, .back {
  width: 60vw;
  height: 92vw;
  
}
	

	
	.box{

  margin: 50% auto;
  width:60vw;
  height: 30vw;
  background: #ffd11e;
  line-height: 30vw;
}



.TextodeSector{
	height:570px;}
	
	
#Caracteristicas{
	height:1050px;
}






/*ADENTRO SECTORES*/
#TamañoPetroleo{
	margin-top:-250px;
	padding-right: 10px;
	width:300px;
	height:300vw;}




.BordeAmarillo1{
	padding:5px;}
.BordeAmarillo2{
	padding:5px;}




/*PRODUCTOS*/
.TituloantesdeLogos,.Logos {
	margin-left:0%;}
	
.BordeAmarilloProductos {
    margin-left: 0%;}
.TituloantesdeLogos {
	
	font-size:0.9em;}


.flip, .adelanteLogoHiSafe , .adelanteLogoHiProt , .adelanteLogoHiResist, .atras {
	width: 75px;
	height: 75px;

}

.cuadro {
    padding-top: 10px;
    margin: 0% auto;
    width: 70px;
    height: 50%;
    line-height: 20px;
    font-size: 0.8em;
}

.cuadro2{
	padding-top:20px;
	font-size: 0.8em;
  margin: 0% auto;
  width:70px;
  height: 50%;
  line-height: 20px;
}
.Logos {
    padding-top: 110px;
}	
	
	




} 
/* Para 320px */  
@media only screen and (max-width: 320px) and (min-width: 0px)  { 
 /*body, html{
	
	background-color:#64858A;}	*/
 
#Logo{
	padding:0px 75% 0px 25%;}
  #Nosotros{
	height:200vw;
	padding:5% 10% 5% 10%;
	}
	
#Nosotros2{
	height:190vw;
	padding:5% 10% 5% 10%;
	} 
  #Empresas{
	height:430vw;}
	
	 
#Filosofia{
	height:750px;
}
/* PRODUCTOS */ 
#TodoslosProductos{
	height:1050vw;}
	
#Lista1, #Lista2, #Lista3{
	margin-left:15%;
	margin-right:15%;}	



.circulos{
	width: 200px;
	border-radius: 125px;
	height: 200px;
	margin-left: 0vw;
	}
	
.circulos a{
	height:150px;
	width:50px;

}	
	


#Producto1, #Producto2, #Producto3, #Producto4, #Producto5, #Producto6, #Producto7, #Producto8, #Producto9{
	width: 200px;
	border-radius: 125px;
	height: 200px;	

}

.Titulo{
	font-size: 1.5em;
	padding-top: 35%;
}	

/*SECTORES*/
	.ImagenSectores{
	width: 70vw;
	height: 110vw;
	
	margin-left:3vw;
	margin-bottom:0%;
	
}
	
	.flip-container, .front, .back {
  width: 70vw;
  height: 110vw;
  
}
	

	
	.box{

  margin: 50% auto;
  width:70vw;
  height: 30vw;
  background: #ffd11e;
  line-height: 30vw;
}

.TextodeSector{
	height:630px;}
	
	

}