* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.container {
  margin: 0;
  width: 100%;

  position: absolute;
}

/*--------------------*\
    CABECALHO
\*--------------------*/
header {
  /* box-sizing: border-box;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;*/

  height: 95px;
  position: relative;
  background-color: #222;
}

header img {
  height: 95px;
  width: 100%;
}

/*--------------------*\
    MENU
\*--------------------*/
.menu {
  position: relative;
  background-color: #f66013;
  height: 40px;
}

.menus ul {
  padding: 8px;
  margin: 0px;
  background-color: #f48636;
  list-style: none;
}

.menus ul li {
  display: inline;
}

.menus ul li a {
  padding: 2px 15px;
  display: inline-block;

  /* visual do link */
  background-color: #ededed;
  color: #333;
  text-decoration: none;
  border-bottom: 3px solid #ededed;
}

.menus ul li a:hover {
  background-color: #d6d6d6;
  color: #6d6d6d;
  border-bottom: 3px solid #ea0000;
}

/*--------------------*\
    CONTEUDO
\*--------------------*/
.contents {
  padding: 5px;

  position: relative;
  background-color: #222;
  height: 950px;
}

/*--------------------*\
    SLIDES
\*--------------------*/
.gasometro {
  margin-top: 200px;
  margin-left: 30px;
  width: 300px;
  height: 300px;
  overflow: hidden;
  float: left;
  /*position: relative;
    display: inline-block;*/
}

.gasometro img {
  margin-top: -16px;
  padding: 0;
  width: 300px;
  height: 300px;
}

.rbs {
  margin-top: 50px;
  margin-right: 30px;
  width: 300px;
  height: 300px;
  overflow: hidden;
  float: right;
  /*position: relative;
    display: inline-block;*/
}

.rbs img {
  margin-top: -16px;
  padding: 0;
  width: 300px;
  height: 300px;
}

.slides {
  margin: 0 auto;
  width: 970px;
  height: 400px;
  overflow: hidden;
}

.slides img {
  margin-top: -16px;
  padding: 0;
  width: 970px;
  height: 400px;
}

.ctrlprev {
  width: 100px;
  height: 250px;
  float: left;
  position: relative;
  z-index: 9999;
}

.ctrlnext {
  width: 100px;
  height: 250px;
  float: right;
  position: relative;
  z-index: 9999;
}

div.ctrlprev:hover {
}

div.ctrlnext:hover {
}

.ctrlprev img {
  margin-top: 100px;
  margin-right: 30px;
  width: 50px;
  height: 50px;
}

.ctrlnext img {
  margin-top: 100px;
  margin-left: 30px;
  width: 50px;
  height: 50px;
}

.artigo {
  margin: 50px auto;
  padding: 0;
  /*display: block;*/
  width: 650px;
  height: 120px;

  color: #ffffff;
}

.artigo a {
  text-decoration: none;
  text-decoration-style: none;
  color: #1082be;
}

/*--------------------*\
    FOOTER
\*--------------------*/
footer {
  padding: 5px;

  position: relative;
  text-align: center;
  background-color: black;
  height: 1%;
}

footer p {
  color: #f48636;
}

.social {
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  border-radius: 50%;
  display: inline-block;
  height: 50px;
  margin-left: 15px;
  width: 50px;
}

.social:hover {
  cursor: pointer;
  opacity: 0.7;
}

.social-facebook {
  background-image: url(/images/facebook.svg);
}

.social-instagram {
  background-image: url(/images/instagram.svg);
}

.social-whatsapp {
  background-image: url(/images/whatsapp.svg);
}