* {  margin: 0;  padding: 0;}

body {

font-family: Helvetica, Arial, sans-serif;
background: #CCD6E0; /* Old browsers */
background: -moz-linear-gradient(top,  #CCD6E0 0%, #001A33 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,color-stop(0%,#CCD6E0), color-stop(100%,#001A33)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #CCD6E0 0%,#001A33 100%);background: -o-linear-gradient(top,  #CCD6E0 0%,#001A33 100%);
background: -ms-linear-gradient(top,  #CCD6E0 0%,#001A33 100%); /* IE10+ */background: linear-gradient(to bottom,  #CCD6E0 0%,#001A33 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCD6E0',endColorstr='#001A33',GradientType=0 ); /* IE6-8 */}
h2 {font-family: Helvetica, Arial, sans-serif;opacity: 0.6;}
section {position: relative;  top: 0;  width: 300px;  height: 350px;  margin: 0 auto;  padding-top: 500px;}h1, h2, h3, p {  color: white;  font-family: helvetica, arial;  position: absolute;  left: 50%;  width: 300px;  margin-left: -150px;}h1 {  font-size: 68px;  top: 285px;}h2 {  font-size: 27px;  top: 450px;}p {  font-size: 17px;  top: 210px;}

.blase {padding:5px;  position: absolute;  background: white;  opacity: 0.3;}  
.blase:nth-child(10)  { left: 30px; top: 850px;}  
.blase:nth-child(9)  { left: 270px;  top: 850px;}  
.blase:nth-child(8)  { left: 180px;  top: 850px;}  
.blase:nth-child(7)  { left: 20px; width: 20px; height: 20px;  top: 750px;}  
.blase:nth-child(6)  { left: 150px; width: 33px; height: 33px;  top: 750px;}  
.blase:nth-child(5)  { left: 90px; width: 55px; height: 55px;  top: 750px;}  
.blase:nth-child(4)  { left: 210px; width: 105px; height: 105px;}  
.blase:nth-child(3)  { top: -200px; right: 40px; width: 90px;  height: 20px; text-align: center; background-color: #4C5259; color:white;opacity: 0.9;}  
.blase:nth-child(2) { left: 60px; width: 200px; height: 200px;  }


.blase2 { padding:5px; position: absolute;  background: white;  opacity: 0.3;}  
.blase2:nth-child(10)  { left: 30px; top: 850px;}  
.blase2:nth-child(9)  { left: 270px;  top: 850px;}  
.blase2:nth-child(8)  { left: 180px;  top: 850px;width:190px; height: 45px;}  
.blase2:nth-child(7)  { left: 20px; width: 158px; height: 67px;  top: 750px;}  
.blase2:nth-child(6)  { left: 150px; width: 157px; height: 33px;  top: 750px;text-align: right;}  
.blase2:nth-child(5)  { left: 90px; width: 155px; height: 55px;  top: 750px;}  
.blase2:nth-child(4)  { left: 210px; width: 105px; height: 105px;}  
.blase2:nth-child(3)  { top: -200px; right: 40px; width: 90px;  height: 20px; text-align: center; background-color: #4C5259; color:white;opacity: 0.9;}  
.blase2:nth-child(2) { left: 60px; width: 240px; height: 120px;  }


.blase3 { padding:5px; position: absolute;  background: white;  opacity: 0.3;}  
.blase3:nth-child(10)  { left: 30px; top: 850px;}  
.blase3:nth-child(9)  { left: 270px;  top: 850px;}  
.blase3:nth-child(8)  { left: 180px;  top: 850px;width:190px; height: 45px;}  
.blase3:nth-child(7)  { left: 20px; width: 158px; height: 67px;  top: 750px;}  
.blase3:nth-child(6)  { left: 150px; width: 157px; height: 33px;  top: 750px;text-align: right;}  
.blase3:nth-child(5)  { left: 90px; width: 155px; height: 255px;  top: 750px;}  
.blase3:nth-child(4)  { left: 210px; width: 105px; height: 105px;}  
.blase3:nth-child(3)  { top: -200px; right: 40px; width: 90px;  height: 20px; text-align: center; background-color: #4C5259; color:white;opacity: 0.9;}  
.blase3:nth-child(2) { left: 360px; width: 20px; height: 20px;  }


.blase4 { padding:5px; position: absolute;  background: white;  opacity: 0.3;}  
.blase4:nth-child(10)  { left: 30px; top: 850px;}  
.blase4:nth-child(9)  { left: 270px;  top: 850px;}  
.blase4:nth-child(8)  { left: 180px;  top: 850px;width:190px; height: 45px;}  
.blase4:nth-child(7)  { left: 20px; width: 158px; height: 67px;  top: 750px;}  
.blase4:nth-child(6)  { left: -150px; width: 157px; height: 33px;  top: 750px;text-align: right;}  
.blase4:nth-child(5)  { left: 90px; width: 155px; height: 255px;  top: 750px;}  
.blase4:nth-child(4)  { left: 210px; width: 105px; height: 105px;}  
.blase4:nth-child(3)  { top: -200px; right: 40px; width: 90px;  height: 20px; text-align: center; background-color: #4C5259; color:white;opacity: 0.9;}  
.blase4:nth-child(2) { left: -60px; width: 200px; height: 20px;  }


.blase5 { padding:5px; position: absolute;  background: white;  opacity: 0.3;}  
.blase5:nth-child(10)  { left: 30px; top: 850px;}  
.blase5:nth-child(9)  { left: 270px;  top: 850px;}  
.blase5:nth-child(8)  { left: 180px;  top: 850px;width:190px; height: 71px;}  
.blase5:nth-child(7)  { left: 20px; width: 158px; height: 67px;  top: 750px;}  
.blase5:nth-child(6)  { left: 150px; width: 157px; height: 33px;  top: 750px;text-align: right;}  
.blase5:nth-child(5)  { left: 90px; width: 155px; height: 255px;  top: 750px;}  
.blase5:nth-child(4)  { left: 210px; width: 105px; height: 105px;}  
.blase5:nth-child(3)  { top: -200px; right: 0px; width: 90px;  height: 20px; text-align: center; background-color: #4C5259; color:white;opacity: 0.9;}  
.blase5:nth-child(2) { left: -100px; width: 100px; height: 80px;  }


.blase6 {padding:5px;  position: absolute;  background: white;  opacity: 0.3;}  
.blase6:nth-child(10)  { left: 30px; top: 850px;}  
.blase6:nth-child(9)  { left: 270px;  top: 850px;}  
.blase6:nth-child(8)  { left: 180px;  top: 850px;}  
.blase6:nth-child(7)  { left: 20px; width: 80px; height: 100px;  top: 750px;}  
.blase6:nth-child(6)  { left: 150px; width: 100px; height: 33px;  top: 750px;}  
.blase6:nth-child(5)  { left: 90px; width: 95px; height: 68px;  top: 750px;}  
.blase6:nth-child(4)  { left: 210px; width: 105px; height: 105px;}  
.blase6:nth-child(3)  { top: -200px; right: 40px; width: 90px;  height: 200px; text-align: center; background-color: #4C5259; color:white;opacity: 0.9;}  
.blase6:nth-child(2) { left: 60px; width: 200px; height: 200px;  }


.blase7 { padding:5px; position: absolute;  background: white;  opacity: 0.3;}  
.blase7:nth-child(10)  { left: 30px; top: 850px;}  
.blase7:nth-child(9)  { left: 270px;  top: 850px;}  
.blase7:nth-child(8)  { left: 180px;  top: 850px;width:80px; height: 55px;}  
.blase7:nth-child(7)  { left: -40px;}  
.blase7:nth-child(6)  { left: 150px; top: 750px;text-align: right;}  
.blase7:nth-child(5)  { left: 90px;   top: 750px;}  
.blase7:nth-child(4)  { left: 210px; width: 105px; height: 105px;}  
.blase7:nth-child(3)  { top: -200px; right: 40px; width: 90px;  height: 20px; text-align: center; background-color: #4C5259; color:white;opacity: 0.9;}  
.blase7:nth-child(2) { left: 63px; width: 240px; height: 20px;  }


.line { padding:5px; position: absolute;   width: 5px; height: 5200px;background: white;  opacity: 0.3;}  
.line2 { padding:5px; position: absolute;   width: 5px; height: 5906px;background: white;  opacity: 0.3;}  
.arrow { padding:0px; position: absolute;   width: 20px; height: 40px;  opacity: 1.0;}  
.button { padding:10px; position: absolute;  opacity: 0.5;}