/* 16px=12pt=1rem */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body
{
    font-family: 'Open Sans', sans-serif;;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background: url(imagens/imagemfundo_comdegrade.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.logo
{
padding-top:2rem;
padding-bottom:1rem;
padding-left:1rem;
}

img {
    vertical-align: middle;
    width: 100%;
}

.oafricon {
    background: #A6CE39;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	 -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
	font-size: 3rem;
	height: 6rem;
	width: 6rem;
	padding: 1.5rem;
	text-align: center;
	transition: .5s;
	vertical-align: middle;
	display:inline-block;
}

.oafricon i {
    color: #fff;
}

hr
{
border-top: 1px solid #A6CE39;
}

h1
{
font-size: 2rem;
color: #1481A8;
}

h2
{
font-size: 1.5rem !important;
color: #1481A8 !important;
}

h3
{
color: #fff;
padding:1rem;
background-color: #A6CE39;
font-size: 1rem;
margin-top:2rem;
margin-bottom:2rem;
margin-right:1rem;
width:100%;
}

h4
{
color: #fff !important;
padding:1rem;
background-color: #a70404;
font-size: 1rem;
margin-top:2rem;
margin-bottom:2rem;
margin-left:1rem;
margin-right:1rem;
width:100%;
}

h4 a:hover,h4 a:visited {
color: #fff !important;
}

.error {color: #d9534f;}

.xsmall
{
font-size: 0.6rem !important;
}

.nav-item
{
font-size: 1rem;
}

.nav-link
{
margin-left:0.5rem;
color: #fff;
}

.nav-fill
{
width:100%;
}

.navbar-top
{
margin-top: -1rem;
}

a.nav-link.activo
{
color: #fff;
background-color: #1481A8;
}

a.nav-link
{
color: #fff;
background-color: #A6CE39;
padding: 1rem;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
color: #fff;
background-color: #1481A8;
}

a
{
text-decoration:none;
color: #1481A8;
}

a:hover, a:visited
{
text-decoration:none;
color: #1481A8;
}

.navbar-light .navbar-nav .nav-link
{
color: #fff;
}

.nav-justified .nav-item
{
 display: block;
}

.img-footer
{
width: auto;
height: 70px !important;
margin-bottom:1rem;
}

.img-footer-principal
{
width: auto;
height: 90px !important;
margin-bottom:1rem;
}

.oafrfooter
{
padding: .5rem 1.5rem;
font-weight: 500;
}

.footertitle
{
color: #A6CE39;
font-size: 1rem;
font-weight: 600;
}

.footersubtitle
{
color: #A6CE39;
font-size: 0.9rem;
}

.img-botao
{
width: auto;
height: 200px;
margin-bottom:1rem;
margin-top:1rem;
}


.botaosubtitle
{
color: #A6CE39;
font-size: 1rem;
margin-top: 1rem;
}


.center
{
text-align:center;
}

.oafrcontent
{
min-height: 300px;
padding: 2rem 2.2rem;
text-align: justify;

}


.loginform
{

color:#fff;
background-color:#1481A8;
padding:2rem;

}

.oafrslide
{
margin: 0rem 2rem;
width:100%;
}

.oafrtslide
{
margin: 0rem 1.5rem;
width:100%;
}

.oafrslideimage
{
width:100%;
height:auto;
max-height:700px;
}

.oafrbtn
{
color:#fff;
background-color: #1481A8;
padding:1rem;

}

.carousel-caption
{
position: absolute;
right: 20px;
bottom: 10px;
font-size: 1rem;
width: 100%;
bottom: 0;
left: 0;
padding-left: 10px;
padding-right: 10px;
padding-bottom:0;
z-index: 10;
background-color:rgba(0, 0, 0, 0.5);
text-align:right;
}

.m-t {margin-top:1rem;}
.m-b {margin-bottom:1rem;}
.m-l {margin-left:1rem;}
.m-r {margin-right:1rem;}
.m-t-l {margin-top:2rem;}
.m-t-xl {margin-top:3rem;}

.gmnoprint a, .gmnoprint span {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

#map-madeira img{
    display: none; 
}

#map-continente img{
    display: none; 
}

  #map_canvas { height: 100% }
     #map-geral
    {
        position: relative;
        float:none;
        width: 100%;
        height: 550px;
        margin-top:1rem;
    }
    
    #map-continente
    {
        position: relative;
        float:none;
        width: 100%;
        height: 680px;
        margin-top:1rem;
    }
    
  #map-madeira
    {
        position: relative;
        float:left;
        width: 40%;
        height: 680px;
    }
    
      #map-acores
    {
        position: relative;
        float:none;
        width: 100%;
        height: 400px;
    }
    
      #map-legenda
    {
    
    	
      }

	
	#map-legenda-linha
    {
    width:100%;
    height:20px;
     }
      
     #map-legenda-cor
    {
      width:15px;
      height:15px;
      margin-right:10px;
      float:left;
      border: 1px solid #999;
	}

.tnext {
  width:5%;
}

.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}


@media (min-width: 1400px) {
    .container {
        width: 1240px;
        max-width: 100%;
    }
}


@media (min-width: 1600px) {
    .container {
        width: 1440px;
        max-width: 100%;
    }
}