* {
  margin:0;
  padding:0;
}

footer, body {
  min-height: 100px;
  width: 100%;
}

html, body {
  height: 100%;
  font-family: serif;
  font-size: 1rem;
}

#container {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

main {
  margin: 1rem auto;
  margin-bottom: 12rem;
  max-width: 1024px;

}

h1, h2, h3, h4, h5, h6 {
  font-family: "prototype";
  font-weight: normal;
}

h1, h2 {
  margin-bottom: 1rem;
}

address {
  font-style: normal;
}

p {
  text-indent: 1rem;
  text-align: justify;
}

td {
 padding-left: 1rem;
 text-align: left;
}

hr {
  margin: 1.5rem 0;
}
img {
  width: auto;
  height: 100%;
}

section {
  margin-top: 2rem;
}

ul {
  list-style-image: url('../img/cadeado_icone.png');
  list-style-position:inside;
}

li {
  padding: 0.2rem 0;
}

iframe {
  width:100%;
  height:400px;
}

.text {
  padding: 1rem;
}

.clearLink a,
.clearLink a:visited{
  color:inherit;
  text-decoration: none;
}

.clearLink a:hover,
.clearLink a:active {
  color:inherit;
  text-decoration: none;
}

.border {
  border: solid;
}

.icon {
  height: 1rem;
  width: auto;
  margin-right: 0.5rem;
  margin-top: 0.2rem;
  float: left;
}

.flex {
  display: flex;
}

.flex_colunm {
  display: flex;
  flex-direction: column;
}

.set_flex {
  flex: 1;
}

.center {
  text-align: center;
}

.display_table {
  display: table;
}

.left {
  float: left;
}
.right {
  float: right;
}

.lineBreak:after {
  content:"";
  display:block;
}

.gray_box {
  border: groove #BFBFBF 0.3rem;
  background: #CCC;
  background: -webkit-radial-gradient(#F2F2F2, #CCC); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#F2F2F2, #CCC); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#F2F2F2, #CCC); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#F2F2F2, #CCC); /* Standard syntax */
}

.hidden {
  opacity: 0;
  font-size: 0.5rem;
}

#location p {
  text-indent:0;
}


@media only screen and (min-width:520px) {
  main {width:90%;}
}

@media only screen and (min-width:1100px) {
  main {width:100%;}
}


/*HEADER *************************************************************************************/
header {
  width: 80%;
  height: 5rem;
  padding: 1rem 10%;
  box-shadow: 0 0 3rem #000;
  display: table;

  /*Background*/
  background: #b30000;
  background: -webkit-linear-gradient(left top, #e60000, #b30000);
  background: -o-linear-gradient(bottom right, #e60000, #b30000);
  background: -moz-linear-gradient(bottom right, #e60000, #b30000);
  background: linear-gradient(to bottom right, #e60000, #b30000);
}

header figure{
  height: 5rem;
  width: auto;
  overflow: hidden;
  float:left;
}

header figure img {
  height: 100%;
}

.menu_anchor {
  display: block;
  width: 2rem;
  height: auto;
  float: right;
  margin-top: 1rem;
  cursor: pointer;
  display: table;
}

.menu_anchor div {
  width: 90%;
  margin-bottom: 18%;
  background-color: #600;
  border:solid #600 2px;
  border-radius: 1rem;
}

nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
  background: #000066;
  color: #fff;
}

nav a{
  font-family: 'prototype';
  font-size:1.5rem;
  margin-left:1rem;
  margin-top:1rem;
  float:left;
  clear:both;
}

nav p {
  position:fixed;
  bottom:7%;
  width:90%;
  padding: 0 5%;
  text-indent:0;
  text-align:center;
}

nav a .linkKey {
  font-family: "samysKeys";
  opacity: 0;
}

.menu {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}

.menu_mobile, main, footer address {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}

.menu-active {
  -webkit-transform: translateX(-85%);
  -moz-transform: translateX(-85%);
  -ms-transform: translateX(-85%);
  transform: translateX(-85%);
}

.menu-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@media only screen and (min-width: 800px) {

  nav {
    position:relative;
    background: none;
    float:right;
    width: auto;
    text-align: right;
  }

  nav a{
    float:none;
    display: inline-block;
    margin-top: 1rem;
  }

  nav p {
    position:relative;
    width:100%;
    padding: 0;
    font-size: 1rem;
    text-align: right;
    margin-top: 1rem;
  }

  .menu {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform:none;
  }

  .menu_anchor {
    display: none;
  }
}

/* FOOTER *********************************************************************/
footer {
  width: 80%;
  min-height: 4rem;
  padding: 1.5rem 10%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  text-align: center;

  background: #000066;
  background: -webkit-linear-gradient(left top, #000080, #000066);
  background: -o-linear-gradient(bottom right, #000080, #000066);
  background: -moz-linear-gradient(bottom right, #000080, #000066);
  background: linear-gradient(to bottom right, #000080, #000066);

  color: #fff;
}

footer figure:first-child {
  float:left;
  height: 4rem;
}

footer a img {
  float: right;
  margin-left: 1rem;
  height: 1.5rem;
}

/* FONT *********************************************************************/
@font-face{
 font-family: 'samyskeys';
 src: url('font/SamysKeysNKeys.ttf') format('truetype');
}
.samysKeys-font{
 font-family:  'samyskeys', 'Arial', 'Verdana', 'Trebuchet MS', 'sans-serif';
 font-size: 4rem;
}

@font-face{
 font-family: 'prototype';
 src: url('font/Prototype.ttf') format('truetype');
}
.prototype-font{
 font-family:  'prototype', 'Arial', 'Verdana', 'Trebuchet MS', 'sans-serif';
}