@charset "utf-8";
/* CSS Document */

.img1{
									width: 100%;
									max-width: 300px;
									height: auto;
									margin-top: -100px
								}
								
								
								.ifram{
									
									box-shadow:0px 1px 2px #eee, 0px 1px 3px #eee, 0px 2px 3px #e9e9e9, 0px 2px 5px #e9e9e9, 0px 3px 5px #ccc, 0px 4px 6px #c9c9c9, 0px 5px 2px #bbb, 0px 6px 2px #b1b9b9, 0px 7px 2px #999, 0px 7px 2px rgba(0,0,0,0.5), 0px 7px 2px rgba(0,0,0,0.1), 0px 7px 2px rgba(0,0,0,0.73), 0px 0px 5px rgba(255,255,255,0.3), 0px 0px 6px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,0.1);
									border-radius: 25px;
									width:450px;
									height:600px;
									margin-left: -100px;
									
									}
				
									.ifram1{
									
									box-shadow:0px 1px 2px #eee, 0px 1px 3px #eee, 0px 2px 3px #e9e9e9, 0px 2px 5px #e9e9e9, 0px 3px 5px #ccc, 0px 4px 6px #c9c9c9, 0px 5px 2px #bbb, 0px 6px 2px #b1b9b9, 0px 7px 2px #999, 0px 7px 2px rgba(0,0,0,0.5), 0px 7px 2px rgba(0,0,0,0.1), 0px 7px 2px rgba(0,0,0,0.73), 0px 0px 5px rgba(255,255,255,0.3), 0px 0px 6px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,0.1);
									border-radius: 25px;
									width:450px;
									height:600px;
									margin-left: -100px;
									
									}
				
									.ifram4{
									
									box-shadow:0px 1px 2px #eee, 0px 1px 3px #eee, 0px 2px 3px #e9e9e9, 0px 2px 5px #e9e9e9, 0px 3px 5px #ccc, 0px 4px 6px #c9c9c9, 0px 5px 2px #bbb, 0px 6px 2px #b1b9b9, 0px 7px 2px #999, 0px 7px 2px rgba(0,0,0,0.5), 0px 7px 2px rgba(0,0,0,0.1), 0px 7px 2px rgba(0,0,0,0.73), 0px 0px 5px rgba(255,255,255,0.3), 0px 0px 6px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,0.1);
									border-radius: 25px;
									width:450px;
									height:600px;
									margin-left: 0px;
									
									}
				
				
									.ifram5{
									box-shadow:0px 1px 2px #eee, 0px 1px 3px #eee, 0px 2px 3px #e9e9e9, 0px 2px 5px #e9e9e9, 0px 3px 5px #ccc, 0px 4px 6px #c9c9c9, 0px 5px 2px #bbb, 0px 6px 2px #b1b9b9, 0px 7px 2px #999, 0px 7px 2px rgba(0,0,0,0.5), 0px 7px 2px rgba(0,0,0,0.1), 0px 7px 2px rgba(0,0,0,0.73), 0px 0px 5px rgba(255,255,255,0.3), 0px 0px 6px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,0.1);
									border-radius: 25px;
									
									
									}
				
								
								.ifram2{
									border-radius: 50px;
									box-shadow: 0px 1px 2px #eee, 0px 2px 2px #e9e9e9, 0px 3px 2px #ccc, 0px 4px 2px #c9c9c9, 0px 5px 2px #bbb, 0px 6px 2px #b9b9b9, 0px 7px 2px #999, 0px 7px 2px rgba(0,0,0,.5), 0px 7px 2px rgba(0,0,0,0.1), 0px 7px 2px rgba(0,0,0,.73), 0px 3px 5px rgba(0,0,0,.3), 0px 5px 10px rgba(0,0,0,.37), 0px 10px 10px rgba(0,0,0,.1), 0px 20px 20px rgba(0,0,0,0.1); 
									
									}
								
								.img2 { border-radius: 200px;
									    box-shadow: 0px 1px 2px #eee, 0px 2px 2px #e9e9e9, 0px 3px 2px #ccc, 0px 4px 2px #c9c9c9, 0px 5px 2px #bbb, 0px 6px 2px #b9b9b9, 0px 7px 2px #999, 0px 7px 2px rgba(0,0,0,.5), 0px 7px 2px rgba(0,0,0,0.1), 0px 7px 2px rgba(0,0,0,.73), 0px 3px 5px rgba(0,0,0,.3), 0px 5px 10px rgba(0,0,0,.37), 0px 10px 10px rgba(0,0,0,.1), 0px 20px 20px rgba(0,0,0,0.1); }
								
								.img2:hover {filter: saturate(180%);}
								.img2:hover {
								border-radius:50%;
								-webkit-border-radius:50%;
								box-shadow: 0px 0px 15px 15px #010101;
								-webkit-box-shadow: 0px 0px 5px 5px #00ABFF;
								transform: rotate(360deg);
								-webkit-transform: rotate(360deg);}
								
								
							
								.responsive {width: 100%; max-width: 150px; height: auto;}	
								
								
								@media (max-width: 991px){
									
									.img1{
										margin-top: 0px;
										margin-left: 35px;}
									
									.ifram{
									
									max-width: 350px;
									max-height: 510px;
									margin-left: -25px;
									}
									
									.ifram1{
									
									max-width: 430px;
									max-height: 1400px;
									margin: 3px 0 0 -15px;
									}
									
									.ifram2{
									max-width: 430px;
									max-height: 1400px;
									margin: 3px 0 0 -39px;
									}
									
									.ifram4{
										max-width: 417px;
										max-height: 1400px;
										margin: 3px 0 0 -39px;
									}
									
									
									
									
									
								}



.pulse-button1 {

  position: relative; 
  border: none;
	border-radius: 100px;
  box-shadow: 0 0 0 0 rgba(168,188,245,0.70);
  /*background-color: #000000;*/
  background-image: url("../img/BOTON-APOYO-PROYECTOFULLPEQUE.gif");
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button1:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

.pulse-button {

  position: relative; 
  border: none;
	border-radius: 100px;
  box-shadow: 0 0 0 0 rgba(255,206,0,0.70);
  /*background-color: #000000;*/
  background-image: url("../img/BOTON-APOYO-PROYECTOFULLPEQUE.gif");
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}



@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}