.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
/* .footer{
  font-size: 20px;

} */
html{
  background: rgba(242,246,248,1);
  background: -moz-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
  background: -webkit-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
  background: -o-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
  background: -ms-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
  background: linear-gradient(to right, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
}
body {
  font: 400 1.125em/1.38 Helvetica;

  margin: auto;
  width: 70%;
  background-color: white;
  /* background: rgba(242,246,248,1);
  background: -moz-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
  background: -webkit-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
  background: -o-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
  background: -ms-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%);
  background: linear-gradient(to right, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 44%, rgba(216,225,231,1) 67%, rgba(224,239,249,1) 100%); */
}
.textBlack{
  color: black;

}
@media (max-width: 1400px){
.container ._button {
    font-size: 0.941em;
}
}
#blockRecorrido{
border-top: 2px solid #a8b1b8;
margin-top: 20px;
/* background: -moz-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 67%, rgba(181,198,208,1) 78%, rgba(224,239,249,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 67%, rgba(181,198,208,1) 78%, rgba(224,239,249,1) 100%);
*/}

.container {
  width: 100%;
}

.element {
  float: left;
  background-color: rgba(222, 222, 222, 0);
}

.element .element {
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: center center!important;
}

.text {
  float: left;
}

.text-3 p {
  margin-bottom: 1em;
}

._button {
  display: block;
  float: left;
  height: 63px;
  font-size: 1.1em;
  font-weight: 700;
  text-align: center;
}

._button:hover {
  color: rgb(255, 255, 255);
}

.container-1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 31;
  margin: 0 auto;
  border-bottom: 2px solid rgb(223, 223, 223);
  background-color: rgb(255, 255, 255);
}

.container-2 {
  position: relative;
  float: left;
  z-index: 23;
  height: 462px;
  margin-top: 65px;
}

.container-3 {
  position: relative;
  float: left;
  clear: both;
  z-index: 22;
  padding-bottom: 28px;
  background-repeat: no-repeat;
}

.container-4 {
  border-top:2px solid #a8b1b8;
  position: relative;
  float: left;
  clear: both;
  z-index: 16;
  padding-bottom: 28px;
}

.container-5 {

  position: relative;
  float: left;
  clear: both;
  z-index: 2;
  padding-bottom: 30px;
  background-color: #000000;
}

.element-1 {
  width: 44%;
  margin: 36px 0 0 10%;
}

/* .element-2 {
  display: none;
  position: relative;
  clear: both;
  z-index: 19;
  width: 41.9117647058%;
  height: 217px;
  margin: -149px 0 0 6.76471%;
  background-image: url('../images/piensos-del-atlantico.jpg');
} */

.element-3 {
  width: 31.45%;
  height: 429px;
  margin: 36px 0 0 3.35%;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: center center!important;
}

.element-4 {
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: center center!important;
  position: relative;
  clear: both;
  z-index: 14;
  width: 18.75%;
  margin: -27px 0 0 16%;
}

.element-5 {
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: center center!important;
  background-image: url('../images/1461938473_internt_web_technology-09.png');
  width: 100%;
  height: 153px;
  margin-top: 26px;
}

.element-6 {
  position: relative;
  z-index: 10;
  width: 18.75%;
  margin: -27px 0 0 5.94375%;
}

.element-7 {
  width: 100%;
  height: 153px;
  margin-top: 26px;
  background-image: url('../images/1461940877_guarantee.png');
}

.element-8 {
  position: relative;
  z-index: 6;
  width: 18.75%;
  margin: -27px 0 0 5.79844%;
}

.element-9 {
  width: 100%;
  height: 153px;
  margin-top: 26px;
  background-image: url('../images/1461943798_support.png');
}

.text-1 {
  min-height: 35px;
  margin: 14px 0 0 7.02969%;
  font-family: 'Droid Serif';
  font-size: 1.444em;
}

