html, body {
	height: 100%;
}

#page {
    min-height: 100%;
    position: relative;
}

*html #page {
    height: 100%; /* hack para IE6 que trata height como min-height */
}

#footer {
      bottom: 0;
      text-align: center;     
      padding-top: 15px;
      padding-bottom: 10px;
}

:root {
  --main-bg-color: #fff;
  --logo-border-color: #CCC;
  --bottom-border-color: #CCC;
  --bottom-bg-color: #CCC;
  --bottom-text-color: #000;
  --title-text-color: #EEE;
  --title-text-size: 14px;
}

xbody{
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center; 
}

#lIcons ul {
  padding:0px;
  margin:0px;
  list-style:none;
}

#lIcons ul li { display: inline; }

#lIcons ul li a { 
  text-decoration:none; 
  padding: 2px 5px;
  display: inline-block;
}

.btn-default{
  background-color: #FFF;
  color: #000;
  border-color: #db333f;
}  

a.btn-primary:hover{
  background-color: #db333f !important;
  border-color: #db333f !important;
  color: #fff;
}


a.btn-primary:focus{
  background-color: #db333f !important;
  border-color: #db333f !important;
  color: #fff;
}

.img-default{
  border: solid 2px #CCC;
  padding: 3px;
  height: 110px;
  width: 110px;
  object-fit: contain;
  border-radius: 50%;
  background-color: #fff;
}

.icon-default{
  float: left;
  padding-top:5px;
  visibility: visible;
  color: #db333f
}