body{
background:#92eae4;


}
.contenedor{

width:100%;
height:1070px;
position:relative;

margin:0 auto;
overflow:hidden;


}

.globo{
 position:absolute;
  
 
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    
    -moz-border-radius: 60px 60px 0 60px;
         border-radius: 60px 60px 0 60px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
 background: rgba(255,82,51,1);
background: -moz-linear-gradient(45deg, rgba(255,82,51,1) 0%, rgba(255,82,51,1) 16%, rgba(255,82,51,1) 38%, rgba(230,160,39,1) 39%, rgba(230,160,39,1) 61%, rgba(3,143,120,1) 61%, rgba(20,250,212,1) 61%, rgba(3,171,115,1) 61%, rgba(3,171,115,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,82,51,1)), color-stop(16%, rgba(255,82,51,1)), color-stop(38%, rgba(255,82,51,1)), color-stop(39%, rgba(230,160,39,1)), color-stop(61%, rgba(230,160,39,1)), color-stop(61%, rgba(3,143,120,1)), color-stop(61%, rgba(20,250,212,1)), color-stop(61%, rgba(3,171,115,1)), color-stop(100%, rgba(3,171,115,1)));
background: -webkit-linear-gradient(45deg, rgba(255,82,51,1) 0%, rgba(255,82,51,1) 16%, rgba(255,82,51,1) 38%, rgba(230,160,39,1) 39%, rgba(230,160,39,1) 61%, rgba(3,143,120,1) 61%, rgba(20,250,212,1) 61%, rgba(3,171,115,1) 61%, rgba(3,171,115,1) 100%);
background: -o-linear-gradient(45deg, rgba(255,82,51,1) 0%, rgba(255,82,51,1) 16%, rgba(255,82,51,1) 38%, rgba(230,160,39,1) 39%, rgba(230,160,39,1) 61%, rgba(3,143,120,1) 61%, rgba(20,250,212,1) 61%, rgba(3,171,115,1) 61%, rgba(3,171,115,1) 100%);
background: -ms-linear-gradient(45deg, rgba(255,82,51,1) 0%, rgba(255,82,51,1) 16%, rgba(255,82,51,1) 38%, rgba(230,160,39,1) 39%, rgba(230,160,39,1) 61%, rgba(3,143,120,1) 61%, rgba(20,250,212,1) 61%, rgba(3,171,115,1) 61%, rgba(3,171,115,1) 100%);
background: linear-gradient(45deg, rgba(255,82,51,1) 0%, rgba(255,82,51,1) 16%, rgba(255,82,51,1) 38%, rgba(230,160,39,1) 39%, rgba(230,160,39,1) 61%, rgba(3,143,120,1) 61%, rgba(20,250,212,1) 61%, rgba(3,171,115,1) 61%, rgba(3,171,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5233', endColorstr='#03ab73', GradientType=1 );
  margin:83px 100%;
  -webkit-animation: vuela 50s linear infinite ;
  -moz-animation: vuela 50s linear infinite ;
  animation: vuela 50s linear infinite ;
}

.rayas{
  position:absolute;
  border-top: 12px solid #3baadf;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 12px;
  margin:63px 59px;
   -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

ul.mountains{


display:block;
width: 100%;
height: 580px;
list-style:none;
margin-left:0px



}
ul.mountains li{
display:inline-block;
width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 300px solid #596048;

margin: 30px -9px;


}
ul.mountains li:nth-child(1){
width: 0;
    height: 0;
    border-left: 102px solid transparent;
    border-right: 90px solid transparent;
    border-bottom: 83px solid #03564a;
     }
 
ul.mountains li:nth-child(2) {
      width: 0;
    height: 0;
    border-left: 201px solid transparent;
    border-right: 477px solid transparent;
    border-bottom: 291px solid  #03564a; }
	ul.mountains li:nth-child(3) {
      width: 0;
    height: 0;
    border-left: 213px solid transparent;
    border-right: 192px solid transparent;
    border-bottom: 221px solid #03564a;}
  
ul.mountains li:nth-child(4) {
      width: 0;
    height: 0;
    border-left: 83px solid transparent;
    border-right: 209x solid transparent;
    border-bottom: 231px solid #03564a; }
	  
ul.mountains li:nth-child(5) {
      width: 0;
    height: 0;
    border-left: 137px solid transparent;
    border-right: 97px solid transparent;
    border-bottom: 85px solid #03564a; }
	ul.mountains li:nth-child(6) {
      width: 0;
    height: 0;
    border-left: 106px solid transparent;
    border-right: 97px solid transparent;
    border-bottom: 85px solid #03564a; }
	
ul.mountains3{

margin-top:-665px;
display:block;
width: 100%;
height: 600px;
list-style:none;
margin-left:50px;

}
ul.mountains3 li{
display:inline-block;
width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 400px solid green;
margin-left:0;

}
ul.mountains3 li:nth-child(1){
width: 0;
    height: 0;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
    border-bottom: 400px solid #019292;
     }
 
ul.mountains3 li:nth-child(2) {
 width: 0;
    height: 0;
    border-left: 121px solid transparent;
    border-right: 132px solid transparent;
    border-bottom: 241px solid #019292; }  
      
	
ul.mountains3 li:nth-child(3) {
      width: 0;
    height: 0;
    border-left: 175px solid transparent;
    border-right: 175px solid transparent;
    border-bottom: 350px solid #019292; }
ul.mountains3 li:nth-child(4) {
      width: 0;
    height: 0;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent;
    border-bottom: 187px solid #019292; }
	  
ul.mountains3 li:nth-child(5) {
      width: 0;
    height: 0;
    border-left: 175px solid transparent;
    border-right: 175px solid transparent;
    border-bottom: 350px solid #019292; }
	ul.mountains3 li:nth-child(6) {
      width: 0;
    height: 0;
    border-left: 112px solid transparent;
    border-right: 112px solid transparent;
    border-bottom: 200px solid #019292; }
	
ul.mountains6{

margin-top:-565px;
display:block;
width: 90%;
height: 600px;
list-style:none;
margin-left:219px;

}
ul.mountains6 li{
display:inline-block;
width: 0;
   height: 0;
   border-bottom: 50px solid black;
   border-right: 100px solid transparent;



}
ul.mountains6 li:nth-child(1){
width: 0;
    height: 0;
    
    border-right: 231px solid transparent;
    border-bottom: 396px solid #046865;
	margin: -47px 33px;
	
     }
 ul.mountains6 li:nth-child(1)::before{
 content:"";
 display:block;
  width: 0;
    height: 0;
    border-bottom: 60px solid white;
    border-left: 32px solid transparent;
	margin: -4px -33px;
     }
	ul.mountains6 li:nth-child(1)::after{
 content:"";
 display:block;
  
   width: 0;
   height: 0;
   border-bottom: 60px solid gray;
   border-right: 33px solid transparent;
	margin: -60px -1px;
     }
ul.mountains6 li:nth-child(2) {
 width: 0;
    height: 0;
   
    border-right: 142px solid transparent;
    border-bottom: 241px solid #046865; 
	margin: -47px  57px;}  
      
ul.mountains6 li:nth-child(2)::before{
 content:"";
 display:block;
  width: 0;
    height: 0;
    border-bottom: 45px solid white;
    border-left: 23px solid transparent;
	margin: -3px -24px;
     }
	ul.mountains6 li:nth-child(2)::after{
 content:"";
 display:block;
  
   width: 0;
   height: 0;
   border-bottom: 45px solid gray;
   border-right: 26px solid transparent;
	margin: -45px 0px;
     }	
ul.mountains6 li:nth-child(3) {
      width: 0;
    height: 0;
   
    border-right: 197px solid transparent;
    border-bottom: 347px solid #046865; 
	margin: -47px  108px;}
	ul.mountains6 li:nth-child(3)::before{
 content:"";
 display:block;
  width: 0;
    height: 0;
    border-bottom: 45px solid white;
    border-left: 24px solid transparent;
	margin: -6px -24px;
     }
	ul.mountains6 li:nth-child(3)::after{
 content:"";
 display:block;
  
   width: 0;
   height: 0;
   border-bottom: 42px solid gray;
   border-right: 24px solid transparent;
	margin: -42px -1Px;
     }	
ul.mountains6 li:nth-child(4) {
      width: 0;
    height: 0;
   
    border-right: 90px solid transparent;
    border-bottom: 188px solid #046865; 
	margin: -47px  -47px;}
ul.mountains6 li:nth-child(4)::before{
 content:"";
 display:block;
  width: 0;
    height: 0;
    border-bottom: 33px solid white;
    border-left: 17px solid transparent;
	margin: 0px -16px;
     }
	ul.mountains6 li:nth-child(4)::after{
 content:"";
 display:block;
  
   width: 0;
   height: 0;
   border-bottom: 35px solid gray;
   border-right: 16px solid transparent;
	margin: -35px 0px;
     }		  
ul.mountains6 li:nth-child(5) {
      width: 0;
    height: 0;
    
    border-right: 174px solid transparent;
    border-bottom: 349px solid #046865;
margin: -47px  218px;	}
ul.mountains6 li:nth-child(5)::before{
 content:"";
 display:block;
  width: 0;
    height: 0;
    border-bottom: 56px solid white;
    border-left: 28px solid transparent;
	margin: 0px -29px;
     }
	ul.mountains6 li:nth-child(5)::after{
 content:"";
 display:block;
  
   width: 0;
   height: 0;
   border-bottom: 59px solid gray;
   border-right: 29px solid transparent;
	margin: -59px 0px;
     }

	ul.mountains6 li:nth-child(6) {
        width: 0;
    height: 0;
   
    border-right: 125px solid transparent;
    border-bottom:195px solid #046865; 
	margin: -44px  -106px;	
     }	
ul.mountains6 li:nth-child(6)::before{
 content:"";
 display:block;
  width: 0;
    height: 0;
    border-bottom: 45px solid white;
    border-left: 28px solid transparent;
	margin: -6px -26px;
     }
	ul.mountains6 li:nth-child(6)::after{
 content:"";
 display:block;
  
   width: 0;
   height: 0;
   border-bottom: 45px solid gray;
   border-right: 25px solid transparent;
	margin: -45px 0px;
     }	
.flat{
position:absolute;
 width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-right: 100px solid #046865;
    border-bottom: 50px solid transparent;
	margin: -498px 234px;

}	
.flat::before{
content:"";
display:block;
width: 0;
    height: 0;
    border-left: 90px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 165px solid #046865;
	margin: 17px -33px;
}
.flat::after{
content:"";
display:block;
 width: 0;
   height: 0;
   border-bottom: 73px solid #019292;
   border-right: 55px solid transparent;
   
   
    
    
   
    
  
    
	margin: -355px 55px;
}
.flat3{
position:absolute;
 width: 0;
   height: 0;
   border-top: 66px solid #046865;
   border-left: 55px solid transparent;
   
	margin: -360px 570px;

}	
.flat3::before{
content:"";
display:block;
width: 0;
    height: 0;
    border-left: 142px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 182px solid #046865;
	margin: -157px 163px;}
	
	
.flat3::after{
content:"";
display:block;
 width: 0;
   height: 0;
   border-bottom: 53px solid #019292;
   border-right: 47px solid transparent;
       
	margin: 102px 564px;
}

.flat6{
position:absolute;
 width: 0;
    height: 0;
    border-top: 190px solid transparent;
    border-left: 137px solid #019292;
    border-bottom: 50px solid transparent;
	margin: -458px 1412px;

}	
.flat6::before{
content:"";
display:block;
width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 58px solid #019292;
	margin: -60px 179px;
}
.flat6::after{
content:"";
display:block;
 width: 0;
   height: 0;
   border-bottom: 73px solid #019292;
   border-right: 93px solid transparent;
   
   margin: -132px 172px;
   
}
.cascada{
position:absolute;
width:50px;
height:300px;
background:rgba(255, 255, 255, .3);
border-radius:6px 6px 0 0;
margin:-530px 292px;

z-index:3;
 
}
.cascada::before{
content:"";
display:block;
width:1px;
height:300px;
background:rgba(255, 255, 255, .7);
margin:0px 7px;
z-index:3;
-webkit-animation: corre 3s ease-in-out 0s infinite alternate;
  -moz-animation: corre 3s ease-in-out 0s infinite alternate;
  animation: corre 3s ease-in-out 0s infinite alternate;

}
.cascada::after{
content:"";
display:block;
width:1px;
height:300px;
background:rgba(255, 255, 255, .5);
margin:-300px 43px;
z-index:3;
-webkit-animation: corre3 3s ease-in-out 0s infinite alternate;
  -moz-animation: corre3 3s ease-in-out 0s infinite alternate;
  animation: corre3 3s ease-in-out 0s infinite alternate;
}
.cascadas{
position:absolute;
width:1px;
height:300px;
background:rgba(255, 255, 255, .3);
margin:-530px 308px;
z-index:3;
-webkit-animation: corre3 3s ease-in-out 0s infinite alternate;
  -moz-animation: corre3 3s ease-in-out 0s infinite alternate;
  animation: corre3 3s ease-in-out 0s infinite alternate;

}
.cascadas::before{
content:"";
display:block;
width:1px;
height:300px;
background:rgba(255, 255, 255, .5);
margin:0px 10px;
z-index:3;
-webkit-animation: corre 3s ease-in-out 0s infinite alternate;
  -moz-animation: corre 3s ease-in-out 0s infinite alternate;
  animation: corre 3s ease-in-out 0s infinite alternate;
}
.cascadas::after{
content:"";
display:block;
width:1px;
height:300px;
background:rgba(255, 255, 255, .5);
margin:-300px 18px;
z-index:3;
-webkit-animation: corre3 3s ease-in-out 0s infinite alternate;
  -moz-animation: corre3 3s ease-in-out 0s infinite alternate;
  animation: corre3 3s ease-in-out 0s infinite alternate;
}
.cascada3{
position:absolute;
display:block;
width:201px;
height:40px;
border-radius:100%;
background:rgba(255, 255, 255, .5);
margin: -248px 235px;
transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
-webkit-transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
-moz-transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
-o-transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
-ms-transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
z-index:3;}


ul.burbujas {
  list-style:none;
  position: absolute;
  left: calc(50% - 0.7em);
  top: calc(50% - 4.2em);
  text-indent: 2.8em;
  margin:159px -730px;
  z-index:3;
}
ul.burbujas li {
  margin:-3px;
  background-color: #fff;
  border-radius: 100%;
  display:inline-block;
}





.burbujas li:nth-child(1),.burbujas li:nth-child(7) {

width:9px;
height:9px;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}



.burbujas li:nth-child(2),.burbujas li:nth-child(8) {
  
  width:12px;
height:12px;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s;
}



.burbujas li:nth-child(3),.burbujas li:nth-child(9) { 
 
width:9px;
height:9px;
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  animation-delay: 1.4s;
  
}


.burbujas li:nth-child(4), .burbujas li:nth-child(10) {
margin:-5px;

width:9px;
height:9px;
  
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}



.burbujas li:nth-child(5),.burbujas li:nth-child(11) {
margin:-5px;
width:6px;
height:6px;
  -webkit-animation-delay:1.8s;
  -moz-animation-delay:1.8s;
  animation-delay:1.8s;
}


.burbujas li:nth-child(6),.burbujas li:nth-child(12) { 
margin:-3px;

width:9px;
height:9px;
  
 -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}



.burbujas li {
  -webkit-animation: cae 1s ease-in-out 0s infinite alternate;
  -moz-animation: cae 1s ease-in-out 0s infinite alternate;
  animation: cae 1s ease-in-out 0s infinite alternate;
}


.burbujas li:after {
  -webkit-animation: cae3 1s ease-in-out 0s infinite alternate;
  -moz-animation: cae3 1s ease-in-out 0s infinite alternate;
  animation: cae3 1s ease-in-out 0s infinite alternate ;
}
.orilla{
position:relative;
width:100%;
height:300px;
-moz-border-radius: 150px 150px 0 0;
background:#0c8354;
margin: -291px 0px;

}
@-webkit-keyframes cae {
  0%,30% {
    opacity: 0;
    margin-top:-150px;
  }

 60%,100% {
   opacity: 1;
    margin-top:0px;
  }
}
@-moz-keyframes cae {
  0%,30% {
    opacity: 0;
    margin-top:-150px;
  }

 60%,100% {
   opacity: 1;
    margin-top:0px;
  }
}
@keyframes cae {
  0%,30% {
    opacity: 0;
    margin-top:-150px;
  }

 60%,100% {
   opacity: 1;
    margin-top:0px;
  }
}

@-webkit-keyframes cae3 {
  0% {    
    opacity: 1;
    -webkit-transform: scale(1);
  }
  60%{
    opacity: 0;
    -webkit-transform: scale(0.1);
  }
}
@-moz-keyframes cae3 {
  0% {    
    opacity: 1;
    -webkit-transform: scale(1);
  }
  60%{
    opacity: 0;
    -webkit-transform: scale(0.1);
  }
}
@keyframes cae3 {
  0% {    
    opacity: 1;
    -webkit-transform: scale(1);
  }
  60%{
    opacity: 0;
    -webkit-transform: scale(0.1);
  }
}

.hills{
position:relative;
width:100%;
height:12px;
-moz-border-radius: 150px 150px 0 0;
background:#0c8354;;
margin: -277px 0px;

}
.lake{
position:relative;
display:block;
width:100%;
height:328px;
background:#55c9e6;
margin: 271px 0px;
border-top:1px solid #01365e;


}
.sol{
position:absolute;

width:112px;
height:112px;
border-radius:100%;
-moz-border-radius:100%;
background:#eef987;
margin: -241px 50px;


}
.ani {
-webkit-animation:sail 60s ease-in-out infinite ;
	-moz-animation:sail 60s ease-in-out infinite ;
	animation:sail 60s ease-in-out infinite ;
	position:relative;
	
}




.barco{
position:absolute;
border-top: 30px solid #cc6633;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    height: 0;
    width: 43px;
	margin: 162px 300px;
	
	-webkit-animation:flotar 3s alternate infinite ;
	-webkit-transition-timing-function: cubic-bezier(0,.5,.99,.54);
	-moz-animation:flotar 3s alternate infinite;
	-moz-transition-timing-function: cubic-bezier(0,.5,.99,.54);

}
.barco::before{
content:"";
display:block;
width: 0;
   height: 0;
   border-bottom: 70px solid #ccc;
   border-right: 50px solid transparent;
   margin: -102px 26px;
}
.barco::after{
content:"";
display:block;
width: 0;
    height: 0;
    border-bottom: 70px solid white;
    border-left: 50px solid transparent;
   margin: 30px -29px;
}
.base{
position:absolute;
display:block;
width:201px;
height:40px;
border-radius:100%;
background:rgba(255, 255, 255, .3);
margin: 118px -60px;
transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
-webkit-transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
-moz-transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
-o-transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);
-ms-transform: rotate(6deg) scale(0.407) skew(-72deg) translate(-45px);


}
ul.flores{
width:100%;
height:50px;
list-style:none;
z-index:3;
}
ul.flores li{
width: 12px;
height:12px;
border-radius:100%;
display:inline-block;
margin: 65px 142px;
background:#ff5f00;
}
ul.flores li::before{
content:"";
width: 12px;
height:12px;
border-radius:100%;
display:block;
margin: 0px 12px;
background:#ff5f00;
}
ul.flores li::after{
content:"";
width: 12px;
height:12px;
border-radius:100%;
display:block;
margin: -4px 6px;
background:#ff5f00;
}

ul.flores3{
width:100%;
height:50px;
list-style:none;
z-index:3;
margin:-37px 99px;
}
ul.flores3 li{
width: 9px;
height:9px;
border-radius:100%;
display:inline-block;
margin: 65px 152px;
background:orange;
}
ul.flores3 li::before{
content:"";
width: 9px;
height:9px;
border-radius:100%;
display:block;
margin: 0px 12px;
background:orange;
}
ul.flores3 li::after{
content:"";
width: 9px;
height:9px;
border-radius:100%;
display:block;
margin: -4px 6px;
background:orange;
}

}
@-webkit-keyframes flotar{
	 from {-webkit-transform:rotate(3deg);}
	 to {-webkit-transform:rotate(-3deg);}
 }
 @-moz-keyframes flotar {
	 from {-moz-transform:rotate(3deg);}
	 to {-moz-transform:rotate(-3deg);}
 }
 @keyframes flotar{
	 from {-webkit-transform:rotate(3deg);}
	 to {-webkit-transform:rotate(-3deg);}
 }
@-webkit-keyframes sail{
	0%   {left:-25%;}
	25%   {left: 0%;}
	35%   {left: 12%;}
	45%   {left: 21%;}
	50%   {left: 30%;}
	55%   {left: 35%;}
	65%   {left: 50%;}
	75%   {left: 80%;}
	85%   {left: 85%;}
	90%   {left: 90%;}
	100% {left:100%;}
}
@-moz-keyframes sail {
	0%   {left:-25%;}
	25%   {left: 0%;}
	35%   {left: 12%;}
	45%   {left: 21%;}
	50%   {left: 30%;}
	55%   {left: 35%;}
	65%   {left: 50%;}
	75%   {left: 80%;}
	85%   {left: 85%;}
	90%   {left: 90%;}
	100% {left:100%;}
}
@keyframes sail {
	0%   {left:-25%;}
	25%   {left: 0%;}
	35%   {left: 12%;}
	45%   {left: 21%;}
	50%   {left: 30%;}
	55%   {left: 35%;}
	65%   {left: 50%;}
	75%   {left: 80%;}
	85%   {left: 85%;}
	90%   {left: 90%;}
	100% {left:100%;}
}
@-webkit-keyframes corre {
  0%,25% {
    opacity: 0.3;
    
  }
30%,50%{
opacity:0.5;
}
 70%,100% {
   opacity: 0.3;
   
  }
}
@-moz-keyframes corre {
 0%,25% {
    opacity: 0.3;
    
  }
30%,50%{
opacity:0.5;
}
 70%,100% {
   opacity: 0.3;
   
  }
  }
@keyframes corre {
   0%,25% {
    opacity: 0.3;
    
  }
30%,50%{
opacity:0.5;
}
 70%,100% {
   opacity: 0.3;
   
  }
}
@-webkit-keyframes corre3 {
  0%,25% {
    opacity: 0.7;
    
  }
30%,50%{
opacity:0.5;
}
 70%,100% {
   opacity:0.7;
   
  }
}
@-moz-keyframes corre3 {
 0%,25% {
    opacity: 0.7;
    
  }
30%,50%{
opacity:0.5;
}
 70%,100% {
   opacity: 0.7;
   
  }
  }
@keyframes corre3 {
   0%,25% {
    opacity: 0.7;
    
  }
30%,50%{
opacity:0.5;
}
 70%,100% {
   opacity: 0.7;
   
  }
}
ul.nubes{
width:100%;
height:162px;
list-style:none;
text-decoration:none;
text-align:center;
position:relative;
display:block;
margin: 56px auto;
}

ul.nubes li{
border-radius:100%;
-moz-border-radius: 100%;
display:inline-block;
 background:white;
 width:75px;
height:75px;

}
ul.nubes li::before{
content:"";
display:block;
border-radius:100%;
-moz-border-radius: 100%;
 
 background:white;
 width:85px;
height:85px;
margin:-21px 30px;

}
ul.nubes li::after{
content:"";
display:block;
border-radius:100%;
-moz-border-radius: 100%;
 
 background:white;
 width:95px;
height:95px;
margin:-75px 43px;
}
ul.nubes li:nth-child(1) {
-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	margin: 172px 121px;
   

    }
ul.nubes li:nth-child(2){
    margin:112px 312px;
	opacity: 0.6;
	
    }



    

@-webkit-keyframes brillo{
0%{box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.3); }

50%{box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.7); }
100%{box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.3); }



}
@-moz-keyframes brillo{
0%{box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.3); }

50%{box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.7); }
100%{box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.3); }



}


@-ms-keyframes brillo{
0%{box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.3); }

50%{box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.7);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.7); }
100%{box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-moz-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-ms-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-o-box-shadow:0 0 3px 3px rgba(255,255,255,.3);
-webkit-box-shadow:0 0 3px 3px rgba(255,255,255,.3); }
}	

.estrella3{
   width:10px;
   height:10px;
   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   border-radius:50%;
   background:#FFF;
   -webkit-box-shadow:0px 0px 7px 2px #FFF;
   -moz-box-shadow:0px 0px 7px 2px #FFF;
   box-shadow:0px 0px 7px 2px #FFF;
   position: absolute;
   bottom:0;
   right:0;
}
.estrella5{
   height:0;
   border-left: 3px solid transparent;
   border-bottom: 200px solid #FFF;
   border-right: 3px solid transparent;
   position: absolute;
   bottom:-22px;
   right:75px;
   -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
   -o-transform:rotate(-45deg);
   -ms-transform:rotate(-45deg);
   transform:rotate(-45deg);
}
@keyframes vuela {
 from{
margin-left:100%;
 
 }
 to{
    margin-left:0%;
 }
 
}

@-moz-keyframes vuela {
 from{
margin-left:100%;
 
 }
 to{
    margin-left:0%;
 }
 
}



@-webkit-keyframes vuela{
from{
margin-left:100%;
 
 }
 to{
    margin-left:0%;
 }
 
}