/* Top hook CSS */
#htmlcontent_top {
  overflow: hidden;
  margin-top: -1PX; }
  #htmlcontent_top ul li {
    /*width: 50%;*/
    float: left;
    padding: 0; }
    @media (max-width: 480px) {
      #htmlcontent_top ul li {
        width: 100%; } }
    #htmlcontent_top ul li>a {
      position: relative;
      display: block;
      overflow: hidden;
      background: #c8c5c6; }
      @media (max-width: 1600px) {
        #htmlcontent_top ul li>a {
          font-size: 0.8em; } }
      @media (max-width: 1300px) {
        #htmlcontent_top ul li a {
          font-size: 0.7em; } }
      @media (max-width: 1200px) {
        #htmlcontent_top ul li a {
          font-size: 0.6em; } }
      @media (max-width: 991px) {
        #htmlcontent_top ul li a {
          font-size: 0.5em; } }
      @media (max-width: 767px) {
        #htmlcontent_top ul li a {
          font-size: 0.27em; } }
      @media (max-width: 480px) {
        #htmlcontent_top ul li a {
          font-size: 0.4em; } }
      #htmlcontent_top ul li a img {
        max-width: 100%;
        width: 100%;
        /*height: auto;*/
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
      #htmlcontent_top ul li a .item-html {
        position: absolute;
        top: 35%;
        left: 0;
        width: 100%;
        text-align: center; }
        #htmlcontent_top ul li a .item-html h1,
        #htmlcontent_top ul li a .item-html h3 {
          margin: 0;
          padding: 0;
          color: white;
          position: relative; }
        #htmlcontent_top ul li a .item-html h1 {
          font-size: 6.923em; }
        #htmlcontent_top ul li a .item-html h3 {
          font-size: 4.231em;
          font-weight: 300; }
      #htmlcontent_top ul li a span {
        height: 70%;
        left: 0;
        position: absolute;
        top: 30%;
        width: 100%; }
        #htmlcontent_top ul li a span:before {
          /*background: rgba(182, 250, 216, 0.25);*/
          background: rgba(97, 89, 89, 0.92);
          content: "";
          height: 200%;
          left: -50%;
          position: absolute;
          top: 6px;
          bottom: -50%;
          right: -50%;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1);
          width: 200%;
          z-index: 3;
          /*-moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;*/
          -moz-transition: all 0.3s linear;
          -o-transition: all 0.3s linear;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear; }
      #htmlcontent_top ul li a:hover .item-html {
        -moz-animation: 400ms linear 0s normal none 1 zoomIn;
        -webkit-animation: 400ms linear 0s normal none 1 zoomIn;
        animation: 400ms linear 0s normal none 1 zoomIn; }
      #htmlcontent_top ul li a:hover img {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #htmlcontent_top ul li a:hover h1,
      #htmlcontent_top ul li a:hover h2,
      #htmlcontent_top ul li a:hover h3 {
        text-shadow: rgba(0, 0, 0, 0.3) 0 0 5px; }
      #htmlcontent_top ul li a:hover span:before {
        -moz-animation: 400ms linear 0s normal none 1 zoomIn;
        -webkit-animation: 400ms linear 0s normal none 1 zoomIn;
        animation: 400ms linear 0s normal none 1 zoomIn;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */
#htmlcontent_home {
  padding: 51px 0 102px;
  margin-top: -10px; }
  @media (max-width: 991px) {
    #htmlcontent_home {
      padding: 41px 0 62px; } }
  @media (max-width: 767px) {
    #htmlcontent_home {
      padding: 31px 0 32px; } }
  #htmlcontent_home h1 {
    color: white;
    font: 300 3.462em/1.2em "Open Sans", sans-serif;
    text-align: center;
    display: block;
    margin: 0 0 30px 0;
    padding: 0; }
    #htmlcontent_home h4,#htmlcontent_home h3{
    color: white;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    display: block;
    margin: 0 0 30px 0;
    padding: 0; }
    @media (max-width: 767px) {
      #htmlcontent_home h1 {
        margin: 0 0 50px 0; } }
    @media (max-width: 480px) {
      #htmlcontent_home h1 {
        font-size: 2.5em; } }
  @media (max-width: 1200px) {
    #htmlcontent_home .htmlcontent-home li {
      font-size: 0.85em; } }
  @media (max-width: 991px) {
    #htmlcontent_home .htmlcontent-home li {
      font-size: 0.65em; } }
  @media (max-width: 767px) {
    #htmlcontent_home .htmlcontent-home li {
      font-size: 1em;
      margin-bottom: 45px; } }
  @media (max-width: 480px) {
    #htmlcontent_home .htmlcontent-home li {
      font-size: 0.65em; } }
  #htmlcontent_home .htmlcontent-home li .item-html {
    text-align: center; }
    #htmlcontent_home .htmlcontent-home li .item-html span {
      width: 195px;
      height: 195px;
      line-height: 195px;
      text-align: center;
      display: block;
      margin: 0 auto;
      color: white;
      font-weight: 300;
      font-size: 6.154em;
      background: rgba(255, 255, 255, 0.2);
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin-bottom: 33px;
      position: relative;
      z-index: 3;
      transform-style: preserve-3d;
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -moz-transition: background-color 0.4s linear;
      -o-transition: background-color 0.4s linear;
      -webkit-transition: background-color 0.4s linear;
      transition: background-color 0.4s linear; }
    #htmlcontent_home .htmlcontent-home li .item-html h3 {
      font: 600 2.077em/1.15em "Open Sans", sans-serif;
      color: white;
      margin: 0 0 14px 0;
      padding: 0;
      text-transform: uppercase;
      position: relative;
      z-index: 1; }
    #htmlcontent_home .htmlcontent-home li .item-html p {
      font: 300 1.538em/1.25em "Open Sans", sans-serif;
      color: white;
      position: relative;
      z-index: 1; }
      @media (max-width: 991px) {
        #htmlcontent_home .htmlcontent-home li .item-html p {
          font-size: 1.75em; } }
  #htmlcontent_home .htmlcontent-home a:hover .item-html span {
    background: rgba(255, 255, 255, 0.5);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 22px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 22px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 22px;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear; }

    .htmlcontent-item-4 > div:nth-child(1) > div:nth-child(2) > img:nth-child(1){
[4/2/16 16:59] Carlos Riera (carlos.riera@wikot.com): height: 100%;
max-width: 100%;
width: 100%;
[4/2/16 16:59] Carlos Riera (carlos.riera@wikot.com): }