@charset "utf-8";
/* CSS Document */
.m-menu{
    font-size: 18px;
    font-weight: 500;
}
.parallax-frase {
    height: 600px;
    background-image: url(../images/parallax-evento.jpg);
}
 .btn.btn-lg {
    font-size: 1.3rem;
}
.titu1 {
    color: #800101;
    font: 500 2em Roboto,Arial,Helvetica;
    font-weight: 500;
    margin: 0.25em 0;
    text-transform: uppercase;
}
.btn-warning{ background-color: #706A5C!important; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #A09A8B !important;}
.btn-info{ background-color: #A78A5F!important; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { background-color: #CCBBA2 !important;}
.btn-energia{ background-color: rgb(255,192,0)!important;font-size: 22px; border-radius: 15px; color:#FFFFFF!important;transform: translatey(230%)!important;}
.btn-energia:hover, .btn-energia:focus, .btn-energia:active, .btn-energia.active { background-color: #D9A300 !important; color: white!important;}
.btn-agua{ background-color: rgb(0,112,192)!important;font-size: 22px;border-radius: 15px;transform: translatey(240%)!important; }
.btn-agua:hover, .btn-agua:focus, .btn-agua:active, .btn-agua.active { background-color: #00A3D9 !important;}
.btn-infra{ background-color: rgb(255,102,0)!important; font-size: 22px;border-radius: 15px;transform: translatey(250%)!important;  }
.btn-infra:hover, .btn-infra:focus, .btn-infra:active, .btn-infra.active { background-color: orange !important;}
.btn-res{ background-color: rgb(202,2,45)!important; font-size: 22px;border-radius: 15px;transform: translatey(260%)!important; }
.btn-res:hover, .btn-res:focus, .btn-res:active, .btn-res.active { background-color: red!important;}
.btn-mas{ background-color: rgb(202,2,45)!important; font-size: 16px;border-radius: 15px; }
.btn-mas:hover, .btn-res:focus, .btn-res:active, .btn-res.active { background-color: red!important;}

/*PROXIMOS EVENTOS*/
.capsula{
  display: flex;
  flex-flow: column wrap;
  /*width: 100vw;
  height: 100vh;*/
  justify-content: center;
  align-items: center;
  /*background: #333944;*/
}
.capsula .box{
  width: 100%;
  height: 450px;
  background: #CCC;
  overflow: hidden;
}
.capsula .box .box-text{position: absolute; top: 50px; left: 20px;  color: white; background-color: rgb(165,205,57,0.64); width: 90%; min-height: 100px; padding: 10px; font-size: 1.4em; font-style: italic; font-weight: 500; text-align: center;}

.capsula .box img{
  width: 100%;
  height: auto;
}
@supports(object-fit: cover){
    .capsula .box img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}
.capsula .box img {
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:100%;
}
.capsula .box:hover img {
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.25);
}
.content-cent {
                width: 100%;
                max-width: 600px;
                margin: auto;
            }
		 .parallax-frase1 {
                height: 600px;
                background-image: url("/calidad/pira/images/fondo.jpg");
			 	background-repeat: no-repeat;
			 	background-size: cover;
            }
		 
		 @media only screen and (max-width: 1400px) {			 
			 
			  .parallax-frase1 {
                height: 600px;
                background-image: url("/calidad/pira/images/fondo-media.jpg");
				background-repeat: no-repeat;
			 	background-size: cover;
            	}
			}
		  @media only screen and (max-width: 767px) {			 
			 
			  .parallax-frase1 {
                height: 750px;
                background-image: url("/calidad/pira/images/fondo-movil.jpg");
            	}
			}
		  .parallax-frase2 {
                height: 800px;
                background-image: url("/calidad/pira/images/ods.jpg");
            }
		 
		 @media only screen and (max-width: 767px) {			 
			 
			  .parallax-frase2 {
                height: 500px;
                background-image: url("/calidad/pira/images/ods.jpg");
            	}
			}
		.parallax-frase3 {
                height: 600px;
                background-image: url("/calidad/pira/images/recicla.jpg");
            }
		 
		 @media only screen and (max-width: 767px) {			 
			 
			  .parallax-frase2 {
                height: 600px;
                background-image: url("/calidad/pira/images/recicla.jpg");
            	}
			}

			.cont1{
			 	border-radius: 5px;
				
				height: 800px;
				background-position:left;
				
			}
			@media only screen and (max-width: 1366px) {			 
			 
			  .cont1{
			 	border-radius: 5px;
				
				height: 750px;
				background-position:left;
				
			}
			}