body {
    margin: 0 auto;
    background-color: #fff;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}



@font-face {
    font-family: "Roboto-Light";
    src: url(../fonts/Roboto-Light.ttf) format("truetype")
}



@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/Roboto-Bold.ttf) format("truetype")
}




h1 {
    font-family: "Roboto-Light";
}

h2 {
    font-family: "Roboto-Light";
}

p {
    font-family: "Roboto-Light";
}


a{
    font-family: "Roboto-Light";	
    }

.imgLoader{position: relative; width: 15%; padding-top: 250px; height: auto; display: block; margin-left:auto; margin-right: auto; }



#capa3Header{
	position:relative;
	width:100%;
	height:auto;
	background-color:#b62a2f
	}
				
				
				
					.slider{
					position:relative;
					left:0px;
					top:0px;
					
					width:100%;
					height:100%;
					/*-webkit-animation: animarSlider  100s infinite 5s; 
					-moz-animation: animarSlider  100s infinite 5s; 
					animation: animarSlider  100s infinite 5s; */
					}
					
						
					.txt1Slider1{
						position:relative;
						display: inline-block;
						margin-left:auto;
						margin-right:auto;
                    
						font-size:2.5em;
						width:100%;
						text-align:center;
						color:#FFF;
						
					}
					

#capa1{
position: relative;
width: 100%;
height: auto;

}


.fila1Capa1{
    position: relative;
    width: 100%;
    height: 50px;

}

.txt1Capa1{
    position: relative; width: 100%;
    text-align: center; color: #4f4e4e;


}


.txt2Capa1{position: relative; width: 60%;text-align: center; margin-left: auto; margin-right: auto;font-size: 1.5em;}

.txt3Capa1{font-size: 1.3em; text-align: center;}


.container {
    display: flex;
    flex-wrap: wrap; 
    gap: 0px; /*para o quitar dar mas espacio entre columnas aplica el mismo espacio para la verticalizacion*/
  }


  .container h2 {
  text-align: center;
  }

  .column {
    flex: 1;
    /*flex: 2 1 200px;*/
    background-color: #f2f2f2;
    padding: 15px;/*es espaciado general para los elementos dentro de la columna*/
    margin: 30px;/*es margen general para la columna de acuerdo al borde del contenedor*/
    box-sizing: border-box;
  }

  @media (max-width: 600px) {
    /* Aplicar estilos específicos para pantallas con un ancho máximo de 600px */
    .column {
      flex-basis: 100%; /* Hacer que las columnas ocupen el 100% del ancho en pantallas pequeñas */
    }
  }
  




@media screen and (min-width: 1px) and (max-width: 360px) {




}
    
    
@media screen and (min-width: 361px) and (max-width: 640px) {

	

}
    
    
@media screen and (min-width: 641px) and (max-width: 960px){


	
	
}
    
    
@media screen and (min-width: 961px) and (max-width: 1210px) {


			
}