/*
Theme created for use with Sequence.js (http://www.sequencejs.com/)

Theme: Sliding Horizontal Parallax
Version: 1.2
Theme Author: Ian Lunn @IanLunn
Author URL: http://www.ianlunn.co.uk/
Theme URL: http://www.sequencejs.com/themes/sliding-horizontal-parallax/

This is a FREE theme and is available under a MIT License:
http://www.opensource.org/licenses/mit-license.php

Sequence.js and its dependencies are (c) Ian Lunn Design 2012 - 2013 unless otherwise stated.
*/
/* prefix declarations */
/* THEME STYLES */
.sequence-next,
.sequence-prev {
  color: white;
  cursor: pointer;
  display: none;
  font-size: 80px;
  font-weight: bold;
  position: absolute;
  opacity: 0.5;
  /* transparencia de las flechas del slideshow */
  top: 45.5%;
  height: 75px;
  /* alto de las flechas del slideshow */
  width: 15px;
  /* ancho de las flechas del slideshow */
  z-index: 20;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.sequence-next,
.sequence-prev {
  display: none !important;
}

/*show button */
@media (min-width: 992px) {

  .sequence-next,
  .sequence-prev {
    display: inline !important;
  }
}

.sequence-prev {
  left: -60px;
}

.sequence-next {
  right: -60px;
}

/* posicion de las flecha next (derecha) */

.sequence-next:hover,
.sequence-prev:hover {
  opacity: 1;
  /* transparencia de las flechas del slideshow */
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

#sequence,
#sequence2,
#sequence3,
#sequence4 {
  position: relative;
  min-height: 220px;
  min-width: 300px;
  max-width: 320px;
  overflow: hidden;
  font-family: Montserrat, sans-serif;
}

@media (min-width: 768px) {

  #sequence,
  #sequence2,
  #sequence3,
  #sequence4 {
    min-width: 360px;
    max-width: 380px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {

  #sequence,
  #sequence2,
  #sequence3,
  #sequence4 {
    min-width: 590px;
    max-width: 610px;
    min-height: 130px;
  }
}

@media (min-width: 992px) {

  #sequence,
  #sequence2,
  #sequence3,
  #sequence4 {
    min-width: 400px;
    max-width: 420px;
  }
}

#sequence>.sequence-canvas,
#sequence2>.sequence-canvas,
#sequence3>.sequence-canvas,
#sequence4>.sequence-canvas {
  height: 100%;
  width: 100%;
  /* ancho del borde de los cuarto (4) slideshow */
  /* border-top: 2px solid #191919; */
  /* borde de los cuarto (4) slideshow */
  border-style: none;
  background: -webkit-linear-gradient(right, #1E1E1E, #F8F8FF);
  /*52655A*/
  padding-top: 3px;
}

#sequence>.sequence-canvas>li,
#sequence2>.sequence-canvas>li,
#sequence3>.sequence-canvas>li,
#sequence4>.sequence-canvas>li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  list-style: none;
}

#sequence>.sequence-canvas li>*,
#sequence2>.sequence-canvas li>*,
#sequence3>.sequence-canvas li>*,
#sequence4>.sequence-canvas li>* {
  position: absolute;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

#sequence h2,
#sequence2 h2,
#sequence3 h2,
#sequence4 h2 {
  font-size: 1.5rem;
  line-height: 1.2rem;
}

#sequence .info,
#sequence2 .info,
#sequence3 .info,
#sequence4 .info {
  text-align: justify;
  color: black;
  font-size: 1.1rem;
  /* tamaño del texto de las cajas */
  /*font-size: 1em;*/
  /* tamaño del texto de las cajas */
  left: -150%;
  line-height: 1.2em;
  top: 0px;
  width: 97%;
  /* ancho de los textos en las cajas del slideshow*/
  z-index: 10;
  vertical-align: middle;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -ms-transition-property: left;
  -o-transition-property: left;
  transition-property: left;
}

