@charset "UTF-8";
/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
img, object, embed {
  max-width: 100%;
}

/*
	GRID de 16 Cols. 1140px / 960px
	Based on the 12 -column 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com
	y en el framework Bootstrap para controlar visibilidad en dispositivos http://twitter.github.com/bootstrap/index.html
*/
@-ms-viewport {
  width: device-width;
}
.visible-device {
  display: inherit !important;
}

.hidden-device {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-phone {
  display: none !important;
}

.container {
  padding: 0 20px;
}

.container .container {
  padding: 0;
}

[class*="-col"] {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.four-col-s {
  width: 32.2%;
}

.six-col-s {
  float: left;
  margin-right: 5%;
}

.six-col-s {
  width: 47%;
}

.last-s {
  margin-right: 0;
}

.clearfix {
  display: table;
  clear: left;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/* ---------------------------------------------------------------------------------------
	Tabletas portrait (768x860)
--------------------------------------------------------------------------------------- */
@media (min-width: 755px) {
  .hidden-tablet {
    display: none !important;
  }

  .visible-tablet, .hidden-phone {
    display: inherit !important;
  }

  .visible-phone {
    display: none !important;
  }
}
@media (min-width: 755px) and (max-width: 1080px) {
  .six-col-m.col-dcha {
    float: right;
  }

  [class*="-col-m"] {
    border: 0;
    float: left;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    -ms-background-clip: padding-box !important;
    -o-background-clip: padding-box !important;
    background-clip: padding-box !important;
  }

  [class*="-col-m"] {
    margin-right: 1.7%;
  }

  [class*="-col-m last-m"], .row [class*="-col-m last-m"] {
    margin-right: 0;
  }

  .one-col-m {
    width: 6.775%;
  }

  .two-col-m {
    width: 15.25%;
  }

  .three-col-m {
    width: 23.725%;
  }

  .four-col-m {
    width: 32.2%;
  }

  .five-col-m {
    width: 40.675%;
  }

  .six-col-m {
    width: 49.15%;
  }

  .seven-col-m {
    width: 57.625%;
  }

  .eight-col-m {
    width: 66.1%;
  }

  .nine-col-m {
    width: 74.575%;
  }

  .ten-col-m {
    width: 83.05%;
  }

  .eleven-col-m {
    width: 91.525%;
  }

  .twelve-col-m {
    width: 100%;
  }

  .no-margin .six-col-m {
    width: 50%;
    margin: 0;
  }
}
@media (min-width: 1080px) {
  .container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 10px;
  }

  .container .container {
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .row {
    width: 100%;
    float: left;
  }

  .hidden-device {
    display: inline-block !important;
  }

  .visible-tablet, .visible-device {
    display: none !important;
  }

  /* Reusable column setup */
  [class*="-col"] {
    border: 0;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    -ms-background-clip: padding-box !important;
    -o-background-clip: padding-box !important;
    background-clip: padding-box !important;
  }

  .col-dcha {
    float: right;
  }

  /**
   *	1.7% separation between columns
  */
  [class*="-col"] {
    margin-right: 1.7%;
  }

  [class*="-col last"],
  .row [class*="-col last"] {
    margin-right: 0;
  }

  .one-col {
    width: 6.775%;
  }

  .two-col {
    width: 15.25%;
  }

  .three-col {
    width: 23.725%;
  }

  .four-col {
    width: 32.2%;
  }

  .five-col {
    width: 40.675%;
  }

  .six-col {
    width: 49.15%;
  }

  .seven-col {
    width: 57.625%;
  }

  .eight-col {
    width: 66.1%;
  }

  .nine-col {
    width: 74.575%;
  }

  .ten-col {
    width: 83.05%;
  }

  .eleven-col {
    width: 91.525%;
  }

  .twelve-col {
    width: 100%;
  }

  /**
   *	Borderless Columns
   *  include class sin-margin to layer row
  */
  .no-margin [class*="-col"] {
    margin: 0;
  }
  .no-margin .one-col {
    width: 8.33333333333%;
  }
  .no-margin .two-col {
    width: 16.6666666667%;
  }
  .no-margin .three-col {
    width: 25%;
  }
  .no-margin .four-col {
    width: 33.3333333333%;
  }
  .no-margin .five-col {
    width: 41.6666666667%;
  }
  .no-margin .six-col {
    width: 50%;
  }
  .no-margin .seven-col {
    width: 58.3333333333%;
  }
  .no-margin .eight-col {
    width: 66.6666666667%;
  }
  .no-margin .nine-col {
    width: 75%;
  }
  .no-margin .ten-col {
    width: 83.3333333333%;
  }
  .no-margin .eleven-col {
    width: 91.6666666667%;
  }
  .no-margin .twelve-col {
    width: 100%;
  }
}
/*@include respond-to(deviceXl) {
	.container{max-width:1400px}
}
*/