@charset "UTF-8";
/*--------------------Generales de la Marca--------------------*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Kanit:300,300i,400");
body > a {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 204px;
  height: 43px;
  z-index: 15;
  background: url("../images/template/logo.png") no-repeat 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  body > a {
    background-image: url(../images/template/logo@2x.png);
    background-size: 150px auto;
    background-position: center center;
  }
}

@media only screen and (min-width: 768px) {
  body > a {
    top: 65px;
  }
}

@media only screen and (min-width: 1360px) {
  body > a {
    top: 65px;
  }
}

/*--------------------Resetear estilos por defecto del navegador--------------------*/
*, *:after, *:before {
  padding: 0;
  border: 0;
  margin: 0;
  outline: 0;
  marker-offset: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*--------------------Resetear editor de texto--------------------*/
div.txt-editor * {
  float: none;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  color: inherit;
  text-align: left;
  background: none;
}

div.txt-editor strong {
  font-weight: 600;
}

div.txt-editor em {
  font-style: italic;
}

div.txt-editor ul {
  list-style: disc;
  margin-left: 20px;
}

div.txt-editor ol {
  list-style: decimal;
  margin-left: 20px;
}

div.txt-editor h1, div.txt-editor h2, div.txt-editor h3, div.txt-editor h4, div.txt-editor h5, div.txt-editor h6 {
  line-height: initial;
  color: #535256;
  font-size: 15.6pt;
  font-size: 1.3rem;
}

/*--------------------Anti Bootstrap--------------------*/
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .25s ease, background .25s ease;
  -o-transition: color .25s ease, background .25s ease;
  transition: color .25s ease, background .25s ease;
}

a:hover, a:focus {
  outline: none;
  color: inherit;
  text-decoration: none;
}

/*--------------------Renovar--------------------*/
.re-novar {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999999;
  text-align: center;
  color: #000000;
  background: #f5f5f5;
  font-size: 15.6pt;
  font-size: 1.3rem;
}

.re-novar div {
  padding: 20% 10% 0 10%;
}

.re-novar strong {
  color: black;
  font-size: 20.4pt;
  font-size: 1.7rem;
}

.re-novar a {
  color: #1b96e4;
}

/*--------------------Generales--------------------*/
html {
  font-size: 100%;
}

body {
  display: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  color: #000000;
  font-size: 12pt;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-family: "Kanit", sans-serif;
  font-weight: bold;
}

h1, h2 {
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom: 20px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 24pt;
  font-size: 2rem;
  /*&:after, &:before{
		content: '';
		position: absolute;
		display: block;
		width: 25%;
		height: 1px;
		background-color: $c-primario;
	}
	&:before{
		bottom: 0;
		right: 30%;
	}
	&:after{
		bottom: -10px;
		left: 30%;
	}	*/
}

@media only screen and (min-width: 1360px) {
  h1, h2 {
    font-size: 30pt;
    font-size: 2.5rem;
  }
}

.titulos-internas {
  position: relative;
}

.titulos-internas h1 {
  margin: 20px 0 0;
}

@media only screen and (min-width: 1024px) {
  .titulos-internas h1 {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-top: 2rem;
    color: #000000;
  }
}

h3, h4 {
  margin-bottom: 20px;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  font-size: 18pt;
  font-size: 1.5rem;
}

h3.adorno, h4.adorno {
  padding-bottom: 20px;
}

h3.adorno:after, h4.adorno:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #DC081F;
}

h4 {
  text-align: center;
  padding-top: 20px;
  border-top: 1px dashed #e0e0e0;
}

h5 {
  margin-bottom: 10px;
  color: #383838;
}

h6 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  text-align: center;
  font-size: 18pt;
  font-size: 1.5rem;
}

h6:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 50px;
  height: 2px;
  background-color: #DC081F;
}

a {
  text-decoration: none;
  -webkit-transition: color .25s ease, background .25s ease;
  -o-transition: color .25s ease, background .25s ease;
  transition: color .25s ease, background .25s ease;
}

p {
  margin-bottom: 10px;
}

p:only-child, p:last-child {
  margin-bottom: 0;
}

b, strong, mark {
  font-weight: 600;
  background: none;
}

small {
  font-family: "Kanit", sans-serif;
}

small.titulo {
  display: block;
  text-align: center;
  font-style: italic;
  color: #828282;
  font-size: 12pt;
  font-size: 1rem;
}

i, em {
  font-weight: 400;
  font-style: normal;
}

span.mensaje {
  color: black;
  font-size: 18pt;
  font-size: 1.5rem;
}

*.float-left {
  float: left;
}

*.float-right {
  float: right;
}

*.clear-both {
  clear: both;
}

*.clear-fix {
  content: '';
  display: block;
  clear: both;
}

*.num-font {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  white-space: nowrap;
}

*.llamar {
  cursor: pointer;
}

*.title-italic {
  font-family: "Kanit", sans-serif;
  font-style: italic;
  font-weight: bold;
}

@media only screen and (min-width: 1024px) {
  .visible-movil {
    display: none !important;
  }
}

@media only screen and (max-width: 1023px) {
  .visible-desktop {
    display: none !important;
  }
}

/*--------------------General Responsive--------------------*/
header, nav, main, footer, .re-cien {
  width: 100%;
  min-width: 280px;
}

.re-cien, .re-central {
  position: relative;
  margin: 0 auto;
}

.re-central {
  width: 88%;
}

@media only screen and (min-width: 280px) {
  .re-central {
    width: 88%;
  }
}

@media only screen and (min-width: 480px) {
  .re-central {
    width: 92%;
  }
}

@media only screen and (min-width: 768px) {
  .re-central {
    width: 94%;
  }
}

@media only screen and (min-width: 1024px) {
  .re-central {
    width: 88%;
  }
}

@media only screen and (min-width: 1280px) {
  .re-central {
    width: 86%;
  }
}

@media only screen and (min-width: 1440px) {
  .re-central {
    width: 75%;
  }
}

/*--------------------Generales del Template Header--------------------*/
header {
  position: absolute;
  z-index: 5;
  min-height: 75px;
  overflow: hidden;
  color: white;
  background-image: url("../images/internas-back.jpg");
  background-size: cover;
  background-position: 50% center;
  font-size: 10.8pt;
  font-size: 0.9rem;
}

@media only screen and (min-width: 768px) {
  header {
    min-height: 150px;
    background-position: 40% center;
  }
}

@media only screen and (min-width: 1024px) {
  header {
    min-height: 200px;
    background-position: 20% center;
  }
}

header .top-bar {
  overflow: hidden;
  padding: 0;
  border-bottom: 1px solid white;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  header .top-bar {
    display: none;
  }
}

@media only screen and (min-width: 1360px) {
  header .top-bar {
    padding: 0;
  }
}