#sequence .animate-in .info,
#sequence2 .animate-in .info,
#sequence3 .animate-in .info,
#sequence4 .animate-in .info {
  left: 0%;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence .animate-out .info,
#sequence2 .animate-out .info,
#sequence3 .animate-out .info,
#sequence4 .animate-out .info {
  left: 150%;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

#sequence .sequence-fallback .animate-in .kite,
#sequence2 .sequence-fallback .animate-in .kite,
#sequence3 .sequence-fallback .animate-in .kite,
#sequence4 .sequence-fallback .animate-in .kite {
  left: 20%;
  top: 200px;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/*weird bug? middle query*/
/*bug scrolling rows*/

.row {
  margin: 0 20px;
  *zoom: 1;
  /* margin-left: -30px;margin-right:0;*zoom: 1; */
}

.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}

/* Global Styles */
* {
  padding: 0;
  /* Reset all padding to 0 */
  margin: 0;
  /* Reset all margin to 0 */
}

a.underline {
  text-decoration: none;
}

a.underline:hover {
  font-style: italic;
  text-decoration: underline;
}

body {
  background: #F8F8FF url(../images/header.png) repeat-x left top;
  /*#F4F4F4 color fondo de toda la pagina web*/
  /* Set HTML background color */
  color: #1E1E1E;
  /* Set global text color */
}

hr {
  border: 0;
  height: 0;
  border-top: 2px dotted rgba(0, 0, 0, 0.1);
  border-bottom: 2px dotted rgba(255, 255, 255, 0.3);
}

p {
  margin: 10px 0px 10px 0px;
  /*background-color: transparent; */
  /* Padding de los parrafos de los slide */
  /* Add some padding to the top and bottom of the <p> tags */
  color: #1E1E1E;
  /* color de los parrafos debajo de los tips*/
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  /*font-size: 1.125em;*/
  /* tamaño de la fuente de los parrafos de los tips*/
  text-align: justify;
}

h1,
h2,
h3,
h4,
label {
  /* tipo de letra de toda la pagina */
  font-family: Montserrat, sans-serif;
  /* text-align: center; */
}

h2 {
  /* Tip y novedades */
  font-size: 1.8em;
  /* text-align: left; */
  margin: 0;
  color: #610B0B;
  /*color: #A10137;*/
  /*font-weight: 300;*/
  border-top: 1px dotted #610B0B;
  /* #e1e1e1; */
  border-bottom: 1px dotted #610B0B;
  /* #e1e1e1; */
  padding-top: 8px;
  padding-bottom: 8px;
}

h3 {
  font-size: 1.3em;
  color: #610B0B;
  /* #0066cc; */
  border-bottom: 1px dotted #610B0B;
  /* #e1e1e1; Gray80 rgb 204, 204, 204 */
  /* Bordes debajo de los tips y novedades */
  padding-bottom: 10px;
}

/* Header */

#header h1 {
  width: 295px;
  /* 295px ubcacion de la imagen del logo */
  margin: 0 auto;
}

#header h1 img {
  /* tamaño de la imagen del logo */
  margin: 10px 0;
  width: 340px;
  height: 40px;
  object-fit: cover;
  border-radius: 7px;
}

/*  @media (max-width: 767px) {
    #header h1 img {
      height: 10%; 
      width: 100%;
      padding: -90px;
      position: inline-block;
      margin: 0 auto; } } */

#header a:link,
#header a:visited {
  color: #F8F8FF;
  /* white es color del texto de la barra de navegacion -*/
  font-size: 15px;
  font-family: Raleway;
  padding-top: 7px;
  padding-bottom: 11px;
}

#header a:hover {
  color: #eee;
  /* #eee color original del texto de la barra de navegacion */
  text-shadow: 0.1em 0.1em 0.15em #EBE1C9;
}

