.tablaprecio{
    width: 100%;/*sadaskjdklajskl*/
}
.tablaprecio > div > .titulo{
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding: 12px;
    text-align: center;
    border-radius: 10px;
}
.tablaprecio > div{
    width: 45%;
    border-radius: 10px;
    display: inline-block;
    padding: 10px;
    float: left;
    padding: 10px;
    
}
.titulo1{
    background: #715690;
}
.titulo2{
    background: #ff4c18;
}.titulo3{
    background: #89d200;
}.titulo4{
    background: #fdbf00;
}
.service{   
    padding: 5px;
    border-bottom: 1px #d0d0d0 solid;
}
.layout-slideshow .sprocket-features-title{
    font-size: 32px;
}
.layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc {/*asdasd*/
    background: rgba(255, 255, 255, 0);
    color: #89d200;
    text-shadow: 1px 3px 5px black;
    /*font-weight: bold;*/
    font-family: cursive;
    font-family: 'Impact', sans-serif;
}
.headline-border h3.uk-panel-title{
    font-family: cursive;
    font-weight: normal;
    font-size: 50px;
    color: #0097c5;
    font-family: 'Impact', sans-serif;
}
.uk-article-title{
    font-family: cursive;
    font-weight: normal;
    font-size: 50px;
    color: #da58ad;
    font-family: 'Impact', sans-serif;
}
h3.uk-panel-title{
    font-family: cursive;
    font-weight: normal;
    font-size: 25px;
    color: rgb(255, 27, 32);
    font-family: 'Impact', sans-serif;
}
@media only screen and (max-width: 760px) {
    .tablaprecio > div{
        width: 100%;
    }
    .sprocket-features-img-list>li>.sprocket-features-content{
        margin: -20%;
    }
    .layout-slideshow .sprocket-features-title{
       /* font-size: 12px;*/
        display: none;
    }
    .layout-slideshow .sprocket-features-desc{
        font-size: 12px;
    }
    .headline-border h3.uk-panel-title{
        font-size: 32px;
    }
    .uk-article-title{
        font-size: 32px;
    }
    h3.uk-panel-title{
        font-size: 32px;
    }
}

