@import url('preload.css');
@import url('header.css');
@import url('content.css');
@import url('navigation.css');
@import url('parallax.css');
@import url('gallery.css');
@import url('../js/modules/thor/css/thor.css');
@import url('calendar.css');
@import url('icons.css');
@import url('footer.css');
@import url('flash.css');
@import url('chart.css');



*,
::before,
::after {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: Verdana;
}


html, body {
  min-height: 100vh;
  margin: 0;
  line-height: 1;
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--fondoBody);
  text-align: center;

}

main {
  flex: 1;
  min-height: 900px;
}






.grid {
  display: block;
  text-align: left;
  padding: 10px;

}

.grid a {
  padding: 10px;
  display: block;
  border-bottom: 1px dotted var(--colorLogo2);
  text-align: justify;
}


.grid a:hover {
  background: rgba(255, 255, 255, 0.7)
}



.grid a h3 {
  padding-bottom: 6px;
  font-size: 11pt;
  transition:.2s;
}

.grid a p {
  color: #344248;
  font-size: 10pt;

}

.grid a:hover p {
  color:black;

}
.grid a:hover h3 {
  letter-spacing: 1px;
 
}






.success{
  padding:20px;
  font-size:9pt;
  border:2px solid var(--successColor);
  border-radius:6px;
  background:white;
  text-transform:uppercase !important;
}


.error{
  padding:20px;
  font-size:9pt;
  border:2px solid var(--errorColor);
  border-radius:6px;
  background:white;
  text-transform:uppercase !important;
}