html, body, div#container {
  height: 100%; }

html {
  box-sizing: border-box;
  font-size: 16px; }

*, *:before, *:after {
  box-sizing: inherit; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 62.5%;
  background: #F8F8F8; }

ul, li {
  list-style: none;
  padding: 0;
  margin: 0; }

.navbar-default {
  background: none;
  border: none; }

.navbar-absolute {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999; }

.navbar-brand {
  height: auto;
  padding: 0; }

.logo {
  width: 228px;
  height: 44px; }

.col-md-4.spacer {
  border-left: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0; }

.overlay {
  background: url("../img/trama.png");
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: .7; }

.swiper-container,
.swiper-interior {
  width: 100%;
  height: 670px;
  position: relative; }

.swiper-interna {
  width: 940px;
  height: 445px;
  overflow: hidden;
  position: relative;
  margin: 0 0 30px 0; }
  .swiper-interna img {
    width: 100%; }

.caption {
  position: relative;
  z-index: 5;
  text-align: center;
  top: 40%; }
  .caption .title {
    font-size: 7em;
    padding: 0 7%;
    line-height: 1.3em; }
  .caption .subtitle {
    font-size: 2em;
    font-weight: 400;
    margin: 15px 0 0; }
  .caption .text {
    font-style: 2.5em; }
  .caption .title, .caption .subtitle, .caption .text {
    color: #FFFFFF;
    text-shadow: 0px 0px 7px #000000; }

ul.menu {
  margin: 10px 0 0 0;
  float: right; }

nav {
  padding: 20px 0; }
  nav li {
    float: left;
    list-style: none; }
    nav li a {
      color: #FFFFFF;
      font-size: 1.3em;
      text-transform: uppercase;
      font-weight: 400;
      padding: 10px; }
      nav li a:hover {
        color: #FFFFFF; }

.content {
  width: 960px;
  margin: 0 auto; }

.wrapper-line {
  border-top: 1px solid #333333;
  position: relative;
  margin: 0 auto 60px;
  width: 730px; }
  .wrapper-line .title-separator {
    position: relative;
    top: -20px;
    letter-spacing: 8px; }
    .wrapper-line .title-separator span {
      background: #F8F8F8;
      padding: 0 20px; }
      body.interna .wrapper-line .title-separator span {
        background: #FFFFFF; }
  .wrapper-line p {
    font-size: 2em;
    text-align: center;
    color: #545454;
    margin: -12px 0 0; }

.title-separator {
  text-align: center;
  font-size: 3.3em;
  margin: 0;
  text-transform: uppercase;
  font-weight: 100; }

.prod-block {
  margin: 0 0 30px 0;
  position: relative;
  overflow: hidden; }
  .prod-block img {
    width: 100%; }
  .prod-block .overlay {
    opacity: .7;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s; }
    .prod-block .overlay p {
      text-transform: uppercase; }
  .prod-block p {
    color: #FFFFFF;
    font-size: 2em;
    text-align: center;
    padding: 0 20px;
    letter-spacing: 5px;
    position: absolute;
    top: 40%;
    width: 100%; }
  .prod-block .info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/trama_blue.png");
    z-index: 5;
    opacity: 0;
    height: 0;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s; }
  .prod-block:hover .overlay {
    opacity: 0; }
  .prod-block:hover .info {
    opacity: 1;
    height: 100%; }

ul.social li {
  display: inline-block;
  margin: 0px;
  margin-left: 3px; }
  ul.social li a {
    display: block;
    font-size: 1.3em;
    text-align: center;
    padding: 6px 0px;
    width: 24px;
    background: #FFFFFF;
    border-radius: 25px;
    transition: background .3s ease;
    cursor: pointer; }
    ul.social li a:hover {
      text-decoration: none; }
    ul.social li a.fa-twitter {
      background: #61D6F6;
      color: #FFFFFF; }
    ul.social li a.fa-facebook {
      background: #5169B1;
      color: #FFFFFF; }
    ul.social li a.fa-pinterest-p {
      background: #D90000;
      color: #FFFFFF; }
    ul.social li a.fa-instagram {
      background: #2E9DC5;
      color: #FFFFFF; }
    ul.social li a.fa-rss {
      background: #FF8000;
      color: #FFFFFF; }
    ul.social li a.fa-youtube-play {
      background: #D74834;
      color: #FFFFFF; }

.wrapper-container.about-us {
  padding: 60px 0; }
.wrapper-container.listado {
  padding: 60px 0; }
.wrapper-container.products {
  padding: 120px 0; }
  body.interna .wrapper-container.products {
    margin: 30px 0 0;
    background: #FFFFFF; }
.wrapper-container.contact {
  padding: 0 0 120px; }
  .wrapper-container.contact .wrapper-line {
    margin: 80px auto 00px; }
    .wrapper-container.contact .wrapper-line .title-separator span {
      background: #F0F0F0; }
  .wrapper-container.contact .form-control {
    height: 58px;
    color: #BABABA;
    font-size: 1.8em; }
  .wrapper-container.contact .tag-line {
    text-align: center;
    font-size: 1.5em;
    color: #535353; }
  .wrapper-container.contact .row {
    margin: 35px 0; }
  .wrapper-container.contact .btn-style {
    margin: 0 auto;
    display: block; }
  .wrapper-container.contact .tag {
    text-align: center;
    font-size: 1.4em;
    margin: 0 0 20px 0; }

.btn-style {
  background: transparent;
  border-radius: 25px;
  border: 2px solid #000000;
  text-transform: uppercase;
  font-size: 2em;
  padding: 10px 20px 10px 30px;
  display: inline-block;
  width: auto;
  margin: 0 auto; }
  .swiper-container .btn-style {
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    margin: 20px auto 0;
    box-shadow: 0px 0px 5px #000000;
    text-shadow: 0px 0px 5px #000000; }
    .swiper-container .btn-style:hover {
      background: transparent; }
  .btn-style .fa {
    padding: 0 0 0 10px; }

.checkbox {
  font-size: 1.5em;
  margin: 0 0 30px 0;
  color: #545454; }

.data-info p {
  text-transform: uppercase; }

.editable-content {
  padding: 40px 0 20px; }
  .editable-content h2 {
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: 100; }
  .editable-content p {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    text-align: center; }
  .editable-content .info-box {
    text-align: center;
    width: 700px;
    border: 1px solid #000000;
    margin: 40px auto;
    padding: 0px 20px; }
    .editable-content .info-box h4 {
      text-transform: uppercase;
      font-size: 1.5em;
      padding: 0px 20px;
      position: relative;
      top: -20px;
      background: #F8F8F8;
      display: inline-block;
      font-weight: bold; }
    .editable-content .info-box p {
      position: relative;
      top: -10px; }
  .editable-content .video {
    margin: 30px 0; }
  .editable-content .image {
    width: 100%;
    margin: 30px 0; }
    .editable-content .image img {
      width: 100%; }

.link {
  font-size: 1em; }
  .link:before {
    content: "\f0c1";
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 5px 0 0; }

.about-us {
  background: #FFFFFF; }
  .about-us h4 {
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0 0; }
  .about-us a {
    color: #000000; }
    .about-us a:hover {
      text-decoration: none; }
      .about-us a:hover .image-round {
        background: #00BFFF; }
  .about-us .image-round {
    width: 130px;
    height: 130px;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px;
    border-radius: 50%;
    background: #004A97; }
    .about-us .image-round img {
      width: 100%; }

.top-footer {
  background: #000000;
  padding: 40px 0;
  position: relative; }
  .top-footer a {
    color: #FFFFFF;
    font-size: 1.6em; }
  .top-footer .social {
    float: right; }
  .top-footer .fa-cloud-download {
    margin: 0 7px 0 0; }
  .top-footer a.arrow-top {
    position: absolute;
    background: url("../img/arrow_top.png") no-repeat;
    width: 46px;
    height: 46px;
    display: block;
    margin: 0 0 0 -23px;
    left: 50%;
    bottom: -20px; }

.bottom-footer {
  background: #222222;
  padding: 60px 0; }
  .bottom-footer .col-1 {
    float: left;
    padding: 0 15px;
    min-height: 142px;
    border-right: 1px solid #333333; }
    .bottom-footer .col-1 a {
      display: block;
      margin: 0 0 10px 0; }
  .bottom-footer .col-2 {
    width: 250px;
    float: left;
    padding: 0 25px;
    text-align: center;
    color: #FFFFFF;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    min-height: 142px; }
  .bottom-footer .col-3 {
    border-left: 1px solid #333333;
    min-height: 142px;
    float: left;
    padding: 0 15px 0 80px; }
    .bottom-footer .col-3 p {
      color: #777777;
      font-size: 1.3em;
      text-align: right; }
    .bottom-footer .col-3 .input-group-addon {
      background-color: #61DDE1;
      border-color: #61DDE1;
      padding: 0; }
    .bottom-footer .col-3 .form-control {
      background: #000000;
      border: #000000; }
    .bottom-footer .col-3 .fa-envelope {
      color: #FFFFFF;
      background: none;
      border: none;
      padding: 10px; }
  .bottom-footer .col-1, .bottom-footer .col-3 {
    width: 360px; }
  .bottom-footer .dir {
    color: #999999;
    font-size: 1.3em; }
  .bottom-footer .copy {
    color: #777777;
    font-size: 1.1em; }

.footer-nav li {
  margin: 7px 0;
  letter-spacing: 1px; }
.footer-nav a {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 1.2em; }

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {
  padding: 0 20px;
  bottom: 20px; }

.swiper-button-prev, .swiper-button-next {
  background: url("../img/arr_slider.png") no-repeat;
  width: 30px;
  height: 80px; }

.swiper-button-next {
  transform: rotate(180deg); }

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  opacity: 1; }

.swiper-pagination-bullet-active {
  background: #FF2116; }

.drawer-menu {
  position: fixed;
  top: 0px;
  right: -600px;
  bottom: 0;
  width: 200px;
  background: #2a2a2a;
  transition: all 0.5s ease;
  padding: 50px 0 0; }
  .drawer-menu.expanded {
    right: 0; }
  .drawer-menu > li {
    position: relative;
    display: block;
    width: 100%; }
    .drawer-menu > li:hover .sub-menu {
      display: block; }
    .drawer-menu > li:first-child > a {
      border-top: 1px solid rgba(204, 204, 204, 0.2); }
    .drawer-menu > li > a {
      font-family: 'Open Sans', sans-serif;
      color: #FFFFFF;
      font-size: 1.3em;
      display: block;
      padding: 10px 15px;
      border-bottom: 1px solid rgba(204, 204, 204, 0.2);
      transition: all 0.2s ease; }
      .drawer-menu > li > a:hover {
        background: #000000;
        text-decoration: none;
        text-indent: 10px; }
    .drawer-menu > li.drop-down > a:after {
      content: '';
      background: url("../img/arrow_menu_fixed.png") no-repeat;
      width: 6px;
      height: 10px;
      float: right;
      top: 3px;
      position: relative; }
    .drawer-menu > li .sub-menu {
      background: #2a2a2a;
      position: absolute;
      display: none;
      top: 0;
      left: 200px;
      width: 120px;
      z-index: 99; }
      .drawer-menu > li .sub-menu a {
        color: #FFFFFF;
        font-size: 1.3em;
        font-family: 'Open Sans', sans-serif;
        padding: 10px;
        display: block; }

.row-list {
  margin: 0 0 20px 0; }
  .row-list .block .image {
    margin: 0 0 10px 0;
    width: 100%; }
    .row-list .block .image img {
      width: 100%;
      display: block; }
  .row-list .block .data {
    margin: 0 0 10px 0;
    text-align: center;
    text-transform: uppercase; }
  .row-list .block h3 {
    text-align: center;
    margin: 0;
    font-size: 1.9em; }
  .row-list .block a {
    color: #000000; }
    .row-list .block a:hover {
      color: #000000; }

.logo-telam-foot img {
  width: 130px; }

#menu-drawer {
  position: absolute;
  display: none;
  font-size: 2.4em;
  top: 3px;
  color: #FFFFFF;
  background: none;
  border: none;
  outline: none;
  position: absolute;
  right: 10px;
  top: 7px; }

#close-drawer {
  font-size: 2.4em;
  color: #FFFFFF;
  position: absolute;
  top: 20px;
  right: 19px; }
  #close-drawer:hover {
    text-decoration: none; }

.captcha {
  width: 304px;
  margin: 0 auto; }

.form-message {
  color: #000000; }
  .form-message p {
    text-align: center;
    font-size: 2em; }
    .form-message p:before {
      font-family: FontAwesome;
      font-size: 1em; }
  .form-message.exito p:before {
    content: "\f058";
    padding: 0 5px 0 0;
    color: #86CB35; }
  .form-message.error {
    display: none; }
    .form-message.error p:before {
      content: "\f057";
      padding: 0 5px 0 0;
      color: #FF0033; }

@media (min-width: 970px) {
  .container {
    width: 970px; } }
@media (max-width: 970px) {
  .wrapper-line {
    width: 100%; }

  .swiper-interna {
    width: 100%; }

  .editable-content .info-box {
    width: 100%; } }
@media (min-width: 800px) {
  .drawer-menu.expanded {
    right: -600px; } }
@media (max-width: 800px) {
  .wrapper-line {
    margin: 0 auto 30px;
    border: none;
    text-align: center; }
    .wrapper-line .title-separator {
      top: 0; }
      .wrapper-line .title-separator span {
        display: block;
        text-align: center; }
    .wrapper-line p {
      font-size: 1.3em;
      margin: 0; }

  .parallax-window {
    min-height: 300px; }

  ul.menu li a {
    display: none; }

  .swiper-container,
  .swiper-interior {
    height: 450px; }

  .swiper-button-prev,
  .swiper-button-next {
    display: none; }

  .btn-style {
    font-size: 1.4em; }

  .caption .title {
    font-size: 3em; }

  .about-us h4 {
    margin: 30px 0 60px; }
  .about-us .image-round {
    width: 70%;
    height: auto;
    margin: 0 auto; }
    .about-us .image-round img {
      width: 100%; }
  .about-us .col-sm-6, .about-us .col-xs-6 {
    margin: 0 0 10px 0; }

  .wrapper-container.contact {
    padding: 0 0 30px; }
    .wrapper-container.contact .row {
      margin: 15px 0; }
    .wrapper-container.contact .wrapper-line {
      margin: 30px auto 0; }
  .wrapper-container.products {
    padding: 60px 0; }

  .top-footer .col-xs-12 {
    text-align: center; }
  .top-footer .social {
    float: none;
    margin: 20px 0; }

  .bottom-footer .col-1, .bottom-footer .col-2, .bottom-footer .col-3 {
    width: 100%;
    text-align: center; }
  .bottom-footer .col-2 {
    display: none; }
  .bottom-footer .col-3 {
    padding: 0 20px;
    margin: 40px 0 0; }
    .bottom-footer .col-3 p {
      text-align: center; }

  #menu-drawer {
    display: block; } }
@media (max-width: 768px) {
  .logo img {
    width: 180px; }

  #menu-drawer {
    top: 3px; }

  .wrapper-container.products {
    background: #F2F2F2; }

  .wrapper-line .title-separator span {
    background: #f2f2f2; }

  .list-container .row-list li {
    margin: 0 0 40px 0; }

  .row-list .block h3 {
    font-size: 3em; }
  .row-list .block .data {
    font-size: 1.3em; } }