/*
Theme Name: F.Tomé | Empresas
Theme URI: http://www.ftome.com
Original Theme URI: http://www.ftome.com/empresas-colectivos
Description: Theme creado para site Empresas F.Tomé
Version: 1.0
Author: Edu Arroyo Vendrell
Author URI: http://www.eduarroyo.com
*/

/* ======================================================================================= */
/* Form Llamar
================================================================ */
#llamar{height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); position: fixed; z-index: 100; display: none;}
#llamar h1{font-size: 16px; color:#555; font-weight: bold; margin-left: 30px; margin-top: 12px; letter-spacing: -0.7px; margin-bottom: 21px;}
.llamar-contenido{background-color: #fff; position: absolute; height: 371px;  width: 525px; left: 50%; top: 50%; margin-left:-262px; margin-top:-187px; padding: 0px 30px;}
#llamar-logo{margin: 15px 5px 5px 0px; width:300; height: 64;}
#llamar-icono{position: absolute; top: 92px; right: 118px; -webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.5));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
}
#llamar-icono-peq{position: absolute; top:20px; right: 271px;cursor:pointer;-webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.5));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
}
.llamar-form{height: 174px; background-color: #d4d4d4; padding: 32px 10px 10px 15px}
.cerrar{position: absolute; top:-10px; right: -8px;}
#llamar input{ padding: 8px 8px; color: #9B9B9B; font-size: 14px; font-family: 'Arial', sans-serif; width: 240px; margin: 0 5px; border: 1px #e4e4e4 solid;
-webkit-border-radius: 2px;
border-radius: 2px;}
#llamar .wpcf7-submit {
  display: flex !important;
  padding: 17px 20px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 86px !important;
  background: #EF7B11 !important;
  color: #FFF !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;

  /* Añadidos para eliminar efectos visuales del texto */
  text-shadow: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
}
.enviar-site {
    padding: 3px 16px;
    font-size: 10px;
    color: #FFF;
    text-shadow: 1px 1px 1px #86390E;
    border: 1px solid #E56739;
    border-radius: 4px;
    background: transparent linear-gradient(to bottom, #FF9723 0%, #FF4E0B 100%) repeat scroll 0% 0%;
    margin-top: 5px;
}
.ajax-loader{background-color: #fff; padding: 2px}

#llamar div.wpcf7-response-output {margin: 11px 0px 5px 7px; padding: 0px; font-weight: bold; font-family: 'Arial'; background-color: transparent;}
#llamar div.wpcf7-mail-sent-ok {color: #333; border: 0px;font-weight: bold;font-family: 'Arial';  background-color: transparent;}
#llamar div.wpcf7-mail-sent-ng { color: #333; border: 0px;font-weight: bold; font-family: 'Arial'; background-color: transparent;}
#llamar div.wpcf7-spam-blocked { color: #333; border: 0px;font-weight: bold;font-family: 'Arial';  background-color: transparent;}
#llamar div.wpcf7-validation-errors { color: #333; border: 0px;font-weight: bold; font-family: 'Arial'; background-color: transparent;}

#llamar span.wpcf7-not-valid-tip {
position: absolute;
top: -1px;
left: 9px;
z-index: 100;
background-color: transparent;
border: 0px;
font-size: 10pt;
width: auto;
padding: 2px;
color: red;
font-size: 11px;}

/* DIV "te llamamos" */
.llamamos{height: 24px; width: 100%; background-color:#d3d3d3; }
.llamamos p, .llamamos label {font-size: 11px; color:#000; font-family: 'Arial';}
.llamanos-container{position: relative; width: 1000px; margin: 0 auto; padding: 1px 0 0 0;}
.llamanos-texto {position: relative; float: right; margin-top: 1px; margin-right: 133px; font-weight: bold;}

.wpcf7-acceptance{width: 20px !important}



.hero-multiple {
  max-width: 1680px;
  margin: 0 auto;
  width: 100%;
}

/* HEADER */

/* General */
.header-logo {
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
}

.logo-grupo {
  margin-bottom: 1px;
}

.logo-ftome {
  display: flex !important;
  gap: 4px !important;
  align-items: baseline !important;
}

.header-logo {
  transform: scale(1.2) !important;
    max-width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
}
.main-header{
  display: relative !important;
}

.main-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
    width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
}

/* Estilos para el logo (ajustes en tamaños para pantallas pequeñas) */
.logo-ftome svg:nth-child(1),
.logo-ftome svg:nth-child(2),
.logo-ftome svg:nth-child(3) {
  margin-right: -5px !important;
}

.header-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap; /* Esto permite que el nav baje debajo del logo si no cabe */
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden; /* Solo mostrar scroll si de verdad es necesario, pero no cortar */
}

/* Ajustes a los h1 */
.header-logo h1 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
}

.header-nav ul {
  list-style: none;
  display: flex;
}

.header-nav ul li a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
}

/* Logo imagen: ajuste para tamaño */
.header-logo img {
  max-width: 100%;
  height: auto;
  width: 300px;
}

/* Hero */
.header-hero {
  flex: 1;
  display: flex;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: 40px !important;
    position: relative;

}

.header-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.header-top,
.header-hero,
.hero-content {
  position: relative;
  z-index: 2;

}

.hero-content {
  max-width: 580px;
  background: none !important;
  text-align: left;
  padding-top: 50px;
  padding-left: 100px;
  width: 100%;
}

.hero-title {
  color: #FFFFFF !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 80px !important;
  font-style: normal !important;
  font-weight: 100 !important;
  line-height: 80px !important;
  align-self: stretch;
  text-align: left;
  margin-bottom: 25px;
  
}

.hero-title .hero-bold {
  font-weight: 700 !important;
  line-height: 50px !important;
}

.hero-subtitle {
  color: #FFFFFF;
  font-family: Lato;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}

.hero-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
}

.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 17px 20px !important;
  gap: 6px !important;
  border-radius: 86px !important;
  font-family: Lato, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  text-decoration: none !important;
  color: #FFFFFF !important;
}