header .top-bar .links-y-social {
  float: right;
  text-align: right;
  margin-top: 4px;
}

header .top-bar .links-y-social a, header .top-bar .links-y-social div {
  float: left;
  font-size: 10.8pt;
  font-size: 0.9rem;
}

header .top-bar .links-y-social i {
  color: inherit;
  -webkit-transition: all ease .25s;
  -o-transition: all ease .25s;
  transition: all ease .25s;
}

header .top-bar .links-y-social i:hover {
  color: #DC081F;
}

header .top-bar .links-y-social i:hover path {
  fill: #DC081F;
}

header .top-bar .links-y-social .social {
  display: none;
  margin-left: 20px;
}

@media only screen and (min-width: 1024px) {
  header .top-bar .links-y-social .social {
    display: block;
  }
}

header .top-bar .links-y-social .social a {
  margin-left: 10px;
}

header .top-bar .links-y-social .links {
  text-transform: uppercase;
}

header .top-bar .links-y-social .links a {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid white;
}

@media only screen and (min-width: 1360px) {
  header .top-bar .links-y-social .links a {
    margin-left: 40px;
    padding-left: 40px;
  }
}

header .top-bar .links-y-social .links a:hover {
  color: #DC081F;
  border-bottom-color: #DC081F;
}

header .top-bar .links-y-social .links a span {
  -webkit-transition: all ease .25s;
  -o-transition: all ease .25s;
  transition: all ease .25s;
}

/*--------------------Generales del Template Nav--------------------*/
nav {
  min-height: 25px;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 10;
}

nav.navSticky {
  position: fixed;
  top: 0;
  padding: 1em 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}

nav.navSticky div.re-central div.re-content ul.re-ul-principal {
  margin-top: 24px;
}