#header a.selected {
  padding-bottom: 7px;
  border-bottom: 2px dotted #F8F8FF;
}

/* #BF1550 color original de la linea del menu seleccionado */
/* border-radius: .5rem .5rem .5rem .5rem; */

@media (max-width: 767px) {
  ul.nav li a {
    text-align: center;
  }
}

@media (max-width: 767px) {
  ul.nav li a.titulos {
    display: none;
  }
}

@media (min-width: 767px) {
  ul.nav li a.icon-home {
    display: none;
  }
}

@media (min-width: 767px) {
  ul.nav li a.icon-users {
    display: none;
  }
}

@media (min-width: 767px) {
  ul.nav li a.icon-stackoverflow {
    display: none;
  }
}

@media (min-width: 767px) {
  ul.nav li a.icon-books {
    display: none;
  }
}

@media (min-width: 767px) {
  ul.nav li a.icon-address-book {
    display: none;
  }
}

@media (min-width: 767px) {
  ul.nav li a.icon-mail3 {
    display: none;
  }
}

@media (min-width: 767px) {
  ul.nav li a.icon-youtube {
    display: none;
  }
}

@media (min-width: 767px) {
  #whatsapp-icon {
    display: none;
  }
}

@media (max-width: 767px) {
  #header a:hover {
    background-color: #4E4E4E;
    opacity: 0.7;
    border-radius: .5rem .5rem .5rem .5rem;
  }
}

@media (max-width: 767px) {
  #header a.selected {
    background-color: rgba(138, 41, 8, 0.4);
    /* #8A2908 rgba(138, 41, 8, 0.4) */
    border-radius: .5rem .5rem .5rem .5rem;
    border-bottom: 1px dotted #A15339;
  }
}

/* #BF1550 color original de la linea del menu */

/*bootstrap header*/
ul.nav li a {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-toggle {
  margin-top: 4px;
}

.navbar-default {
  border-color: transparent !important;
  /* color del borde de la barra de navegacion */
  /*border-color: #000; */
}

.navbar-default .navbar-toggle {
  border-color: #610B0B !important;
  /* #EBB8CB color del borde del icono en modo #mobile */
  background-color: #610B0B !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #F8F8FF !important;
  /* #EBB8CB color de las lineas del icono (hamburguesa) en modo #mobile */
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: transparent !important;
  /* #6F0127 color original de la barra desplegada en modo #mobile  */
}

.navbar-default .navbar-toggle:focus {
  background-color: #610B0B !important;
}

.navbar {
  background-image: none;
  background-color: #610B0B !important;
  /* #af023f color original de la barra de navegacion normal y en modo #mobile */
  min-height: 0px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .navbar {
    background: transparent url(../images/header_top.png) no-repeat center bottom;
    /*#AF023F color original del fondo de la barra de navegacion */
    width: 620px;
    /* 750px Ancho original de la barra de navegacion modo tablet */
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  #header .nav>li>a {
    padding: 7px 9px;
  }
}

@media (min-width: 992px) {
  .navbar-default {
    width: 680px;
    /* 800px Ancho original de la barra de navegacion */
    margin: 0 auto;
  }

  #header .nav>li>a {
    padding: 7px 15px;
  }

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

/*  final del min-width: 992px */

.content {
  position: relative;
}

/* ----------------------*/
#footer .content {
  width: 100%;
  margin: 0 auto;
}

#footer .content {
  position: relative;
}

.backstretch {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
  opacity: 0.45;
}

/* --------------------*/
#slideshow {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #slideshow {
    height: 530px;
  }
}

#slideshow .row {
  margin: 0px;
}

#slideshow h2 {
  font-size: 1.3em;
  text-align: left;
  line-height: 1.2em;
  border: none;
  margin-right: 20px;
}

#slideshow h2 a {
  /*color: #8A2908;*/
  color: #610B0B;
  /* color de los titulos de los slideshow */
  /*color:#e1e1e1;*/
}

