/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  /*background: rgba(0,0,0,0.1);*/
  content: '';
  z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
  display: none;
}

/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-active ~ .view-main:before,
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-closing ~ .view-main:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  /*background: rgba(0,0,0,0.1);*/
  content: '';
  z-index: 6000;
}
.welcomescreen-picture > img{
  width: 100%;
}
.sucursales li, .coord{
  cursor: pointer;
}
.logo, .nombreTienda, .center{
  text-align: center;
}
.logo > img{
  width: 100%;
}

/* MOD */


.md #datosTienda .logo {background-color: #fff;
    padding: 6px;
	border: 1px solid #ddd;
	margin: 0 auto;
}


.md .item-content.destacada { background-color: #F2F7E9;  }

.md .item-content.destacada .item-title { font-size: 20px; font-weight: 600;}

.md .item-content.destacada .item-subtitle  { font-weight: 400;}

.md .panel-left .page { background-color: #fff;}

.md .card-content-padding { padding:8px;}

.md .page .card { margin: 0 25px 8px;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
	}

.md .page #paraInfoRubros .card, .md .page #paraInfoSubRubros .card { margin: 1px;}

.md #paraInfoRubros .card-header, .md #paraInfoSubRubros .card-header {
    position: absolute;
    z-index: 999;
    padding: 3px 9px;
    min-height: auto;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    bottom: 6px;
}

.md #paraInfoRubros .card-header:after, .md #paraInfoSubRubros .card-header:after { display: none;}

.md #paraInfoRubros .card-content-padding, .md #paraInfoSubRubros .card-content-padding { padding: 0; }
	
.md .page .card h2 {
	margin-bottom: 20px;
    margin-top: 10px;
	font-size: 2.2em;
	line-height: 110%;
}

.md .page .card .descrip { color: #777;
	font-size: 16px;
}

.boton { background-color: #8FB555;
	font-size: 1.8em;
	padding: 10px;
	width: 100%;
}
.boton.gray { background-color: #AAA;}

a.boton , a.boton:hover  {color: #fff !important;}

.boton i { margin-right: 15px; position: relative;}

.avertical {display: flex;
  align-items: center;
  justify-content: center;
}
.medium { font-size: 16px;}

.fav-activo { color: #FF2626;}
.inactivo { color: #888; }

.iconos { padding: 10px 0;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #BBB;
}
.iconos i { color: #555;
	font-size: 2em;
	}

.iconos i.fa-phone {}
.iconos i.fa-whatsapp {margin-top: -2px;}
.iconos i.fa-globe {}
.iconos i.fa-facebook-square {margin-top: -2px;}
.iconos i.fa-instagram {margin-top: -2px;}

.horarios { color: #000; 
	font-size: 16px;
}

.horarios .fa-clock { position: relative;
left: -10px;
}

.sucursales { text-align: left;}

.shape { position: absolute;
    height: 170px;
    background: #6B9430;
    width: 100%;
    top: 52px;
}


@media (min-width: 768px) {
.md .panel-left .navbar {
    height: 100px;
	}
	
.md .panel-left .navbar ~ * .page-content, .md .panel-left  .navbar ~ .page-content {
    padding-top: 100px;
	}
	
.md #home .navbar {
    height: 52px;
	background-color: #7BA837;
	}
	
.md #home .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
    top: 52px;
	}
	
.md .ptr-preloader {
    top: 15px;
	}
	
}

@media (max-width: 767px) { 
	
.shape {
    height: 75px;
	}


}

#espacio{       
  display: block;   
  margin-top: -150px;       
  height: 150px; 
  visibility: hidden;
}
.notas-listado{
  height: 100px;
}
.notas-listado:nth-child(even) {
  background: #222;
  color: #fff;
}
.notas-listado:nth-child(odd) {
  background: #ccc;
  color: #000;
}
.item-subtitle{
  text-align: left;
}