/* CSS Document */

html, body{
	margin:0 auto;
	height:100%;
	width:100%;
}

.Esquerda{
	width:65%;
	height:100%;
	background:url(../Imagens/Fundo_V2.png) top no-repeat;
	background-size:cover;
	display:inline-block;
	margin:0px;
}

.Direita{
	width:35%;
	height:100%;
	background-color:#073C89;
	display:inline-block;
	clear:both;
	float:right;
}

h1{
	display:block;
	text-align:right;
	margin:60px;
	margin-bottom:30px;
	font-family: "Palatino Linotype", Palatino, "Times New Roman", serif;
	font-size:45px;
	text-transform:uppercase;
	color:#073C89;
}

h2{
	display:block;
	text-align:right;
	margin-right:60px;
	font-family: "Palatino Linotype", Palatino, "Times New Roman", serif;
	font-size:25px;
	text-transform:uppercase;
	color:#073C89;
}

h3{
	display:block;
	text-align:center;
	font-family: "Palatino Linotype", Palatino, "Times New Roman", serif;
	font-size:16px;
	text-transform:uppercase;
	color:#EFEFEF;
}

.triangulo{
	width: 0;
	height: 0;
	border-top: 20px solid #99CC00;
	border-left: 20px solid transparent;
	margin-right:60px;
	margin-top:-20px;
	float:right;	
}

.Logo_Gov{
	text-align:right;
	margin-right:60px;
	margin-top:500px;
}

.Carta_Equipamento{
	margin:60px;
	position:relative;
	text-align:center;
}

.Carta_Equipamento img{
	width:110px;
	border:none;
}

.Carta_Equipamento a{
	font-family: "Palatino Linotype", Palatino, "Times New Roman", serif;
	font-size:15px;
	color:#EFEFEF;
	text-decoration:none;
}

.Carta_Equipamento a:hover{
	font-weight:bold;
	color:#FFF;
	transition:linear all 0.1s;
	margin-top:-1px;
}

.Caracterizacao_Concelho{
	margin:auto;
	position:relative;
	width:90%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
	/*text-align:center;*/
}

.Caracterizacao_Concelho img{
	width:64px;
	height:64px;
	margin:10px;
	text-decoration:none;
	border:none;
}

.Caracterizacao_Concelho a{
	text-decoration:none;
	border:none;
}

#Contador{
	position:relative;
	width:100%;
	margin:0 auto;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:14px;
	color:#CCC;
}

.Hex_Holder{
	display:inline-block;
	width:64px;
	height:64px;
	float:left;
	margin:10px;
}

.hex {
    margin-top: 30px;
    width: 64px;
    height: 36px;
    background: #99CC00;
    position: relative;
}
.hex:before, .hex:after {
    content:"";
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    position: absolute;
}
.hex:before {
    top: -20px;
    border-bottom: 20px solid #99CC00;
}
.hex:after {
    bottom: -20px;
    border-top: 20px solid #99CC00;
}
.hex.inner {
    background-color:#073C89;
    -webkit-transform: scale(.95, .95);
    -moz-transform: scale(.95, .95);
    transform: scale(.95, .95);
    z-index:1;
}

.hex.inner:before {
    border-bottom: 20px solid #073C89;
}
.hex.inner:after {
    border-top: 20px solid #073C89;
}

.hex.inner.ativo:before {
    border-bottom: 20px solid #99CC00;
	transition:all 0.1s linear;
}
.hex.inner.ativo:after {
    border-top: 20px solid #99CC00;
	transition:all 0.1s linear;
}

.Texto{
	height:35px;
	width:64px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
}