#slideshow p {
  font-family: Montserrat, sans-serif;
  font-size: 1.1em;
  color: #1E1E1E;
  margin-top: 0;
  margin-right: 20px;
  /*font-weight:300;*/
  line-height: 1.3em;
}

@media (min-width: 768px) {
  #slideshow h2 {
    font-size: 1.5em;
  }

  #slideshow p {
    font-size: 1.15em;
  }
}

@media (min-width: 992px) {
  #slideshow h2 {
    font-size: 1.8em;
  }

  #slideshow p {
    font-size: 1.3em;
  }
}

.shadow {
  background: transparent url(../images/showcase-top-shadow.png) no-repeat center top;
  width: 100%;
  height: 50px;
  /* separacion existente de la barra de navegacion y el borde del slideshow */
}

.shadowBottom {
  background: transparent url(../images/showcase-bottom-shadow.png) no-repeat center bottom;
  width: 100%;
  height: 40px;
}

.sectionHeader {
  height: 66px;
  margin-bottom: 20px;
}

/*background: transparent url(../images/sectionArea.png) repeat-x center center;*/

@media (min-width: 768px) {
  .sectionHeader {
    height: 145px;
  }
}

a.pdf {
  margin: 1em 0;
  display: block;
  width: 90px;
  background-color: #642424;
  color: #F8F8FF;
  padding: .5em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

a.pdf:hover {
  background-color: #F8F8FF;
  color: #642424;
  font-weight: bold;
  text-decoration: none;
}

/* ---- Clientes 

#clientes {
  margin-bottom: 40px;
  /*background:transparent url(../images/sprite.png) no-repeat left top;padding-left:50px;*/
/* eliminar este en su momento
  p{margin:0; padding:0;font-size:.9em;
}
  hr{margin:5px 0;
}
}
#clientes h4 {
    font-size: 1.2em !important;
    font-weight: 300;
    color: #00AD31;
}
  #clientes .logos {
    width: 195px;
    margin: 0 auto;
    max-height:100px;
    background:transparent url(../images/clientes.png) no-repeat center top;
}

    @media (min-width: 768px) {
      #clientes .logos {
        padding: 0px 20px; } 
	
}
#clientes .box {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height:10px;
}
  #clientes .img {
    display: block;
    margin: 0 auto;
    max-width: 175px; }

--- */


/* --- Tutoriales ---/ */

#tutoriales {
  margin-bottom: 40px;
  /*  background: transparent url(../images/sprite.png) no-repeat left top; */
  padding-left: 50px;
}

#tutoriales p {
  margin: 0;
  padding: 0;
  font-size: .8em !important;
}

#tutoriales hr {
  margin: 5px 0;
  color: #00AD31 !important;
}

#tutoriales a {
  text-decoration: none;
}

#tutoriales h4 {
  font-size: 1.2em !important;
  font-weight: 300 !important;
  color: #00AD31 !important;
}

#tutoriales h4:hover {
  font-weight: bold;
  font-style: italic;
  text-align: center;
  text-decoration: underline;
  color: #FF0000 !important;
  cursor: pointer;
}

@media (min-width: 767px) {
  #tutoriales .logos {
    width: 100%;
    padding: 0px 20px;
  }
}

#tutoriales .box {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 15px;
  /* Distancia superior e inferior de las miniaturas con el título */
}

#tutoriales .img {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
}

#tutoriales .img:hover {
  max-width: 99%;
}


.date {
  color: #1E1E1E;
  /* #610B0B; Color de la fecha de las Publicaciones */
  /*color: #a00136;*/
  font-weight: bold;
  font-style: italic;
  text-align: justify;
  text-decoration: underline;
  cursor: progress;
}

.date:hover {
  color: #F8F8FF;
  text-decoration: none;
  text-shadow: 0.1em 0.1em 0.15em #1E1E1E;
}

