/* diseño y front-end por Rafael Olea sking.cl@gmail.com www.rafaelolea.cl */
@import url("font-awesome/css/font-awesome.min.css");
p { font-weight: 400; }
h2 { font-size: 1.3em; }
.img-thumbnail { border: none; }
.clear { clear: both; }

/* HEADER */
#header {margin: 10px auto; font-size: 11px; }
.logo img {width: 263px; height: auto; padding: 0; display: inline-block;}
.h-header { justify-content:space-between; }
.h-items {text-align: right;}
.h-items h2 {font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }
.h-items p {margin: 0; padding: 0; color: #777;}
.h-items p a {font-weight: 300; color: #888; margin-left: 5px;}
.h-items p span {color: #888; font-weight: 300;}
.h-menu {margin-bottom: 10px;}
.menu-p {background: #F90A05; padding: 0;}
.menu-datos {margin-top: 25px; width: 300px;}
.menu-datos .form-control {border: 1px solid #ddd;}
.menu-datos .btn {padding: 8px 12px; border:1px solid #ddd; background-color: #fff; border-radius: 5px;}
.header-carro {width: 150px; float: right;}
.header-carro img {float: right; margin-left: 5px; position: relative;}
.header-carro p {display: flex; color: #000; align-items: center; float: right; font-size: 1.2em; font-weight: 500;}
.header-carro p strong {color: #F90A05; margin-left: 10px;}
    .sesion-sitio {display: inline-block; float: right; margin-bottom: 15px; font-size:14px; }
    .sesion-sitio a img {width: 18px; height: 18px; float: left; margin-right: 5px;}
    .sesion-sitio a {color: #F90A05;}
    .sesion-sitio a:hover {text-decoration: none; color: #000;}
#footer {background: #f2f2f2; padding-top: 3em; position: relative; margin-top: 2em;}
.f-barra {position: absolute; left:46%; right: 46%; top:-10px; width: 128px;}
.buscador .form-control{ height: 38px;}
.buscador .input-group-btn {color: #ddd;}
.buscador a {display: inline-block; width: 15px; height: auto;}
.buscador .glyphicon {color: #444;}
.buscador .glyphicon:hover {color: #ccc;}
.pop-gral h4 {margin: 0;}
.popup .form-group {margin-bottom: 20px;}
.pop-sucursales {margin-top: 20px;}
.modal-body {}
    .idiomas { margin-right: 0; text-align: right; margin-right: 10px; margin-bottom: 15px; display: inline-block;}
/* .idiomas { margin-right: 0; text-align: right; margin-bottom: 1em;} */
.idiomas a {color: #444; font-size: .9em; }
.idiomas a:hover {text-decoration: none; color: #F96B00;}

.img-header {position: relative;}
.logo-acceso {position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px;}
.logo-acceso img {max-width: 150px; height: auto;}
.categorias-portada {background: #ffffff; padding: 2em 0;}
.categorias-portada a {text-align: center; display: block;}

/* CONTENIDOS GENERAL */
.paginador { background: #fff; margin: 15px 0; padding: 0 15px; font-size: .9em; }
.paginador ol {background: #fff;}
.paginador ol a { font-weight: 500; font-size: 1em; color: #777; }
.breadcrumb { margin-bottom: 0; padding: 0; }
.paginador .breadcrumb > li {color: #777; font-size: .9em;}

.categoria-principal {background: #F5F5F5;}
.categoria-principal h2 {color: #ffffff; font-weight: 300; margin:0; padding:8px 15px; background: #000000; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;}
.categoria-principal-lista {padding: 5px 10px 10px 10px; }
.categoria-principal-lista h3 {color: #000000; margin: 7px 0 0 0; font-size: 1em;}
.categoria-principal-lista i {color: #F80A15; font-size: 18px;}
.categoria-principal-lista a {color: #646464; display: block; font-size: 12px; margin: 0;}
.categoria-principal-lista a:hover {color: #F80A15; text-decoration: none;}

/* MENÚ */
.nav { font-size: 1em; font-weight: 300; letter-spacing: 0.4px; }
.navbar { border-radius: 0; margin-bottom: 0; min-height: 35px; }
.navbar-default .navbar-nav > li > a {color: #ffffff; font-weight: 400;}
.navbar-default .navbar-nav > li > a:hover {color: #000000;}
.navbar-nav > li > a { padding: .7em 7px; }
.navbar-default .navbar-nav > .open > a { background: #f9f9f9 !important; }
.nav-mombre { display: none; }
.m-center { margin: 0 auto; display: block; justify-content: center; display: flex;}
.nav-color { background: #F90A05;; border: none; padding: 3px; }
.glyphicon {color:#444; }
.glyphicon:hover { color: #000; }
.buscador-lupa { background: #ccc; border-color: #ccc; border-left: none; }
.buscador-lupa:hover { background: #ddd; border-color: #ccc; }
.slider-portada {margin: 0 auto; width: 100%;}
.menu-newsletter p {color: #fff; margin: 11px 5px; font-size: .9em; display: inline-block; float: left;}
.menu-newsletter .btn {padding: 2px 15px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin: 7px 0;}
.menu-newsletter .btn:hover {background: #222222;}
.navbar ul {margin-bottom: 0;}

/* TÍTULOS */
.titulo1 { text-align: center; margin: 3em 0; height: 35px; }
.titulo1 h2 { font-size: 2.2em; font-weight:200; display: inline-block; margin: 0; padding: 0 1em; color:#F80A15; }
.titulo1 h2 span {color: #F80A15; font-weight: 400;}
.titulos {margin: 0; }
.titulos h2 {font-size:1.5em; margin: 0; padding: 0 20px 0 0; font-weight: 300; color: #34404c; display: inline-block; background: #fff;}
.titulos-interior { margin: 1em 0; padding-bottom: 5px; display: flex; }
.titulos-interior h1 { color: #000; text-align: left; font-size: 1.8em; font-weight: 300; padding: 0 15px; display: inline-block; margin: 0; justify-content: flex-start;}
.titulos-interior h1 span {color: #777777; font-size: 1em;}
.titulo-carro {background: #FFF; padding: 0 5px;}
.titulo-carro h1 {font-size: 1.6em; font-weight: 400; padding: 10px 5px; color: #000;}
.titulo-carro h1 i {font-size: 1.4em;}
.panel-title { font-size: 1em; color: #0050AD; }
.panel-body h2 { font-size: 1em; font-weight: bold; }

/* PAGINA INTERIOR */
.pag-int {padding-bottom: 4em; }
.pag-int p { font-size: 1em; color: #888; font-weight: 300; letter-spacing: .05em;  margin: .5em 0; }
.pag-int p span { font-style: italic; }
.pag-int p strong {color: #000000; font-weight: 500;}
.pag-int h1 { color: #F80A15; font-size: 1.8em; font-weight: 300; margin: 0 0 23px 0; }
.pag-int h1 i {font-size: .6em;}
.pag-int h2 { color: #000; font-weight: 300; font-size: 1.5em; }
.pag-int h3 { color: #FF2602; font-weight: 400; font-size: 1.3em; margin: 0; padding: 0; }
.pag-int iframe { width: 100%; height: auto; min-height: 380px; }
.pag-int ul li { color: #777;}
.pag-gral a {color: #F40000;}
.pag-gral a:hover {color: #000; text-decoration: none;}
.pag-gral .btn {color: #ffffff;}
.pag-gral .btn:hover {color: #ffffff;}
.fono-registrar p {margin: 0; padding: 0;}
.servicios {margin: 0 15px;}
.p-info {background: #f6f6f6; padding: 1em 0;}
.p-info h2 { font-weight: 300; color: #3a3a3a; font-size: 2.4em;}

/* vehículos */
.vehiculos-entregados img {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.vehiculos-entregados-datos {height: 70px; width:100}
.vehiculos-entregados-datos h2 {margin: 5px 0; font-size: 1.1em;}
.vehiculos-entregados-datos p {margin: 0;}

.vehiculos-entregados-horizontal {display: flex; margin: 1em 0; border-bottom: 1px solid #eee; margin-bottom: .1em; padding-bottom: 1em;}
.vehiculos-entregados-horizontal img {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.vehiculos-entregados-horizontal .vehiculos-entregados-datos { margin: 0 10px;}
.vehiculos-entregados-horizontal .vehiculos-entregados-datos {width: 100%; margin-top: 2em;}
.vehiculos-entregados-horizontal .vehiculos-entregados-datos h2 {margin: 3px 0;}
.vehiculo-entregado-detalle a {color: #F40000;}

/* MENÚ IZQUIERDO */
.panel-danger { border-color: #fff; background: #FAFAFA; }
.panel-heading {border-top-left-radius: 0; border-top-right-radius: 0;}
.panel-heading h2 { font-weight: 300; text-transform: uppercase; font-size: 1.3em; letter-spacing: 1px; margin: 0 0 0 15px; color: #fff; }
.panel-danger > .panel-heading { background: #0f0f0f;; border-color: #fff; padding: 10px; margin-bottom: 10px; }
.list-group-item { padding: 7px 10px; background: #fff; font-size: 14px; border: 1px solid #eee;}
.list-group-item:hover { background: #eee; }
.list-group-item.active { color: #F80A15; background: #ddd; }
.list-group-item.active:hover { background: #000; border-color: #000; }
.busqueda-resultado {text-align: center; margin: 2em auto; border: 1px solid #eee; background: #f9f9f9; max-width: 600px; padding: 10px;}
.info-empresa .list-group-item { padding: 7px 10px; background: #fff; font-size: 15px; font-weight: 300;}

/* Preguntas Frecuentes */
.preguntas-frecuentes h4 {color: #000;}
.pagos {border: 1px solid #ddd; padding: 10px;}

/* locales */
.locales {border: 1px solid #ddd; margin: 1em auto; padding: 1em;}
.locales h2 {margin: 0; padding: 0; font-weight: 500;}
.locales h2 span {color: #FF2602;}
.locales p {margin: 0; padding: 0;}

/* portada carrusel */
.portada-carrusel {margin: 2em auto;}

/* swiper carrusel */
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { background: #fff; /* Center slide text vertically */
  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
  display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;
  justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
  -webkit-align-items: center; align-items: center; }

/* swiper galería fotos carrusel */
    .swiper-galeria {
      position: relative;
      height: 500px;
      margin: 0; padding: 0;
      overflow: hidden;
    }
    .swiper-container2 {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

/* MOD PRODUCTOS */
.productos-mod {max-width: 250px; text-align: center; border: 1px solid #fff; transition: box-shadow .3s; margin: 15px 0; padding: 10px; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.productos-mod:hover {border: 1px solid #ddd;}
.productos-mod-img a img {margin:10px auto; }
.productos-mod h2 {color: #545454; font-size: 1.1em; line-height: 17px; font-weight: 400; margin: 0;}
.productos-mod p {color: #444; font-size: .8em; margin: 0; padding: 5px 0 2px 0; overflow:hidden; min-height: 55px;}
.productos-mod h3 {color: #000000; font-size: .9em; font-weight: 400; padding: 0; margin: 0; height: 15px;}
.productos-mod h4 {color: #FD0002; font-size: 1.2em; font-weight: 500; padding: 0; margin: 0; height: 17px;}
.productos-mod h4 span {color: #a7a7a7; font-size: .8em; text-decoration: line-through;}
.producto-info input {display: inline-block; width: 40px; margin: 0 10px 0 0;}
.producto-info p {margin: 0; font-size: .95em;}
.producto-info p strong {color:#000; font-weight: 400;}
.producto-info p span {color:#F40000; font-weight: 400; font-style: normal;}
.stock-productos {height: 20px;}
.stock-productos p {margin: 0; padding: 0 0 5px 0;}
.stock-productos p span {color: #FF2602; font-size: 1em; margin: 0; padding: 0; font-style: normal;}
.producto-info h2 {color: #FB0000; font-size: 1.6em; font-weight: 500; }
.producto-info h2 i {font-size: .8em; color: #000;}
.producto-info h2 span {color: #848484; font-size: .7em; font-weight: 300; text-decoration: line-through;}
.producto-info h3 i {font-size: .8em; color: #000;}
.producto-info h3 {color: #000000; font-size: 1.8em; font-weight: 500;}
.producto-info h4 {color: #545454; font-size: 1.6em; font-weight: 400;}
.productos-mod-datos {height: 75px;}
.productos-mod-datos h3 {margin: 5px 0; font-size: 1.2em; height: 20px; color: #F40000;}
.productos-mod-datos-detalle h3 {margin: 0; font-size: 1.5em; height: 20px; color: #F40000; display: inline-block;}
.productos-mod-datos-detalle h3 span { font-size: 1em; color:#999;text-decoration: line-through; }
.productos-mod-datos-detalle p {display: inline-block; margin-right: 10px; color: #000000; font-weight: 500; }
.ticket {position: absolute; background: #FE0000; color: #fff; top: -10px; right: -10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width: 43px; padding: 10px 3px; font-weight: 300; font-size: 1.1em;}
.ticket2 {background: #FE0000; color: #fff; top: 0; right: -20px; width: 45px; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 10px 2px; margin-left: 10px; font-weight: 500; font-size: 1.2em; display: inline-block;}
.productos-relacionados h4 {background: #000000; font-size: 1.2em; font-weight: 300; padding: 10px; margin-bottom: 1em; color: #fff;}
.productos-relacionados h4 i {font-size: 1em; color: #000; font-weight: 600; margin-right: 5px;}
.prod-detalle {margin: 10px 0;}
.prod-detalle a i {font-size: 13px;}
.producto-extras { margin-bottom: 1em;}
.producto-extras div {padding: 0;}
.producto-extras p {margin-bottom: 1em;}
.producto-extras select {width: auto;}

/* NOTICIAS */
.noticias-detalle p { margin: .8em 0; }
.noticias-detalle img { margin: 1em 0; }
.noticias-detalle h2 { font-weight: 300; font-size: 1.8em; color: #000; text-transform: uppercase;}
.noticias-detalle h4 { color: #000; margin: 0; padding: 0; }
.noticias-horizontal {margin: 0 0 3em 0;}

/* menu noticias */
.menu-noticias-c a { font-size: 1.3em; color: #000; }
.menu-noticias-mini a { color: #767779; font-weight: 300;}
.menu-noticias-mini a span { color: #F80A15; font-weight: 600; }
.menu-responsive {display: none;}
.sub-sub-c label {margin-left: 10px; font-weight: normal;}


/* Filtros */
.filtros { display: flex; border: 1px solid #eee; padding: 0; margin: 15px 0 15px 0; }
.filtros .pagination { margin: 8px 0 0; }
.filtros p { margin: 14px 10px; }
.filtros p strong { color: #000; }
.filtros a i:hover { color: #000; }
.filtros select { margin: 10px 0 0 0; }
.filtros .selectpicker { padding: 3px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: .9em; color: #777; }
.filtros .vista-filtro a i {font-size: 1.5em; margin: 0; color: #F40000; padding: 13px 5px;}
.filtros .vista-filtro .active i {font-size: 1.5em; margin: 0; color: #A3A3A3;}
.filtros-pag { display: flex; border: 1px solid #eee; padding: 0 10px; margin: 15px 0; justify-content:flex-end; }
.filtros-pag .pagination { margin: 10px 0; }
.menu-responsive {display: none;}
.sub-sub-c label {margin-left: 10px; font-weight: normal;}

.filtros-responsive .btn {margin: 0 auto; display: block; margin-bottom: 1em;}
/* SUB-MENU */
.dropdown-menu > li > a {color: #666;}
.dropdown-menu > li > a:hover {color: #F96B00;}
.dropdown-submenu { position:relative;}
.dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu {display:block;}
/*
.dropdown-submenu>a:after {display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px;}
/*
.dropdown-submenu>a:hover {}
.dropdown-submenu:hover>a:after { border-left-color:#ffffff;}
.dropdown-submenu.pull-left {float:none; }
.dropdown-submenu.pull-left > .dropdown-menu {left: -100%; margin-left: 10px;}

/* Lista marcas */
.lista-marcas {border: 1px solid #ddd; text-align: center; margin: 10px auto;}
.lista-marcas a:hover {opacity: .8;}
.marcas img {filter: grayscale(100%); -webkit-filter: grayscale(100%); transition:filter 0.4s; -webkit-transition:-webkit-filter 1s;}
.marcas img:hover {filter: grayscale(0);

-webkit-filter: grayscale(0);}

/* CARRO */
.pasos-carro {background: #c7c7c7; color: #fff; padding: 10px 0; margin: 10px 0; }
.pasos-carro.active {background: #F96B00;}
.pasos-carro img {float: left;}
.pasos-carro h2, .pasos-carro p {margin: 0; padding: 0; color: #fff;}
.pasos-cuenta {margin: 10px auto; border: 1px solid #ddd; padding: 10px;}
.pasos-pago-datos {margin: 10px 0; padding: 10px; border: 1px solid #ddd;}
.pasos-pago-datos select {max-width: 80%; margin-bottom: 10px;}
.pasos-pago-datos h2 {font-weight: 500; font-size: 1.3em; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin: 5px auto 15px auto;}

.pasos-pago-datos p span {color: #F80A15; font-style: normal; font-weight: 400;}
.pasos-pago-datos .form-horizontal .control-label span {color: #F80A15;}
.tabla-carro table {margin-bottom: 0;}
.tabla-carro img {max-width: 70px; height: auto; margin: 0 auto;}
.tabla-carro input {display: inline-block; width: 40px;}
.tabla-carro h2 {border: 1px solid #ddd; padding: 10px; background: #272727; color: #fff;}
.tabla-carro p {margin: 0; padding: 0; font-size: 12px;}
.tabla-carro p strong {color: #000;}
.tabla-carro p span {color: #FF2602; font-style: normal;}
.tabla-carro p b {text-decoration: line-through;}
.tabla-carro th {font-size: 12px;}
.tabla-carro a {color: #F40000;}
.tabla-carro .table > tbody > tr > td {padding: 4px 6px;}
.tabla-carro .btn {padding: 5px 7px; margin-left: 5px;}
.tabla-totales {background: #272727; margin: 0; text-align: right;}
.tabla-totales p, .tabla-totales h2 {color: #fff;}
.tabla-totales p {font-size: 1em;}
.tabla-totales h2 {font-size: 2em; margin: 5px 0;}
.tabla-totales h2 strong {color: #F96B00; font-weight: 300;}
.botones-pasos {display: flex; justify-content: space-between;}
.alert-warning a {color: #F80A15;}
.galeria-locales img {margin: 10px;}
/* FORMULARIOS */
.formulario { padding: 2em; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.mapa iframe { width: 100%; max-height: 300px; margin: 2em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* PORTADA ITEMS */
.p-items {background: #ededed; min-height: 300px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px;}
.p-items h2 { margin: 0; padding: 0; font-size: 1.6em; color:#3c3c3c; }
.p-item-empresa { margin-top: 4em; }
.btn-volver { margin-bottom: 10px; }
.col-center { float: none; margin: 0 auto; }

/* TAB LISTAS */
.tablitas { padding: 0; margin: 2em auto; }
.tablitas .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #747474; color: #fff; padding: 13px 15px;}
.tablitas .nav > li > a {padding: 13px 15px; font-size: 17px; font-weight: 300; background: #DDDDDD; color: #606060;}
.tablitas .nav > li > a img {margin-right: 8px;}
.tablitas p {padding: 10px;}
.tablitas a {color: #F40000;}

.tab-content {border: 1px solid #ddd; padding: 10px;}

/* MENU ACORDEON */
.menu-izq h2 {margin: 0 0 10px 0; background: #242424; color: #fff; padding: 10px 25px; font-weight: 300; letter-spacing: .7px;}
.list-group.panel > .list-group-item {border: 1px solid #eee; background: #fff; border-bottom-right-radius: 0; border-bottom-left-radius: 0; font-weight: 300; font-size:  15px;}
.list-group-item:first-child {border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;}
a.list-group-item-success, button.list-group-item-success {color: #000;}
a.list-group-item-success i {color: #F80A15; font-size: 10px; }
a.list-group-item-success:hover {background: #FEE0CE; color: #F80A15;}
a.list-group-item-success:focus {color: #333; background: #ccc;}
.panel {border: none;}

/* BUSQUEDA Y CAT-IZQ. */
.c-contenido {margin-bottom: 20px;}
.m-izquierdo {margin: 0; background: #242424; color: #fff; padding: 10px 25px; letter-spacing: .7px;}
.m-izquierdo h2 {margin: 0; padding: 0; font-weight: 300;}
.cont-izquierdo {border: 1px solid #eee; padding: 20px 0 0 0;}
.cont-izquierdo .form-horizontal .form-group {margin-bottom: 10px;}
.cont-izquierdo-opciones {padding: 0 30px;}
.m-productos-item {margin: 0 10px 20px 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; display: block;}
.m-productos-item p {font-size: 13px; margin: 0; padding: 0; color: #545454;}
.m-productos-item h3 {color: #F96B00; font-size: 11px; font-weight: 400; margin: 5px 0 0 0; padding: 0; }


/* CONTACTO */
.info-contacto {border-left: 1px solid #ddd; margin-left: 1em; padding-left: 2em; }
.info-contacto-gral {padding: 0;}
.info-contacto-gral p {margin: 0; padding: 0; }
.info-contacto-gral a {color: #F80A15; display: inline-block;}
.info-contacto-gral h2 {font-weight: 400;}
.info-contacto-gral h2 span {color: #F96B00; font-weight: bold;}
.titulo-contacto h2 { color: #444; font-size: 1.5em; font-weight: 300; margin-bottom: 1em; }
.mapa-contacto iframe { width: 100%; min-height: 370px; margin: 2em 0; }

/* Acceso usuario */
.acceso-usuario-info { margin: 1em auto; text-align: center; }
.acceso-usuario { max-width: 600px; margin: 2em auto; border: 1px solid #ddd; background: #f9f9f9; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.acceso-usuario h2 {text-align: center; }
.acceso-usuario h2 i { color: #8a8a8a; }
.acceso-usuario p {text-align: center; margin-bottom: 2em; }
.acceso-usuario a {color:#4086C5;}
.acceso-usuario a:hover {text-decoration: none; color: #000000; }
.acceso-usuario-box { max-width: 90%; margin: 2em auto 4em auto; padding: 1em; }
.alert-warning a {color: #B38B00;}
.alert-warning.alert {padding: 10px;}

/* Registro Usuario */
.registro-usuario { width: 100%; margin: 2em auto; background: #f9f9f9; border: 1px solid #ddd; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.registro-usuario h2 {text-align: center; }
.registro-usuario h2 i { color: #8a8a8a; }
.registro-usuario h4 {color: #013D7B; font-size: 1.3em; font-weight: 300;}
.registro-usuario p {text-align: center; margin-bottom: 2em; }
.registro-usuario i {color: #8a8a8a;}

/* acceso socios */
.acceso-socios-info { max-width: 900px; margin: 1em auto; text-align: center; }
.acceso-socios { max-width: 600px; margin: 2em auto 4em auto; border: 1px solid #ddd; background: #f1f1f1; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.acceso-socios-box { max-width: 90%; margin: 2em auto 4em auto; padding: 1em; }


/* FILTROS LATERAL */

.card-body {border: 1px solid #eee; padding: 1em; margin-bottom: 1em;}
.card-body label {display: flex;}
.card-body input[type="checkbox"] {margin-right: 1em;}
.card-body h5 {color: #888888;}


/* FOOTER */
.f-cont {color: #fff; }
.f-cont a {color: #858585; font-size: .9em; font-weight: 300; display: inline-block; vertical-align: top;}
.f-cont p {margin: 0; padding: 0; font-weight: 200; color: #ccc;}
.f-cont h3 {color: #000000; font-size:.9em; font-weight: 500; margin-top: 0; margin-bottom: 15px;}
.f-cont ul {padding-left: 0;}
.f-cont ul li {list-style: none;}
.f-cont i {color: #F80A15; font-weight: 400; font-size: 1.4em;}
.f-items h1 {font-size: 1.2em; color: #fff; margin: 0; margin-bottom: 10px;}
.f-items { height: auto; text-align: left; }
.f-items h2 { color: #fff; display: inline-block; vertical-align: top; margin: 0; font-size: 14px; font-weight: 200;}
.f-items img {margin-right: 5px;}
.f-items p {margin: 0; font-weight: 200;}
.f-items ul {padding-left: 0;}
.f-items ul li {list-style: none;}
.f-items a {color: #fff; font-weight: 200; }
.f-items p span a {color: #F80A15;}
.f-presencia p {color: #717171; font-weight: 500; margin-bottom: 5px;}
.f-cliente {margin-top: 3.2em;}
        .f-lista {padding: 0;}
.footer-menu {text-align: center; }
.footer-menu a {display: inline-block; margin: 0 10px; color: #fff; }
.footer-down {background: #0f0f0f; color: #ffffff; padding: 10px 0 0 0; margin-top: 2.5em;}
.visual {text-align: right; margin: 20px 0; border-top: 1px solid #313131; padding-top: 15px;}
.visual a {color: #ffffff; font-size: 11px; }

/* relative acceso */
.relative-scrollers {
  position: fixed;
  padding: 0;
  top: 150px;
  right: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
z-index: 3000;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
text-align: center;}
.relative-scrollers div:hover {opacity: .7;}
.relative-scrollers img { max-width: 50px; height: auto;}
.relative-scrollers p {font-size: 14px; color: #FF0024;}
.relative-scrollers p strong {font-size: 16px; color: #000;}
.relative-scrollers > div {margin: 0;}
.relative-scrollers .redes img {margin: 5px;}

.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE0000;
  border-color: #FE0000; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }


/* Efectos animación imágenes */
/* Grow */
.hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.03); transform: scale(1.03); }
/* Shrink */
.hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.97); transform: scale(0.97); }

/* <<<<<<<<<<< MEDIA QUERIES >>>>>>>>>> */
@media only screen and (max-width: 1200px) {
    .perfiles { text-align: center; min-height: 235px; }
    .p-detalle {padding: 0;}
    .producto-info {padding: 0 0 0 30px;}
    .info-contacto {border-left: none; padding-left: 0; margin-left: 0;}
    .nav {font-size: .8em;}
    .categorias-p .bhoechie-tab-container {margin-left: 35px;}
    .f-items h3 {display: block; margin: 10px 0;}
    .botones-pasos a {margin: 0 10px;}
    .productos-mod h4 span {display: inline-block;}
    .precio-prod {height: 40px; margin: 0;}
    .prod-cant {margin-top: 30px;}
    .precio-prod {height: 30px; margin: 0;}
    .prod-cant {margin-top:10px;}
    .prod-cant input[type="text"] {margin: 5px 0;}
    .prod-detalle {margin: 0;}
        .f-lista {padding: 0;}
        .navbar-right {margin-right: 70px;}

}
@media only screen and (max-width: 991px) {
    .h-header {margin-top: 0;}
    .logo img {margin-top: 10px;}
    .h-items {text-align: left; margin-top: 10px;}
    .h-items2 {text-align: right; margin-top: 10px;}
    .carro {text-align: right;}
    .menu-izq {display: none;}
    .menu-responsive {display: block; text-align: center;}
    .menu-datos {width: auto;}
    .menu-datos #custom-search-input {margin: 0;}
    .tab-content {padding: 15px;}
    #custom-search-input {margin:30px auto 10px auto; float: right; width: 100%;}
    .titulo1 {height: 70px;}
    .producto-info {padding: 0 15px;}
    .productos-mod {margin: 20px 0; max-width: 100%;}
    .prod-cant input[type="text"] {margin: 0 0 10px 0;}
    .marcas {text-align: center;}
    .pag-int iframe {margin-top: 10px;}
    .tabla-carro input {margin-bottom: 10px; margin-left: auto; margin-right: auto; display: block;}
    .nav {font-size: .8em; }
    .categorias-p .bhoechie-tab-container {margin-left: 0;}
    .f-items h3 {display: block; margin: 10px 0;}
    .f-cont p a {display: inline-block;}
        .f-cliente {margin-top: 0;}
        .navbar-right {margin-right: 28px;}
    .face-link {text-align: center;}
    .info-contacto {margin-bottom: 1em;}
    .mas-vistos {display: none;}
    .precio-prod {height: 10px; margin: 0;}
    .prod-cant {margin-top:10px;}
    .prod-detalle {margin: 0;}
    .categorias-portada a {margin-bottom: 1em;}
    .vehiculos-entregados-horizontal .vehiculos-entregados-datos {margin-top: 0;}
    .vehiculos-entregados-datos {height: auto;}
    .vehiculos-entregados {margin-bottom: 1em;}

}
@media only screen and (max-width: 766px) {
    .h-items {text-align: center;}
    .h-items2 {display: none;}
    .nav { width: 100%;}
    .navbar { border-radius: 0; margin-bottom: 0; }
    .navbar-header  { margin-bottom: 0; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #7d7d7d; font-size: 13px;}
    .nav-mombre { display: block; padding: 1em 2em; font-weight: bold; color: #444; border: 1px solid #ddd;}
    .r-social { text-align: left !important; margin: 0 1em; padding: 0; }
    .f-gral-f h3 { text-align: left; margin: 0 1em; padding: 0;}
    .f-items h3 {display: block; margin: 10px 0;}
    .f-items img {margin-bottom: 10px;}
    .f-item-texto {margin-top: 0;}
    .f-cont h3 {margin-top: 10px; font-size: 14px;}
    .f-redes {text-align: left;}
        .f-lista h3 {padding-left: 15px;}
    .navbar-default .navbar-toggle {border: none;}
    .info-contacto {border-left: none; padding-left: 0; margin-left: 0;}
    .logo img {display: block; text-align: center; margin: 0 auto 10px auto;}
    #custom-search-input {float: none;}
    .titulo1 {height: 70px;}
    .mas-vistos {display: none;}
    .h-header-right { text-align: center; }
    .categorias-p {padding: 0 15px 0 35px;}
    .carrito a {border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    .logo-acceso img {max-width: auto; height: auto; margin: 50px 0;}
    .img-header {margin-bottom: 60px;}
    .tabla-carro .btn {margin: 2px;}
    .precio-prod {height: 10px; margin: 0;}
    .prod-cant {margin-top:10px;}
    .prod-detalle {margin: 0;}
    .idiomas {margin: 0 20px 10px 20px; text-align: center;}
    .h-accesos {margin: 0 auto; display: inline-block; text-align: center; position: relative;}
    .header-carro p span {right: -10px;}
    .portada-carrusel {text-align: center;}
    .menu-res p { margin: 15px;color: #fff;font-weight: 400;}
    .ttmenu .navbar-default .navbar-toggle span {color: #000000;}
    .relative-scrollers {top: 230px;}
}
@media only screen and (max-width: 480px) {
    .face-link {display: none;}
    .carrito {float: none; margin-bottom: 10px;}
    .f-item-linea { border-right: none;}
    .f-item-texto {margin-top: 0;}
    .f-items {margin-bottom: 10px;}
    .f-items h3 {display: block; margin-bottom: 10px;}
    .f-c {padding: 0 10px;}
    .f-item-logo img {margin: 0 auto 20px auto;}
        .f-cont a {font-weight: 500; font-size: 1em;}
    .footer-down {text-align: center;}
    .cont-portada {min-height: 220px;}
    .portada-minibanner { margin: 10px auto;}
    .titulo2 h1 {font-size: 1.8em;}
    .titulo1 h2 {font-size: 1.8em;}
    .titulos h2 {font-size: 1.8em;}
    .titulo1 h2 span {font-size: 20px;}
    .titulos h2 span {font-size: 20px;}
    .titulo1 {height: 25px; margin-top: 1em;}
    .titulo1 h1 {font-size: 1.3em;}
    .productos-mod h2 {min-height: 45px;}
    .prod-cant input[type="text"] {margin: 0 0 10px 0;}
    #custom-search-input {margin-top: 10px; margin-bottom: 20px;}
    .visual {text-align: center;}
    .filtros {display:block; margin: 10px auto; text-align: center;}
    .filtros .pagination { margin: 10px 0; display: flex; justify-content: center;}
    .paginador-alinea {text-align: center;}
    .nav-tabs > li {float: none;}
    div.bhoechie-tab-container {padding: 0 0 20px 0 !important;}
    div.bhoechie-tab-content {padding-left: 0;}
    .logo-acceso {position: absolute; top: 80%; left: 50%; margin-top: -75px; margin-left: -75px;}
    .logo-acceso img {max-width: auto; height: auto; margin: 40px 0;}
    .img-header {margin-bottom: 90px;}
    .productos-mod {margin: 20px;}
    .productos-mod-img a img {max-width: 140px; margin: 10px 5px; display: inline-block; }
    .botones-pasos {display: block; text-align: center;}
    .botones-pasos a {margin: 10px;}
    .productos-mod-datos {height: auto;}
    .m-center {display: inherit;}
    .titulos {text-align: center;}
    .menu-newsletter {text-align: center; width: 220px; display: block; margin: 0 auto;}
    .f-barra {left: 5%;}
    .relative-scrollers img { max-width: 30px; height: auto;}

}