body {
  padding-top: 60px;
  padding-bottom: 50px;
}
#banner {
  position: fixed;
  top: 0;
  margin: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
}
.header-title {
    display: inline-block;
    font-size: 30px;
    margin-bottom: 8px;
}
.bs-component {
  position: relative;
}
.bs-component .modal {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  z-index: 1;
  display: block;
}
.logo-header-bf {
    display: inline-block;
    max-width: 210px;
    max-height: 50px;
    margin-top: 5px;
    margin-bottom: 2px;
    vertical-align: bottom;
    padding-right: 15px;
}
.appicon{
    width:100px;
    height:100px;
    border-radius: 25px;
}
a .app-name{
    font-size:12px;
    color: #298cda;
    text-overflow: ellipsis;
    padding: 10px 0;
}
p.app-description {
    font-size: 12px;
    padding: 0 20px 0 0;
    color: #505050;
}
p.app-version {
    font-size: 12px;
    padding: 0 20px 0 0;
    color: #9e9e9e;
}
#icon-pos-gilsa, #icon-pos-gilsa-ipad, #icon-pos-gilsa-android{
    background-image:url(../../apps-icons/pos-gilsa.png);
    background-size:100% 100%;
}

#icon-atena-gilsa-android{
    background-image:url(../../apps-icons/atenea-app.png);
    background-size:100% 100%;
}


.ipad .noipad{
    display:none;
}

.iphone .noiphone{
    display:none;
}

@media screen and (max-width:780px){
	body { padding-top: 120px;  padding-bottom: 50px;}
    .header-title.mobile{display: inline-block;}
    .header-title.desktop{display: none;}
}
@media screen and (min-width:781px){
    .header-title.mobile{display: none;}
    .header-title.desktop{display: inline-block;}
}