@media only screen and (min-width: 1024px) {
  nav.navSticky div.re-central div.re-content ul.re-ul-principal {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1023px) {
  nav div.re-central {
    width: 100%;
    padding: .5em 0;
  }
}

@media only screen and (min-width: 480px) {
  nav div.re-central div.re-content ul.re-ul-principal {
    margin-top: 18px;
  }
}

@media only screen and (min-width: 768px) {
  nav {
    top: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  nav {
    top: 150px;
  }
  nav div.re-central div.re-content ul.re-ul-principal {
    margin-top: 0;
  }
  nav div.re-central div.re-content ul.re-ul-principal a {
    color: white;
  }
}

@media only screen and (min-width: 1360px) {
  nav {
    top: 150px;
  }
  nav div.re-central div.re-content ul.re-ul-principal a div p {
    padding: 0 15px;
  }
}

/*--------------------Generales del Template Main--------------------*/
main {
  padding-top: 75px;
  min-height: 425px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

main > .re-central,
main > .re-cien > .re-central {
  padding: 40px 0;
}

@media only screen and (min-width: 768px) {
  main > .re-central,
  main > .re-cien > .re-central {
    padding: 60px 0;
  }
}

main > .re-central:after,
main > .re-cien > .re-central:after {
  display: block;
  clear: both;
  content: '';
}

@media only screen and (min-width: 768px) {
  main {
    padding-top: 150px;
  }
}

@media only screen and (min-width: 1024px) {
  main {
    padding-top: 200px;
  }
}

/*------------------------Generales del Template Footer------------------------*/
footer {
  position: relative;
  top: 0;
  left: 0;
  z-index: 5;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: white;
}

footer .re-central,
footer > .re-cien > .re-central {
  padding: 40px 0;
}

@media only screen and (min-width: 768px) {
  footer .re-central,
  footer > .re-cien > .re-central {
    padding: 60px 0;
  }
}

footer section.telefono {
  text-align: center;
  font-family: "Kanit", sans-serif;
}

footer section.telefono p {
  margin: 0;
  text-transform: uppercase;
  color: #828282;
  font-size: 18pt;
  font-size: 1.5rem;
}

footer section.telefono a {
  color: #DC081F;
  font-size: 33pt;
  font-size: 2.75rem;
}

footer div.social, footer section.apartados {
  background-color: #191919;
}

footer div.social {
  text-align: center;
  text-transform: uppercase;
  font-family: "Kanit", sans-serif;
  border-bottom: 1px solid white;
}

footer div.social ul {
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  footer div.social ul li {
    display: inline-block;
  }
}

footer div.social ul li a {
  display: block;
  padding: 1em;
}

footer div.social ul li a:hover.facebook {
  background-color: #4267b2;
}

footer div.social ul li a:hover.mercadolibre {
  background-color: #ffa800;
}

footer div.social ul li a:hover.correo {
  background-color: #d93025;
}

footer div.social ul li a:hover.whatsapp {
  background-color: #25d366;
}

footer div.social ul li a:hover i {
  color: white;
}

footer div.social ul li a:hover path {
  fill: #ffffff;
}

footer div.social ul li a i {
  vertical-align: text-top !important;
  margin-left: 20px;
  color: #828282;
  font-size: 15pt;
  font-size: 1.25rem;
}

footer div.social ul li a i.fa.fa-mercadolibre {
  margin-bottom: -7px;
}

footer section.apartados {
  position: relative;
}

footer section.apartados a {
  border-bottom: 1px solid #191919;
  font-weight: 600;
}

footer section.apartados a:hover {
  border-bottom-color: white;
}

footer section.apartados div.re-central {
  overflow: hidden;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  footer section.apartados div.re-central {
    text-align: left;
  }
  footer section.apartados div.re-central address {
    text-align: center;
  }
}

@media only screen and (min-width: 480px) {
  footer section.apartados div.re-central > div {
    margin: 0 -2%;
  }
}

footer section.apartados div.re-central > div > div {
  overflow: hidden;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1024px) {
  footer section.apartados div.re-central > div > div {
    width: 29.33%;
    float: left;
    margin: 0 2%;
  }
}

footer section.apartados div.re-central > div > div div {
  margin-bottom: 20px;
}

footer section.apartados div.re-central > div > div div mark {
  font-size: 14.4pt;
  font-size: 1.2rem;
}

footer section.apartados div.re-central > div address i {
  color: #DC081F;
}

footer section.apartados div.re-central > div address mark {
  display: block;
  color: inherit;
}

footer div.copyright {
  position: relative;
  overflow: hidden;
  background-color: #191919;
  padding: 1em 0;
  text-align: center;
  font-size: 11.4pt;
  font-size: 0.95rem;
}

/*--------------------General Mapa--------------------*/
section.mapa {
  overflow: hidden;
}

section.mapa .mapa-canvas {
  width: 100%;
  height: 300px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

section.mapa .mapa-canvas div.gm-style > div:first-child {
  pointer-events: none;
}

@media only screen and (min-width: 480px) {
  section.mapa .mapa-canvas div.gm-style > div:first-child {
    pointer-events: auto;
  }
}

section.mapa a.boton-lineal {
  margin-top: 20px;
}

/*------------------------Formulario cotización------------------------*/
form.formulario.formulario-cotizacion {
  text-align: center;
  margin: 0 -2%;
}

form.formulario.formulario-cotizacion select {
  clear: none;
  float: left;
  width: 46%;
  margin: 0 2% 10px;
}

@media only screen and (min-width: 1024px) {
  form.formulario.formulario-cotizacion select {
    width: 21%;
    margin-bottom: 20px;
    padding: .5em 1em;
  }
}

form.formulario.formulario-cotizacion div {
  width: 96%;
  margin: 0 auto;
}

@media only screen and (min-width: 1024px) {
  form.formulario.formulario-cotizacion div input {
    width: 48%;
    clear: none;
  }
  form.formulario.formulario-cotizacion div input[type="email"] {
    float: left;
  }
  form.formulario.formulario-cotizacion div input[type="tel"] {
    float: right;
  }
}

/*--------------------WhatsApp Button--------------------*/
.whatsapp-button {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 80px;
  width: 40px;
  height: 40px;
  z-index: 9999;
  background-color: #25d366;
  -webkit-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}

.whatsapp-button:hover {
  background-color: #08a460;
}

@media only screen and (max-width: 1023px) {
  .whatsapp-button.movil {
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .whatsapp-button.desktop {
    display: block;
  }
}

.whatsapp-button i {
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 18pt;
  font-size: 1.5rem;
}

/*------------------------Ir Arriba------------------------*/
.ir-arriba {
  width: 40px;
  height: 40px;
  background-color: #DC081F;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
  -webkit-transition: all ease .25s;
  -o-transition: all ease .25s;
  transition: all ease .25s;
  opacity: .5;
}

.ir-arriba:hover {
  opacity: 1;
}

.ir-arriba i {
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 18pt;
  font-size: 1.5rem;
}

/*--------------------Contenedor de botones--------------------*/
span.boton-contenedor {
  display: block;
  text-align: center;
}

/*--------------------Botón Lineal--------------------*/
.boton-lineal {
  width: auto;
  display: inline-block;
  padding: .25em 2.5em;
  border-width: 2px;
  border-style: solid;
  border-radius: 3px;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
  font-family: "Kanit", sans-serif;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  font-size: 12pt;
  font-size: 1rem;
}

.boton-lineal:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.boton-lineal.primario {
  color: white;
  border-color: #f72037;
  background-color: #DC081F;
}

.boton-lineal.primario:hover {
  color: white;
  background-color: #c3071c;
}

.boton-lineal.primario:hover i {
  color: white;
}

.boton-lineal.secundario {
  color: white;
  border-color: #383838;
  background-color: #383838;
}

.boton-lineal.secundario:hover {
  color: white;
  background-color: #191919;
}

.boton-lineal.secundario:hover i {
  color: white;
}

/*--------------------Formularios--------------------*/
form input[type="reset"] {
  width: auto;
  min-width: 10em;
  display: inline-block;
  padding: .5em 1.5em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-radius: 3px;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  font-size: 12pt;
  font-size: 1rem;
}

form input[type="reset"]:hover, form input[type="reset"]:hover {
  border-bottom-width: 1px;
  margin-top: 2px;
}

form input[type="reset"] {
  border-bottom: 3px solid #e0e0e0;
  background: white;
}

form input[type="reset"]:hover {
  margin-top: 2px;
  border-bottom: 1px solid #e0e0e0;
}

form input.input-primario {
  color: white;
  border-bottom-color: #c3071c;
  background: #DC081F;
}

form input.input-secundario {
  color: white;
  border-bottom-color: #191919;
  background: #383838;
}

form input[type="submit"] {
  background-color: white;
  color: inherit;
  -webkit-transition: color 0.25s ease,background 0.25s ease;
  -o-transition: color 0.25s ease,background 0.25s ease;
  transition: color 0.25s ease,background 0.25s ease;
}

form.formulario {
  margin: 0 auto;
  color: #000000;
}

form.formulario fieldset {
  padding: 1% 4% 2% 4%;
  border: 1px dotted #e0e0e0;
  border-radius: 3px;
}

form.formulario fieldset + fieldset {
  margin-top: 20px;
}

form.formulario legend {
  width: auto;
  padding: 0 3%;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: black;
  text-transform: uppercase;
  font-size: 15.6pt;
  font-size: 1.3rem;
}

form.formulario div {
  width: 100%;
  margin-bottom: 5px;
}

@media only screen and (min-width: 480px) {
  form.formulario div.float-left, form.formulario div.float-right {
    width: 48%;
  }
}

form.formulario div.alerta {
  overflow: hidden;
  margin-bottom: 10px;
  color: black;
  text-align: center;
  font-size: 12pt;
  font-size: 1rem;
}

form.formulario div.alerta span {
  color: black;
  font-weight: 500;
}

form.formulario div.alerta.error {
  color: #dd1c47;
}

form.formulario div.send {
  clear: both;
  margin-bottom: 0;
  margin-top: 10px;
}

form.formulario label {
  display: block;
  float: left;
  border: none;
  font-weight: 500;
  color: #383838;
  line-height: 35px;
  text-transform: uppercase;
  font-size: 14.4pt;
  font-size: 1.2rem;
}

form.formulario label span {
  height: 25px;
  margin-left: 2px;
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  color: #DC081F;
}

form.formulario input[type="text"],
form.formulario input[type="email"],
form.formulario input[type="tel"],
form.formulario input[type="password"],
form.formulario textarea,
form.formulario select {
  width: 100%;
  padding: .25em 1em;
  border-radius: 3px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: #000000;
  background-color: white;
  /*text-transform: uppercase;*/
  font-weight: 600;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  font-size: 12pt;
  font-size: 1rem;
}

form.formulario input[type="text"],
form.formulario input[type="email"],
form.formulario input[type="tel"],
form.formulario input[type="password"],
form.formulario select,
form.formulario textarea {
  height: 40px;
  margin-bottom: 10px;
  display: block;
  clear: both;
}

form.formulario textarea {
  height: 80px;
}

form.formulario input[type="text"]:focus,
form.formulario input[type="email"]:focus,
form.formulario input[type="tel"]:focus,
form.formulario input[type="password"]:focus,
form.formulario textarea:focus,
form.formulario select:focus {
  color: white;
  background: #DC081F;
}

form.formulario input[type="text"]::-webkit-input-placeholder,
form.formulario input[type="email"]::-webkit-input-placeholder,
form.formulario input[type="tel"]::-webkit-input-placeholder,
form.formulario input[type="password"]::-webkit-input-placeholder,
form.formulario textarea::-webkit-input-placeholder,
form.formulario select::-webkit-input-placeholder {
  color: #000000;
  font-style: italic;
}

form.formulario input[type="text"]:-ms-input-placeholder,
form.formulario input[type="email"]:-ms-input-placeholder,
form.formulario input[type="tel"]:-ms-input-placeholder,
form.formulario input[type="password"]:-ms-input-placeholder,
form.formulario textarea:-ms-input-placeholder,
form.formulario select:-ms-input-placeholder {
  color: #000000;
  font-style: italic;
}

form.formulario input[type="text"]::-ms-input-placeholder,
form.formulario input[type="email"]::-ms-input-placeholder,
form.formulario input[type="tel"]::-ms-input-placeholder,
form.formulario input[type="password"]::-ms-input-placeholder,
form.formulario textarea::-ms-input-placeholder,
form.formulario select::-ms-input-placeholder {
  color: #000000;
  font-style: italic;
}

form.formulario input[type="text"]::placeholder,
form.formulario input[type="email"]::placeholder,
form.formulario input[type="tel"]::placeholder,
form.formulario input[type="password"]::placeholder,
form.formulario textarea::placeholder,
form.formulario select::placeholder {
  color: #000000;
  font-style: italic;
}

form.formulario input[type="text"]:focus::-webkit-input-placeholder,
form.formulario input[type="email"]:focus::-webkit-input-placeholder,
form.formulario input[type="tel"]:focus::-webkit-input-placeholder,
form.formulario input[type="password"]:focus::-webkit-input-placeholder,
form.formulario textarea:focus::-webkit-input-placeholder {
  color: white;
}

form.formulario input[type="text"]:focus:-ms-input-placeholder,
form.formulario input[type="email"]:focus:-ms-input-placeholder,
form.formulario input[type="tel"]:focus:-ms-input-placeholder,
form.formulario input[type="password"]:focus:-ms-input-placeholder,
form.formulario textarea:focus:-ms-input-placeholder {
  color: white;
}

form.formulario input[type="text"]:focus::-ms-input-placeholder,
form.formulario input[type="email"]:focus::-ms-input-placeholder,
form.formulario input[type="tel"]:focus::-ms-input-placeholder,
form.formulario input[type="password"]:focus::-ms-input-placeholder,
form.formulario textarea:focus::-ms-input-placeholder {
  color: white;
}

form.formulario input[type="text"]:focus::placeholder,
form.formulario input[type="email"]:focus::placeholder,
form.formulario input[type="tel"]:focus::placeholder,
form.formulario input[type="password"]:focus::placeholder,
form.formulario textarea:focus::placeholder {
  color: white;
}

form.formulario select {
  cursor: pointer;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  font-size: 12pt;
  font-size: 1rem;
}

form.formulario select:hover {
  color: white;
  background-color: #DC081F;
}

form.formulario input[type="checkbox"] {
  float: left;
  margin: 6px 10px 0 0;
}

/*--------------------Bread Crumbs--------------------*/
.bread-crumbs {
  display: none;
  overflow: hidden;
  margin-bottom: 20px;
  padding: .5em 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-transform: uppercase;
  text-align: center;
  font-size: 10.8pt;
  font-size: 0.9rem;
}

@media only screen and (min-width: 320px) {
  .bread-crumbs {
    display: block;
  }
}

.bread-crumbs a, .bread-crumbs mark {
  font-weight: 600;
}

.bread-crumbs a {
  color: #000000;
  background-color: white;
}

.bread-crumbs a:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.bread-crumbs a:hover {
  color: #DC081F;
}

.bread-crumbs mark {
  color: #828282;
}

/*--------------------Paginación--------------------*/
.paginacion {
  width: 100%;
  height: 35px;
  clear: both;
  margin: 20px 0;
  text-align: center;
}

.paginacion a,
.paginacion b {
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: inline-block;
  margin: 0 2px;
  font-weight: normal;
  text-align: center;
  line-height: 35px;
}

.paginacion b {
  color: white;
  background-color: #DC081F;
}

.paginacion a {
  color: #000000;
  background-color: #f5f5f5;
  -webkit-transition: -webkit-box-shadow .2s ease;
  transition: -webkit-box-shadow .2s ease;
  -o-transition: box-shadow .2s ease;
  transition: box-shadow .2s ease;
  transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
}

.paginacion a:hover {
  -webkit-box-shadow: inset 0 0 0 3px #e0e0e0;
          box-shadow: inset 0 0 0 3px #e0e0e0;
}

/*--------------------Anterior / Siguiente--------------------*/
.ant-sig {
  position: relative;
  z-index: 15;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px auto;
}

@media only screen and (min-width: 768px) {
  .ant-sig {
    margin: 70px auto;
  }
}

.ant-sig div {
  display: block;
  position: relative;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .ant-sig div {
    width: 50%;
    float: left;
  }
}

.ant-sig div figure {
  position: absolute;
  z-index: 100;
  max-width: 70px;
  display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .ant-sig div figure {
    width: 70px;
  }
}

.ant-sig div figure img {
  max-width: 70px;
  max-height: 70px;
  display: block;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.ant-sig div.ant {
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .ant-sig div.ant {
    width: 13em;
    float: left;
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  .ant-sig div.ant figure {
    bottom: 0;
    right: -75px;
  }
}

.ant-sig div.sig {
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .ant-sig div.sig {
    width: 13em;
    float: right;
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  .ant-sig div.sig figure {
    bottom: 0;
    left: -75px;
  }
}

@media only screen and (min-width: 768px) {
  .ant-sig div:hover figure,
  .ant-sig div:active figure,
  .ant-sig div:focus figure {
    display: block;
  }
}

.ant-sig div a {
  display: block;
  width: 13em;
  max-width: 100%;
  height: 40px;
  position: relative;
  border: 1px solid #DC081F;
  margin: 0 auto;
  color: white;
  background-color: #DC081F;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.ant-sig div a:hover {
  color: #DC081F;
  background-color: white;
  border: 1px solid #DC081F;
}

.ant-sig div a.ant:before, .ant-sig div a.sig:after {
  width: 25px;
  position: absolute;
  font-family: 'FontAwesome';
  font-weight: bold;
  font-size: 1.5rem;
  top: 0;
  bottom: -1px;
  color: white;
  line-height: 37px;
  background-color: #DC081F;
  -webkit-transition: background .5s;
  -o-transition: background .5s;
  transition: background .5s;
}

.ant-sig div a.ant:before {
  left: -1px;
  content: "\f104";
}

.ant-sig div a.sig:after {
  right: -1px;
  content: "\f105";
}

.ant-sig div a .sig:hover:after {
  background: #c3071c;
}

.bandera-producto {
  position: absolute;
  top: 93px;
  left: -18px;
}

/*------------------------Generales Productos------------------------*/
.productos ul {
  display: block;
  position: relative;
  clear: both;
  text-align: center;
}

.productos ul:after {
  content: '';
  display: block;
  clear: both;
}

@media only screen and (min-width: 480px) {
  .productos ul {
    margin: 0 -2.5%;
  }
}

@media only screen and (min-width: 1024px) {
  .productos ul {
    margin: 0 -1.66%;
  }
}

.productos ul li {
  position: relative;
  width: 100%;
  margin: 0 0 1.5em 0;
  float: left;
  background-color: white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 480px) {
  .productos ul li {
    width: 45%;
    margin: 0 2.5% 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .productos ul li {
    width: 21.68%;
    margin: 0 1.66% 20px;
  }
}

.productos ul li mark.nombre {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 1em .5rem;
  color: #DC081F;
}

.productos ul li mark.nombre:after, .productos ul li mark.nombre:before {
  content: '';
  position: absolute;
  display: block;
  width: 25%;
  height: 1px;
  background-color: #DC081F;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.productos ul li mark.nombre:before {
  bottom: 0;
  right: 30%;
}

.productos ul li mark.nombre:after {
  bottom: -5px;
  left: 30%;
}

.productos ul li figure {
  position: relative;
}

.productos ul li figure > div {
  background: white;
}

.productos ul li figure > div a.contenedor-img {
  width: 100%;
  display: block;
  overflow: hidden;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}

.productos ul li figure > div a.contenedor-img img.img-centrada {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.productos ul li figure > div a.segunda-imagen {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.productos ul li figure figcaption {
  position: relative;
  display: block;
  min-height: 20px;
  padding: 1.2em;
}

.productos ul li figure figcaption div.precio {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14.4pt;
  font-size: 1.2rem;
}

@media only screen and (min-width: 480px) {
  .productos ul li figure figcaption div.precio {
    font-size: 18pt;
    font-size: 1.5rem;
  }
}

.productos ul li figure figcaption div.caracteristicas {
  margin-bottom: 10px;
}

.productos ul li figure figcaption div.caracteristicas p {
  margin-bottom: 0;
}

.productos ul li figure figcaption a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  border-radius: 8px;
  color: white;
  background-color: #DC081F;
}

.productos ul li figure figcaption a i {
  margin: 0;
}

.productos ul li:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

.productos ul li:hover mark.nombre:before {
  right: 50%;
}

.productos ul li:hover mark.nombre:after {
  left: 50%;
}

.productos ul li:hover figure div a.segunda-imagen {
  opacity: 1;
}

.productos ul li:hover figure div a.primera-imagen {
  opacity: 0;
}

.productos ul li:hover figure figcaption a {
  background-color: #383838;
}

/*------------------------Generales Testimonios------------------------*/
.testimonios ul {
  overflow: hidden;
  display: block;
  position: relative;
  clear: both;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .testimonios ul {
    margin: 0 -2%;
  }
}

.testimonios ul li {
  width: 100%;
  margin: 0 0 3em 0;
  position: relative;
  float: left;
}

@media only screen and (min-width: 768px) {
  .testimonios ul li {
    width: 29%;
    margin: 0 2% 3%;
  }
}

.testimonios ul li figure .imagen-testimonio {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  background-size: 150% auto;
  background-repeat: no-repeat;
  background-position: 50%;
}

.testimonios ul li figure figcaption mark {
  display: block;
  margin: 20px 0;
  font-size: 15.6pt;
  font-size: 1.3rem;
}

.testimonios ul li figure figcaption div.descripcion-corta {
  height: 52.2pt;
  margin: 10px auto;
  font-size: 12pt;
  line-height: 1.45;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

/*--------------------Generales--------------------*/
main div.imagen-inicio {
  position: relative;
}

main div.imagen-inicio img {
  min-width: 240px;
  width: 100%;
}

/*--------------------Generales Ventajas--------------------*/
.ventajas {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .ventajas ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.ventajas ul li {
  margin-bottom: 40px;
  padding: 1rem;
}

@media only screen and (min-width: 768px) {
  .ventajas ul li {
    width: 20%;
    margin-bottom: 0;
  }
}

.ventajas ul li .icon-box {
  background: #ececec;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: relative;
}

.ventajas ul li .icon-box .icon {
  width: 50px;
  height: 50px;
  fill: #999999 !important;
  margin: auto;
  position: absolute;
  position: absolute;
  left: 50%;
  margin-left: -24px;
  top: 50%;
  margin-top: -25px;
}

.ventajas ul li .icon-box .icon path {
  fill: #999999 !important;
}

.ventajas ul li mark {
  position: relative;
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  font-size: 14.4pt;
  font-size: 1.2rem;
}

.ventajas ul li mark:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30px;
  height: 3px;
  background-color: #DC081F;
}

.ventajas ul li p {
  margin-top: .5rem;
  font-weight: normal;
}

/*--------------------Index--------------------*/
main.index div.imagen-inicio {
  position: relative;
  margin-top: -75px;
  max-height: 600px;
  overflow: hidden;
}

main.index div.imagen-inicio img {
  min-width: 240px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  main.index div.imagen-inicio {
    margin-top: -150px;
  }
}

@media only screen and (min-width: 1024px) {
  main.index div.imagen-inicio {
    margin-top: -200px;
    max-height: 100%;
    overflow: unset;
  }
}

main.index div.imagen-inicio .formulario-cotizacion-index {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 30px;
}

@media only screen and (min-width: 1024px) {
  main.index div.imagen-inicio .formulario-cotizacion-index {
    bottom: 75px;
  }
}

main.index div.imagen-inicio .formulario-cotizacion-index #tit-form-inicio {
  color: white;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  font-size: 27.6pt;
  font-size: 2.3rem;
}

@media only screen and (min-width: 1360px) {
  main.index div.imagen-inicio .formulario-cotizacion-index #tit-form-inicio {
    font-size: 36pt;
    font-size: 3rem;
  }
}

main.index .re-central .nosotros-index {
  text-align: center;
  margin-bottom: 60px;
}

main.index .productos-index {
  /*	    background-image: url(../images/productos-index-bg.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;*/
  background-color: #e8e8e8;
}

@media only screen and (min-width: 1024px) {
  main.index .productos-index {
    background-attachment: fixed;
  }
}

main.index .productos-index small, main.index .productos-index h2 {
  color: #000000;
}

main.index .productos-index a.boton-lineal {
  margin-top: 20px;
}

main.index .anclas-index {
  overflow: hidden;
  background-color: #f5f5f5;
}

main.index .anclas-index h3 {
  font-size: 24pt;
  font-size: 2rem;
}

@media only screen and (min-width: 1360px) {
  main.index .anclas-index h3 {
    font-size: 30pt;
    font-size: 2.5rem;
  }
}

main.index .anclas-index div.imagen-anclas {
  width: 100%;
  height: 400px;
  background-image: url("../images/anclas-index.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 1024px) {
  main.index .anclas-index div.imagen-anclas {
    width: 50%;
    float: left;
  }
}

main.index .anclas-index div {
  font-size: 14.4pt;
  font-size: 1.2rem;
}

@media only screen and (min-width: 1024px) {
  main.index .anclas-index div {
    width: 50%;
    float: right;
    padding: 40px;
  }
}

main.index .anclas-index div p {
  margin-bottom: 20px;
  color: #828282;
}

main.index .anclas-index div ul {
  text-transform: uppercase;
}

main.index .anclas-index div ul li a {
  position: relative;
  display: block;
  padding: .4em 1.5em;
  border-bottom: 1px solid #e0e0e0;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

main.index .anclas-index div ul li a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #DC081F;
}

main.index .anclas-index div ul li a:hover {
  color: #DC081F;
  padding-left: 1.75em;
}

/*--------------------Quiero vender--------------------*/
main.quiero-vender .re-central {
  padding: 20px 0;
}

main.quiero-vender .re-central section {
  padding: 2em;
  border-radius: 20px;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

main.quiero-vender .re-central section form select {
  clear: none;
}

main.quiero-vender .re-central section form div {
  overflow: hidden;
}

main.quiero-vender .re-central section form small {
  display: block;
  clear: both;
  margin: 20px 0;
}

/*--------------------Cotización--------------------*/
main.cotizacion h1 {
  margin: 0;
  padding: 10px;
}

main.cotizacion .resultado-cot {
  padding: .5rem;
  text-align: center;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 750px;
  border: 1px solid #eaeaea;
  min-height: 450px;
}

main.cotizacion .resultado-cot h3 {
  display: inline-block;
  color: #DC081F;
  padding: .5rem;
  margin-bottom: 0;
  width: 100%;
  font-size: .9rem;
}

main.cotizacion .resultado-cot div {
  display: inline-block;
  float: left;
  padding: 10px;
  width: 100%;
}

main.cotizacion .resultado-cot div small {
  display: block;
  text-transform: uppercase;
  margin-top: 5px;
}

main.cotizacion .resultado-cot div mark {
  font-size: 34.8pt;
  font-size: 2.9rem;
  white-space: nowrap;
  font-weight: bold;
}

main.cotizacion .resultado-cot div mark.anticipo {
  font-size: 20.4pt;
  font-size: 1.7rem;
}

main.cotizacion .resultado-cot div p {
  font-size: .8rem;
}

main.cotizacion .resultado-cot div:nth-child(4) {
  border-top: 2px solid #555;
}

@media only screen and (min-width: 1024px) {
  main.cotizacion .resultado-cot h3 {
    width: 100%;
    border-bottom: 0;
    margin-bottom: 0;
  }
  main.cotizacion .resultado-cot div {
    width: 100%;
    border-bottom: 0;
    margin-bottom: 5px;
    padding: .25rem;
  }
  main.cotizacion .resultado-cot div:nth-child(3), main.cotizacion .resultado-cot div:nth-child(4) {
    border-right: none;
  }
  main.cotizacion .resultado-cot div:last-child {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

@media only screen and (min-width: 768px) {
  main.cotizacion h1 {
    margin-top: 1rem;
  }
}

/*--------------------Listado de autos--------------------*/
main.autos .re-central aside.filtros {
  margin-bottom: 40px;
  padding: 1em;
  background-color: #f5f5f5;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1024px) {
  main.autos .re-central aside.filtros {
    width: 30%;
    float: left;
  }
}

main.autos .re-central aside.filtros em {
  font-weight: bold;
  text-transform: uppercase;
  color: #DC081F;
  font-size: 14.4pt;
  font-size: 1.2rem;
}

main.autos .re-central aside.filtros ul {
  margin: 20px -2.5% 20px;
  overflow: hidden;
}

main.autos .re-central aside.filtros ul li {
  position: relative;
  width: 46%;
  float: left;
  margin: 0 2% 7%;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  text-align: center;
}

@media only screen and (min-width: 600px) {
  main.autos .re-central aside.filtros ul li {
    width: 29%;
  }
}

main.autos .re-central aside.filtros ul li.itemSeleccionado span {
  color: #DC081F;
}

@media only screen and (min-width: 1360px) {
  main.autos .re-central aside.filtros ul li:hover span {
    color: #DC081F;
  }
}

main.autos .re-central aside.filtros ul li input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
}

main.autos .re-central aside.filtros ul li img {
  width: 100%;
  max-width: 80px;
}

main.autos .re-central aside.filtros ul li span {
  display: block;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all ease .25s;
  -o-transition: all ease .25s;
  transition: all ease .25s;
  font-size: 10.8pt;
  font-size: 0.9rem;
}

main.autos .re-central aside.filtros select {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: .25em 1em;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  font-size: 13.2pt;
  font-size: 1.1rem;
}

main.autos .re-central aside.filtros select:hover {
  color: white;
  background-color: #DC081F;
}

main.autos .re-central div.productos {
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  main.autos .re-central div.productos {
    width: 65%;
    float: right;
  }
}

@media only screen and (min-width: 1024px) {
  main.autos .re-central div.productos ul li {
    width: 46.6%;
  }
}

/*--------------------Autos Detalle--------------------*/
main.autos-detalle h1 {
  display: none;
}

@media only screen and (min-width: 1024px) {
  main.autos-detalle h1 {
    display: block;
  }
}

main.autos-detalle .re-central div.imagen-detalle {
  margin-bottom: 40px;
}

@media only screen and (min-width: 1024px) {
  main.autos-detalle .re-central div.imagen-detalle {
    width: 50%;
    float: left;
  }
}

main.autos-detalle .re-central div.imagen-detalle ul {
  position: relative;
  margin: 0 auto;
}

main.autos-detalle .re-central div.imagen-detalle ul:after {
  content: '';
  display: block;
  clear: both;
}

@media only screen and (min-width: 360px) {
  main.autos-detalle .re-central div.imagen-detalle ul {
    margin-left: -1%;
    margin-right: -1%;
  }
}

main.autos-detalle .re-central div.imagen-detalle ul li {
  position: relative;
  overflow: hidden;
  width: 46%;
  float: left;
  margin: 0 2% 6%;
  border: 1px solid #e0e0e0;
}

main.autos-detalle .re-central div.imagen-detalle ul li:first-child {
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (min-width: 480px) {
  main.autos-detalle .re-central div.imagen-detalle ul li {
    width: 29.33%;
    margin-bottom: 4%;
  }
}

@media only screen and (min-width: 768px) {
  main.autos-detalle .re-central div.imagen-detalle ul li {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%;
  }
}

main.autos-detalle .re-central div.imagen-detalle ul li a {
  display: block;
}

main.autos-detalle .re-central div.imagen-detalle ul li a img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

main.autos-detalle .re-central ul.caracteristicas li {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}

main.autos-detalle .re-central ul.caracteristicas li.precio p {
  color: #DC081F;
  font-weight: bold;
  font-size: 18pt;
  font-size: 1.5rem;
}

main.autos-detalle .re-central ul.caracteristicas li.financiamiento-contado {
  text-align: center;
}

main.autos-detalle .re-central ul.caracteristicas li.financiamiento-contado span {
  width: 100%;
  font-weight: bold;
}

main.autos-detalle .re-central ul.caracteristicas li mark {
  display: block;
  text-align: center;
  color: #DC081F;
  font-size: 15pt;
  font-size: 1.25rem;
}

main.autos-detalle .re-central ul.caracteristicas li span {
  display: block;
  width: 50%;
  float: left;
  color: #828282;
}

main.autos-detalle .re-central ul.caracteristicas li p {
  width: 50%;
  float: right;
}

@media only screen and (min-width: 1024px) {
  main.autos-detalle .re-central section.contenedor-lateral {
    width: 46%;
    float: right;
  }
}

main.autos-detalle .re-central section.contenedor-lateral ul.calificaciones-estrellas {
  overflow: hidden;
  padding: 20px 0;
  clear: both;
}

main.autos-detalle .re-central section.contenedor-lateral ul.calificaciones-estrellas li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}

@media only screen and (min-width: 768px) {
  main.autos-detalle .re-central section.contenedor-lateral ul.calificaciones-estrellas li {
    width: 50%;
    float: left;
  }
}

main.autos-detalle .re-central section.contenedor-lateral ul.calificaciones-estrellas li mark {
  display: block;
  margin: 10px 0;
  color: #DC081F;
  text-transform: uppercase;
  font-size: 15pt;
  font-size: 1.25rem;
}

main.autos-detalle .re-central section.contenedor-lateral ul.calificaciones-estrellas li figure.estrellas-calificacion {
  position: relative;
  display: inline-block;
  max-width: 150px;
}

main.autos-detalle .re-central section.contenedor-lateral ul.calificaciones-estrellas li figure.estrellas-calificacion img {
  width: 100%;
}

main.autos-detalle .re-central section.contenedor-lateral ul.calificaciones-estrellas li figure.estrellas-calificacion div {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: white;
}

main.autos-detalle .re-central section.contenedor-lateral ul.calificaciones-estrellas li p.texto-generico {
  padding-right: 1em;
  font-size: 11px;
}


main.autos-detalle .re-central section.espa {
  margin-bottom: 40px;
  width: 50%;
}

main.autos-detalle .re-central section.financiamiento {
  margin-bottom: 40px;  
}

main.autos-detalle .re-central section.financiamiento ul li {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}

main.autos-detalle .re-central section.financiamiento ul li.calcular {
  text-align: center;
}

main.autos-detalle .re-central section.financiamiento ul li mark {
  display: block;
  text-align: center;
  color: #DC081F;
  font-size: 15pt;
  font-size: 1.25rem;
}

main.autos-detalle .re-central section.financiamiento ul li span {
  display: block;
  width: 50%;
  float: left;
  color: #828282;
}

main.autos-detalle .re-central section.financiamiento ul li p, main.autos-detalle .re-central section.financiamiento ul li input {
  width: 50%;
  float: right;
  font-weight: bold;
}

main.autos-detalle .re-central section.financiamiento ul li input {
  padding: .5em;
  background-color: #f5f5f5;
  color: #DC081F;
  font-size: 13.2pt;
  font-size: 1.1rem;
}

main.autos-detalle .re-central div.caracteristicas-detalladas {
  clear: both;
  overflow: hidden;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  main.autos-detalle .re-central div.caracteristicas-detalladas ul {
    width: 50%;
    float: left;
  }
}

main.autos-detalle .re-central div.anclas {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}

main.autos-detalle .re-central div.anclas ul {
  color: white;
  background-color: #383838;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 10px;
  text-align: center;
}

main.autos-detalle .re-central div.anclas ul li {
  width: 50%;
  float: left;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

@media only screen and (min-width: 768px) {
  main.autos-detalle .re-central div.anclas ul li {
    width: 20%;
  }
}

main.autos-detalle .re-central div.anclas ul li.itemActivo, main.autos-detalle .re-central div.anclas ul li:hover {
  background-color: #DC081F;
}

main.autos-detalle .re-central div.anclas ul li a {
  display: block;
  padding: .75em 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10.8pt;
  font-size: 0.9rem;
}

main.autos-detalle .re-central div.botones {
  clear: both;
}

main.autos-detalle .re-central div.botones div.compartir {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

main.autos-detalle .re-central div.botones div.compartir a {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 50%;
  text-align: center;
  line-height: 55px;
}

main.autos-detalle .re-central div.botones div.compartir a.whatsapp {
  background-color: #25d366;
}

main.autos-detalle .re-central div.botones div.compartir a.facebook {
  background-color: #4267b2;
}

main.autos-detalle .re-central div.botones div.compartir a:hover.whatsapp {
  background-color: #08a460;
}

main.autos-detalle .re-central div.botones div.compartir a i {
  color: white;
  margin: 0;
  font-size: 18pt;
  font-size: 1.5rem;
}

main.autos-detalle .re-central section.productosSim {
  margin-top: 20px;
}

/*--------------------Ventajas--------------------*/
main.ventajas .re-central .texto-ventajas {
  margin-bottom: 40px;
  color: #828282;
}

/*--------------------Nosotros y ¿Cómo vender?--------------------*/
main.nosotros .re-central section div.descripcion, main.como-vender .re-central section div.descripcion {
  color: #828282;
}

@media only screen and (min-width: 768px) {
  main.nosotros .re-central section div.descripcion, main.como-vender .re-central section div.descripcion {
    width: 55%;
    float: right;
  }
}

main.nosotros .re-central section div.descripcion mark, main.como-vender .re-central section div.descripcion mark {
  display: block;
  margin: 20px 0;
  font-size: 14.4pt;
  font-size: 1.2rem;
}

main.nosotros .re-central section div.descripcion ul, main.como-vender .re-central section div.descripcion ul {
  margin: 20px 0;
}

main.nosotros .re-central section div.descripcion ul li, main.como-vender .re-central section div.descripcion ul li {
  margin-bottom: 10px;
}

main.nosotros .re-central section div.descripcion ul li i, main.como-vender .re-central section div.descripcion ul li i {
  color: #DC081F;
}

main.nosotros .re-central section div.descripcion ul li p, main.nosotros .re-central section div.descripcion ul li span, main.nosotros .re-central section div.descripcion ul li ul li, main.como-vender .re-central section div.descripcion ul li p, main.como-vender .re-central section div.descripcion ul li span, main.como-vender .re-central section div.descripcion ul li ul li {
  margin-left: 1rem;
}

main.nosotros .re-central section div.descripcion ul li span, main.como-vender .re-central section div.descripcion ul li span {
  display: block;
}

main.nosotros .re-central section figure, main.como-vender .re-central section figure {
  margin: 20px 0;
}

@media only screen and (min-width: 768px) {
  main.nosotros .re-central section figure, main.como-vender .re-central section figure {
    width: 40%;
    float: left;
  }
}

main.nosotros .re-central section figure img, main.como-vender .re-central section figure img {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border: 5px solid #e0e0e0;
}

/*--------------------FAQ--------------------*/
main.preguntas-frecuentes .re-central section ol > li {
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #e0e0e0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

main.preguntas-frecuentes .re-central section ol > li mark {
  position: relative;
  display: block;
  font-weight: 700;
}

main.preguntas-frecuentes .re-central section ol > li mark a {
  position: relative;
  display: block;
  position: relative;
  padding: .75em 1em;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  transition: color .5s;
}

main.preguntas-frecuentes .re-central section ol > li mark a:hover {
  color: #383838;
}

main.preguntas-frecuentes .re-central section ol > li mark a:hover:before {
  color: #383838;
}

main.preguntas-frecuentes .re-central section ol > li mark a:hover i {
  color: #383838;
}

main.preguntas-frecuentes .re-central section ol > li mark a i {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
  color: #DC081F;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  transition: color .5s;
  font-size: 18pt;
  font-size: 1.5rem;
}

main.preguntas-frecuentes .re-central section ol > li mark a i.fa-minus {
  display: none;
}

main.preguntas-frecuentes .re-central section ol > li div.contenedor {
  display: none;
  padding: 1em;
}

main.preguntas-frecuentes .re-central section ol > li div.contenedor section {
  color: #828282;
  margin-bottom: 20px;
}

main.preguntas-frecuentes .re-central section ol > li.item-activo mark a {
  color: white;
  background-color: #DC081F;
}

main.preguntas-frecuentes .re-central section ol > li.item-activo mark a i {
  color: white;
}

main.preguntas-frecuentes .re-central section ol > li.item-activo mark a i.fa-minus {
  display: block;
}

main.preguntas-frecuentes .re-central section ol > li.item-activo mark a i.fa-plus {
  display: none;
}

/*--------------------Sucursales--------------------*/
main.sucursales .re-central ul:after {
  content: '';
  display: block;
  clear: both;
}

@media only screen and (min-width: 768px) {
  main.sucursales .re-central ul {
    margin: 0 -2%;
  }
}

main.sucursales .re-central ul li {
  margin-bottom: 30px;
  padding: 1em;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 768px) {
  main.sucursales .re-central ul li {
    width: 46%;
    float: left;
    margin: 0 2% 30px;
  }
}

main.sucursales .re-central ul li mark {
  position: relative;
  display: block;
  padding: 20px 0;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 15pt;
  font-size: 1.25rem;
}

main.sucursales .re-central ul li mark:after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 50px;
  height: 3px;
  background-color: #DC081F;
  -webkit-transition: all ease .25s;
  -o-transition: all ease .25s;
  transition: all ease .25s;
}

main.sucursales .re-central ul li section {
  border-radius: 20px;
}

main.sucursales .re-central ul li p, main.sucursales .re-central ul li a.tel {
  margin-bottom: 20px;
}

main.sucursales .re-central ul li a.tel {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  color: #DC081F;
  font-weight: 600;
  font-style: italic;
  font-size: 15pt;
  font-size: 1.25rem;
}

/*------------------------Contacto------------------------*/
main.contacto .re-central > section {
  text-align: center;
}

main.contacto .re-central > section .texto {
  margin-bottom: 40px;
}

main.contacto .re-central > section address:after {
  content: '';
  display: block;
  clear: both;
}

@media only screen and (min-width: 768px) {
  main.contacto .re-central > section address {
    margin: 60px -2%;
  }
}

main.contacto .re-central > section address > div {
  position: relative;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  main.contacto .re-central > section address > div {
    width: 29.33%;
    float: left;
    margin: 0 2%;
  }
}

main.contacto .re-central > section address > div i {
  display: block;
  margin: 0 0 20px;
  color: #DC081F;
  font-size: 24pt;
  font-size: 2rem;
}

main.contacto .re-central > section address > div div {
  padding: 2em;
  border-radius: 20px;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

main.contacto .re-central > section address > div div:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

main.contacto .re-central > section address > div div span {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 600;
  font-size: 15.6pt;
  font-size: 1.3rem;
}

main.contacto .re-central > section address > div div a {
  word-wrap: break-word;
  white-space: normal;
}

main.contacto .re-central > section address > div div a.correo:hover {
  color: #DC081F;
}

main.contacto .re-central > section article section.dir-form {
  max-width: 700px;
  margin: 0 auto;
}

/*------------------------Contacto Gracias y Error 404------------------------*/
main.contacto-gracias div.re-central, main.error404 div.re-central {
  padding: 6em 0;
}

main.contacto-gracias div.re-central div, main.error404 div.re-central div {
  color: #000000;
  text-align: center;
  font-size: 14.4pt;
  font-size: 1.2rem;
}

main.contacto-gracias div.re-central div a, main.error404 div.re-central div a {
  border-bottom: 1px solid #000000;
}

main.contacto-gracias div.re-central div a:hover, main.error404 div.re-central div a:hover {
  color: #DC081F;
}

/*--------------------PDF Autos--------------------*/
article.pdf-autos section div.descripcion {
  padding-left: 40px;
}

/*--------------------PDF Auto Detalle--------------------*/
article.pdf-auto {
  text-align: center;
  padding-top: 20px;
}

article.pdf-auto section.detalle-auto {
  text-align: left;
  margin: 20px auto;
}

article.pdf-auto section.detalle-auto aside.galeria {
  overflow: hidden;
}

article.pdf-auto section.detalle-auto aside.galeria div {
  width: 45%;
  margin: 0 2.5% 5%;
  float: left;
}

article.pdf-auto section.detalle-auto div.descripcion section.caracteristicas-y-financiamiento ul li p span {
  font-weight: bold;
}

article.pdf-auto section.detalle-auto div.descripcion div.txt-editor {
  margin-bottom: 20px;
}

article.pdf-auto section.detalle-auto div.descripcion div.sitio-web {
  margin-bottom: 20px;
}

article.pdf-auto section.detalle-auto div.descripcion div.sitio-web p {
  font-size: 16.8pt;
  font-size: 1.4rem;
}
/*# sourceMappingURL=styles.css.map */