@import "/css/flex.css";

#page-container {
	position: relative;
	min-height: 100vh;
	margin-left: 30px;
	margin-right: 30px;
	
  }
  
  #content-wrap {
	padding-bottom: 2.5rem;    /* altura do rodapé */
  }
  
  #footer {
	position: absolute;
  	bottom: 0;
  	width: 100%;
  	height: 60px;
	/*background-color:#538aa3;*/
	
	color: #022597;
	text-align: center;	
	margin-left: 30px;
	margin-right: 30px;
  }

body {
  background: #f5f5f5;
  margin-left: 20pt;
  margin-right: 20pt;

  /*background-image: url("/images/fundo.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  */
  background-color: #dddcf2;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #08449e;
  size: 30pt;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #08449e;
  size: 16pt;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #d30621;
  size: 14pt;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

img.logotipo {
  width: 175px;
  height: 175px;
}

#tituloSite {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 25pt;
  font-size: 14pt;
  background-color: #08449e;
  color: #f7c17b;
  font-weight: bold;
  vertical-align: middle;
  border-radius: 5px;
}

#mapa {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#icone {
  font-size: 12pt;
  color: #022597;
}

#iconeSite {
  font-size: 20pt;
  color: #022597;
}

#iconeAlerta {
  font-size: 20pt;
  color: #e0a708;
}

.desenvolvimento {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16pt;
  color: #022597;
}

a:link {
	color:#073763;
	text-decoration: none;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	font-weight:bold;
}

a:visited {
	color:#073763;
	text-decoration: none;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	font-weight:bold;
}

a:hover {
	color:#3d85c6;
	text-decoration: underline;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	font-weight:bold;
}

a:active {
	color:#073763;
	text-decoration: none;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	font-weight:bold;
}

@media (max-width: 800px) {
  .desenvolvimento {
    font-size: 12pt;    
  }

  img.logotipo {
    width: 120px;
    height: 120px;
  }
}