/* diseño y front-end por Rafael Olea sking.cl@gmail.com www.rafaelolea.cl */
@import url("font-awesome/css/font-awesome.min.css");
 @import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

a { color: #052E88;  }
p { font-weight: 400; }
h2 { font-size: 1.3em; }
.img-thumbnail { border: none; }
.clear { clear: both; }

/* HEADER */
#header {margin: 10px auto 0 auto; border-bottom: 2px solid #ddd;}
.logo img {width: 273px; height: auto; padding: 0; } 
.h-header { justify-content:space-between;}
.h-header-right { text-align: right; margin-top: 10px;}
.h-header-right a {margin: 7px 0; color: #2791D7; font-weight: 400; letter-spacing: 1px font-size: 12px; letter-spacing: 0,5px; display: inline-block; }
.h-header-right a:hover {text-decoration: none; color:#09418F; opacity: .8; }
.h-header-right i {font-size: 16px;}
.h-header-right p {color: #2791D7; margin: 0 0 10px 0; padding: 0; display: inline-block;}
.buscador {width: 300px; float: right;}
.carrito {padding: 0; float: right; }
.carrito p {margin: 0; color: #09418F;}
.carrito a p strong {padding: 0; color: #2791D7 ;}
.carrito a:hover {color: #062E90; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.carrito strong { font-size: 15px;}
.carrito i {font-size: 25px;}
.carrito-items {text-align: center;}
.carrito-items img {float: left; margin: 0 5px 0 15px;}
.carrito-items p {display: inline-block; margin: 0;}
#footer {background: #00285A; margin-top: 3em;}
.buscador .form-control{ height: 40px;}
.buscador .input-group-btn {color: #fff;}
.buscador a {display: inline-block; width: 10px; height: auto; float: right;}
.buscador .btn {padding: 8px 12px;}
.buscador .glyphicon {color: #fff;}
.pop-gral h4 {margin: 0;}
.popup .form-group {margin-bottom: 20px;}
/*.modal-body {padding: 0;}*/
.form-control {height: 40px;}
.btn {padding: 8px 35px; border-radius: 3px;}
.btn-default {background: #062E90;}
.categorias-p {margin: 0 auto; max-width: 500px;}
.categorias-p .container {margin: 0; padding: 0;}
.categorias-p .bhoechie-tab-container {margin-left: 15px; }
/*  bhoechie tab */
div.bhoechie-tab-container{z-index: 10; background-color: #ffffff; padding: 0 !important; border-radius: 4px; -moz-border-radius: 4px; border:1px solid #ddd; margin-left:3%; margin-top: 5px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97);}
div.bhoechie-tab-menu{ padding-right: 0; padding-left: 0; padding-bottom: 0;}
div.bhoechie-tab-menu div.list-group{margin-bottom: 0;}
div.bhoechie-tab-menu div.list-group>a {margin-bottom: 0; color: #FE0000;}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {color: #5A55A3;}
div.bhoechie-tab-menu div.list-group>a:first-child{ border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a:last-child{border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{ background-color: #2F2F2F;background-image: #2F2F2F; color: #ffffff;}
div.bhoechie-tab-menu div.list-group>a.active:after{ content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #2F2F2F;}
div.bhoechie-tab-content {background-color: #ffffff;/* border: 1px solid #eeeeee; */padding-left: 20px; padding-top: 10px;}
div.bhoechie-tab-content a {margin-top: 10px;}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){ display: none;}
/* CONTENIDOS GENERAL */
.paginador { background: #fff; margin: 5px 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;}
/* MENÚ */
.nav { font-size: .9em; font-weight: 500; letter-spacing: 0.4px; margin: .7em 0; font-family: 'Mulish', sans-serif; font-weight: 700;}
.navbar { border-radius: 0; margin-bottom: 0; min-height: 35px; }
.navbar-default .navbar-nav > li > a {color: #052E88;}
.navbar-default .navbar-nav > li > a:hover {color: #6EA3E5;}
.navbar-nav > li > a { padding: .7em .5em; }
.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: #fff; border: none; }
.glyphicon {color:#fff; }
.glyphicon:hover { color: #000; }


/* portada */
.portada-informacion-der {text-align: center; background: #eee; color: #09418F; margin: 10px 0 0 0; padding: 15px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.portada-informacion-der p {margin: 0;}
.portada-informacion-der h2 {margin: 0;}
.portada-informacion-der a:hover {color: #000; text-decoration: none;}
.portada-informacion-der img {width: 38px; height: 38px; margin: 0 auto 7px auto; display: block;}
.flex-child{ display: -ms-flex; display: -webkit-flex; display: flex; justify-content: center; flex-direction: column; }

.portada-contacto {border: 1px solid #ddd;}
.portada-contacto h2 {color: #002AA3; font-size: 1.7em; }
.portada-contacto .form-control {margin: 4px; border-radius: 0;}
.portada-contacto .form-capcha-valor {margin: 4px;}
.portada-contacto .btn, .portada-contacto label {margin: 4px;}
.p-contacto {margin: 10px !important;}
.portada-marcas {margin: 4em 0;}
.portada-marcas img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity: .6;}
.portada-marcas img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}
.portada-solicitar-cotiz {background: #09418F; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 0;}
.portada-solicitar-cotiz a {color: #fff; display: inline-block;}
.portada-solicitar-cotiz a:hover {color: #7DAEEB; text-decoration: none;}
.encuesta {border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 10px; padding: 10px;}
.encuesta h2 {color: #09418F; }
.encuesta p {margin: 0 !important; color: #777;}
.encuesta p a:hover {color: #777; text-decoration: none !important; display: inline-block;}
.portada-noticias {margin: 3em 0;}
.portada-noticias a {color: #09418F; text-decoration: none;}
.portada-noticias a:hover {color: #7DAEEB; text-decoration: none;}
.portada-noticias p {color: #777; height:100px; overflow: hidden;}
.portada-noticias h2 {color: #09418F; height: 65px; overflow: hidden;}

.portada-categorias {margin: 4em 0; padding: 0 1.5em;}
.portada-cc {text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: box-shadow .3s; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);}
.portada-cc:hover {-webkit-box-shadow: 0px 0px 25px 0px rgba(112,128,144); -moz-box-shadow: 0px 0px 25px 0px rgba(112,128,144); box-shadow: 0px 0px 25px 0px rgba(112,128,144); }
.portada-cc img {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.portada-cc-titulo-a {display: flex; align-items: center; height: 60px; background: #0A4072; color: #ffffff; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.portada-cc-titulo-b {display: flex; align-items: center; height: 60px; color: #0A4072; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.portada-cc-titulo-a h2 {margin: 0 auto; font-weight: 300; padding: 0 2em; letter-spacing: 1px; text-transform: uppercase;}
.portada-cc-titulo-b h2 {margin: 0 auto; font-weight: 300; padding: 0 2em; letter-spacing: 1px; text-transform: uppercase;}
.portada-cc-titulo-b h2 {text-decoration: none !important;}

/* TÍTULOS */
.titulos h1 { margin: 0; border-bottom: 1px solid #ddd; padding-bottom: .2em; font-size: 1.8em !important; font-weight: 500 !important; }
.titulo1 { text-align: center; margin: 1em 0; height: 35px; }
.titulo1 h1 { font-size: 2.5em; font-weight: 300; background: #fff; display: inline-block; margin: 0; padding: 0 1em; color:#FB0000; }
.titulo1 h1 span {color: #000;}
.titulos h1 { font-size: 2em; color: #09418F; margin-bottom: 20px;}
.titulos h1 span {color: #0D61D6;}
.titulos h2 { font-size: 2em; color: #09418F; margin-bottom: 20px;}
.titulos h2 span {color: #0D61D6;}
.titulos-interior { margin: 1em 0; padding-bottom: 5px; display: flex; }
.titulos-interior h1 { color: #003781; text-align: left; font-size: 1.8em; font-weight: 300; padding: 0 15px; display: inline-block; margin: 0; justify-content: flex-start;}
.titulo-carro {background: #eeeeee; padding: 0 5px;}
.titulo-carro h1 {font-size: 1.6em; font-weight: 400; padding: 10px 5px; color: #003196;}
.titulo-carro h1 i {font-size: 1.4em;}
.panel-title { font-size: 1em; color: #0050AD; }
.panel-body h2 { font-size: 1em; font-weight: bold; }

/* IMÁGENES */
.img-left { padding: 0px; margin-right: 20px; margin-bottom: 10px; float: left; }
.img-right { margin: 0px 0px 10px 30px; padding: 0px; float: right; }
.img-center { display: block; margin: 10px auto; }

/* PAGINA INTERIOR */
.pag-int p { font-size: 1em; color: #777; font-weight: 400; letter-spacing: .04em;  margin: .5em 0; }
.pag-int p span { font-style: italic; }
.pag-int h1 { color: #003196; font-size: 1.8em; font-weight: 300; }
.pag-int h1 i {font-size: .6em;}
.pag-int h2 { color: #003196; 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; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.pag-int ul li { color: #777;}

/* 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: #003781; border-color: #fff; padding: 10px; margin-bottom: 10px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.list-group-item { padding: 7px 10px; background: #fff; font-size: 14px;} 
.list-group-item:hover { background: #eee; }
.list-group-item.active { color: #6EA3E5; background: #ddd; }
.list-group-item.active:hover { background: #003781; border-color: #003781; }
.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: 17px;} 
a.list-group-item {color: #003781;}
/* Preguntas Frecuentes */
.preguntas-frecuentes h4 {color: #003196;}
.preguntas-frecuentes .panel-body {color: #777;}
.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;}

/* MOD PRODUCTOS */
.productos-mod {border: 1px solid #fff; text-align: left; transition: box-shadow .3s; margin: 10px; padding: 10px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.productos-mod:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30);} 
.productos-mod a img {margin: 0 auto;}
.productos-mod h2 {color: #1d3398; font-size: 1.1em; font-weight: 400; height: 50px; margin: 0; text-align: center; overflow:hidden; }
.productos-mod p {color: #818181; font-size: .9em; margin: 0; padding: 5px 0 2px 0; text-align: center; overflow:hidden; min-height: 40px;} 
.productos-mod h3 {color: #25A000; font-size: 1.4em; font-weight: 500; padding: 0; margin: 0; height: 17px; margin-bottom:5px;}
.productos-mod h4 {color: #FD0002; font-size: 1.4em; font-weight: 500; padding: 0; margin: 0; height: 17px;margin-bottom:5px;}
.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:#FF2602; font-weight: 400; font-style: normal;}

.cod-productos {height: 20px;}
.cod-productos p {margin: 0; padding: 0 0 5px 0;}
.cod-productos p span {color: #74A9DD; font-size: 1em; margin: 0; padding: 0; font-style: normal;} 
.producto-info h2 {color: #003196; font-size: 1.3em; font-weight: 300; }
.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: #FF8211; font-size: 1.8em; font-weight: 500;}
.producto-info h4 {color: #74A9DD; font-size: 1.6em; font-weight: 400;}
.precio-prod {height: 50px; /*24*/ text-align: center; padding-top:10px; }
.precio-prod small { color: #003196; font-weight: 600; margin-top: 18px; }
.precio-oferta h2 {color: #FB0000; font-weight: 500; margin: .5em 0; }
.ticket {position: absolute; background: #FE0000; color: #fff; top: 20px; right: -10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 10px 3px; font-weight: 300; font-size: 1.1em;}
.ticket2 {background: #FE0000; color: #fff; top: 0; right: -20px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 10px 2px; font-weight: 500; font-size: 1.2em; display: inline-block;}
.productos-relacionados {margin-top: 3em;}
.productos-relacionados h4 {background: #003196; font-size: 1.2em; font-weight: 400; padding: 10px; margin-bottom: 1em; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.productos-relacionados h4 i {font-size: 1em; color: #000; font-weight: 600; margin-right: 5px;}
.prod-cant {text-align: center; margin-top: .5em;}
.prod-cant input[type="text"]{ width: 40px; height: 35px; text-align: center; padding: 0; margin: 0 5px 0 0; display: inline-block; vertical-align: top; line-height: 28px; }
.prod-detalle {text-align: center; margin: 10px 0;}
.prod-detalle a {color: #FE0000;}
.prod-detalle a i {font-size: 13px;}

.producto-info #prices-product small { color: #003196; font-weight: 600; margin-top: 18px; }

.relative-scrollers {
  position: fixed;
  padding: 0;
  top: 65%;
  right: 0;
  z-index: 3000;
  text-align: center;}
.relative-scrollers a:hover {opacity: .7;}
.relative-scrollers img { max-width: 90px; height: auto;}
.relative-scrollers > div {margin: 0;}
.relative-scrollers .redes img {margin: 8px;}

/* Filtros */
.filtros { /*display: flex;*/ padding: 0; margin: 15px 0 15px 0; }
.filtros .pagination { margin: 8px 0 0; }
.filtros p { margin: 14px 10px; }
.filtros p strong { color: #74A9DD; }
.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; }
.menu-responsive {display: none;}
.sub-sub-c label {margin-left: 10px; font-weight: normal;}

/* SUB-MENU */
.dropdown-menu > li > a {color: #666;}
.dropdown-menu > li > a:hover {color: #F96913;}
.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: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 */
.marcas {margin-bottom: 3em;}
.lista-marcas {text-align: center; margin: 10px auto;}
.lista-marcas a:hover {opacity: .8;}
.marcas-items {border-bottom: 1px solid #ddd; background: #f8f8f8; margin-top: 10px; display: block; clear: both;}
.marcas-items img {background: #fff; padding: 5px; height: auto;}
/* fondo categorías */
.fondo-categorias {margin-top: .5em;}
.fondo-categorias .paginador { margin: 0 0 1em 0 !important;}

/* 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: #74A9DD; }
.acceso-usuario p {text-align: center; margin-bottom: 2em; }
.acceso-usuario a {color:#003196;}
.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;}

.modal-body .acceso-usuario {border: none; }
.modal-body .acceso-usuario h2 {margin: 0 0 30px 0; color: #09418F; }

/* 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: #09418F; font-weight: 600; } 

/* 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: #74A9DD; }
.registro-usuario h4 {color: #003196;}
.registro-usuario h4 i { color: #74A9DD; }
.registro-usuario p {text-align: center; margin-bottom: 2em; }

/* CARRO */
.carro-titulos {background: #ddd; margin: 10px 0 0 0; padding: 10px;}
.carro-titulos h2 {margin:0; padding:0; font-size: 16px;}
.columna-carro {border: 1px solid #ddd; margin: 0; }
.pasos-carro {background: #c7c7c7; color: #fff; padding: 10px 5px; margin: 10px 0; }
.pasos-carro.active {background: #74A9DD;}
.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;}
.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 .table > tbody > tr > td {padding: 4px 6px;}
.tabla-carro .btn {padding: 8px 12px;}
.tabla-totales {background: #444; 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: #74A9DD; font-weight: 300;}
.botones-pasos {display: flex; justify-content: space-between;}

.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;}
.portada-clientes { max-width: 1080px; margin: 0 auto; }
.tab-content {border: 1px solid #ddd; padding: 10px;}

/* MENU ACORDEON */
.menu-izq h2 {margin: 0 0 10px 0; background: #003781; color: #fff; padding: 10px 25px; font-weight: 300; letter-spacing: .7px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.list-group.panel > .list-group-item {border: 1px solid #ddd; border: 1px solid #ddd; background: #fff; border-bottom-right-radius: 0; border-bottom-left-radius: 0; font-weight: 300; font-size:  17px;}
.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: #003781; }
a.list-group-item-success i {color: #003781; font-size: 11px; }
a.list-group-item-success:hover {background: #FEE0CE; color: #888;}
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: #003781; color: #fff; padding: 10px 25px; letter-spacing: .7px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.m-izquierdo h2 {margin: 0; padding: 0; font-weight: 300;}
.cont-izquierdo {border: 1px solid #ddd; padding: 0;}
.cont-izquierdo .form-horizontal .form-group {margin-bottom: 10px;}
.cont-izquierdo-opciones {padding: 0 30px;}
.m-productos-item {margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #ddd; display: block;}
.m-productos-item p {font-size: 12px; margin: 0; padding: 0; color: #003196;}
.m-productos-item h3 {color: #888; font-size: 11px; margin: 5px 0 0 0; padding: 0; }
.m-productos-item:last-child { border-bottom:0 none; }

/* 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; }

/* 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 h2 {font-weight: 400;}
.info-contacto-gral h2 span {color: #FF2602; 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; }

/* SUCURALES */
.sucursales img {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

/* FOOTER */
.f-cont {color: #fff; padding: 2em 0;}
.f-cont a {color: #fff;}
.f-cont a:hover {text-decoration: none; color: #196CB1;}
.f-cont p {margin: 0; padding: 0; font-weight: 300; line-height: 30px;}
.f-cont h2 {font-size: 1.2em; margin: 1em 0; font-weight: 300;}
.f-cont h3 {color: #fff; font-weight: 300; font-size: 20px; margin-bottom: 20px; }
.f-cont ul {padding-left: 0; } 
.f-cont ul li {list-style: none; border-bottom: 1px solid #8194AE; max-width: 70%; height: 25px; margin-bottom: 5px;} 
.f-cont ul a {color: #fff; margin: 0; text-transform: uppercase;}
.f-items {height: auto; text-align: left; }
.f-items h3 {display: inline-block; vertical-align: top; margin: 0; font-size: 15px; font-weight: 400;}
.f-redes {margin-bottom: 1em; }
.f-redes img {width: 30px; height: auto; margin-right: 5px;}
.f-contacto {border-top: 1px solid #8194AE; max-width: 70%;}
.f-contacto ul li {max-width: 100%;}
.f-logo img {max-width: 150px; margin-bottom: 1em;}
.visual {text-align: right; padding: 10px 0; background: #00285A; }
.visual a {color: #fff; font-size: 11px; margin: 0; } 

/* 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.06); transform: scale(1.06); }
/* 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: .75em;}
    .categorias-p .bhoechie-tab-container {margin-left: 35px;}
    .f-items h3 {display: block; margin: 10px 0;}
}

@media only screen and (max-width: 991px) {
    .menu-izq {display: none;}
    .menu-responsive {display: block; text-align: center;}
    .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: 10px 0; }
    .prod-cant input[type="text"] {margin: 0 0 10px 0;}
    .pag-int iframe {margin-top: 10px;}
    .tabla-carro input {margin-bottom: 10px;}
    .nav {font-size: .73em; }
    .navbar-nav > li > a {padding: .7em .3em;}
    .categorias-p .bhoechie-tab-container {margin-left: 0;}
    .f-items h3 {display: block; margin: 10px 0;}
    .portada-contacto img {display: none;}
    .encuesta  {margin-top: 0;}
    .portada-noticias h2 {height: 60px; overflow: hidden;}
    .encuesta {text-align: center;}
    .encuesta img {text-align: center; display: inline-block;}
    .portada-cc-titulo-a h2 {font-size: .9em; padding: 0;}
    .portada-cc-titulo-b h2 {font-size: .9em; padding: 0;}
}
@media only screen and (max-width: 766px) {
    .nav { width: 100%;}
    .nav-color {border: 1px solid #ddd;}
    .navbar { border-radius: 0; margin-bottom: 0; margin: 1em 0; }
    .navbar-header  { margin-bottom: 0; }
    .nav-mombre { display: block; padding: 1em 2em; font-weight: bold; color: #003196;}
    .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;}
    .navbar-default .navbar-toggle {border: none;}
    .info-contacto {border-left: none; padding-left: 0; margin-left: 0;}
    .logo img {margin: 0 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 {text-align: center;}
    .logo-acceso img {max-width: auto; height: auto; margin: 50px 0;}
    .img-header {margin-bottom: 60px;}
    .portada-mensaje {display: block; text-align: center;}
    .portada-mensaje img {margin: 0 auto;}
    .flex-child p {font-size: 1.5em;}
    .text-right {text-align: left;}
    .portada-contacto {margin: 10px;}
    .portada-noticias .port-noticias {margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
    .portada-noticias h2 {height: auto; overflow: hidden;}
    .portada-noticias p {height: auto;}
    .portada-cc {margin: 1em 0;}
    .portada-cc-titulo-a h2 {font-size: 1.2em; padding: 0; }
    .portada-cc-titulo-b h2 {font-size: 1.2em; padding: 0; }

}
@media only screen and (max-width: 480px) {
    .nav {font-size: 1em;}
    .carrito {float: none; margin: 10px auto; max-width: 160px;}
    .f-item-linea { border-right: none;}
    .f-item-texto {margin-top: 10px;}
    .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;}
    .footer-down {text-align: center;}
    .cont-portada {min-height: 220px;}
    .titulo1 {height: 90px;}
    .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;}
    .portada-categoria-item h2 {font-size: 1em;}
    .buscador {max-width: 100%; margin: 0 auto; float: none;}
    .portada-informacion-der img {width: 25px; height: 25px;}
    .portada-cc-titulo-a h2 {font-size: 1em; padding: 0 5px; }
    .portada-cc-titulo-b h2 {font-size: 1em; padding: 0 5px; }
    .portada-categorias row {padding: 0;}
}

.cookie-disclaimer {
    background: #000000;
    color: #FFF;
    opacity: 0.82;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: auto;
    position: fixed;
}
.cookie-disclaimer .container {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.cookie-disclaimer .cookie-close{
    float: right;
    padding: 10px;
    cursor: pointer;
}