.span1 {
  text-transform: uppercase;
  text-align: right;
}
.container1 {
  width: 100%;
    height: 249px;
    padding: 10px;
    margin: 0 -65px;
    background: white;
    position: relative;
}
.balloon { 
  width: 738px;
  margin: 0 auto;
  padding-top: 30px;
  position: relative;
}
.balloon > div {
   width:104px;
  height:140px; 
  background: @gps-burg;
  border-radius:0;
  border-radius:80% 80% 80% 80%;
  margin: 0 auto;
  position: absolute;
  padding:10px;
  box-shadow:inset 17px 7px 10px @gps-burg; 
  -webkit-transform-origin: bottom center; 
}
.balloon > div:nth-child(1){
  background: #fdbf00;
  left: 0; 
  box-shadow:inset 10px 10px 10px darken(@gps-burg, 10%);
  -webkit-animation:balloon1 6s ease-in-out infinite;
  -moz-animation:balloon1 6s ease-in-out infinite;
  -o-animation:balloon1 6s ease-in-out infinite;
  animation:balloon1 6s ease-in-out infinite;
  &:before { 
   color: @gps-burg ;
  }

}
.balloon > div:nth-child(2){
  background: #ff1b20;
  left: 120px; 
  box-shadow:inset 10px 10px 10px darken(@gps-orange, 10%);
   -webkit-animation:balloon2 6s ease-in-out infinite;
  -moz-animation:balloon2 6s ease-in-out infinite;
  -o-animation:balloon2 6s ease-in-out infinite;
  animation:balloon2 6s ease-in-out infinite;
  &:before { 
   color: @gps-orange ;
  }

}
.balloon > div:nth-child(3){
  background: #ff6313;
  left: 240px; 
  box-shadow:inset 10px 10px 10px darken(@gps-skyblue, 10%);
   -webkit-animation:balloon4 6s ease-in-out infinite;
  -moz-animation:balloon4 6s ease-in-out infinite;
  -o-animation:balloon4 6s ease-in-out infinite;
  animation:balloon4 6s ease-in-out infinite;
  &:before { 
   color: @gps-skyblue ;
  }

}
.balloon > div:nth-child(4){
  background: #f6de00;
  left: 360px; 
  box-shadow:inset 10px 10px 10px darken(@gps-purple, 10%); 
   -webkit-animation:balloon1 5s ease-in-out infinite;
  -moz-animation:balloon1 5s ease-in-out infinite;
  -o-animation:balloon1 5s ease-in-out infinite;
  animation:balloon1 5s ease-in-out infinite;
  &:before { 
   color: @gps-purple ;
  }

}
.balloon > div:nth-child(5){
  background: #0097c5;
  left: 480px; 
  box-shadow:inset 10px 10px 10px darken(@gps-green, 10%);
   -webkit-animation:balloon3 5s ease-in-out infinite;
  -moz-animation:balloon3 5s ease-in-out infinite;
  -o-animation:balloon3 5s ease-in-out infinite;
  animation:balloon3 5s ease-in-out infinite;
  &:before { 
   color: @gps-green ;
  }

}
.balloon > div:nth-child(6){
  background: #85c400;
  left: 600px; 
  box-shadow:inset 10px 10px 10px darken(@gps-yellow, 10%);
  -webkit-animation:balloon2 3s ease-in-out infinite;
  -moz-animation:balloon2 3s ease-in-out infinite;
  -o-animation:balloon2 3s ease-in-out infinite;
  animation:balloon2 3s ease-in-out infinite;
  &:before { 
   color: @gps-yellow ; 
  }

}
.balloon > div:nth-child(7){
  background: #715690;
  left: 720px; 
  box-shadow:inset 10px 10px 10px darken(@gps-yellow, 10%);
  -webkit-animation:balloon2 3s ease-in-out infinite;
  -moz-animation:balloon2 3s ease-in-out infinite;
  -o-animation:balloon2 3s ease-in-out infinite;
  animation:balloon2 3s ease-in-out infinite;
  &:before { 
   color: @gps-yellow ; 
  }

}
.balloon > div:before {
  color:@gps-burg;
  position:absolute;
  bottom:-11px;
  left: 52px;  
  content:"▲";
  font-size:1em;
}

.balloon > div> .span1 {
    font-size: 4.8em;
    color: white;
    position: relative;
    top: 51px;
    left: 35px;
    margin-left: -27px; 
} 

/*BALLOON 1 4*/
@-webkit-keyframes balloon1 {
  0%,100%{ -webkit-transform:translateY(0) rotate(-6deg);}
  50%{ -webkit-transform:translateY(-20px) rotate(8deg); }
}
@-moz-keyframes balloon1 {
  0%,100%{ -moz-transform:translateY(0) rotate(-6deg);}
  50%{ -moz-transform:translateY(-20px) rotate(8deg); }
}
@-o-keyframes balloon1 {
  0%,100%{ -o-transform:translateY(0) rotate(-6deg);}
  50%{ -o-transform:translateY(-20px) rotate(8deg); }
}
@keyframes balloon1 {
  0%,100%{ transform:translateY(0) rotate(-6deg);}
  50%{ transform:translateY(-20px) rotate(8deg); }
}

/* BAllOON 2 5*/
@-webkit-keyframes balloon2 {
  0%,100%{ -webkit-transform:translateY(0) rotate(6eg);}
  50%{ -webkit-transform:translateY(-30px) rotate(-8deg); }
}
@-moz-keyframes balloon2 {
  0%,100%{ -moz-transform:translateY(0) rotate(6deg);}
  50%{ -moz-transform:translateY(-30px) rotate(-8deg); }
}
@-o-keyframes balloon2 {
  0%,100%{ -o-transform:translateY(0) rotate(6deg);}
  50%{ -o-transform:translateY(-30px) rotate(-8deg); }
}
@keyframes balloon2 {
  0%,100%{ transform:translateY(0) rotate(6deg);}
  50%{ transform:translateY(-30px) rotate(-8deg); }
}


