* {

  margin: 20;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

 table {
  border-spacing: 10px;
}


ul { list-style-type: none; }



a {

  color: #65c9cd;

  text-decoration: none;

}



/** =======================

 * Contenedor Principal

 ===========================*/





h1 {

  color: #FFF;

  font-size: 34px;

  font-weight: 400;

  text-align:left;

  margin-top: 80px;

  text-align:justify;

}



h1 a {

  color: #FFF;

  font-size: 34px;

  text-align:justify;

}



.accordion {

  width: 100%;

  max-width: 1024px;

  height: 100%;

  margin: -16px auto 20px;

  background: #3d7d80;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}



.accordion .link {

  cursor: pointer;

  display: block;

  padding: 15px 15px 15px 42px;

  color: #FFF;

  font-size: 20px;

  font-weight: 400;

  border-bottom: 1px solid #CCC;

  position: relative;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.accordion li:last-child .link { border-bottom: 0; }



.accordion li i {

  position: absolute;

  top: 16px;

  left: 12px;

  font-size: 18px;

  color: #FFF;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.accordion li i.fa-chevron-down {

  right: 12px;

  left: auto;

  font-size: 18px;

}



.accordion li.open .link { color: #FFF; }



.accordion li.open i { color: #FFF; }



.accordion li.open i.fa-chevron-down {

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

}



.accordion li.open i.fa-globe {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



/**

 * Submenu

 -----------------------------*/





.submenu {

  width: 100%;

  max-width: 1024px;

  height: 100%;

  display:none;

  background: #409194;

  font-size: 18px;

}



.submenu li { border-bottom: 1px solid #FFF; }



.submenu a {

  display: block;

  text-decoration: none;

  color: #fff;

  padding-bottom: 10px;

  padding-left: 10px;

  padding-right: 10px;


  text-align:justify;

  -webkit-transition: all 0.25s ease;

  -o-transition: all 0.25s ease;

  transition: all 0.25s ease;

}



.submenu a:hover {

  background: #65c9cd;

  color: #FFF;

}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