.text-10,
.text-6,
.text-8 {
  clear: both;
  width: 62.73%;
  margin: 7px 0 0 18.41667%;
  font-size: 0.944em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-11 {
  width: 100%;
  margin-top: 30px;
  font-size: 0.889em;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
  color: rgb(36, 109, 198);
}

.text-12 {
  clear: both;
  width: 100%;
  min-height: 22px;
  font-size: 0.889em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.text-2 {
  position: relative;
  z-index: 20;
  margin: 42px 0 0 4.55653%;
  font-size: 1.833em;
  font-weight: 700;
    color: rgb(45, 45, 45);}

.text-3 {
  position: relative;
  clear: both;
  z-index: 18;
  width: 100%;
  margin: 40px 0 0 0%;
  font-size: 1em;
  text-align: justify;
  color: #000000;
}

.text-4 {
  position: relative;
  z-index: 15;
  width: 100%;
  min-height: 101px;
  margin-top: 20px;
  font-size: 2.278em;
  font-weight: 700;
  text-align: center;
  color: rgb(57, 57, 57);
}

.text-5,
.text-7,
.text-9 {
  clear: both;
  width: 99.5555555555%;
  min-height: 36px;
  margin-top: 20px;
  font-size: 1.056em;
  font-weight: 700;
  text-align: center;
  color: rgb(57, 57, 57);
}

.container ._button-1 {
  width: 6.8333333333%;
  margin-left: 5.07969%;
  background-image: -webkit-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-image:    -moz-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-image:      -o-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-image:     -ms-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-image:         linear-gradient(200deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-repeat: no-repeat;
  color: rgb(255, 255, 255);
}

.container ._button-2 {
  width: 13.5833333333%;
  background-image: none;
}

.container ._button-2:hover {
  background: rgb(11, 80, 162);
  background: -webkit-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background:    -moz-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background:      -o-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background:     -ms-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background:         linear-gradient(200deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  color: rgb(255, 255, 255);
}

.container ._button-3 {
  width: 8.17%;
  background-image: none;
  background-repeat: no-repeat;
}

.container ._button-4 {
  width: 11.1666666666%;
  background-image: none;
}

.container ._button-4:hover {
  background: rgb(11, 80, 162);
  background: -webkit-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 99.76190476190476%) rgba(0, 0, 0, 0);
  background:    -moz-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 99.76190476190476%) rgba(0, 0, 0, 0);
  background:      -o-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 99.76190476190476%) rgba(0, 0, 0, 0);
  background:     -ms-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 99.76190476190476%) rgba(0, 0, 0, 0);
  background:         linear-gradient(200deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 99.76190476190476%) rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  color: rgb(255, 255, 255);
}

.container ._button-5 {
  width: 10.5833333333%;
  background-image: none;
  background-repeat: no-repeat;
  }

.container ._button-3:hover,
.container ._button-5:hover {
  background: rgb(11, 80, 162);
  background: -webkit-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background:    -moz-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background:      -o-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background:     -ms-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background:         linear-gradient(200deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%) rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  color: rgb(255, 255, 255);
}

.container ._button-6 {
  width: 11.16953125%;
  background-image: none;
  background-repeat: no-repeat;
  }

.container ._button-6:hover {
  background-image: -webkit-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-image:    -moz-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-image:      -o-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-image:     -ms-linear-gradient(250deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-image:         linear-gradient(200deg, rgb(11, 80, 162) 0%, rgb(36, 109, 198) 100%);
  background-repeat: no-repeat;
  color: rgb(255, 255, 255);
}

@media(max-width: 1400px) {
  .text-1{
    margin-left: 7.02902%;
    font-size: 1.529em;
  }
  .container .element-1 {
    width: 49.6%;
  }

  .container .element-3 {
    width: 27.5714285714%;
    margin-top: 22px;
    margin-left: 3.18527%;
  }

  .container .element-4 {
    position: relative;
    z-index: 14;
  }

  .container .element-6 {
    position: relative;
    z-index: 10;
    margin-left: 5.94085%;
  }

  .container .element-8 {
    position: relative;
    z-index: 6;
    margin-left: 5.79688%;
  }

  .container .text-1 {
    margin-left: 7.02902%;
  }

  .container .text-4 {
    position: relative;
    z-index: 15;
    font-size: 1.611em;
  }

  .container-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    position: relative;
    z-index: 23;
    border-bottom-width: 1px;
  }

  .container-3 {
    position: relative;
    z-index: 22;
  }

  .container-4 {
    position: relative;
    z-index: 16;
  }

  .container-5 {

    position: relative;
    z-index: 2;
  }

  .element .element-2 {
    position: relative;
    z-index: 19;
    width: 28.7302265925%;
    margin-left: 20.37533%;
  }

  .element .text-10,
  .element .text-6 {
    width: 72.38%;
    margin-left: 13.83929%;
  }

  .element .text-2 {
    position: relative;
    z-index: 20;
    margin-left: 4.51835%;
  }

  .element .text-3 {
    position: relative;
    z-index: 18;
    width: 91.0150536666%;
    margin-top: 48px;
    margin-left: 6.60651%;
  }

  .element .text-8 {
    width: 72.3809523809%;
    margin-left: 13.83929%;
  }

  .container ._button-1 {
    margin-left: 5.07813%;
  }

  .container ._button-6 {
    width: 11.1696428571%;
  }
}