/* Botones específicos */
.btn.cita-taller {
  background: #EF7B11 !important;
  border: none !important;
  box-shadow: none !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 600 !important;
  transform: none !important;
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
}
.header-top a.btn {
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  color: #fff;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.concesionarios {
  background: #000000 !important;
  border: none !important;
  box-shadow: none !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 600 !important;
  transform: none !important;
  backface-visibility: hidden !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Links dentro de nav */
.nav-list li a svg {
  margin-right: 6px !important;
  vertical-align: middle !important;
}

.header-nav ul li a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.header-nav {
justify-content: center; /* Esto centra los hijos horizontalmente */
  padding-right: 20px !important;
}

.nav-list {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 50px !important;
}

.nav-list li {
  list-style: none;
}

.nav-list li a {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--FTome-White, #FFF) !important;
  font-family: Lato, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  text-decoration: none !important;
}

/* ----------------------------------------------
   MEDIA QUERIES
----------------------------------------------- */
/* Móviles */
@media (max-width: 767px) {

.hero-multiple {
  margin: 0 auto;
  width: 100%;
  height: 50%;
}

.main-header{
    height: 100%;
}
.hero-content {
    width:100%;
    padding-top: 0;
    padding-left: 0;
}
  .header-top {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 10px !important;
    box-sizing: border-box !important;
  }
  .header-nav ul{
    margin: 0 !important;
  }
   .logo,
  .header-logo {
    width: 100%;
    text-align: center;
  }

  .header-logo img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .header-nav {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    padding-right: 0 !important;

  }

  .nav-list {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .nav-list li {
    width: 100% !important;
    text-align: center !important;
  }

  .nav-list li a {
    width: 90% !important;
    display: inline-block !important;
    font-size: 14px !important;
    text-align: center !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
  }

  .nav-list li a.btn {
    width: 90% !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
  }

  .nav-list li:first-child a {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #fff !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  


  .hero-title {
    font-size: 40px !important;
    line-height: 48px !important;
    text-align: center;
  }

  .hero-subtitle {
    font-size: 18px;
    text-align: center;
    padding-bot: 200px;
  }
}

@media (min-width: 768px) and (max-width: 1440px) {
    .hero-content{
        padding-left: 0 !important;
    }
    .hero-multiple {
        max-width: 600px !important;
  margin: 0 auto;
  width: 100%;
}
}

@media (min-width: 768px) and (max-width: 1024px) {

  .hero-multiple {
    margin: 0 auto;
    width: 100%;
    height: 60%; /* un poco más que en mobile */
  }

  .main-header {
    height: 100%;
  }

  .hero-content {
    width: 100%;
    padding-top: 20px;
  }

  .header-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 15px 30px !important;
    box-sizing: border-box !important;
  }

  .header-nav ul {
    margin: 0 !important;
  }

  .logo,
  .header-logo {
    width: auto;
    text-align: left;
  }

  .header-logo img {
    max-width: 180px !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
  }

  .header-nav {
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 20px;
    box-sizing: border-box !important;
  }

  .nav-list {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
  }

  .nav-list li {
    text-align: left !important;
  }

  .nav-list li a {
    font-size: 16px !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
  }

  .nav-list li a.btn {
    font-size: 15px !important;
    padding: 10px 20px !important;
  }

  .nav-list li:first-child a {
    font-size: 17px !important;
    font-weight: bold !important;
    color: #fff !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .hero-title {
    font-size: 48px !important;
    line-height: 56px !important;
    text-align: center;
  }

  .hero-subtitle {
    font-size: 20px;
    text-align: center;
    padding-bottom: 60px;
  }
}



/* Whatsapp
================================================================ */

/* Nuevos */
#whatsapp{top: -13px; position: relative;}
.txt-whatsapp{width: 420px; font-size: 19px; margin: 33px 0px; line-height: 26px;}
.destacado-whatsapp{font-size:60px; font-weight: bold; line-height: 61px;}
.titulo-whatsapp{margin-top: 23px; font-weight: bold;}
#whatsapp-smartphone{display: none;}
#tit2wh{height: 5px; margin: -11px 0}

/* Cambios */
/*.redes1 ul {margin: 20px 0px -8px 19px;}
.llamar-contenido {padding: 0px 30px;}
#llamar-logo {margin: 15px 5px 5px 0px;}
#llamar-icono {top: 92px; right: 118px;}
#whatsapp{width: 27px; top: -2px; right: 0px;}
#whatsapp-smartphone{display: inline;}*/


/* Main Navigation
==========================*/
.selectnav {display: none; cursor: pointer; width: 100%; padding: 0px; height: 37px; font-size: 14px;}
#navigation {float: left; margin:0; /*border-bottom: 1px solid #dddddd;*/ width: 100%}
#navigation ul, #navigation li {list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{float:left; position:relative;}

#navigation ul li a{ 
	font-family: 'Noto Sans', sans-serif;
	display: inline-block;
	color: #555;
	padding: 17px 20px 17px 15px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	border-top: 3px solid transparent;
	margin-right: 2px;
	 -webkit-transition: 0.1s linear;
 	 -moz-transition: 0.2s linear;
 	 -o-transition: 0.2s linear;
 	 -ms-transition: 0.2s linear;
 	 transition: 0.2s linear;
}

#navigation ul li a:hover{border-top: 3px solid #ff7a00;  -webkit-transition: 0.1s linear;
  -moz-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  transition: 0.2s linear;


}

#navigation ul ul {
	
	margin: -5px 0 0 -1px;
	position: absolute;
	top:-99999px; 
	background: #fff;
	border: 1px solid #dddddd;
	z-index: 999;
}

#navigation ul ul li a:hover {	
	border-top: 3px solid transparent;
	background-color: #ff7a00;
	color: #fff;
}

#navigation ul ul li a {
	padding: 11px 15px 10px 15px;
	display: block;
	width: 150px;
	margin: 0px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: normal;
	color: #777;
	font-size: 11px;
	border-bottom: 1px solid #dddddd;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border:0;}

#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #fff; border: 0; border-top: 3px solid #ff7a00;}

#navigation ul li:hover > a {border-top: 3px solid #ff7a00;}
.current-nav {color: #999 !important;}
.icono-llegar {
 	background-image: url("images/position.png");
	background-position: 9px 12px;
	width: 123px;
	height: 40px;
	background-repeat: no-repeat;
}
.icono-llegar a{ padding-left: 33px !important; padding-right: 7px !important; padding-top: 19px !important;}
.current a{border-top: 3px solid #ff7a00 !important;}
.current ul a{border-top: 3px solid transparent !important;}

.current_page_item a{border-top: 3px solid #ff7a00 !important;}
#navigation ul ul li a{border-top: transparent !important;}
#navigation .current-menu-ancestor > a {border-top: 3px solid #ff7a00 !important;}

.concesionario{margin: 30px 0;}


/* Página marcas
==========================*/
#marca{
color: #000;
font-family: Lato;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.5;

}   

h2 small{
font-size: 30px;
font-weight: 600;

}
h1, h2, h3, h4{
  font-family: 'Lato', sans-serif !important;

}
.oferta-extracto h1,
.oferta-extracto h2 {
    text-align: left !important;
}

.span7{
  font-family: 'Lato', sans-serif !important;
}
.span5{
  justify-content: center;
  text-align: center !important;
  border-radius: 8px !important;
  font-size: 38.5px !important;
  font-weight: bold !important;
}


.span5.margin-bottom10 img {
  border-radius: 8px !important;
}
#marca h1{margin-bottom: 5px; font-size: 20px; text-align: left;}
#marca h2 {
  color: black;
  font-size: 22px;
border-bottom: 1px #000000 solid;
font-family: 'Lato', sans-serif !important;
  text-align: left;
  font-weight: 400;
}#marca h3{margin: 5px 0 30px;}

@media screen and (max-width: 767px) {
  #marca h1,
  #marca h2,
  .oferta-extracto h1,
  .oferta-extracto h2,
  .oferta-extracto p {
      text-align: center !important;
      line-height: 1.1;
      font-family: 'Lato', sans-serif !important;

  }

  .span5 {
      text-align: center !important;
  }

  .btn.btn-small.btn-primary {
      display: block !important;
      margin: 15px auto !important;
      justify-content: center !important;
  }

  .ver-direcciones{
    display: none;
  }
}


.blue{
  justify-content: center;
  text-align: center !important;
  border-radius: 8px !important;
  font-size: 34.5px !important;
  font-weight: bold !important;
}
.blue a{color:black; font-weight: bold;}
.cartela-marcas{

}
#titulo-empresa{
	padding: 20px 29px;
	background-color: #F0F0F0;
	min-height: 127px;

}
.container.margin-top20 > .row-fluid.margin-bottom30 {
  display: flex !important;
  align-items: flex-end !important;
  margin-bottom: 50px !important;
}

