/*  NAV-BAR   */

.navbar-inverse {
	background-color: #26A4F9;
	border-color: #1E6B99;
	border: 0;
}
.navbar-inverse .navbar-brand {
	color: #1E6B99;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #FFF;
}
.navbar-inverse .navbar-text {
	color: #1E6B99;
}
.navbar-inverse .navbar-nav > li > a {
	color: #1E6B99;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #FFF;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #1E6B99;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #FFF;
	background-color: #1E6B99;
}
.navbar-inverse .navbar-toggle {
	border-color: #1E6B99;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #5BA3CD;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #1E6B99;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #1E6B99;
}
.navbar-inverse .navbar-link {
	color: #1E6B99;
}
.navbar-inverse .navbar-link:hover {
	color: #FFF;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #1E6B99;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #FFF;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #FFF;
		background-color: #1E6B99;
	}
}

.navbar-inverse .badge {
    color: #26A4F9;
    background-color: #1E6B99;
}

.navbar-inverse a:hover .badge {
    background-color: #FFF;
}

.navbar .navbar-brand {
	height: 37px;
	width: 37px;
	margin-top: 5px;
	margin-left:15px;
	background: url('../img/qbh-xs.png') no-repeat center center;
	text-indent: -9999px;
}

@media (min-width:768px){.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0px
    }
}


.navbar-inverse .navbar-form {
	border: 0;
}


/*  INTERFAZ EN GENERAL  */

.btn-primary {
    background-color: #26A4F9;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-color: #1E6B99;
}




/*  HOME  */

.encbzd-home {
	text-align: center;
	margin-bottom: 0px;
	margin-top: 50px;
	padding: 50px 0px;
	background: #EEE url('../img/qbh-bg.png') center center;
}

h1.quebuscas-lg {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.encbzd-home .input-group {
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.encbzd-home .btn-localidad {
	border-radius: 0;
}

.btn-delivery {
    text-align: right;
    margin: 5px 0px;
}

@media (min-width:768px){
	.btn-delivery {
    	text-align: left;
    }
}

.form-group {
	width: 100% !important;
}

.input-group {
	width: 100% !important;
}

/*.input-group input {
	width: 200px !important;
}*/

.form-group select {
	position: relative;
	float: left;
	display: table-cell;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100px !important;
}

#buscador-home {
	padding: 0px 15px;
}

#buscador-home div {
	padding: 0;
	text-align: left;
	margin-top: 8px;
}

#buscador-home input {
	border-radius: 4px 0px 0px 4px;
	width: 100%;
}

#buscador-home select {
   -webkit-appearance: button;
   -webkit-border-radius: 0px;
   -webkit-padding-end: 50px;
   -webkit-padding-start: 50px;
   -webkit-user-select: none;
   border: 1px solid #AAA;
   border-left: 0px;
   border-right: 0px;
   color: #555;
   padding: 5px 10px;
   margin: 0px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
   width: 100% !important;
}

#buscador-home select:hover {
	background: #EEE;
}

#buscador-home button {
	border-radius: 0px 4px 4px 0px;
}

/*.input-group-btn select {
   -webkit-appearance: button;
   -webkit-border-radius: 0px;
   -webkit-padding-end: 50px;
   -webkit-padding-start: 50px;
   -webkit-user-select: none;
   border: 1px solid #AAA;
   border-left: 0px;
   color: #555;
   padding: 5px 10px;
   margin: 0px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
   min-width: 150px;
}

.input-group-btn select:hover {
	background: #EEE;
}*/

/*  GENERALES  */




/*section.encabezado {
	padding: 80px 0px;
	text-align: center;
}*/

section.rubros {
	background: #666;
	padding: 0px;
	line-height: 25px;
	border-bottom: 1px solid #FFF;
}

.rubros h3, .rubros h3 a {
	color: #26A4F9;
}

.rubros #collapseRubros {
	margin: 10px 0px 30px 0px;
}

.rubros .rubros-encabezado {
	margin-bottom: 0px;
	border-bottom: 1px solid #555;
}

.rubros a {
	color: #DDD;
	margin: 10px 0px;
}

.rubros a:hover {
	color: #FFF;
	text-decoration: none;
}

section.destacados{
	background: #EFEFEF;
}

section.destacados h5, section.destacados h4 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