@media(max-width: 1000px) {
  body {
    font-size: 1.125em;
    width: 100%!important;
  }

  .container ._button {
    display: none;
  }

  .container .element-1 {
    margin-left: 7.7%;
  }

  .container .element-3 {
    margin-top: 51px;
    margin-left: 6.3%;
  }

  .container .element-4 {
    position: relative;
    z-index: 14;
  }

  .container .element-6 {
    position: relative;
    z-index: 10;
    margin-left: 5.94063%;
  }

  .container .element-8 {
    position: relative;
    z-index: 6;
  }

  .container .text-1 {
    margin-top: 12px;
    margin-left: 7.02813%;
    padding-bottom: 8px;
  }

  .container .text-4 {
    position: relative;
    z-index: 15;
  }

  .container-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    position: relative;
    z-index: 23;
  }

  .container-3 {
    position: relative;
    z-index: 22;
  }

  .container-4 {
    position: relative;
    z-index: 16;
  }

  .container-5 {
    position: relative;
    z-index: 2;
  }

  .element .element-2 {
    position: relative;
    z-index: 19;
    width: 28.7298387096%;
    margin-left: 58.16532%;
  }

  .element .text-10,
  .element .text-6,
  .element .text-8 {
    width: 100%;
    margin-left: 0;
  }

  .element .text-2 {
    position: relative;
    z-index: 20;
    margin-left: 2.34375%;
  }

  .element .text-3 {
    position: relative;
    z-index: 18;
    width: 96.9696969696%;
    margin-top: 16px;
    margin-left: 2.96749%;
  }

  .container ._button-2 {
    margin-left: 11.91094%;
  }

  .container ._button-3 {
    margin-left: 25.49375%;
  }

  .container ._button-4 {
    margin-left: 33.6625%;
  }

  .container ._button-5 {
    margin-left: 44.82813%;
  }

  .container ._button-6 {
    margin-left: 55.41094%;
  }
}

@media(max-width: 750px) {
  .container .element-1 {
    width: 50.9333333333%;
    margin-left: 7.73125%;
  }

  .container .element-3 {
    margin-top: 26px;
    margin-left: 4.93542%;
  }

  .container .element-4 {
    position: relative;
    z-index: 14;
    width: 80%;
    margin-left: 10%;
  }

  .container .element-6 {
    position: relative;
    clear: both;
    z-index: 10;
    width: 80%;
    margin-top: 11px;
    margin-left: 10%;
  }

  .container .element-8 {
    position: relative;
    clear: both;
    z-index: 6;
    width: 80%;
    margin-top: 17px;
    margin-left: 10%;
  }

  .container .text-1 {
    margin-left: 7.025%;
  }

  .container .text-4 {
    position: relative;
    z-index: 15;
  }

  .container-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    position: relative;
    z-index: 23;
  }

  .container-3 {
    position: relative;
    z-index: 22;
  }

  .container-4 {
    position: relative;
    z-index: 16;
  }

  .container-5 {
    position: relative;
    z-index: 2;
  }

  .element .element-2 {
    position: relative;
    z-index: 19;
    width: 28.7304420875%;
    margin-top: -122px;
    margin-left: 80.55465%;
  }

  .element .text-2 {
    position: relative;
    z-index: 20;
    margin-top: 15px;
    margin-left: 5.29287%;
  }

  .element .text-3 {
    position: relative;
    z-index: 18;
    margin-left: 2.96957%;
  }

  .container ._button-1 {
    margin-left: 25.26667%;
  }

  .container ._button-2 {
    clear: both;
    margin-top: -51px;
    margin-left: 82.9125%;
  }

  .container ._button-3 {
    clear: both;
    margin-top: -51px;
    margin-left: 119.13333%;
  }

  .container ._button-4 {
    clear: both;
    margin-top: -51px;
    margin-left: 140.91875%;
  }

  .container ._button-5 {
    clear: both;
    margin-top: -51px;
    margin-left: 170.69583%;
  }

  .container ._button-6 {
    clear: both;
    margin-top: -51px;
    margin-left: 198.91667%;
  }
}