.container.margin-top20 > .row-fluid.margin-bottom30 > .span5,
  flex: 0 0 auto; /* que no crezcan ni encojan */
}
.titulo-cartela-marcas{
	background-color: #3289B6;
	color: #FFF;
	text-align: center;
	padding: 11px 13px;
	line-height: 20px;
	font-weight: 600;
	font-size: 16px;
}
.titulo-cartela-marcas2{

	text-align: center;
	padding: 8px 13px;
	line-height: 15px;
	font-weight: 600;
  border-radius: 8px 8px 0 0 !important;
}

#titulo-empresa h3{padding-bottom: 0px; margin-bottom: 5px }
.bt-ver{
font-size: 10px;
font-family: Lato;
}
#titulo-empresa .span5{
    width: 90% !important;
}
.bt-ver a{font-size: 10px; text-decoration: underline;}
#ico-whatsapp{width: 21px;}
.logos-marcas{text-align: center; border: 1px #e0e0e0 solid; padding: 15px 0}
.logos-marcas img{width: 40%; margin-top: 10px}



/* Contenedor principal */
.cartela-marcas {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Título del bloque */
.titulo-cartela-marcas2 {
  text-align: center;
  padding: 0.75rem 1rem;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
  margin: -1.5rem -1.5rem 1rem; /* coincide con el padding de .cartela-marcas */
  font-size: 20px;
}

/* Grid flexible de logos */
.logos-marcas2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin: 0 auto;
  max-width: 1200px;
}

/* Cada logo + botón */
.logos-marcas2 .logo-item {
  position: relative;
  flex: 1 1 140px;         /* ancho base 180px y crece según espacio */
  max-width: 220px;
  padding: 1rem;
  background: #f9f9f9; /* el mismo gris de la card */
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  height: 100px;
}

.logos-marcas2 .logo-item img {
  mix-blend-mode: multiply;
  margin-bottom: 0 !important;
}

/* Elevación suave al hover */
.logos-marcas2 .logo-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* Imagen del logo */
.logos-marcas2 .logo-item img {
  max-height: 80px;
  margin: 0 auto 1rem;
  transition: transform 0.6s ease !important;
}

/* Botón “Ver” */
.logos-marcas2 .logo-item .logo-btn {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translate(-50%, 100%);
  opacity: 0;
  background: #EF7B11;
  color: #fff;
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  transition-property: transform, opacity !important;
  transition-duration: 1s, 1s !important;
  transition-timing-function: ease, ease !important;
  white-space: nowrap;
}

/* Hover: sube imagen y muestra botón */
.logos-marcas2 .logo-item:hover img {
  transform: translateY(-8px);
    transition-duration: 0.6s !important;

}
.logos-marcas2 .logo-item:hover .logo-btn {
  transform: translate(-50%, 0);
  opacity: 1;
    transition-duration: 1s, 1s !important;
  transition-delay: 0s, 0s !important;
}



/* Responsive: en móviles, una columna */
@media (max-width: 600px) {
  .logos-marcas2 {
    gap: 1rem;
  }
  .logos-marcas2 .logo-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}




.oferta-extracto h2{border-bottom: 0px !important; color: #1F1F1F; font-weight: 600; font-size: 20px}
.nav-tabs > li > a {
    line-height: 1.42857;
    font-size: 13px !important;
    text-align: center;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #333 !important;
    background-color: #CFCFCF !important;
    text-align: center;
    font-size: 13px;
}

.hidden_content{display:none;}

.contacte, .datos-comercial{margin: 10px 0}


/* Blog
==========================*/

.blog-item{margin-bottom: 25px}
.blog-item a{text-decoration: none;}
.blog-item a:hover{opacity: 0.8}
.item-principal h1{font-size: 34px; color: #3289B6; line-height: 35px; margin: 16px 0 8px 0}
.item-secundario h1{font-size: 23px; color: #3289B6; line-height: 26px; margin: 12px 0 2px 0}

#post h1{font-size: 35px; color: #3289B6; line-height: 36px; margin: 16px 0 8px 0}

.fecha{color: #999; margin-bottom: 10px}

.listado-categorias{padding: 10px 15px; background-color: #EFEFEF; margin-bottom: 35px}
.listado-categorias ul{padding: 0; margin: 0}
.listado-categorias li{list-style: none; margin-bottom: 5px}
.listado-categorias li:last-child{list-style: none; margin-bottom: 0px}

.buscador{margin-bottom:35px}


/* IE Dropdown Fix
==========================*/
.ie-dropdown-fix {position: relative; z-index: 5;}


/* #Site Styles
================================================== */
.margin-bottom10{margin-bottom: 10px}
.margin-bottom20{margin-bottom: 20px}
.margin-bottom30{margin-bottom: 30px}
.margin-bottom40{margin-bottom: 40px}

.margin-top10{margin-top: 10px}
.margin-top20{margin-top: 20px}
.line-1px{border-bottom: 1px solid #dddddd; margin: 5px 0px 3px 0px;}
.line2{border-bottom: 1px solid #dddddd; margin: 20px 0px 30px 0px;}
.destacado-azul{color: #47799c; }
.bold{font-weight: bolder;}




/* HOME
================================================== */
#selector-marca{background-color: #efefef; padding: 8px 20px 15px; margin: 9px 0; text-align: center}
#selector-marca h1{font-size: 25px; font-weight: bold;}
#selector-marca select{width: 100%; color: #FF8335; font-weight: bold !important; font-size: 13px;}
.bt-selector, .bt-selector:hover{font-size: 12px;}

.naranja{color: green}

.width100{width: 100%}

.div-titular-home{padding:1px 12px; background-color: #5f5f5f; color: #fff; border-bottom: transparent;}
.div-titular-home h3{padding: 0px; margin:3px 0;color: #fff; border-bottom: transparent;}
.div-desc{background-color: #fff; padding:11px 9px;  
	-webkit-border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	}
.div-desc p{margin:0px; line-height: 20px; line-height: 16px !important;}
.div-titular h3{border: 0px; color:#fff; padding: 0px; margin: 0px; font-weight: normal; font-size: 13px;}
.oferta {margin-bottom: 10px;border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.oferta p {text-align: left; line-height: 0.7em; padding-left: 5px;}
.oferta a:hover {text-decoration: none;}
/*.oferta a:hover > .oferta img{opacity: 0.8;  -moz-transition: 0.2s linear; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; transition: 0.2s linear;}
*/

#info1{float: right; font-size: 9px; text-align: center;}

.redes1 ul {display: inline; float: left; text-align: center; height: auto;	width: 100%; margin: 20px 0px -11px 42px;}
.redes2{margin-top: 17px;}
.redes2 ul {display: inline; float: left; text-align: center; height: auto; width: 100%; margin:17px 0px 0px 10px; }
.redes1 li, .redes2 li  {list-style: none; display: inline; float: left; text-align: center; margin: 1px 2px;}
/*.redes1 li:first-child, .redes2 li:first-child{margin-top: 6px;}*/
#info1 a:hover{opacity: 0.8;  -moz-transition: 0.2s linear; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; transition: 0.2s linear;}

.ver-direcciones {margin: 0px 0px 10px 0px;}
.ver-direcciones p {font-size: 9px; margin: 0px 0px 0px 0px;}

.columna {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Asegura que todo esté alineado arriba */
}

.cartelera {
  margin-top: 0; /* Elimina cualquier espacio superior en la cartelera */
  padding-top: 0; /* Elimina cualquier relleno en la parte superior */
}

.tlf-contacto a {
  display: block; /* Esto asegura que el enlace ocupe toda la anchura posible */
  text-align: center; /* Alineación centrada del texto */
  color: black !important;
}




.span3.row-fluid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; /* si esto no funciona bien, usa una altura fija */
  margin: 0 !important;
  padding-top: 70px !important;
  align-items: center !important;
  width: 200px !important;
  align-items: flex-end !important;
  font-size: 16px;

  
}




#info1 {
  font-size: 18px; /* Tamaño de fuente general más grande */
}

.tlf-contacto a {
  font-size: 24px; /* Aumenta el tamaño de los números de teléfono */
  font-weight: bold; /* Haz que el texto del teléfono sea más grueso */
  color: #47789b; /* Ajusta el color si es necesario */
}

.ver-direcciones {
  font-size: 18px; /* Aumenta el tamaño de fuente en la parte de direcciones */
}

.row-fluid {
  margin-bottom: 15px; /* Espacio entre las filas para darles respiro */
}

.line-1px {
  height: 1px;
  background-color: #ccc;
  margin: 10px 0; /* Espacio superior e inferior para separarlo un poco */
}

.ver-contacto {
  font-size: 20px; /* Aumenta el tamaño del texto "Ver ubicaciones y horarios" */
  font-weight: bold;
  color: #47789b;
}

#whatsapp-smartphone div {
  font-size: 16px; /* Aumenta el tamaño del texto de WhatsApp */
}

.tlf-contacto a {
  font-size: 22px; /* Aumenta el tamaño del número de WhatsApp */
}










.tlf-contacto2 {font-weight: bold; font-size: 24px; color:#ff7a00; margin-top: 2px; margin-left: 1px !important;}
.dir a, .tlf-contacto a {color:#47789b; text-decoration: none;}
.ver-contacto {/*text-align: left;*/ font-weight: bold; font-size: 11px; color:#ff7a00; line-height: 14px; margin-left: 0px !important; margin-top: 4px}
.concesionario img{
	-webkit-border-radius: 4px; 
	-moz-border-radius:  4px;
	border-radius:  4px;
	margin-bottom: 10px;
}
.concesionario h2{margin: 0px 0px 13px 0px; line-height: 20px}
.concesionario p{line-height: 19px;}

.link-slider{height: 100%;}

.mostrar{display: inherit;}
.ocultar{display: none;}


.form-ofertas h1{
 color: #000;
font-family: Lato;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 50px;
text-align: center;

}

/* ---------------------------------------------
   CONTENEDOR PRINCIPAL DEL FORMULARIO
---------------------------------------------- */
.span4 {
  position: relative !important;
  width: 100% !important;
  padding-top: 120px !important;
  box-sizing: border-box !important;
}

#form2 {
  position: absolute !important;
  left: 1000px;
  top: 60% !important;
  transform: translateY(-50%) !important;
  z-index: 9999 !important;
  background: #F7F6F5 !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  padding: 25px 30px !important;
  width: 100% !important;
  max-width: 380px !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Mobile */
@media (max-width: 767px){
  .span4 {
    margin-top: 20px;
  }

  #form2 {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 25px 15px !important;
  }
		.titulo-cartela-marcas2{margin-top:62px}
}

/* Tablets y pantallas medianas */
@media (min-width: 768px) and (max-width: 1024px) {
  #form2 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 90% !important;
    max-width: 600px !important;
    margin: 40px auto !important;
    padding: 30px 20px !important;
    border-radius: 20px !important;
    background-color: #fff !important;
  }
	

}

/* Pantallas grandes */
@media (min-width: 1025px) and (max-width: 1440px) {
  #form2 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 90% !important;
    max-width: 600px !important;
    margin: 40px auto !important;
    padding: 30px 20px !important;
  }
}





/* ---------------------------------------------
   CAMPOS DE TEXTO (INPUT, TEXTAREA, SELECT)
---------------------------------------------- */
#form2 input:not([type="submit"]),
#form2 textarea,
#form2 select {
  display: block;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  border-radius: 20px;
  background: transparent;
  height: 42px;
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  font-family: 'Lato', sans-serif;
  box-sizing: border-box;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Placeholder más sutil */
#form2 ::-webkit-input-placeholder {
  color: black;
}
#form2 :-ms-input-placeholder {
  color: black;
}
#form2 ::-ms-input-placeholder {
  color: black;
}
#form2 ::placeholder {
  color: black;
}

/* Efecto focus en los campos */
#form2 input:not([type="submit"]):focus,
#form2 textarea:focus,
#form2 select:focus {
  outline: none;
  border-color: #ef7b11;
  box-shadow: 0 0 0 3px rgba(239, 123, 17, 0.2);
}



/* ---------------------------------------------
   TEXTAREA
---------------------------------------------- */
#form2 textarea {
  min-height: 60px;
  height: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  resize: none;
}

/* ---------------------------------------------
   LINKS DENTRO DEL FORMULARIO
---------------------------------------------- */
#form2 a,
.formulario a {
  border-bottom: 1px dotted #333;
  text-decoration: none;
  color: #333;
}

/* ---------------------------------------------
   MÁRGENES EN PÁRRAFOS
---------------------------------------------- */
#form2 p {
  margin: 0 0;
  margin-top: 20px;
  font-family: 'Lato', sans-serif;
}

#wpcf7-f4-o1 .wpcf7-submit {
  display: block !important;
  margin: 0 auto !important;
}

.wpcf7-form-control.wpcf7-submit.has-spinner {
  display: block !important;
  margin: 0 auto !important;
}

/* ---------------------------------------------
   CHECKBOX
---------------------------------------------- */
.form2-checkbox,
#form2 input[type='checkbox'] {
  width: 17px !important;
  height: 17px !important;
  cursor: pointer;
}

/* ---------------------------------------------
   BOTÓN DE ENVÍO
---------------------------------------------- */
#form2 .wpcf7-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 15px 25px !important;
  border: none !important;
  border-radius: 86px !important;
  background: #EF7B11 !important;
  color: #ffffff !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}

/* Hover en el botón */
#form2 .wpcf7-submit:hover {
  background: #d3690e !important;
  transform: translateY(-1px);
}