/* BAllOON 0*/
@-webkit-keyframes balloon3 {
  0%,100%{ -webkit-transform:translate(0, -10px) rotate(6eg);}
  50%{ -webkit-transform:translate(-20px, 30px) rotate(-8deg); }
}
@-moz-keyframes balloon3 {
 0%,100%{ -moz-transform:translate(0, -10px) rotate(6eg);}
  50%{ -moz-transform:translate(-20px, 30px) rotate(-8deg); }
}
@-o-keyframes balloon3 {
 0%,100%{ -o-transform:translate(0, -10px) rotate(6eg);}
  50%{ -o-transform:translate(-20px, 30px) rotate(-8deg); }
}
@keyframes balloon3 {
 0%,100%{ transform:translate(0, -10px) rotate(6eg);}
  50%{ transform:translate(-20px, 30px) rotate(-8deg); }
}

/* BAllOON 3*/
@-webkit-keyframes balloon4 {
  0%,100%{ -webkit-transform:translate(10px, -10px) rotate(-8eg);}
  50%{ -webkit-transform:translate(-15px, 20px) rotate(10deg); }
} 
@-moz-keyframes balloon4 {
  0%,100%{ -moz-transform:translate(10px, -10px) rotate(-8eg);}
  50%{ -moz-transform:translate(-15px, 10px) rotate(10deg); }
}
@-o-keyframes balloon4 {
  0%,100%{ -o-transform:translate(10px, -10px) rotate(-8eg);}
  50%{ -o-transform:translate(-15px, 10px) rotate(10deg); }
}
@keyframes balloon4 {
  0%,100%{ transform:translate(10px, -10px) rotate(-8eg);}
  50%{ transform:translate(-15px, 10px) rotate(10deg); }
}
@media only screen and (max-width: 760px) {
    
    .container1{
        display: none;
    }
    
}

.huge_it_slideshow_description_text_gallery_27{
    display: none !important;
}

.box {
	position: relative;
    width: 600px;
    height: 300px;
    margin: 167px 0 auto;

}

.box-gradient {
	position:absolute;
	width:100%;
	height:100%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: -moz-linear-gradient(left, #CCCCCC 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#2a225a),color-stop(50%,#f6de00), color-stop(50%,#f6de00), color-stop(100%,#af2c4c));
}

.box-shadow {
	position:absolute;
	left:50%;
	margin:400px 0 0 -290px;
	bottom:10px;
	width:580px;
	height:16px;
	background:#fff;
	border-radius:290px / 8px;
	-moz-border-radius:290px / 8px;
	-webkit-border-radius:290px / 8px;
	box-shadow:0 10px 20px #000;
	-moz-box-shadow:0 10px 20px #000;
	-webkit-box-shadow:0 10px 20px #000;
}

.logo img {
    max-width: 89%;
  
}
@media only screen and (max-width:1440px), (min-height:1281px)

{
   


#jp-left {
    width: 23% !important; 
}
    }



@media only screen and (max-width:1280px), (min-height:1024px)
{
#jp-left {
    width: 20% !important;
}
    }


@media only screen and (max-width:1024px), (min-height:768px)
{
#jp-left {
    width: 240px !important;
}
   .balloon > div:nth-child(1){
 
      margin: 0 0px;

} 
    .balloon > div:nth-child(2){
 
      margin: 0 -24px;

} 
    .balloon > div:nth-child(3){
 
      margin: 0 -24px;

} 
    .balloon > div:nth-child(4){
 
      margin: 0 -24px;

} 
    .balloon > div:nth-child(5){
 
      margin: 0 -24px;

} 
    .balloon > div:nth-child(6){
 
      margin: 0 -61px;

} 
    .balloon > div:nth-child(7){
 
      margin: 0 -70px;

} 
    
    
    }



@media (max-width: 768px){
    .box {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 167px 0 auto;
    }
    .box-gradient  h3{
    font-size: 13px;
    line-height: 15px;
}
    .box-shadow {
    
    left: 118%;
    
    width: 100%;
   
}
    .layout-slideshow .sprocket-features-desc span {
    
        display: none;
}
    
    
#jform_captcha .rc-anchor-normal {
   
    width: 159px !important;
}
}