/* Your app custom styles here */
.barra_sup {
	background-color: #56c082;
}

.barra_pie {
	background-color: #d3e1d4;
}

.imgbarra {
	padding-top: 10px;
}

.iconos, .iconlist {
	color: blue;
	font-size: 1.5em;
}

.iconbar {
	color: white;
	padding-left: 10px;
}

.iconlist {
	padding-left: 10px;
}

.portada {
	width: 100%;
	display: block;
}

.imgbarra, .imglogo {
  width: 25%;
	/*display: inline;*/
}

.h2tit {
  font-family: "Segoe IU", sans-serif;
  font-size: x-large;
  color: #777a77;
  font-weight: bold;
}

.h3tit {
	font-family: "Segoe IU", sans-serif;
	font-size: large;
	color: #777a77;
	font-weight: bold;
}

.card-header-pic .card-header {
	height: 40vw;
	background-size: cover;
	background-position: center;
	color: #fff;
}

.card-header-pic .card-content-padding .date {
	color: #8e8e93;
}

.panel-right {
	top: 40px;
	width: 200px;
	z-index: 10100;
	height: 18%;
	--f7-page-content-extra-padding-top: var(--f7-statusbar-height);
  }
  .panel-right .navbar {
	height: calc(var(--f7-navbar-height) + var(--f7-statusbar-height));
  }
  .panel-right .navbar-inner {
	top: var(--f7-statusbar-height);
  }
  .panel-right-1 {
	  --f7-block-padding-vertical: 0px;
	  --f7-block-margin-vertical: 12px;
	  height: 10%;
  }
  .panel-right-2,.panel-right-3 {
	 height: 18%;
	 line-height : 10px;
	 --f7-block-margin-vertical: 20px;
  }
  .apanelr {
	  font-size: 1.1em;
	  color: black;
  }
  .ifnotmd {
	color: #fff; 
  }