/* ---------------------------------------------
   TEXTOS AUXILIARES
---------------------------------------------- */
.condiciones {
  font-size: 11px;
  color: #666; /* Para un gris suave */
}

.tit-form-home {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}
#form2 .wpcf7-acceptance label {
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}
#wpcf7-f4-o1 .wpcf7-list-item label {
  display: flex !important;
  align-items: center !important;
}
.wpcf7-list-item-label{
  padding-left: 5px !important;

}
#wpcf7-f4-o1 .wpcf7-list-item input[type="checkbox"] {
  margin: 0 !important;
  vertical-align: middle !important;
}
/* PÁGINA EQUIPO
================================================== */
.equipo h1{font-size: 25px; color: #1f1f1f; line-height: 30px; margin: 10px 0px 10px 0px; border:none;}
.item-equipo{margin-left: 0px;}
.item-equipo img{border: 1px #eee solid}
.item-equipo ul{padding-left: 10px; margin: 10px 0px; line-height: 16px;}
.item-equipo li{list-style: none; margin-bottom: 0px; line-height: 17px;}
.item-equipo p{font-size: 12px;  margin-bottom: 0px;}


/* PÁGINA MODELOS
================================================== */
.panel-list {margin-top: 0px; background-color: #eeeeee; border: 1px #eee solid;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	padding: 10px 15px 20px 15px;
}
.chat{padding-left: 15px; background: url('images/chat.png') no-repeat 0px 0px;}

#indice-modelos {margin:0px 0px 0px 0px;}
#indice-modelos li{list-style: none; font-family: "Open sans", Helvetica, sans-serif; font-size: 12px; margin-bottom: 3px;}
#indice-modelos a{padding-left: 17px; background: url('images/icono-flecha.png')no-repeat; background-position: 5px 3px;}
#indice-modelos a:hover{text-decoration: underline;}

.btn-buscador{margin: 10px 0px;}
.btn-buscador button{width: 100%; padding: 9px 25px !important;}
.btn-citaprevia button{width: auto; padding: 9px 25px !important; margin-top: 15px}
.btn-buscador img{margin: 10px 0px;}

.flexslider-modelo {margin: 0 0 10px 0;position: relative;}

.descarga .icon-download-alt{margin-top: 0px}
.descarga{margin-top: 10px}

.oferta-extracto h2{margin:  0px 0px 5px}

/* PÁGINA LISTADO OFERTAS
================================================== */
.cartela-contacto{
  width: 300px;
  max-width: 100%;
  margin: 40px auto;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 
  0 2px 4px rgba(0, 0, 0, 0.3),   /* sombra abajo */
  0 -1px 2px rgba(0, 0, 0, 0.15); /* sombra arriba más suave */
  text-align: center;
  font-family: Arial, sans-serif;
  padding : 10px;
}

.cartela-contacto p{
  margin-top: 10px;

}

.cartela-contacto .tlf-contacto2{
  margin-bottom : 0 !important;
  margin-top : 0;
}
.oferta-extracto h2{margin: -1px 0px 8px 0px; line-height: 20px}
.oferta-lista-item img{border: 1px #e0e0e0 solid; margin-bottom: 10px;}
.oferta-list-item {border-bottom: 1px solid rgb(224, 224, 224); padding: 29px 0 20px;}

/* OFERTA DETALLADA
================================================== */
.ruta{margin: 0px 0px -17px 0px; font-size: 11px;}

/* 404
================================================== */
.msg-404{margin-bottom: 35px !important}


/* Contacto
================================================== */
#map_canvas { height: 100% }
.mapa { height: auto; 
	margin-bottom: 21px;
	border-bottom: 1px #e0e0e0 solid;
	padding-bottom: 20px;
}

.info-contacto{margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; padding: 17px 10px 18px 10px;}

.contact-list li{list-style: none;}
.contact-list{margin: 0px;}

.wpgmaps_get_directions{
	padding: 5px 15px;
	font-size: 11px;
	color: #ffffff;
  	text-shadow: 1px 1px 1px #86390e;
  	filter: dropshadow(color=#86390e, offx=1, offy=1);
	border: 1px #E56739 solid;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #ff9723; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTcyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjRlMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff9723 0%, #ff4e0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9723), color-stop(100%,#ff4e0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9723 0%,#ff4e0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9723 0%,#ff4e0b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9723 0%,#ff4e0b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9723 0%,#ff4e0b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9723', endColorstr='#ff4e0b',GradientType=0 ); /* IE6-8 */
}





.formulario-container {
  border-radius: 30px;
  background: #F7F6F5;
  padding: 40px;
    max-width: 100%;
    margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

/* Asegura que el form use el 100% del espacio */
.formulario {
  width: 100%;
  box-sizing: border-box;
}

.formulario p {
  margin-bottom: 15px;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  color: #000;
}

/* Estética moderna para inputs y selects */
.formulario input.wpcf7-form-control,
.formulario textarea.wpcf7-form-control,
.formulario select.wpcf7-form-control {
  padding: 20px 35px;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  color: #000;
  background-color: #fff;
  border: 1.5px solid #000;
  border-radius: 20px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.formulario textarea {
  min-height: 80px;
}

.formulario .wpcf7-submit {
  background-color: #EF7B11 !important;
  color: white !important;
  font-size: 15px !important;
  padding: 14px 28px !important;
  border: none !important;
  border-radius: 86px !important;
  font-family: 'Lato', sans-serif !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.formulario .wpcf7-submit:hover {
  background-color: #d86f0a !important;
}

.formulario .wpcf7-acceptance {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #000;
}

.formulario input[type="checkbox"] {
  width: auto !important;
  margin-right: 8px;
}

.span6 {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .span6 {
    width: 100%;
  }
}


.text-center.text-md-start{
  text-align: left;
   }




/* Cita previa
========================= */

.form-cita input, .form-cita textarea  {
    padding: 10px 15px;
    color: #444;
    font-size: 14px;
    width: 90%;
    margin-bottom: 10px;
}

 .form-cita select {
	padding: 10px 15px;
    color: #444;
    font-size: 14px;
    width: 95%;
    margin-bottom: 10px;

 }

 .form-cita .wpcf7-submit {
  display: flex !important;
  padding: 17px 20px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 86px !important;
  background: #EF7B11 !important;
  color: #FFF !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;

  /* Añadidos para eliminar efectos visuales del texto */
  text-shadow: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.formulario a, .form-contact-citaprevia a {
    border-bottom: 1px dotted #333;
    text-decoration: none;
}

/* Financiación
===================================*/

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
    background-color: #47799C;
    color: #fff;
    text-decoration: none;
}

.accordion-heading .accordion-toggle:hover {opacity: 0.8}

.financiacion-part{margin-bottom: 70px}


/* contacto horarios
============================================*/

.ubicaciones-horarios{margin-top:20px; }
.ubicaciones-horarios h1{line-height: 30px; color:#3289b6; font-size: 26px; font-weight: bold; border-bottom: 1px solid #e0e0e0; padding-bottom: 19px;}
.ubicaciones-horarios h2{ vertical-align: bottom; color:#3289b6; font-size: 18px; font-weight: bold; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin:25px 0 10px 0 }
.como{margin-top:30px;}
.img-marca-llegar{margin: 0px 10px 3px 0;}
#emergencias{padding-top: 20px}

#volkswagen-bt{color: #fff; font-weight: bolder; background-color: #153169;}
#audi-bt{background-color: #bc0023; color: #fff; font-weight: bolder;}
#skoda-bt{background-color: #4ba82e; color: #fff; font-weight: bolder;}
#vw-comercial-bt{background-color: #626262; font-weight: bolder; color: #fff;}
#volkswagen-bt:hover, #audi-bt:hover, #skoda-bt:hover, #vw-comercial-bt:hover{opacity: 0.8}

.info-concesionario{padding: 0 18px;}

.apartados{width: 100%}

#imagen-indicaciones{margin-top: 10px}
#imagen-transporte{margin-bottom: 10px}

#rutas a{color:#3289b6; text-decoration: none; font-size: 14px;}

.div-titular{padding:4px 14px; background-color: #153169;}
.div-titular-audi{padding:4px 14px; background-color: #bc0023;}
.div-titular-skoda{padding:4px 14px; background-color: #4ba82e;}
.div-titular-comerciales{padding:4px 14px; background-color: #626262;}


#audi h2{color: #D73131 !important;}
#skoda h2{color: #5EA337 !important;}
.info-contacto{margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; padding: 10px 10px 12px 10px;}

.item-contacto{width: 45%; margin: 0px 15px 0 0; float: left;}
.item-contacto h3{color: #fff; margin: 0; border-bottom: transparent; padding-bottom: 0;}
.botones-contacto{height: 42px;}

.formulario-contacto-container{background-color: #e5e5e5; height: auto; padding-bottom: 30px}
.side_bar-contacto{width: 315px; float: left; margin: 25px 0 0 15px;}
.tit-form-contacto{line-height: 26px; color:#3289b6; font-size: 21px; font-weight: bold; margin-bottom: 15px !important;}
.justify{text-align: justify;}

.formulario {
    padding: 22px 0px 0;
}

.side_bar-contacto p, .como p{margin: 10px 0 5px 0;}

#menu-contacto {
    margin: 20px 0px 4px;
    width: 100%;
    background-color: #E0E0E0;
}

.contenido-menu{margin-top: 17px}

.float-left{float: left;}

[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("http://www.ftome.com/concesionario/wp-content/uploads/2014/12/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-right:6px}
.icon-map-marker{background-position: -24px -72px;}
.icon-headphones {background-position: -336px -24px;}
.icon-envelope {background-position: -72px 0;}
.icon-horario {background-position: -48px -23px;}

.contact-list li{list-style: none;}
.contact-list{margin: 0px;}

.boton-generico {
    margin: 10px 7px 0 0;
    padding: 6px 6px;
    font-size: 11px !important;
    text-align: center;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px #86390e;
    filter: dropshadow(color=#86390e, offx=1, offy=1);
    border: 1px #E56739 solid !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ff9723;

}

.boton-gris {
    margin: 10px 7px 0 0;
    padding: 6px 6px;
    font-size: 11px !important;
    text-align: center;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px #333;
    filter: dropshadow(color=#333, offx=1, offy=1);
    border: 1px #CACACA solid !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #e5e5e5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZThlOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #8e8e8e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#8e8e8e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#8e8e8e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#8e8e8e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#8e8e8e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#8e8e8e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-8 */
}

.titulo_contacto {
	margin:5px 30px;
}

.cform input[type="text"]{
border-top:1px solid #C2C1C1;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
height: 31px;
color: #4F4F4F;
background-color:whiteSmoke;
font-size: 12px;
float: none;
vertical-align: middle;
border-radius: 0px 0px 0px 0px;
width:100%;
margin:5px 0;
}

.cform .sendbutton{
  padding: 17px 20px;
  font-size: 12px;
    border: 1px #EF7B11 solid;
    -webkit-border-radius: 4px;
    border-radius: 86px;
    background: #EF7B11;
}
.cform  .sendbutton:hover{ }
.failure {
color:red;
font-size:10px;
font-weight:bold;
}
.waiting {
color:orange;
font-size:10px;
font-weight:bold;
}
.success{
color:green;
font-size:10px;
font-weight:bold;
}
.cf-sb{
text-align:center;
margin: 10px auto;
}
.cf-before{
font-size:10px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}



.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 11px;
  background: #F6F6F6;
  border-radius: 12px 12px 0 0;
  
}
.nav-tabs > li > a:hover {
  text-decoration: none;
background-color: #EEE;

}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #FFF;
background-color: #3289B6;



}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.nav-pills > li {
  float: left;
  background-color: #e0e0e0;
}
.nav-pills > li > a {
  border-radius: 0px;
  text-decoration: none;
}
.nav-pills > li + li {
  margin-left: 1px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #3289b6;
}

.tab-content > .tab-pane {

  display: none;
  visibility: hidden;

}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.nav2 {
  margin-bottom: 0px !important;
  margin-left: 0;
  list-style: none;
  border-bottom: 1px solid #e0e0e0;
  
}

.nav-pills2 > li > a {
padding-top: 12px !important;
padding-bottom: 12px !important;
margin-right: 0px;
display: block;
}

.nav-tabs2 > li, .nav-pills2 > li {
float: left;
}

.nav-tabs2,
.nav-pills2 {
  *zoom: 1;
}

.nav-pills2 > .active > a,
.nav-pills2 > .active > a:hover,
.nav-pills2 > .active > a:focus {
  color: #161616;
  font-weight: bold;
}

.nav-tabs2 > li, .nav-pills2 > li {
float: left;
}

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

.nav-tabs2:after,
.nav-pills2:after {
  clear: both;
}

.nav-tabs2 > li,
.nav-pills2 > li {
  float: left;
}

.nav-tabs2 > li > a,
.nav-pills2 > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs2 > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.nav-tabs2 > li > a:hover,
.nav-tabs2 > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs2 > .active > a,
.nav-tabs2 > .active > a:hover,
.nav-tabs2 > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-pills2 > li > a {
  padding-top: 16px  !important;
  padding-bottom: 16px  !important;
  /*margin-top: 2px;
  margin-bottom: 2px;*/
  margin-right: 0px;
  text-decoration: none !important;
 /* -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;*/
}

.nav-pills2.nav-stacked > li > a {
  margin-bottom: 3px;
}

.nav-pills2.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}



/* FOOTER
================================================== */


/* Estilos generales del footer */
.site-footer {
  background-color: #000 !important;    /* Fondo negro */
  color: #fff !important;               /* Texto blanco */
  padding: 20px 10px !important;
  font-family: Lato, sans-serif !important;
}

/* Bloque superior: Logo */
.footer-top {
  margin-bottom: 10px !important;
}
.footer-logo img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Divisor gris suave debajo del logo */
.footer-divider {
  border: 0 none !important;
  border-top: 1px solid #444 !important;
  margin: 10px 0 !important;
}

/* Bloque inferior: Distribución en dos columnas */
.footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* Parte izquierda: Menú de enlaces */
.footer-left {
  flex: 1 1 300px !important;
  text-align: left !important;
  padding-left: 80px !important;
}
.footer-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 20px !important;
}
.footer-menu li a {
  color: #fff !important;
  text-decoration: none !important;
  transition: opacity 0.3s ease !important;
}
.footer-menu li a:hover {
  opacity: 0.7 !important;
}

/* Parte derecha: Firma y SVG */
.footer-right {
  flex: 1 1 300px !important;
  text-align: right !important;
  padding-right: 80px !important;
}
.container-firma {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}
.container-firma .txt {
  font-size: 14px !important;
}
.container-firma svg {
  max-height: 20px !important;
  width: auto !important;
  padding-top: 4px !important;
}

@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { 
  width: 1380px !important;
}
}

/* Media Query para dispositivos móviles */
@media (max-width: 768px) {
  .footer-bottom {
    flex-direction: column !important; /* Cambia de fila a columna */
    text-align: center !important; /* Centra el contenido */
  }

  .footer-left, .footer-right {
    flex: 1 1 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  .footer-menu {
    flex-direction: column !important;
    gap: 10px !important; /* Espacio entre los elementos del menú */
  }

  .container-firma {
    justify-content: center !important; /* Centra la firma */
    gap: 10px !important;
  }

  .container-firma .txt {
    font-size: 12px !important; /* Tamaño de fuente más pequeño */
  }

  .container-firma svg {
    max-height: 16px !important; /* Reduce el tamaño del logo de la firma */
  }
}
  


@media (max-width: 768px) {
  h2 span.black {
    text-align: center;
    display: block; /* Necesario para que text-align funcione en el <span> */
  }
}



.footer{margin-top:30px; min-height: 50px; border-top: 1px solid #dddddd;}
.newsletter {margin: 17px 0px 15px 40px;}
.newsletter #appendedInputButton {width: 53%;}
.newsletter .btn{
	font-size: 11px;
	color: #ffffff;
  	text-shadow: 1px 1px 1px #86390e;
  	filter: dropshadow(color=#86390e, offx=1, offy=1);
	border: 1px #E56739 solid;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #ff9723; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTcyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjRlMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff9723 0%, #ff4e0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9723), color-stop(100%,#ff4e0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9723 0%,#ff4e0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9723 0%,#ff4e0b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9723 0%,#ff4e0b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9723 0%,#ff4e0b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9723', endColorstr='#ff4e0b',GradientType=0 ); /* IE6-8 */
}

.footer .control-label {
  width: 203px !important;
  padding-top: 5px;
  margin: 0px 10px 0px 80px;
  font-size: 12px  !important;
}


.footer .control-group {
	margin-bottom: 0px !important;
}

.footer .form-horizontal {
	margin-bottom: 0px !important;
}


#navigation-footer {float: left; margin:0; width: 100%}
#navigation-footer ul, #navigation-footer li {list-style:none; padding:0; margin:0;}
#navigation-footer ul li{float:left; position:relative; width: 170px; margin: 4px 0; cursor: default;}
#navigation-footer ul li a {font-weight: bold;}
#navigation-footer ul li a:hover{text-decoration: none; opacity: 1 !important;}
#navigation-footer ul ul li a {font-weight: normal;}
#navigation-footer ul li li a:hover{text-decoration: underline; }


.info-footer{margin: 20px 0px 46px 0px; float: left;}
.logo-footer{border-right: 4px double #dddddd; text-align: center;}
.logo-footer img{margin: 25px 0px}
.footer ul {margin: 0px}
.footer li {list-style: none; margin-bottom: 8px;}
.footer{font-size: 11px}
.footer p{margin: 0px 0px 0px 0px; line-height: 18px;}
.tlf-footer {font-weight: bold; font-size: 18px; color:#47789b;}
.tlf-footer a {color:#47789b; text-decoration: none;}




 /* Direction Nav */
.flexslider-oferta .flex-direction-nav {*height: 0;}
.flexslider-oferta .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flexslider-oferta .flex-direction-nav .flex-next {background-position: 100% 0; right: 8px; }
.flexslider-oferta .flex-direction-nav .flex-prev {left: 8px;}
.flexslider-oferta:hover .flex-next {opacity: 1; right: 8px;}
.flexslider-oferta:hover .flex-prev {opacity: 1; left: 8px;}
.flexslider-oferta:hover .flex-next:hover, .flexslider-oferta:hover .flex-prev:hover {opacity: 1;}
.flexslider-oferta .flex-direction-nav .flex-disabled {opacity: 0 !important; filter:alpha(opacity=0); cursor: default;}

/* Control Nav */
.flexslider-oferta .flex-control-nav {width: 100%; text-align: center; margin: 5px 0px; display: none;}
.flexslider-oferta .flex-control-nav li {margin: 5px 4px; display: inline-block; zoom: 1; *display: inline;}
.flexslider-oferta .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: #999; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flexslider-oferta .flex-control-paging li a:hover { background: #333; background: #444 }
.flexslider-oferta .flex-control-paging li a.flex-active { background: #000; background: #444; cursor: default; }

#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .7; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

.sharethis{height: 20px;}
.sharethis p{font-size: 10px; margin-bottom: 0px;}


.container h1.titulo_cabecera {font-size:31px;color:#47799c;margin-bottom: 15px; margin-top: 10px;}
.container .bloque_texto h3 {font-size:16px;color:#47799c;}
.container .bloque_texto p { margin-bottom:20px;}
.container .bloque_texto a.enlace { color:#47799c;font-size:10px;text-decoration:none;}
.container .bloque_texto strong {font-weight: bold;font-family: Helvetica;font-size: 14px;}
.container .bloque_texto .negrita{ color: #666;font-weight:700;font-family:Helvetica;}
.container .bloque_texto { width: 320px; float: left;margin-top: 10px;margin-right:7px;margin-bottom: 10px;}
.container #tabs ul{}
.container .barra{color: #fff;font-size: 18px;padding-left: 20px;height: 30px;line-height: 30px;}
.container .barra_roja{background-color:#cd071e;}
.container .barra_azul{background-color:#006ab3;}
.container .barra_verde{background-color:#009036;}
.azul{color:#006ab3;}
.azul_claro{color:#47799c;}
.verde{color:#009036;}
.rojo{color:#cd071e;}
.negrita{font-family:Helvetica;font-weight:700;}
.bloque{display:block;}
.bloque_ofertas{float:left;}
.titulo_empresa{font-size: 30px;margin-bottom: 20px;}
.titulo_empresa a{font-size: 30px;margin-bottom: 20px;text-decoration:none;}
.condiciones{margin-top: 15px;}

.bloque-concesionarios{margin:20px 0;}
#bloque-concesionarios{margin-top: 40px;}
.titulo-concesionarios{
	font-size: 19px;
color: #000000;
line-height: 26px;
	font-weight: 600;
	margin-top: 30px
}
#bloque-concesionarios a{color:#FF9723;}
#bloque-concesionarios img{margin-bottom: 10px;border-radius: 8px;}


.black{
color:#000 !important;
font-family: Lato !important;
font-size: 40px !important;
font-style: normal !important;
font-weight: 300 !important;
line-height: 50px !important;
  
}

/************************************************************
  Card para Comerciales
************************************************************/
.commercial-card {
  width: 300px;
  max-width: 100%;
  margin: 40px auto;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  position: relative;
  text-align: center;
  font-family: Arial, sans-serif;
}

/* Contenedor de la información de contacto (oculto inicialmente) */
.contact-info {
  text-align: left;
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding: 5px 0;
  display: none;
}
.mail-contacto{
  text-align: left !important;
  padding-left: 10px !important;
}

.tlf-contacto{
text-align: left !important;
padding-left: 8px !important;
}


.contact-info p {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding-left: 10px;
  font-weight: normal;  /* Forzamos el peso normal */
}
.contact-info svg {
  flex-shrink: 0;
}

/* Imagen del comercial */
.commercial-card .comercial-img {
  width: 100%;
  height: auto;
  border-radius: 12px 12px 0 0;
  margin-bottom: 16px;
  object-fit: cover;
  display: block;
}

/* Nombre del Comercial */
.commercial-card .comercial-nombre {
  font-size: 20px;
  margin: 0 0 8px;
  color: #000 !important;  /* Ahora en negro */
  font-weight: 700;
}



/* Botón “CONTACTO” */
.contact-button {
  display: inline-block !important;
  padding: 12px 24px !important;
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  text-decoration: none !important;
}

.contact-button:hover {
  background-color: #333 !important;
  text-decoration: none !important;

}



/* #Media Queries
================================================== */


	/* Tablets (iPad) */
	@media (min-width: 768px) and (max-width: 979px) {
		

		#whatsapp{width: 32px; top: -3px; right: 0px;}
		.llamanos-texto {margin-right: 300px; }
		#llamar-icono-peq{right: 430px;}
		.llamanos-texto {margin-right: 300px; }
		#llamar-icono-peq{right: 430px;}
		
		.logo{text-align: left;}
		.logo img {width: auto;}
		
		#navigation ul li a {font-size: 10px;}
		.redes1 ul {margin:11px 0px 0px 24px; }
		.tlf-contacto {font-size: 20px; }
		.ver-contacto {font-size: 9px; line-height: 13px;}
		#info1{float: right; font-size: 8px; }
		.ver-direcciones p {margin: 0px 0px 2px 0px; }
				
		.foto-comercial{width: 90px;}
		.footer .control-label {margin: 0px 10px 0px 0px;}	
		.icon-llegar {background-image: url(""); width: auto; height: auto; line-height: 20px;}
		#navigation-footer ul li{float:left; position:relative; width: 130px; margin: 4px 0; cursor: default;}

		#form2 input, #form2 textarea { width: 188px; max-height: 60px !important;}
		#form2 .wpcf7-submit{width: 202px !important;}
		#form2 input [type="checkbox"], .formulario input [type="checkbox"] {width: 30px;}
	}

  	/* Smartphones Portait (iPhone) */
	@media (max-width: 479px) {
		.item-contacto{width: 100%; }
		#form2 input, #form2 textarea { width: 100%;}
		#form2 .wpcf7-submit {width: 100%}
		

	}

	/* Smartphones Landscape (iPhone)  */
	@media (max-width: 767px) {
		#whatsapp-smartphone{display: inline;}
		#navigation{float: none; margin: 20px 0px !important;}
		.js #nav { display: none; }
		.js .selectnav { display: block; }
		.logo {margin: 10px 0px !important; text-align: center;}
		.logo h1{text-align: center;}
		/*#info1{display: none;}*/
		#redes1, #tlf, .dir{display: none;}
		
		
		h3{font-size: 17px}
		h4{font-size: 16px}
		.oferta p{font-size: 16px}
		.oferta h4{line-height: 20px;}
		
		.btn-large {font-size: 14px; font-weight: bolder;}
		.tlf-contacto{text-align: center; margin: 0px; padding: 0px; font-size: 26px; }
		.tlf-direcciones {margin:12px 0;}
		.ver-direcciones {margin: 0px;}
		.footer{text-align: center;}
		.footer .control-label {margin: 0px 0px 10px 0px; text-align: right;}	
		.footer label{display: inline;}
		.redes2 {margin-top: 0px}
		.redes2 ul{margin: 20px 0px}
		.redes2 li{float: none; margin: 0px 0px}
		#navigation-footer{display: none;}
		.logo-footer{border-right: transparent; ;}
		.logo-autocasion{text-align: left;}
		#carousel{display: none;}
		.flexslider-oferta .flex-control-nav {display: inherit;}
		.oferta {margin-bottom: 25px;}
}

@media(max-width: 979px) {
	.container.margin-top20 > .row-fluid.margin-bottom30 {
		display: block !important;
	}
	.container.margin-top20 > .row-fluid.margin-bottom30 .span5,
	.container.margin-top20 > .row-fluid.margin-bottom30 .span7 {
		width: 100%;
	}
	.container.margin-top20 > .row-fluid.margin-bottom30 .span7 {
		margin: 30px 0 0;
	}
	.container.margin-top20 > .row-fluid.margin-bottom30 .span7 .logos-marcas2 .logo-item {
		flex: unset;
	}
}
@media(max-width: 838px) {
	body[data-rsssl="1"] #header > .header-top.container > .row-fluid {
		display: flex;
	}
	body[data-rsssl="1"] #header #info1.span3 {
        float: left;
		margin-top: auto !important;
    	margin-bottom: 40px !important;
	}
}
@media(max-width: 767px) {
	body[data-rsssl="1"] #header #info1.span3 > .ver-direcciones {
		display: block;
	}
	body[data-rsssl="1"] #header #info1.span3 > .ver-direcciones > .tlf-direcciones > #whatsapp-smartphone {
		display: none;
	}
	body[data-rsssl="1"] #header #info1.span3 > .ver-direcciones > .tlf-direcciones > .dir {
		display: block;
	}
}
@media(max-width: 755px) {
	.container.margin-top20 > .row-fluid.margin-bottom30 .span7 .titulo-cartela-marcas2 {
        margin-top: 0px;
		line-height: 140%;
    }
	.container.margin-top20 > .row-fluid.margin-bottom30 .span7 .logos-marcas2 .logo-item {
		width: 50%;
	}
}
@media(max-width: 607px) {
	.container.margin-top20 > .row-fluid.margin-bottom30 .span7 .logos-marcas2 .logo-item {
		width: 100%;
	}
	.container.margin-top20 > .row-fluid.margin-bottom30 .span5 {
		min-height: unset;
	}
	.container.margin-top20 > .row-fluid.margin-bottom30 .span5 .blue {
		font-size: 25px !important;
	}
}
@media(max-width: 555px) {
	body[data-rsssl="1"] #header > .header-top.container > .row-fluid {
		flex-wrap: wrap;
	}
	body[data-rsssl="1"] #header #info1.span3 {
		padding: 0 !important;
		width: 100% !important;
		margin-bottom: 0px !important;
	}
	body[data-rsssl="1"] #header #info1.span3 > .ver-direcciones {
		margin: auto;
	}
	body[data-rsssl="1"] #header > .header-top.container > .row-fluid > .logo.span9 > img {
		height: 100px;
    	object-fit: contain;
	}
}

/* #Font-Face
================================================== */

/*@font-face {
    font-family: 'segoe ui';
    src: url('fonts/segoeui.eot');
    src: url('fonts/segoeui.eot?iefix') format('eot'),
         url('fonts/segoeui.woff') format('woff'),
         url('fonts/segoeui.ttf') format('truetype'),
         url('fonts/segoeui.svg#webfontZam02nTh') format('svg');
    font-weight: normal;
    font-style: normal; }*/