body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.sidenav {
	height:100%;
	width: 160px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #cccccc;
	padding-top: 20px;
	z-index: 1;
	overflow-x: hidden;
	box-shadow: inset 0 0 20px #919492;
}
.sidenav a {
	padding: 6px 8px 6px 16px;
	background-color: #cccccc;
	text-decoration: none;
	border-bottom: 1px solid black;
	font-size: 20px;
	color: #000;
	display: block;	
	opacity: 0.6;
	cursor: pointer;
}
.sidenav a:hover{
	color: #fff;
	opacity: 1;
	padding-right: 10px;
	background-color: #636363;
}
.main {
	width: 96%;
	padding: 28px;	
}
.container {
	width: 90%;
	/*border: 2px solid black;*/
	margin: auto;
	padding-top: 80px;
}
.mainmap {
	margin-left: 200px; /*mesmo que o Sidenav*/
	padding: 28px;
}
.navbutton {
	background-color: #cccccc;
	border: none;
	color: white;
	padding: 16px 32px;
	text-align: center;
	font-size: 20px;
}
.provincecard1{
	height:650px;
	float: left;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	max-width: 490px;
	text-align: center;
	font-family: arial;
	margin-left: 55px 
}
.provincecard2{
	height:650px;
	float: left;
	margin: auto;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	max-width: 490px;
	text-align: center;
	font-family: arial;
	margin-left: 50px;
}
.provincecard3{
	height:650px;
	float: left;
	margin: auto;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	max-width: 490px;
	text-align: center;
	font-family: arial;
	margin-left: 50px; 
}
.provincecard1 button, .provincecard2 button, .provincecard3 button {
	border: none;
	outline: 0;
	display: inline-block;
	padding: 8px;
	color: white;
	background-color: #000;
	text-align:center;
	cursor:pointer;
	width: 100%;
	font-size: 18px;
}
.main table {
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #ddd;
	table-layout: fixed;
	width: 90%;
}
.main tr:nth-child(even){
	background-color: #f2f2f2;
}

.main th, td {
	text-align: left;
	font-size: 0.8vw;
	overflow-x: auto;
}
.teste {
	background-color: #c1c1c1;
	border:black solid;
}
  /* VIDEO HOMEPAGE */
.contentv {
  position: fixed;
  bottom: 60px;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  text-align: center;
  font-family: Arial;
  font-size: 25px;
  z-index: 1;
  text-shadow: -3px 0 black, 0 1px black, 1px 0 black, 0 -3px black;
  color: yellow;
}
.contentv p {
	width: 80%;
	position: relative;
	margin: auto;
	padding-bottom: 5px;
}
.contentv a {
	width: 80%;
	position: relative;
	background-color: #fff;
	color: black;
	border: 1px solid black;
	text-transform: capitalize;
	padding: 5px;
	text-decoration: none;
	text-shadow: none;
}
/* RESPONSIVE CONFIG!!! */
@media only screen and (max-width: 1366px) {
  .povcard-1366 {width: 25%; height: 475px;}
  .cont-1366 {padding-top: 35px;}
}

  /* Military page */
.milcont {
	width: 90%;
	height: 750px;
	margin: auto;
	margin-top:30px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	background-color: #fff;
	float: center;
}
.milcard1 {
	width:50%;
	float: left;
	text-align: center;
	position: relative;
	margin: 0 auto;
}
.milcard2 {
	width:50%;
	float: right;
	text-align: center;

}
.milpic{
	max-width: 80%;
	margin: auto;
	margin-top: 20px;
	border: 1px solid black;
}
.milunit{
	width: 40%;
	height: 120px;
	margin: auto;
	margin-top:30px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	border: 1px solid black;
	background-color: #fff;
	float: left;
	margin-left: 5px;

}
.milunitpic{
	height: 90%;
	margin-left: 5px;
	margin-top: 6px;
	float: left;
	overflow-x: scroll;
}
.milunitdesc{
	float: center;
	margin-top: 10px;
}
.milunitdesc h1, h2, h3 {
	font-size: 1.2vw;
	padding-top: 10px;
}
.milunitdesc button, a {
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	color: #000;
}
.milcard2title {
	border: 1px solid black;
	width: 81%;
	height: 220px;
	background-image: url('005.png');
}
.mc2tt{
	color:white;
	position: absolute;
	display: inherit;
	top:183px;
	right:30%;
	font-size: 2vw;
	text-transform: uppercase;
	font-family: Impact, Charcoal, sans-serif;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.milcard1title {
	margin:top;
	border: 1px solid black;
	width: 90%;
	height: 220px;
	text-align: center;
	background-image: url('004.png');
	display: inline-block;
}
.mc1tt{
	color:white;
	position: absolute;
	display: inherit;
	top:80px;
	left:30%;
	font-size: 2vw;
	text-transform: uppercase;
	font-family: Impact, Charcoal, sans-serif;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.milcard1content {
	width: 90%;
	height: 220px;
	display: inline-block;
}
.milcard1content table {
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #ddd;
	table-layout: fixed;
	width: 90%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.milcard1content tr:nth-child(even){
	background-color: #f2f2f2;
}

.milcard1content th, td {
	text-align: left;
	font-size: 0.8vw;
	overflow-x: auto;
}