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

/* HEADER */
.logo img {width: 129px; height: auto; padding: 0; } 
.h-header { justify-content:space-between;}
.header-info {text-align: left; font-size: .9em;}
.header-info a {margin: 0 5px; color: #434343;}
.header-info a:hover {color: #FF4F03; text-decoration: none;}
.header-datos {text-align: right; font-size: .9em;}
.header-datos a {margin: 0 5px; color: #292929; font-size: 14px;}
.header-datos a:hover {color: #ed2314; text-decoration: none;}
.header-datos p span a {font-size: 11px;}
.header-datos p span a:hover {color: #ed2314;}
.h-header-right {text-align: right; margin-top: 40px;}
.h-header-right a {font-weight: 400;  color: #444;}
.h-header-right a:hover {text-decoration: none; color:#ed2314; opacity: .8; }
.h-header-right img {float: right;margin-left: 5px;}
.fecha-hora {font-size: .9em; color: #7f7e7e; margin-top:0;}
.mas-buscados p {margin-top:10px; font-size:.9em; color:#7f7e7e;}
.mas-buscados p strong {color: #000;}
.mi-cuenta {width: 150px; float: right;}
.mi-cuenta a {display: inline-block; color: #ed2314;}
.mi-cuenta a:hover {color: #000;}
.mi-cuenta p {line-height: 15px; display: inline-block;}
.menu-datos a:hover {text-decoration: none; opacity: .7; }
.menu-datos {width: 250px; height: 40px; padding: 5px;}
.menu-datos h2 {font-size: 14px; display: block; margin: 0; text-align: right; color: #F6611D;}
.menu-datos p {font-size: 12px; display: block; margin: 0; text-align: right; text-transform: none; color: #000;}
.menu-datos img {float: right; display: inline-block; margin-left: 5px;}
.buscador {margin-top: 35px; }
.buscador .btn {background-color: #fff; border: 1px solid #ccc; color: #333; padding: 8px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.btn-m {padding: 5px 10px; font-size: 12px;}
.canasta {position: relative; color: #F96913; margin: 0 5px; width: 28px; height: 28px; background: url(../images/icon-canasta.png) no-repeat; display: inline-block; top: -7px;}
.canasta-cant {color: #F96913; min-width: 20px; min-height: 20px; text-align: center; display: inline-block; padding: 0 2px; background: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: absolute; right:0; top:15px; }
#footer {background: #086276; padding: 1em 0 0 0}
.custom-search-form { margin-top:5px; float: right; width: 50%; margin-bottom: 1em; }
/* buscador */
#custom-search-input { max-width: 300px; margin:0 auto; margin-top: 30px; padding: 0; }
#custom-search-input .search-query { padding-right: 3px; padding-right: 4px \9; padding-left: 3px; padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
 margin-bottom: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none;}
#custom-search-input button { border: 0; background: none; 
    /** belows styles are working good */ 
padding: 2px 5px; margin-top: 2px; position: relative; left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#D9230F; }
.search-query:focus + button { z-index: 3; }

/* CONTENIDOS GENERAL */
.paginador { margin: 5px 0; padding: 5px; font-size: 1em; font-weight: 300; }
.paginador ol {background: #FFF;}
.paginador ol a { font-weight: 400; font-size: 1em; color: #777; }
.breadcrumb { margin-bottom: 0; padding: 0; }
.paginador .breadcrumb > li {color: #999; font-size: .9em;}
/* MENÚ */
.nav { font-size: 1em; font-weight: 300;}
.navbar { border-radius: 0; margin-bottom: 0; min-height: 40px; }
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover {color: #000;}
.navbar-nav > li > a { padding: .7em .8em; }
.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: #0089a8; border: none; }
.glyphicon {color:#000; }
.glyphicon:hover { color: #000; }
.buscador-lupa { background: #ccc; border-color: #ccc; border-left: none; }
.buscador-lupa:hover { background: #ddd; border-color: #ccc; }

/* POPUP */
.pop-gral h4 {margin: 0; padding: 0;}
.popup img {text-align: center; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;}
.popup form {width: 60%; margin: 0 auto;}
.popup .btn-primary {display: block; margin: 0 auto;}
.modal-header {background: none;}

/* CARRUSEL */
.portada-carrusel-productos {background: #000 url(../dinamicos/contenidos/fondo-portada-cateogoria.jpg) left top no-repeat;}
.portada-carrusel-productos h2 {color: #fff;}
.portada-carrusel-p {}

.titulo2 {border-bottom: 1px solid #ddd; text-align: left; margin: 1.5em 0; height: 35px;}
.titulo2 h2 { font-size: 1.9em; font-weight: 200; color: #fff; display: inline-block; margin: 0; padding: 0 1em 0 0; }
/* TÍTULOS */
.titulos h1 { font-size: 2.1em; text-align: center; margin-bottom: 20px; }
.titulo1 {background: url(../images/linea-gris.png) center repeat-x; text-align: left; margin: 1.5em 0; height: 35px;}
.titulo1 h2 {background: #fff; font-size: 1.9em; font-weight: 200; color: #000; display: inline-block; margin: 0; padding: 0 1em 0 0; color:#1F1F1F; }
.titulo1 p {color: #FF6A24; font-weight: 300; font-size: 1.2em;}
.titulos h2 { font-size: 1.5em; }
.titulos-interior { margin: 0; padding-bottom: 5px; display: flex; }
.titulos-interior h1 { color: #000; text-align: left; font-size: 1.6em; font-weight: 400; 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: #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; }

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

/* PORTADA BANNER */
.portada-minibanner {margin: 0 auto; padding: 0;}
.portada-minibanner a img {transition: box-shadow .3s; width: 97%; margin: 10px auto;}
.portada-minibanner a img:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.60); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.60); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.60);}
.portada-minibanner a {font-size: 14px; font-weight: 200; margin: 0 12px;}
.portada-minibanner h2 {text-transform: uppercase; margin: 0 12px; font-size: 14px;}

.cont-p-img {position: absolute; top:-35px; left: 25%; right: 25%;}

/* PAGINA INTERIOR */
.pag-int p {font-size: 1em; color: #777; font-weight: 300; letter-spacing: .05em;  margin: .5em 0; }
.pag-int p span {font-style: italic; }
.pag-int h1 {color: #E50406; font-size: 2em; font-weight: 300; margin: 0 0 1em 0; }
.pag-int h2 {color: #000; font-weight: 300; font-size: 1.5em; }
.pag-int h2 span {color: #E50406; font-size: .8em; margin: 0 0 0 15px;}
.pag-int h3 {color: #000; font-weight: 300; font-size: 1em; }
.pag-int iframe {width: 100%; height: auto; min-height: 380px; }
.pag-int ul li {color: #777;}

.logos-marcas a img {max-width: 100px; display: block; margin: 0 auto; text-align: center;}

/* MENÚ IZQUIERDO */
.panel-danger {border-color: #fff; background: #FAFAFA; }
.panel-heading h2 { font-weight: 300; text-transform: uppercase; font-size: 1.2em; margin: 0; color: #fff; }
.panel-danger > .panel-heading { background: #085667; border-color: #fff; padding: 10px; }
.list-group-item { padding: 12px 10px; background: #fff; border: none; } 
.list-group-item:hover { background: #eee; }
.list-group-item.active { background: #999;  }
.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;}

/* Filtrar Por */
.filtrar-por-titulo {background: #202020; color: #fff; padding: 10px;}
.filtrar-por-titulo h2 {font-size: 12px; margin: 0; letter-spacing: 1px;}
.filtrar-por {border: 1px solid #E5E5E5; padding: 10px;}

/* locales */
.locales {padding: 1em;}
.locales h2 {margin: 0; padding: 0; font-weight: 500;} 
.locales h2 span {color: #F96913;}
.locales p {margin: 0; padding: 0;}
.panel-title > a {color: #444; font-size: 1.3em; font-weight: 300;}
.panel-title > a:hover {text-decoration: none;} 
.panel-title > a span {color: #E50406;}
.panel-default > .panel-heading:hover {background: #fff;}

/* MOD PRODUCTOS */
.productos-mod { background: #fff; text-align: center; transition: box-shadow .3s; border: 1px solid #ebebeb; margin: 15px 5px; padding: 3px 3px 10px 3px; position: relative;}
.productos-mod:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);} 
.productos-mod a img {margin: 0 auto;}
.productos-mod h2 {color: #ed2314; font-size: .9em; font-weight: 500; height: 45px; margin: 0;}
.productos-mod p {color: #848484; font-size: .9em; margin: 0; padding: 0; height: 20px;} 
.productos-mod h3 {height: 25px; color: #000; font-size: 1.3em; font-weight: 400; margin:0;} 
.productos-mod h4 {height: 25px; color: #FD0002; font-size: 1.3em; font-weight: 400; margin:0;} 
.productos-mod h4 span {color: #666; font-size: .6em; text-decoration: line-through;}
.precios {height: 30px; padding: 5px 0;}
.cod-marca {height: 30px; text-align: left; margin: 0 10px;}
.cod-marca p {margin: 0; padding: 0; height: 15px;}
.producto-info input {display: inline-block; width: 40px; margin: 0 10px;}
.producto-info p {margin: 0; font-size: 12px;}
.producto-info p strong {color:#000;}
.producto-info p span {color: #F96913; font-style: normal;}
.producto-info p i {font-size: 15px;}
.producto-info h2 {color: #FB0000; font-size: 1.8em; font-weight: 500; }
.producto-info h2 i {font-size: .8em; color: #000;}
.producto-info h2 span {color: #777; font-size: .6em; font-weight: 300;}
.producto-info h3 i {font-size: .8em; color: #000;}
.producto-info h3 {color: #000; font-size: 1.8em; font-weight: 500;}
.producto-info h3 span {color: #777; font-size: .6em; font-weight: 300;}
.producto-info h4 {color: #202020; font-size: 1.6em; font-weight: 400;}
.producto-info h5 {color: #28AA2E; font-weight: 400; margin: 0;}
.ticket {position: absolute; background: #E10109; color: #fff; top: 10px; right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 10px 4px; font-weight: 300; font-size: 1em;}
.ticket2 {background: #E10109; color: #fff; top: 0; right: -20px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 10px 4px; font-weight: 500; font-size: 1em; display: inline-block;}
.producto-info .precio-oferta h2 {margin: 0 0 10px 0; padding-top: 15px;}
.producto-info .precio-oferta .ticket2 {float: left; margin-right: 10px;}
.producto-info select {display: inline-block; width: 60px; margin: 0 10px;}
.producto-info .op-despacho {background: #EAEAEA; padding: 10px; margin-bottom: 10px;}
.producto-info .op-despacho h2 {color: #333; font-size: 14px; margin: 0 0 5px 0;}
.producto-info .op-despacho p {color: #333; font-size: 13px; margin: 0; font-weight: 300;}
.producto-info .op-despacho p i {font-size: 18px; color: #818086;}
.producto-info .op-despacho p strong {color: #E50406;}
.productos-relacionados h5 {background: #fff; border: 1px solid #ebebeb; font-size: 1em; font-weight: 500; padding: 8px; margin-bottom: 1em; color: #444;}
.productos-relacionados h5 i {font-size: 1.2em; color: #E50406; margin-right: .5em;}
.tags {margin: 10px 0;}
.tags a {background: #EFEFEF; color: #848482; font-size: 12px; font-weight: 200; padding: 5px 10px; margin: 5px 0 5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.portada-p-h {margin: 2em auto;}
.productos-mod-h { background: #fff; text-align: left; transition: box-shadow .3s; border: 1px solid #ebebeb; margin: 0 5px 35px 0; padding:14px 10px; position: relative;}
.productos-mod-h:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);} 
.productos-mod-h a img {margin: 0; float: left; padding: 5px;}
.productos-mod-h h2 {color: #ed2314; font-size: .9em; font-weight: 500; height: 45px; margin: 0;}
.productos-mod-h p {color: #848484; font-size: .9em; margin: 0; padding: 0; height: 15px;} 
.productos-mod-h h3 {height: 25px; color: #000; font-size: 1.3em; font-weight: 400; margin:0;} 
.productos-mod-h h4 {height: 25px; color: #FD0002; font-size: 1.3em; font-weight: 400; margin:0;} 
.productos-mod-h h4 span {color: #666; font-size: .6em; text-decoration: line-through;}

/* Filtros */
.filtros { display: flex; border: 1px solid #ebebeb; padding: 0; margin: 0 0 1em 0; }
.filtros .pagination { margin: 8px 0 0; }
.filtros p { margin: 14px 10px; }
.filtros p strong { color: #E50406; }
.filtros a i:hover { color: #000; }
.filtros select { margin: 10px 0 0 0; }
.filtros .selectpicker { padding: 3px; border: 1px solid #ebebeb; -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: #E50406;}
.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;}

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

/* CARRO */
.columna-carro {border: 1px solid #ddd; margin: 0; }
.pasos-carro {background: #c7c7c7; color: #fff; padding: 10px 0; margin: 10px 0; }
.pasos-carro.active {background: #E50406;}
.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; margin-top:10px;}
.tabla-carro img {max-width: 100px; 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 strong {color: #000;}
.tabla-carro p span {color: #E50406; font-style: normal;}
.tabla-carro p b {text-decoration: line-through;}
.tabla-totales {background: #272727; margin: 0; text-align: right;}
.tabla-totales p, .tabla-totales h2 {color: #fff;}
.tabla-totales p {font-size: 1.3em;}
.tabla-totales h2 {font-size: 2.2em;}
.tabla-totales h2 strong {color: #E50406; font-weight: 300;}
.botones-pasos {display: flex; justify-content: space-between;}

/* PORTADA DESPACHO */
.portada-info {background: #f6f6f6;}
.portada-info img {float: left; margin-right: 1em;}

.portada-info a:hover {text-decoration: none; opacity: .6; }
.portada-informacion {border-right:1px solid #ddd; padding: 1em 0; margin: 10px 0 20px 0;}
.portada-informacion.last {border-right: none;}
.portada-informacion h2 {font-size: 1.4em; font-weight: 300; margin: 0; color: #7ebd4f;}
.portada-informacion img {margin-right: 5px; }
.portada-informacion p {margin: 0; color: #969696; font-size: 1em; font-weight: 300;}

/* PORTADA NOTICIAS */
.p-noticias {border: 1px solid #ebebeb; padding: 10px;}
.p-noticias h2 {margin: 0; font-size: 1.1em;}
.p-noticias p {color: #828282; font-weight: 400;}
.p-noticias p span {color: #b1b1b1; font-size: .8em; color: #b1b1b1; font-weight:500;}
.p-noticias a {color: #7fbe50; font-size: .8em;} 
.p-noticias a:hover {color: #000; text-decoration: none;}

/* FORMULARIOS */
.formulario { padding: 2em; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.mapa iframe { width: 100%; min-height: 600px; 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: 1.5em auto 1em auto; }
.tablitas .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #1F1F1F; color: #fff;}
.tablitas .nav > li > a {padding: 17px 15px; font-size: 18px; font-weight: 300; letter-spacing: 1px; background: #D1CEC7;}
.tablitas .nav > li > a img {margin-right: 8px;}
.portada-clientes { max-width: 1080px; margin: 0 auto; }
.tab-content {border: 1px solid #ddd; padding: 10px;}

/* TAB DETALLE PRODUCTO */
.tablitas2 { padding: 0; margin: 4em auto 1em auto; }
.tablitas2 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #fff; color: #E50406; border-bottom: 1px solid #fff; font-weight: 400;}
.tablitas2 .nav > li > a {padding: 17px 15px; font-size: 13px; font-weight: 300; letter-spacing: 1px; background: #fff; color: #7F7F7F; border-bottom: 1px solid #DDDDDD;}
.tablitas2 .nav > li > a:hover {border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #fff;}
.tablitas2 .nav > li > a img {margin-right: 8px;}
.tablitas2 p {margin: 1em;}
.tablitas2 .tab-content {border-left: none; border-right: none; border-bottom: none; }


/* PORTADA NOTICIAS y NOTICIAS INTERIOR */
.noticias-item { border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1em;}
.noticias-item p, .noticias-item h2, .noticias-item h3 { margin: 0; padding: 0; }
.noticias-item p span { font-size: .9em; margin: 0; padding: 0; }
.noticias-item button { margin-top: 10px; }
.noticias-item img { margin: 0 0 1em 0; }
.noticia-mini { min-height: 250px; }
.noticia-mini h2 { font-size: 1.3em; color: #333; font-weight: 300; }
.noticia-mini img { margin:0 0 10px 0; }
.noticia-mini button { margin-top: 10px; }

/* NOTICIAS */
.noticias-detalle p { margin: .8em 0; }
.noticias-detalle img { margin: 1em; width: 100%;}
.noticias-detalle h2 { font-weight: 500; font-size: 1.3em; color: #dd1e0f; text-transform: uppercase;}
.noticias-detalle h4 { color: #000; margin: 0; padding: 0; }

/* menu noticias */
.menu-noticias-c a { font-size: 1.3em; color: #000; }
.menu-noticias-mini a { color: #535353; }
.menu-noticias-mini a span { color: #D9152F; font-weight: 600; } 

/* MENU ACORDEON */
.menu-izq h2 {margin: 0; background: #085667; color: #fff; padding: 10px; font-size: 15px; font-weight: 400; letter-spacing: 1px;}
.list-group.panel > .list-group-item {font-size: 12px; color: #555; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.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: #E50406; float: right;}
a.list-group-item-success:hover {background: #ddd; color: #fff;}
a.list-group-item-success:focus {color: #333; background: #ccc;}
.panel {border: 1px solid #E5E5E5; font-size: 12px;}

/* 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: 1em 0; }
.info-contacto-gral p {margin: 0; padding: 0; }
.info-contacto-gral h2 {font-weight: 400;}
.info-contacto-gral h2 span {color: #F96913; 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; }

/* FOOTER */
.f-c {padding: 0;}
.f-cont {color:#202020; padding-bottom: 1em;}
.f-cont p {margin: 0; padding: 0;}
.f-cont h2 {font-size: 16px; font-weight: 400; color: #fff; margin: 0;}
.f-cont h3 {color: #60a7b8; font-weight: 400; font-size: 14px; margin: 30px 0 20px 0; }
.f-cont {color: #fff;}
.f-cont ul {padding-left: 0; font-size: 12px;} 
.f-cont ul li {list-style: none;} 
.f-cont ul li a {color: #fff;} 
.f-cont ul li a:hover {color: #000; text-decoration: none;} 
.f-line {border-bottom: 2px solid #0a4b5b; margin: 2em 0;}
.f-items ul {float: left; margin-right: 15%;}
.f-items h4 {font-size: 14px; color: #60a7b8; font-weight: 400; display: inline-block; float: left; margin-right: 10px;}
.f-items.right h3 {text-align: right; display: block; margin: 10px 0;}
.f-items a {color: #fff; display: inline-block;}
.f-items a:hover {text-decoration: none; color: #000;}
.footer-up {background: #085667; padding: 5px; margin-top: 2em;}
.footer-up a {color: #fff;} .footer-up a:hover {color: #000; text-decoration: none;}
.footer-up h2, .footer-down p {margin: 0; padding: 0;}
.footer-up h2 {font-size: 16px;}
.footer-cont {display: flex; justify-content: center; margin: 4px 0;}
.footer-cont a {font-size: 13px; padding: 0 7px;}
.visual {text-align: right; margin: 0 0 30px 0;}
.visual a {color: #000; font-size: 11px; } 
.f-redes {display: flex; justify-content: flex-end;}

/* <<<<<<<<<<< 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;}
    .productos-mod-h h2, .productos-mod-h p {height: auto;}
    .productos-mod-h a img {max-width: 150px;}
    .acceso-empresa {display: inline-block;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .productos-mod h2 {height: 55px; font-size: .8em;}
    .productos-mod h4, .productos-mod h3 {height: 40px;}
}
@media only screen and (max-width: 991px) {
    .header-info, .header-datos {text-align: center;}
    .nav { width: 100%;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-default .navbar-collapse {border-color: #086276;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
    .menu-izq {display: none;}
    .menu-responsive {display: block; text-align: center;}
    .menu-datos {width: auto;}
    .buscador .form-control {height: 34px;}
    .tab-content {padding: 15px;}
    #custom-search-input {margin:30px auto 10px auto; float: right; width: 100%;}
    .titulo1 {height: auto; text-align: center;}
    .titulo1 h2 {padding: 0 .5em;}
    .titulo2 {text-align: center;}
    .titulo2 h2 {color: #444; padding: 0; }
    .producto-info {padding: 0 15px;}
    .footer-cont {display: block; text-align: center;}
    .portada-minibanner { margin: 10px auto; text-align: center;}
    .portada-minibanner a img {margin: 10px auto;}
    .portada-minibanner a {margin: 0;}
    .portada-informacion {border-right: none; text-align: left;}
    .portada-informacion img {margin-right: 2em;}
    .portada-carrusel-productos {background: #fff;}
    .portada-ban {text-align: center;}
    .f-items form .btn {margin: 10px 0;}
    .f-items {padding: 0;}
    .f-items img {display: block; margin: 10px 0;}
    .f-redes {margin: 0;}
    .mapa-sucursal {display: none;}
    .p-noticias {margin-bottom: 1em;}
    .noticias-detalle img {margin:0 ;}
    .tabla-carro .btn {margin: 5px 0;}
    .producto-info a {margin: 10px 0;}
}
@media only screen and (max-width: 766px) {
    .buscador {margin-top: 10px;}
    .navbar { border-radius: 0; margin-bottom: 0; }
    .navbar-header  { margin-bottom: 0; }
    .nav-mombre { display: block; padding: 1em 2em; font-weight: bold; color: #fff;}
    .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.right h3 {text-align: left;}
    .f-items form .btn {float: left;} 
    .f-cont h3 {margin: 15px 0 5px 0;}
    .f-line {margin: 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;}
    .h-header-right {margin: 0 auto; }
    .mi-carro, .mi-cuenta {margin: 10px auto; width: 110px; float: left; width: auto;}
    .mi-cuenta {float: none;}
    .mi-cuenta p {margin: 0;}
    .pago-sii {margin-top: 0; margin-bottom: 10px;}
}
@media only screen and (max-width: 480px) {
    .header-info {display: none;}
    .f-item-linea { border-right: none;}
    .f-c {padding: 0 10px;}
    .f-items {margin-bottom: 1em;}
    .f-items img {margin: 0x auto; display: block; float: none;}
    .f-items a img {float: left;}
    .f-items h4 { display: block; float: none; }
    .footer-down {text-align: center;}
    .cont-portada {min-height: 220px;}
    .portada-minibanner { margin: 0 auto; text-align: center;}
    .portada-informacion img {margin-right: .5em; display: inline-block; margin-bottom: 1em;}
    .titulo1 h1 {font-size: 1.3em;}
    .tablitas .nav-tabs > li {text-align: center;}
    .tablitas2 .nav > li > a {border: 1px solid #ddd;}
    .nav-tabs > li.active > a:focus {border-bottom: 1px solid #ddd;}
    #custom-search-input {margin-top: 10px; margin-bottom: 20px;}
    .visual {text-align: center;}
    .filtros {display:block; margin: 0 auto 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;}
    .slider-home {display: none;}
    .noticias-detalle img {margin: 0;}

}

/* MENSAJES CARRO DE COMPRAS */
.nNote{cursor:pointer;margin:32px 0 10px;box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff}
.nNote strong{margin-right:5px}
.nNote p{font-size:11px;padding:10px 25px 10px 54px;margin:0;color:#565656}
.nMessage p{font-size:11px}
.nWarning{background:#ffe9ad url(../images/notifications/error.png) no-repeat 15px center;border:1px solid #eac572;color:#826200}
.nSuccess{background:#effeb9 url(../images/notifications/accept.png) no-repeat 15px center;border:1px solid #c1d779;color:#3C5A01}
.nFailure{background:#fccac1 url(../images/notifications/exclamation.png) no-repeat 15px center;border:1px solid #e18b7c;color:#AC260F}
.nInformation{background:#deeefa url(../images/notifications/information.png) no-repeat 15px center;border:1px solid #afd3f2;color:#235685}
.nLightbulb{background:#FEF0CB url(../images/notifications/lightbulb.html) no-repeat 15px center;border:1px solid #D3A350;color:#835F21}
.nMessages{background:#9DDFFF url(../images/notifications/email.html) no-repeat 15px center;border:1px solid #42B4FF;color:#835F21}

/* 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.95); transform: scale(0.95); }