#home #noticias {
  /* background:transparent url(../images/sprite.png) no-repeat left top;*/
  padding-left: 0;
}

#home #noticias a:link,
#home #noticias a:visited,
#home #noticias a:hover {
  font-size: 1rem;
  /* Tamaño de la fuente de los titulos de las Publicaciones */
}

#home #noticias h2 {
  padding-left: 10px;
  text-align: center;
  /* Posicion de la fuente de los tips */
}

#home #noticias h3 {
  font-size: 1.2rem;
  /* Tamaño de la fuente de los tips */
  font-weight: bold;
  text-align: justify;
  /* Justifica la fuente de los h3 */
}

#noticias {
  /*font-size:.9em;*/
  /*font-size:.9em;*/
  font-family: Montserrat, sans-serif;
  margin-bottom: 40px;
}

#noticias p {
  text-align: justify;
  margin: 0;
  padding: 1px 0 5px 0;
}

#noticias h2 {
  text-align: center;
}

#noticias .row {
  margin: 0 10px;
}

#servicios,
#firma {
  padding-bottom: 60px;
}

#servicios ul,
#firma ul {
  margin: 10px 0 25px 20px;
}

#servicios ul li,
#firma ul li {
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  color: #1E1E1E;
  /* color texto de los ul li */
  margin: 10px;
}

@media (min-width: 768px) {

  #servicios ul,
  #firma ul {
    margin: 10px 0 25px 80px;
  }
}

p.highlight {
  font-style: italic;
  font-weight: bold;
  /*  text-decoration: underline; */
}

#contacto h2 {
  text-align: center !important;
}

#contacto fieldset {
  padding: 1px;
  /* 20px */
}

#contacto label {
  font-weight: bold;
  font-size: 1.5rem;
}

#contacto .consulta {
  float: right;
  display: block;
  width: 120px;
  background-color: #610B0B;
  border: 0;
  color: #F8F8FF;
  padding: .5em 1em;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

#contacto .consulta:hover {
  background-color: #F8F8FF;
  color: #610B0B;
  font-weight: bold;
}

.alert-success {
  background-color: rgba(138, 41, 8, 0.2) !important;
  border-color: transparent !important;
  color: #610B0B !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: bold !important;
  font-size: 1.8rem;
}

.alert-success p {
  color: #610B0B !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 1.2rem;
  text-align: center;

}

#totop {
  display: none;
  padding: 10px 10px;
  background: transparet;
  font-size: 4rem;
  color: #9B5D53;
  cursor: pointer;
  text-decoration: none;
  position: fixed;
  bottom: 130px;
  right: 20px;
  border-radius: 50%;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 9999;
}

#totop:hover {
  color: #610B0B;
  opacity: 1;
  filter: alpha(opacity=100);
}

#footer {
  margin-top: 0px;
  /*styling exceptions*/
}

#footer .info {
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  background-color: #610B0B;
  /* #9E0235 color original */
  padding: 10px 0;
}

#footer .info a,
#footer .info span {
  color: #F8F8FF;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  #footer .row {
    font-size: 0.743rem;
    margin: 0;
  }
}

.foot {
  padding: 10px 0 20px;
  /*styling exceptions*/
}

.foot p:first-child {
  padding-top: 10px;
}

.foot p {
  margin: 0 0 0 20px;
  padding-top: 5px;
  font-size: .9rem;
  text-align: center;
  color: #aaa;
}

@media (max-width: 768px) {
  .foot p {
    font-size: 0.743rem;
    text-align: center;
    margin: 0;
  }

  .foot img {
    margin-left: 0px;
  }
}

/* Sticky footer styles
     -------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -135px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 110px;
}

#footer {
  background-color: #190702;
  /* #f5f5f5 color de fondo del fondo del pie de pagina */
}

/* Lastly, apply responsive CSS fixes as necessary */
/* @media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px; } }*/