section.destacados p.destacado-desc {
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.destacados h4 {
	font-weight: 500;
	margin-top: 0;
	line-height: 1.2;
}

.destacados p {
	font-weight: 300;
}

.destacados .label-default {
	background: #AAA;
	font-weight: 300;
}

.destacados h5.destacado-empresa {
	padding: 7px 9px;
	text-transform: uppercase;
	color: #666;
	margin: 0;
	font-weight: 700;
}

.destacados h5.destacado-empresa a {
	color: #888;
}



/* Roll destacados */


.flechas-destacados {
  width: 34px;
  height: 34px;
  top:  35%;
  border-radius: 18px;
  background: #999 !important;
}

.flechas-destacados.left {
	left: -50px;
}

.flechas-destacados.right {
	right: -50px;
}





body {
	font-family: 'Roboto';
}

/*.delivery-list h3 {
	margin-bottom: 10px;
}

.delivery-list i.delivery-icon {
	xfloat: left;
	padding-right: 5px;
}

.delivery-list p {
	xfloat: left;
	font-size: 12px;
}*/


/*.tipo {
	font-family: 'Fira Sans', 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
}*/


section.pie {
	background: #CCC;
	padding: 20px 0px;
	border-top: 1px solid #BBB;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.pie p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pie a {
	color: #FFF;
}

.pie img {
	padding-right: 10px;
}

.destacado {
	height: 80px;
	padding: 20px;
	background-color: #CCC;
	color: #FFF;
	display: block;
}

.destacado:hover {
	background: #C5C5C5;
}







section.ruta {
	padding-top: 70px;
}

#barra-superior {
	margin-bottom: 20px;
}


/*   Productos   */


.producto {
	margin-bottom: 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	border-radius: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	margin-right: 0px;
	margin-left: 0px;
	overflow: auto;
}


@media (min-width:768px){
	.producto {
    	margin-right: 0px;
    	margin-left: -15px;
    }
}

.producto-destacado {
	border: 1px solid #AAA;
	background: #F5F5F5;
}

.producto .thumbnail {
	margin-bottom: 0px;
}

.producto .caption {
	padding: 0px 5px;
}

.producto-contenedor {
	display: block;
	height: 125px;
	overflow: hidden;
}

.col-xs-12 .producto-contenedor {
	width: 180px;
	float: left;
	margin-right: 15px;
}


.producto-contenedor img {
	min-width: 100%;
	min-height: 100%;
}

.destacado-estrella {
	color: #F00;
	line-height: 35px;
	font-size: 20px;
}