@media(max-width: 600px) {
  body {
    font-size: 1.125em;
  }

  .container .element-1 {
    width: 53%;
    margin-left: 7.66667%;
  }

  .container .element-3 {
    width: 31.5%;
    height: 403px;
    margin-top: 31px;
    margin-left: 3.72917%;
  }

  .container .element-4 {
    position: relative;
    z-index: 14;
  }

  .container .element-6 {
    position: relative;
    z-index: 10;
  }

  .container .element-8 {
    position: relative;
    z-index: 6;
  }

  .container .text-1 {
    margin-left: 7.02344%;
  }

  .container .text-4 {
    position: relative;
    z-index: 15;
  }

  .container-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    position: relative;
    z-index: 23;
  }

  .container-3 {
    position: relative;
    z-index: 22;
  }

  .container-4 {
    position: relative;
    z-index: 16;
  }

  .container-5 {
    position: relative;
    z-index: 2;
  }

  .element .element-2 {
    position: relative;
    z-index: 19;
    width: 100%;
    margin-top: -120px;
    margin-left: 100.41274%;
  }

  .element .text-2 {
    position: relative;
    z-index: 20;
    margin-top: 20px;
    margin-left: 2.34375%;
    font-size: 1.556em;
  }

  .element .text-3 {
    position: relative;
    z-index: 18;
    margin-left: 3.02673%;
    font-size: 0.889em;
  }

  .container ._button-1 {
    clear: both;
    margin-top: -51px;
    margin-left: 80.86458%;
  }

  .container ._button-2 {
    margin-left: 103.64063%;
  }

  .container ._button-3 {
    margin-left: 148.91667%;
  }

  .container ._button-4 {
    margin-left: 176.14844%;
  }

  .container ._button-5 {
    margin-left: 213.36979%;
  }

  .container ._button-6 {
    margin-left: 248.64583%;
  }
}

@media(max-width: 500px) {
  .container ._container {
    position: relative;
  }
  #imagenPequeRecorrido {
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-position: center center!important;
    display: block;
    position: relative;
    margin-top: 16px;
    margin-left: 0;
    z-index: 19;
width: 100%;
height: 193px;
  }

  .container .element-1 {
    z-index: 21;
    width: 80%;
    margin-left: 10%;
  }

  .container .element-3 {
    display: none;
    position: relative;
    clear: both;
    z-index: 17;
    margin-top: -486px;
    margin-left: 59.09688%;
  }

  .container .element-4 {
    z-index: 14;
  }

  .container .element-6 {
    z-index: 10;
  }

  .container .element-8 {
    z-index: 6;
  }

  .container .text-1 {
    margin-left: 7.02813%;
  }

  .container .text-4 {
    position: relative;
    z-index: 15;
    min-height: 0;
    padding-bottom: 24px;
  }

  .container-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    position: relative;
    z-index: 23;
  }

  .container-3 {
    position: relative;
    z-index: 22;
  }

  .container-4 {
    position: relative;
    z-index: 16;
  }

  .container-5 {
    position: relative;
    z-index: 2;
  }

  .element .element-2 {
    display: block;
    position: relative;
    z-index: 19;
    margin-top: 16px;
    margin-left: 0;
  }

  .element .text-2 {
    position: relative;
    z-index: 20;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    text-align: center;
  }

  .element .text-3 {
    position: relative;
    z-index: 18;
    width: 100%;
    margin-left: 0;
  }

  .container ._button-1 {
    margin-left: 97.0375%;
  }

  .container ._button-2 {
    margin-left: 124.36875%;
  }

  .container ._button-3 {
    margin-left: 178.7%;
  }

  .container ._button-4 {
    margin-left: 211.37813%;
  }

  .container ._button-5 {
    margin-left: 256.04375%;
  }

  .container ._button-6 {
    margin-left: 298.375%;
  }
}

@media(max-width: 400px) {
  body {
    font-size: 1.125em;
  }

  .container ._container {
    position: relative;
  }

  .container .element-1 {
    z-index: 21;
  }

  .container .element-3 {
    position: relative;
    z-index: 17;
    margin-top: -589px;
    margin-left: 266.75%;
  }

  .container .element-4 {
    z-index: 14;
  }

  .container .element-6 {
    z-index: 10;
  }

  .container .element-8 {
    z-index: 6;
  }

  .container .text-1 {

      margin-left: 0;
  }

  .container .text-4 {
    position: relative;
    z-index: 15;
  }

  .container-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    position: relative;
    z-index: 23;
  }

  .container-3 {
    position: relative;
    z-index: 22;
  }

  .container-4 {
    position: relative;
    z-index: 16;
  }

  .container-5 {
    position: relative;
    z-index: 2;
  }

  .element .element-2 {
    position: relative;
    z-index: 19;
  }

  .element .text-2 {
    position: relative;
    z-index: 20;
  }

  .element .text-3 {
    position: relative;
    z-index: 18;
  }

  .container ._button-1 {
    margin-left: 121.29688%;
  }

  .container ._button-2 {
    margin-left: 155.46094%;
  }

  .container ._button-3 {
    margin-left: 223.375%;
  }

  .container ._button-4 {
    margin-left: 264.22266%;
  }

  .container ._button-5 {
    margin-left: 320.05469%;
  }

  .container ._button-6 {
    margin-left: 372.96875%;
  }
}

@media(max-width: 300px) {
  .container ._button {
    margin-top: -49px;
  }

  .container ._container {
    position: relative;
  }

  .container .element-1 {
    z-index: 21;
  }

  .container .element-3 {
    position: relative;
    z-index: 17;
    margin-top: -677px;
    margin-left: 355.66667%;
  }

  .container .element-4 {
    z-index: 14;
  }

  .container .element-6 {
    z-index: 10;
  }

  .container .element-8 {
    z-index: 6;
  }

  .container .text-1 {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .container .text-4 {
    position: relative;
    z-index: 15;
  }

  .container-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    position: relative;
    z-index: 23;
  }

  .container-3 {
    position: relative;
    z-index: 22;
  }

  .container-4 {
    position: relative;
    z-index: 16;
  }

  .container-5 {
    position: relative;
    z-index: 2;
  }

  .element .element-2 {
    position: relative;
    z-index: 19;
  }

  .element .text-2 {
    position: relative;
    z-index: 20;
  }

  .element .text-3 {
    position: relative;
    z-index: 18;
  }

  .container ._button-1 {
    margin-left: 161.72917%;
  }

  .container ._button-2 {
    margin-left: 207.28125%;
  }

  .container ._button-3 {
    margin-left: 297.83333%;
  }

  .container ._button-4 {
    margin-left: 352.29688%;
  }

  .container ._button-5 {
    margin-left: 426.73958%;
  }

  .container ._button-6 {
    margin-left: 497.29167%;
  }
}

@media(max-width: 230px) {
  body {
    font-size: 1.125em;
  }

  .container ._container {
    position: relative;
  }

  .container .element-1 {
    z-index: 21;
  }

  .container .element-3 {
    position: relative;
    z-index: 17;
    margin-top: -769px;
    margin-left: 463.91304%;
  }

  .container .element-4 {
    z-index: 14;
  }

  .container .element-6 {
    z-index: 10;
  }

  .container .element-8 {
    z-index: 6;
  }

  .container .text-4 {
    position: relative;
    z-index: 15;
    font-size: 1.5em;
  }

  .container-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    position: relative;
    z-index: 23;
  }

  .container-3 {
    position: relative;
    z-index: 22;
  }

  .container-4 {
    position: relative;
    z-index: 16;
  }

  .container-5 {
    position: relative;
    z-index: 2;
  }

  .element .element-2 {
    position: relative;
    z-index: 19;
    height: 161px;
  }

  .element .text-2 {
    position: relative;
    z-index: 20;
  }

  .element .text-3 {
    position: relative;
    z-index: 18;
  }

  .container ._button-1 {
    margin-left: 210.95109%;
  }

  .container ._button-2 {
    margin-left: 270.36685%;
  }

  .container ._button-3 {
    margin-left: 388.47826%;
  }

  .container ._button-4 {
    margin-left: 459.51766%;
  }

  .container ._button-5 {
    margin-left: 556.61685%;
  }

  .container ._button-6 {
    margin-left: 648.6413%;
  }
}

.bloqueImgCabeceraInicio{
   margin-top: 55px;
}

.imgCabeceraInicio{
   height: 535px !important;
}

#blockCaracteristicas{
   padding: 20px;
}