.producto h3 {
	font-size: 1.25em;
	font-weight: 400;
	margin: 5px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.producto h5 {
	font-weight: 300;
	color: #26A4F9;
	text-transform: uppercase;
	font-size: 12px;
	margin: 5px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.producto p {
	font-weight: 300;
	color: #666;
}

.precio .h4 {
	line-height: 2;
}

.comment {
	font-size: 0.9em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.comment:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.comment-nombre {
	color: #999;
}

.comment-nombre strong {
	font-weight: 400;
	color: #666;
	padding-right: 10px;
}

.comment-respuesta {
	margin-top: 10px;
	margin-left: 15px;
	color: #666;
	font-weight: 300;
}


.comment-nombre button, .comment-respuesta button {
	padding: 0px 0px 0px 10px;
}

.comment .comment-form {
	background: #EEE;
	border-radius: 5px;
	padding: 15px;
	margin-top: 10px;
}

/*   Comercio   */


.comercio {
	margin-bottom: 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	border-radius: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	margin-right: 0px;
	margin-left: 0px;
	overflow: auto;
}

@media (min-width:768px){
	.comercio {
    	margin-right: 0px;
    	margin-left: -15px;
    }
}

.comercio-destacado {
	border: 1px solid #AAA;
	background: #F5F5F5;
}

.comercio .thumbnail {
	margin-bottom: 0px;
}

.comercio .caption {
	padding: 0px 5px;
}

.comercio-contenedor {
	display: block;
	overflow: hidden;
}

.col-xs-12 .comercio-contenedor {
	width: 120px;
	float: left;
	margin-right: 15px;
}

.comercio-contenedor img {
	min-width: 100%;
}

.comercio h3 {
	font-size: 1.25em;
	font-weight: 400;
	margin: 10px 0px 5px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.comercio address {
    font-size: .85em;
    color: #777;
    margin: 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comercio .social {
    margin-bottom: 5px;
    height: 22px;
}


/* 7879879797979798797979797 */

.empresa {
	padding: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

.brand-list {
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.brand-list-logo img {
	max-width: 110px;
	max-height: 110px;
	border-radius:6px
}

.brand-list-name {
	font-weight: 500;
	margin: 5px 0px;
}

.brand-list p {
	font-weight: 300;
	color: #666;
}

.brand-list-data {
    text-align: left;
    font-size: .85em;
    color: #777;
    margin-top: 5px;
}
@media screen and (min-width: 48em){
    .brand-list-data {
        text-align: right;
    }
}

.empresa-th {
	margin-bottom: 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	border-radius: 3px;
	padding-top: 5px;
	padding-bottom: 0px;
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	margin-right: 0px;
	margin-left: 0px;
}


@media (min-width:768px){
    .empresa-th {
    	margin-right: 0px;
    	margin-left: -15px;
    }
}


.empresa-th-contenedor {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}

.empresa-th address {
    font-size: .85em;
    color: #777;
    margin: 5px 0px;
}

/*   PRODUCTO   */

.mapa-producto {
	border-radius: 5px 5px 0px 0px;
	min-width: 100%;
}

.product-ownerdata {
	padding-bottom: 0;
	padding-top: 0;
	border-radius: 0px 0px 5px 5px;
}

.product-ownerdata address {
	line-height: 1.7;
}

.producto-funciones button {
	margin: 3px 0px;
}

#btn-favorito {
	background: #FFF;
	color: #F00;
}

#btn-favorito.active {
	background: #F00 !important;
	color: #FFF;
	box-shadow: 0 0 5px #999;
	border: 0px solid #EEE;
}

.relacionado-list .panel-body {
	padding: 0px;	
}

.relacionado {
	padding: 10px;
	border-bottom: 1px solid #DDD;
	margin: 0;
}

.relacionado:last-child{
	border-bottom: 0;
}

.relacionado-destacado {
	background: #F5F5F5;
}

.preguntas {
	background: #EEE;
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 3px;
}

/*   EMPRESA   */

.producto-list-data {
    text-align: left;
}
@media screen and (min-width: 48em){
    .producto-list-data {
        text-align: right;
    }
}

a.closeall {
	cursor: pointer;
	margin-bottom: 5px !important;
}


/*   LOGIN   */

body#login {
	background: #E5E5E5;
}

.registro {
	max-width: 450px;
	margin: 0 auto;
}

.form-signin {
	background: #FFF;
	padding: 30px;
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #DDD;
	border-top: 0;
}


.form-signin .input-group {
	margin-bottom: 10px;
}

.olvide {
	margin-top: 5px;
}


/*.encabezado {
	background: #EEE;
	padding: 15px 0px;
	margin-bottom: 10px;
	min-height: 110px;
	border-radius: 6px;
/*	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 60px;
	padding-right: 60px;*!/
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
}

.encabezado h2, .encabezado p {
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}*/


.encbzd {
	color: #FFF;
	text-shadow: 1px 1px #000;
	margin-bottom: 0px;
	margin-top: 50px;
}

.encbzd-brand {
	color: #FFF;
	text-shadow: 1px 1px #000;
	margin-bottom: 0px;
	margin-top: 50px;
	background-repeat: no-repeat;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-position: center center!important;
	padding-top: 150px !important;
	padding-left: 0px;
}


@media (min-width:768px){
    .encbzd-brand {
		margin-top:105px;
    	padding-left: 30px;
    }
}


.marca-empresa img {
	max-height: 165px;
	position: relative;
	top: 130px;
	z-index: 3;
}

.container-empresa {
  padding-top: 0px !important;
}

.titulo-empresa {
	height: 100px;
}

.titulo-empresa h1 {
	margin-top: 15px;
	margin-bottom: 5px;
}

.titulo-empresa h1, .titulo-empresa p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mapa-empresa {
	border-radius: 5px 5px 0px 0px;
	min-width: 100%;
}


.brand-data {
	padding-bottom:30px;
	padding-top: 0;
	border-radius: 0px 0px 5px 5px;
}

.brand-data address {
	line-height: 1.7;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brand-data p {
	font-size: .9em;
	margin-top: 15px;
	line-height: 1.6;
	color: #666;
}

.brand-data p strong {	
	text-transform: uppercase;
	font-size: .9em;
}

.empresa-productos .producto {
	margin-left: 0px;
}

.empresa-modes {
	height: 5px;
}

@media (max-width: 991px) {

	.empresa-modes {
		height: 30px;
		margin-bottom: 10px;
	}
	
	.empresa-modes .modes {
		top: 0px;
	}

}


/*   Promociones HOME   */

section#promociones {
    padding: 5% 0;
}

.alizarin {
    background: #e74c3c;
}

.amethyst {
    background: #9b59b6;
}

.emerald {
    background: #2ecc71;
}

.midnight-blue {
    background: #2c3e50;
}

.peter-river {
    background: #3498db;
}

.dl {
    background: #f0f0f0;
    padding: 5px 0px 30px 0px;
    border-radius: 20px;
    position: relative;
}

.dl:before {
    height: 20px;
    width: 20px;
    background: #ddd;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}
    
.dl .brand {
    text-transform: uppercase;
    padding: 10px 15px;
    margin-top: 10px;
    text-align: center;
    min-height: 100px; 
}

.dl .discount {
    min-height: 50px;
    position: relative;
    font-size: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;

    padding: 20px 15px 0;
    color: #f1c40f;
}

.dl .discount:after {
    content: " ";
    
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 20%;
}

.dl .discount.alizarin:after {
    border-top: 20px solid #e74c3c;
}

.dl .discount.peter-river:after {
    border-top: 20px solid #3498db;
}

.dl .discount.emerald:after {
    border-top: 20px solid #2ecc71;
}

.dl .discount.amethyst:after {
    border-top: 20px solid #9b59b6;
}

.dl .discount .type {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: -30px;
}

.dl .descr {
    color: #999;
    margin-top: 10px;
    padding: 20px 15px; 
}
 
.dl .ends {
    padding: 0 15px;
    color: #f1c40f;
    margin-bottom: 10px;
}

.dl .coupon {
    min-height: 50px;
    text-align: center;
    
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    padding: 20px 15px;
}

.dl .coupon a.open-code {
    color: #16a085;
}

.dl .coupon .code {
    letter-spacing: 1px;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px 15px;
    color: #f1c40f;
    background: #f0f0f0;
}


/*   Accordion   */

#accordion .glyphicon { margin-right:10px; }
      .panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
      .panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
      .panel-collapse>.list-group {margin-bottom: 0;}
      .panel-collapse .list-group-item {border-radius:0;}

      .panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
      .panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd;border-bottom: 0;padding-left: 30px;}
      .panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

      .panel-collapse div.list-group div.list-group{margin: 0;}
      .panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd;border-bottom: 0;padding-left: 30px;}
      
      
      
      
/*  RUBROS ACCORDION  */


.rubros-accordion .panel {
	border: 0;
	box-shadow: none;
	margin-top:0px !important;
}

.rubros-accordion .panel-heading {
	background: none;
	padding: 0px 15px;
	border: 0;
	border-top: 1px solid #EEE;
}

.rubros-accordion .panel-heading:hover {
	background: #EEE;
}

.rubros-accordion .panel-heading.no-collapse:hover {
	background: #FFF;
}

.rubros-accordion .panel-title a {
	display:block;
	padding:3px 0px;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	color:#999999;
	text-transform:uppercase;
}

.panel-title .a {
	display:block;
	padding:3px 0px;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	color:#999999;
	text-transform:uppercase;
}

.rubros-accordion .panel-title a:hover {
	text-decoration: none;
}

.rubros-accordion .list-group-item {
	border: 0;
	padding: 3px 15px;
	font-size: 14px;
	margin-bottom: 1px;
}

.rubros-accordion a.list-group-item {
	color: #428BCA;
}

.rubros-accordion a.list-group-item.active {
	color: #FFF;
}

.rubros-accordion .divider {
	*width:100%;
	height:1px;
	margin:9px 1px;
	*margin:-5px 0 5px;
	overflow:hidden;
	background-color:#e5e5e5;
	border-bottom:1px solid #ffffff;
}


/*MMMMM Revisar        */

/*Boton delivery hay que cambiar las columnas*/
/*Las imágenes de promociones tienen un borde blanco*/
/*La imagen del mapa en el producto no es flexible*/
/*Productos relacionados: van primero los destacados ¿no?*/



.well.well-small {           /*PONERLE CLASE*/
	border-radius: 0 0 4px 4px;
	background: #FFF;
	border-top: 0;
	box-shadow: none;
	margin-bottom: 15px;
}

section.rubros div.col-sm-3 {           /*PONERLE CLASE*/
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #DDD;
}

#map_empresa img {
	margin-bottom: 0;
	border-radius: 4px 4px 0 0;
	border: 1px solid #E3E3E3;
	border-bottom: 0;
	width: 100%;
}

button.btn-default .glyphicon-search {
	height: 20px;
}

#mapa {
	margin-top: 20px;
}

p.lead {
	margin-bottom: 0;
}

.destacado-estrella {
	display: none;
}

#page, #pag_com {
	float: left;
	width: 100%;
}

.modes {
	float: right;
	position: relative;
	top: -40px;
}

#barra-superior {
	height: 35px;
}

.filtros-busqueda select {
	margin-bottom: 10px;
}