* {
  box-sizing: border-box;
  text-decoration: none;
  outline: none;
}

html{
	box-sizing: border-box;
	scroll-behavior: smooth!important;
}

@font-face {
  font-family: soho;
  src: url(SohoGothicPro-Regular.ttf);
}

  .topnav a#aportal{
	background-color: orange; /*rgba(255, 193, 7, 1);*/
	/*color: rgb(20, 52, 105);*/
	font-weight: bold;
	float: right;
	/*padding-right: ;*/
  }


hr{
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}

/* Style the body */
body {
  user-select: none;
  font-family: soho, Arial, Helvetica, sans-serif;
  margin: 0px;
  margin-top: 300px;
  overflow-x: hidden;
  box-sizing: border-box;
}

.fundoamf{
	background: transparent url(../.img/logorodape.png) no-repeat center!important;
	background-size: 100%;
}

.frodape{
	min-height: 900px;
	background: rgba(34, 66, 119, 1) url(../.img/logorodape.png) no-repeat center;
	background-size: 100%;
}

.sabermaislink {
  position: relative;
  font-size: 14px;
  text-transform: lowercase;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  cursor: pointer;
  transition-delay: 0.65s;
  opacity: 1;
  transform: translateY(0);
}

.sabermaislink:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -3px;
  width: calc(100% + 4px);
  height: calc(100% + 6px);
  background: rgba(255, 151, 0, 1);
  transform: scaleX(0.3);
  transform-origin: 0 50%;
  transition: transform 0.3s;
  z-index: -1;
}

.sabermaislink:hover:before {
  transform: scaleX(1);
}




/* Header/logo Title 
@media screen and (max-width: 450px) {
	body .header .img-left{
		display: block;
		margin: auto;
		left: auto;
		position: relative;
	transition: 0.6s;
	}
	
	body .header .img-right{
	opacity: 0;
	transition: 0.6s;
}
body .header {background-size: 260%}}
@media screen and (max-width: 1000px) {body .header {background-size: 110%}}
@media screen and (max-width: 950px) {body .header {background-size: 120%}}
@media screen and (max-width: 900px) {body .header {background-size: 130%}}
@media screen and (max-width: 850px) {body .header {background-size: 140%}}
@media screen and (max-width: 750px) {body .header {background-size: 150%}}
@media screen and (max-width: 700px) {body .header {background-size: 160%}}
@media screen and (max-width: 650px) {body .header {background-size: 170%}}
@media screen and (max-width: 600px) {body .header {background-size: 180%}}
@media screen and (max-width: 550px) {body .header {background-size: 220%}}
@media screen and (max-width: 500px) {body .header {background-size: 240%}}
@media screen and (max-width: 400px) {body .header {background-size: 300%}}
@media screen and (max-width: 350px) {body .header {background-size: 350%}}
@media screen and (max-width: 300px) {body .header {background-size: 400%}}
@media screen and (max-width: 280px) {body .header {background-size: 500%}}
@media screen and (max-width: 250px) {body .header {background-size: 550%}}
@media screen and (max-width: 200px) {body .header {background-size: 600%}}

.header .barra-superior a{
	color: white;
}

.header .barra-superior{
	border-bottom: 2px solid white;
	color: white;
}
*/

.apoio_rodape{
	width: 100%; 
	display: block;
	padding: 20px;
	}

.apoio_rodape .apoio_rodape_quadro{
	box-shadow: -0.1px 0.1px 5px 0.1px; 
	border-radius: 0px 0px 10px 10px; 
	padding: 20px; 
	overflow: hidden; 
	width: 100%; 
	color: white; 
	font-weight: bold; 
	/*background-color: rgba(255, 151, 0, 1);*/
	}

.apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_1, .apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_2, .apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_3{
	float: left;
	padding-left: 50px; 
	}
	
.apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_1{
	border-right: 2px solid white; 
	width: 45%;
	background: transparent url(../.img/gps.png) no-repeat left bottom;
	background-size: 35px;
}

.apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_2{
	border-left: 0px solid white; 
	width: 27.5%;
	background: transparent url(../.img/tel.png) no-repeat 10px center;
	background-size: 35px;
}

.apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_3{
	border-left: 2px solid white;
	width: 27.5%;
	background: transparent url(../.img/email.png) no-repeat 7.5px 40px;
	background-size: 35px;
	}

.header .img-left{
	background: transparent url(../.img/logob.png) no-repeat center;
	background-size: 70%;
	width: 200px;
	height: 150px;
	top: 0px;
	left: 40px;
	position: absolute;
	transition: 0.6s;
}

.header .img-right{
	width: 300px;
	top: 5px;
	right: 50px;
	position: absolute;
}

.header .img-right .contexto{
	padding: 16px 12px;
}

.header {
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
  position: fixed;
  padding-top: 150px;
  transition: 0.6s;
  min-height: 150px;
  text-align: center;
  background-color: rgba(20, 52, 105, 1);
  /*
  background: #224277 url(../.img/hfundo_.png) no-repeat center bottom;
  background-size: 110%;
  */
  color: white;
}

/* Increase the font size of the heading */
.header h1 {
  font-size: 40px;
}

.solicitarcartao .fechar{
	transition: 2s;
	cursor: pointer;
	margin-top: -26px;
	right: 10px;
	color: white;
	font-size: 30px;
	position: absolute;
}

.solicitarcartao .fechar:hover{
	color: red;
}

.solicitarcartao input[type=submit]{
	font-size: 80%;
	background: transparent url(../.img/barra.jpg) no-repeat center;
	color: white;
}

.solicitarcartao img{
	width: 100%;
	opacity: 1;
}

.solicitarcartao:hover{
    -webkit-animation: none;
    animation: none;
}

.solicitarcartao{
	user-select: none;
	text-align: center;
	font-size: 150%;
	top: 25%;
	right: 0px;
	color: white;
	padding: 30px 12px 16px 12px;
	position: fixed;
	min-height: 400px;
	width: 200px;
	background: transparent url(../.img/backcartao.jpg) repeat-x top center;
	border-radius: 10px 0px 0px 10px;
	-webkit-animation: arrowdown 1.7s ease-in-out infinite;
    animation: arrowdown 1.7s ease-in-out infinite;
	z-index: 999;
}

.topnav {
  /*
	z-index: 102;
  overflow: hidden;
  padding-left: 75px;
  position: absolute;
  margin-top: 250px;
  font-weight: bold;
  */
  overflow: hidden;
  display: block;
  background-color: rgb(20 52 105);
  background-image: url(../.img/barra.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%; 
  transition: 0.6s ease-in-out!important;
  border-bottom: 2px solid orange;
 /*margin-top: -48px;*/
  
}

.topnav a:not(.menuicon){
	/*border-left: 2px solid;*/
}

.topnav a.dropbtn{
  float: none;
}

.topnav a{
  transition: 0.6s;
  background-color: transparent;
  text-transform: uppercase;
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 14px;
}

.active{
  background-color: rgba(255, 255, 255, 0.1)!important;
  color: #fff!important;
  border-radius: 10px;
}

.topnav .menuicon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
/*background-color: rgba(255, 255, 255, 0.1);*/
}

.dropdown .dropbtn {
  text-transform: uppercase;
  font-size: 14px;    
  border: none;
  outline: none;
  color: white;
  padding: 10px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content a:nth-child(1){
  border-top: 2px solid orange;
}

.dropdown-content {
  overflow: hidden;
  border: none;
  display: none;
  position: absolute;
  background-color: rgba(16, 147, 255, 1);
  min-width: 160px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
  border-radius: 0px 0px 5px 25px;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  /*background-color: white;
  color: #224277;*/
}

.dropdown:hover .dropbtn {
  /*background-color: white;
  color: #224277;*/
}

.dropdown-content a:hover {
  background-color: #224277;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

body #snackbarby {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 150;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbarby.show {
  visibility: visible;
  -webkit-animation: fadeinby 0.5s, fadeoutby 0.5s 2.5s;
  animation: fadein 0.5s, fadeoutby 0.5s 2.5s;
}

@-webkit-keyframes fadeinby {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadeinby {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeoutby {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeoutby {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

.btexto{
	 color: rgba(28, 95, 162, 1); 
	 font-weight: bold; 
	 font-size: 200%;
}

.ptexto{
	 display: block; 
	 width: 100%; 
	 text-align: center;
}

.wctexto{
	 display: block; 
	 width: 100%; 
	 margin: auto;
	 text-align: center;
}

.ctexto{
	 color: rgba(34, 66, 119, 1);
}

.cbtexto{
	 color: rgba(34, 66, 119, 1); 
	 font-weight: bold; 
}

.stexto120{
	 font-size: 120%;
}

.stexto150{
	 font-size: 150%;
}

img.mtreme:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: tremer 2s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

div{
	transition: 0.6s ease-in-out;
}

.mbzc:hover {
	transition: 0.6s ease-in-out;
	background-position: top center!important;
	background-size: 200%!important;
}

.mbzb:hover {
	transition: 0.6s ease-in-out;
	background-position: bottom center!important;
	background-size: 200%!important;
}

.mbzm:hover {
	transition: 0.6s ease-in-out;
	background-position: center center!important;
	background-size: 200%!important;
}

.mcb:hover {
	webkit-animation: arrowdown 1.7s ease-in-out infinite;
    animation: arrowdown 1.7s ease-in-out infinite;
}

img.mcb:hover {
	webkit-animation: arrowdown 1.7s ease-in-out infinite;
    animation: arrowdown 1.7s ease-in-out infinite;
}

@keyframes tremer {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


@media screen and (max-width: 800px) {

body .linha{
	 /*background-size: 300%;*/
}

body .coluna-2 .coluna, body .coluna-3 .coluna{
	border: none!important;
	width: 100%!important;
	padding: 0% 0%!important;
}
	
body .coluna-4 .coluna{
	border: 2px solid transparent!important;
	width: 50%;
	padding: 0% 0%!important;
}
	
body .coluna-6 .coluna{
	border: 2px solid transparent!important;
	width: 33.3%;
}

}

/*@media screen and (max-width: 600px) {
body .header .img-left{
	float: left;
	background: transparent url(../favicon.png) no-repeat center;
	background-size: 100%;
	width: 200px;
	height: 100px;
	top: 5px;
	left: 0px;
	transition: 0.6s;
}

body .header .img-right .contexto{
	padding: 10px 0px;
}

body .header .img-right{
	float: left;
	width: 300px;
	top: 0px;
	right: 5px;
}

body .slideshow-container{
margin-top: -150px!important;
}
 
}*/


@media screen and (max-height: 900px) {
	html body div.solicitarcartao{
	font-size: 80%!important;
	top: 25%!important;
	right: 0px;
	color: white;
	padding: 30px 12px 16px 12px;
	position: fixed;
	min-height: 200px;
	width: 150px;
	background: transparent url(../.img/backcartao.jpg) repeat-x top center;
	}
}

@media screen and (max-height: 700px) {
	html body div.solicitarcartao img{
		width: 100%;
	}
	
	html body div.solicitarcartao{
	font-size: 80%!important;
	top: 30%!important;
	right: 0px;
	color: white;
	padding: 30px 12px 16px 12px;
	position: fixed;
	min-height: 200px;
	width: 100px;
	background: transparent url(../.img/backcartao.jpg) repeat-x top center;
	}
}

@media screen and (max-height: 600px) {
	html body div.solicitarcartao img{
		display: none;
	}

/*.videosdoyoutube{
 height: 200px;
 width: 100%;
}*/
	
}

@media screen and (max-height: 500px) {
	html body div.solicitarcartao img{
		display: block;
	}
	
	html body div.solicitarcartao div{
	display: none;	
	}
	
	html body div.solicitarcartao{
	font-size: 80%!important;
	top: 30%!important;
	right: 0px;
	color: white;
	padding: 30px 12px 16px 12px;
	position: fixed;
	min-height: 100px;
	width: 100px;
	background: transparent url(../.img/backcartao.jpg) repeat-x top center;
	}
}

@media screen and (max-height: 400px) {
	html body div.solicitarcartao{
	display: none;
	}
}

/*@media screen and (orientation: landscape) {

body .header .img-left{
	background: transparent url(../favicon.png) no-repeat 10px center;
	background-size: 35%;
	width: 150px;
	height: 65px;
	top: 0px;
	left: 0px;
	position: absolute;
	transition: 0.6s;
}

body .header {
  padding-top: 65px;
  min-height: 100px;
}

body .slider {
	margin-top: -200px!important;
}

body .header .img-right{
	width: 200px;
	top: 0px;
	right: 5px;
	position: absolute;
}

body .header .img-right .contexto{
	font-size: 75%;
	padding: 10px 0px;
}

body .header .img-right form input[type=search]{
	display: none!important;
}

}*/

.mcontorno{
	background: white; 
}

.mcontorno:hover img[src='.img/orgcontorno.png']{
	opacity: 1;
	transition: 0.6s;
	width: 62px; 
	margin-top: -27.5px; 
	margin-left: -110px; 
	position: absolute; 
	z-index: -1;
}

.mcontorno img[src='.img/orgcontorno.png']{
	opacity: 0.5;
	transition: 0.6s;
	width: 50px; 
	margin-top: -15px; 
	margin-left: -99px; 
	position: absolute; 
	z-index: -5;
}

.img_presidente:hover{
	border: 10px solid rgba(31, 54, 101, 1)!important;
}

.organograma_horizontal{
	float: left; 
	border: 2px solid rgba(31, 54, 101, 1); 
	width: 50px; 
	height: 1px; 
	margin-top: 35px;
}

.organograma_prienximento{
	display: none;
}

.organograma_paim, .organograma_cassoma, .organograma_pombal{
	width: 250px;
}

@media screen and (max-width: 970px) {

  .topnav a#aportal{
	float: left;
  }
	
	body .header .img-right form{
	font-size: 65%;
	padding: 10px 0px;
}

.organograma_prienximento{
width: 100%; 
height: 0.1px; 
padding: 0px;
display: block;	
}

.organograma_paim, .organograma_cassoma, .organograma_pombal{
	width: 300px;
}

.organograma_horizontal{
	border: 2px solid rgba(31, 54, 101, 1); 
	height: 50px; 
	z-index: -1; 
	position: ; 
	width: 1px;
	margin-top: -0.5px;
}

}

@media screen and (max-width: 970px) {

body .apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_1, .apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_2, .apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_3{
	float: left;
	padding-left: 50px; 
	width: 100%;
	border: none;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid;
	}
	
.apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_1{
	background: transparent url(../.img/gps.png) no-repeat left center;
	background-size: 25px;
}

.apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_2{
	background: transparent url(../.img/tel.png) no-repeat left center;
	background-size: 35px;
}

.apoio_rodape .apoio_rodape_quadro .apoio_rodape_quadro_3{
	background: transparent url(../.img/email.png) no-repeat left 60px;
	background-size: 35px;
	}
	
body .slider {
	margin-top: -150px;
	}

body .subscrevido_quadro{
	padding: 10px;
	width: 90%;
}

body .inverter-coluna{
	width: 100%;
  display: flex;
  flex-direction: column-reverse;
}

.header .img-left{
	background: transparent url(../favicon.png) no-repeat 20px center;
	background-size: 50%;
	width: 200px;
	height: 100px;
	top: 5px;
	left: 0px;
	position: absolute;
	transition: 0.6s;
}

.header .img-right .contexto{
	padding: 10px 0px;
}

.header .img-right{
	width: 300px;
	top: 0px;
	right: 5px;
	position: absolute;
}

body .slideshow-container{
margin-top: -150px!important;
}

.header {
  padding-top: 110px;
  min-height: 160px;
}
	

body .coluna{
	padding: 0% 0%!important;
	width: 100%!important;
}
  
  .topnav a:not(.active){
    display: none;
  }

  .topnav a.menuicon {
    position: absolute;
	right: 10px;
    float: right;
    display: block;
	font-weight: bold;

  }
  
  
  .topnav.responsive .dropdown .dropdown-content {
	    border-radius: 0px 0px 0px 0px;
  }
  
  
  .topnav.responsive {
	position: relative; background-color: #224277;
	background-position: top center;
	background-size: 100% 50px;
	transition: none!important;
	  }
  .topnav.responsive .menuicon {
    position: absolute;
    right: 10px;
    top: 0;
  }
  
  .topnav.responsive a {
    float: none;
    display: flex;
    text-align: left;
	flex-direction: column;
	order: 0;
  } 

.topnav.responsive a.active{
	order: -1;
    display: flex;
}
  
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  
  .coluna {
    width: 100%;
  }
}

/* Style the navigation bar links */



/* Right-aligned link */
.topnav a.right {
  float: right;
}

/* Column container */
.row {  
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
  -ms-flex: 30%; /* IE10 */
  flex: 30%;
  background-color: #f1f1f1;
  padding: 20px;
}

/* Main column */
body .main.other {
  margin-top: -150px;
}
   
.main {   
  -ms-flex: 70%; /* IE10 */
  flex: 70%;
  background-color: white;
  padding: 20px;
}

/* Fake image, just for this example */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
}

body form input.icone.seguro:not(:placeholder-shown){
	background-image: url(../.img/favicon.ico);
}

body form input.icone.data{
	background-image: url(../.img/icone/data31.png);
}

body form input.icone.phone{
	background-image: url(../.img/icone/phone.png);
}

body form input.icone.user, body form select.icone.user{
	background-image: url(../.img/icone/user.png);
}

body form input.icone.email{
	background-image: url(../.img/icone/email.svg);
}

body form input.icone.morada{
	background-image: url(../.img/icone/gps.svg);
}

body form input.icone.feridos{
	background-image: url(../.img/icone/feridos.svg);
}

body form input.icone.cilindrada{
	background-image: url(../.img/icone/cilindro.jpg);
}

body form input.icone.docs{
	background-image: url(../.img/icone/docs.png);
}

body form input.icone.doc{
	background-image: url(../.img/icone/doc.png);
}

body form input.icone.matricula{
	background-image: url(../.img/icone/carro.jpg);
}

body form input.icone.marcamodelo{
	background-image: url(../.img/icone/marca.svg);
}

body form input.icone.cores{
	background-image: url(../.img/icone/cores.png);
}

body form input.icone.carta{
	background-image: url(../.img/icone/carta.svg);
}

body form input.icone.local{
	background-image: url(../.img/icone/pin.png);
}

body form input.icone.procura{
	background-image: url(../.img/procura.png);
	background-size: 25px;
}

input:not([type=image], [type=radio]), textarea, select{
	box-shadow: 0px 0.5px 2.5px 1px rgba(0, 0, 0, 0.3);
}

body form input.icone.direita {
    background-position: 95% center!important;
    padding-left: 15px;
    padding-right: 45px;
}

body form input.icone, body form select.icone {
    padding-left: 45px;
    background: #fff url(../favicon.ico) no-repeat 10px center;
	background-size: 30px;
}

form input[type=text]:focus, form input[type=number]:focus, form input[type=email]:focus, form input[type=search]:focus, form input[type=submit]:focus, form input[type=button]:focus, form input[type=date]:focus, textarea:focus, select:focus{
	box-shadow: 0px 0.5px 2.5px 1px black;
	transition: 0.6s ease-in-out;
}

form input[type=submit], form input[type=button]{
	box-sizing: border-box;
	display: block;
	padding: 10px;
	width: 90%;
	margin: auto;
	border-radius: 40px;
	border: none;
	cursor: pointer;
}

form textarea:focus, form select:focus{
	box-shadow: 0px 0.5px 2.5px 1px black;
	transition: 0.6s ease-in-out;
}

form textarea{
	overflow: auto;
	box-sizing: border-box;
	min-height: 75px;
	display: block;
	padding: 15px 20px;
	width: 90%;
	margin: auto;
	border-radius: 15px;
	border: none;
	resize: none;
}

input[type=checkbox] {
  zoom: 2;
}

form input[type=text], form input[type=search], form input[type=email], form input[type=number], form input[type=tel], form input[type=date], select{
	box-sizing: border-box;
	display: block;
	padding: 10px;
	width: 90%;
	margin: auto;
	border-radius: 40px;
	border: none;
}

.registar-se{
	border: 2px solid rgba(34, 66, 119, 1);
border-radius: 10px;	
	width: 65%; 
	padding-bottom: 10px; 
	overflow: hidden;
	margin: auto; 
	display: block; 
	background-color: #f2f2f2;
}


.bg-orange{
	background-color: orange;
}

.bg-f1{
	background-color: #f1f1f1;
}

.r-10{
	border-radius: 10px;
}

body .text-ac{
	text-align: center!important;
}

body .text-al{
	text-align: left;
}

body .text-ar{
	text-align: right;
}


/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .row {   
    flex-direction: column;
  }
}


.mySlides {display: none; margin-top: -50px;}
.mySlides img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  /*max-width: 1000px;*/
  width: 100%;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  display: none;
  background-color: rgba(34, 66, 119, 0.5);
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-size: 150%;
  text-shadow: 0px 0.5px 1px black;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  display: none;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline;
  transition: background-color 0.6s ease;
}

.msactive {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.whatsapp img{
	transition: 0.6s ease;
}

.whatsapp:hover img{
	transform: rotate(260deg);
	box-shadow: 0px 0px 5px 0.5px;
	overflow: hidden;
	border-radius: 100%;
}

.whatsapp{
	position: fixed;
	bottom: 125px;
	right: 22px;
	z-index: 99;
}

body #callus-container{
    
    /*right: 22px;
    bottom: 105px!important;*/

}


#scrollToTop a:before{
	content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
	opacity: 1!important;
	margin-top: 50px;
    margin-left: -7.5px;
    border-width: 18px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
}

#scrollToTop a:after{
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
	opacity: 1!important;
	margin-top: 50px;
    margin-left: -5px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent transparent rgba(34, 66, 100, 1) transparent;
}

#scrollToTopa:hover a{
  transform: rotate(180deg)!important;
}

#scrollToTop a{
  width: 25px;
	opacity: 1!important;
}

#scrollToTop{
  z-index: 150;
  transition: 2s;
  position: fixed;
  opacity: 1;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  right: 62.5px;
  bottom: -1000%;
  -webkit-animation: arrowdown 1.7s ease-in-out infinite;
  animation: arrowdown 1.7s ease-in-out infinite;
}

@keyframes arrowdown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes arrowdown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

.flutua .flutua-texto {
    visibility: hidden;
    position: absolute;
    min-width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
}

.flutua-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}

.flutua-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.flutua-right {
    top: -5px;
    left: 125%;
}

.flutua-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.flutua-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.flutua-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.flutua-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

.flutua-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.flutua {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted #ccc;*/
    color: #006080;
}

[class*=flutua] [class*=flutua-] {
  visibility: hidden;
  opacity: 0;
}

[class*=flutua]:hover [class*=flutua-] {
  visibility: visible;
  opacity: 1;
}

.item-vantagem {
	text-align: center;
}

.item-vantagem i{
	color: rgba(34, 66, 100, 1);
	border: 2px solid;
	font-size: 120px;
	border-radius: 100%;
	display: block;
	margin: auto;
} 


.conteudoformaho {
  position: relative;
  width: 100%;
}

conteudoformaho .imagemconteudoformaho {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.alinhamentoaocentro .alinhamentojustificado{
	text-align: justify;
}

.alinhamentoaocentro {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 20%;
  padding: 10px;
  left: 35%;
  transform: translate(-27%, -20%);
  -ms-transform: translate(-27%, -20%);
  text-align: center;
  /*background-color: rgba(255, 141, 9, 0.3);
  background-color: rgba(23, 72, 124, 0.9);
  color: white;
  border-radius: 0px 0px 10px 10px;
  */
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.conteudoformaho:hover .imagemconteudoformaho {
  opacity: 0.6;
}

.conteudoformaho:hover .alinhamentoaocentro {
  opacity: 1;
}

.textoconteudoformaho {
  background-color: rgba(255, 141, 9, 1);
  color: white;
  font-size: 16px;
  padding: 5px 32px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
}

.linha{
	width: 100%;
	display: block;
	overflow: hidden;
}

.coluna:after {
  content: "";
  display: table;
  clear: both;
}

.seccaoserassociado{
	/*background: rgba(34, 66, 119, 1) url(../.img/associado.png) no-repeat top center; background-size: 100%;*/
	background: rgba(255, 141, 9, 1) url(../.img/associado.png) no-repeat top center;
	background-size: 100%;
	border-radius: 10px;
}

.subscreveryoutube iframe{
	border-radius: 10px;
}

.subscreveryoutube{
	padding: 16px;
	/*background: rgba(34, 66, 119, 1) url(../.img/associado.png) no-repeat top center; background-size: 100%;*/
	background: rgba(255, 141, 9, 1) url() no-repeat top center;
	background-size: 100%;
	border-radius: 10px;
}

.subscrevido_fundo{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.4);
}

.subscrevido_plano{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	z-index: 999;
	width: 100%;
	height: 100%;
}

.subscrevido_quadro{
	overflow: hidden;
	padding: 26px 16px;
	color: white;
	width: 50%;
	min-height: 50%;
	border-radius: 10px;
	background: transparent url(../.img/btorange.png) no-repeat center center;
	background-size: cover;
	
}

.f-s-150{
	font-size: 150%!important;
}

.f-s-100{
	font-size: 100%!important;
}

.f-s-75{
	font-size: 75%!important;
}

.p-16-12{
	padding: 16px 12px!important;
}

.btorange{
	background: transparent url(../.img/btorange.png) no-repeat center center;
	color: white;
	font-weight: bold;
	text-align: center;
	background-size: cover;
}

.via2bt{
	width: 100%!important;
	display: block;
	background: transparent url(../.img/2via.png) no-repeat center!important;
	color: white;
	text-align: center;
	padding: 16px 12px!important;
}

.texto_{
	font-size: 200%;
	display: block;
	overflow: hidden;
	color: rgba(31, 54, 101, 1);
}

.texto-bottom-bg{
	font-size: 200%;
	display: block;
	overflow: hidden;
	color: rgba(31, 54, 101, 1);
	height: 50px!important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: left bottom;
}

body .texto-bottom-bg.separador{
	background-image: url(../.img/separador.png)
}

body .texto-bottom-bg.separadorl{
	padding: 0px 10px 0px 10px;
	text-shadow: 0px 0.1px 0.5px white;
	background-image: url(../.img/separadorl.png);
	color: rgba(255, 151, 0, 1);
	background-position: center bottom;
}

body .texto-top-bottom-bg.separadorl{
	padding: 10px 0px 15px 0px;
	text-shadow: 0px 0.1px 0.5px white;
	background-image: url(../.img/separadorl.png), url(../.img/separadorl.png);
	background-position: top center, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 75%;
	font-size: 150%; 
	text-align: center;
	font-weight: bold;
}

body .coluna.bg_{
	border-radius: 0px!important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	min-height: 300px;
}

body .coluna.bg{
	border-radius: 0px!important;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	min-height: 500px;
}

.a-inline a{
	text-decoration: none;
	display: inline;
	padding: 5px;
}

.a-block a{
	text-decoration: none;
	display: block;
	padding: 5px;
}

.a-inline{
	text-align: center;
	padding: 16px 12px;
	display: block;
	width: 100%;
}

.a-block{
	padding: 16px 12px;
	display: block;
	width: 100%;
}

.branca, .branca a{
	color: white;
}

.coluna.bg.apoiosocial1{
	background-image: url(../.img/apoiosocial1.png)
}

.coluna.bg.apoiosocial2{
	background-image: url(../.img/apoiosocial2.png)
}

.coluna.bg.apoiosocial3{
	background-image: url(../.img/apoiosocial3.png)
}

.coluna.bg.apoiosocial4{
	background-image: url(../.img/apoiosocial4.png)
}

.coluna.bg.apoiosocial5{
	background-image: url(../.img/apoiosocial5.png)
}

.coluna.bg.apoiosocial6{
	background-image: url(../.img/apoiosocial6.png)
}

.coluna.bg.apoiosocial7{
	background-image: url(../.img/apoiosocial7.png)
}

.coluna.bg.apoiosocial8{
	background-image: url(../.img/apoiosocial8.png)
}

.coluna.bg.apoiosocial9{
	background-image: url(../.img/apoiosocial9.png)
}

.coluna.bg.reforma1{
	background-image: url(../.img/reforma1.png)
}

.coluna.bg.reforma2{
	background-image: url(../.img/reforma2.png)
}

.coluna.bg.reforma3{
	background-image: url(../.img/reforma3.png)
}

.coluna.bg.reforma4{
	background-image: url(../.img/reforma4.png)
}

.coluna.bg.reforma5{
	background-image: url(../.img/reforma5.png)
}

.coluna.bg.reforma6{
	background-image: url(../.img/reforma6.png)
}

.coluna.bg.reforma7{
	background-image: url(../.img/reforma7.png)
}

.coluna.bg.reforma8{
	background-image: url(../.img/reforma8.png)
}

.coluna.bg.reforma9{
	background-image: url(../.img/reforma9.png)
}

.coluna.bg.reforma10{
	background-image: url(../.img/reforma10.png)
}

.coluna.bg.reforma11{
	background-image: url(../.img/reforma11.png)
}

.coluna.bg.saude1{
	background-image: url(../.img/saude1.png)
}

.coluna.bg.saude2{
	background-image: url(../.img/saude2.png)
}

.coluna.bg.saude3{
	background-image: url(../.img/saude3.png)
}

.coluna.bg.saude4{
	background-image: url(../.img/saude4.png)
}

.coluna.bg.cartaodeitado{
	background-image: url(../.img/cartaodeitado.png)
}

.coluna.bg.mostrarcartao{
	background-image: url(../.img/mostrarcartao.png)
}

.coluna.bg.maissaude{
	background-image: url(../.img/maissaude.png)
}

.coluna.bg.paraavida{
	background-image: url(../.img/paraavida.png)
}

.coluna.bg.maisbeneficios{
	background-image: url(../.img/maisbeneficios.png)
}

.coluna.bg_.beneficiosuplementos{
    background-image: url(../.img/beneficiosuplementos.png);
	background-position: top center!important;
}

.coluna.bg_.beneficioadiantamentos{
	background-image: url(../.img/beneficioadiantamentos.png);
	background-position: top center!important;
}

.coluna.bg_.beneficiosaude{
	background-image: url(../.img/beneficiosaude.png);
	background-position: top center!important;
}

.coluna.bg_.beneficiohabitacao{
	background-image: url(../.img/beneficiohabitacao.png);
	background-position: top center!important;
}

.coluna{
	overflow: hidden;
	display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 10px;
  min-height: 300px;
}

.coluna-1 .coluna{
	float: left;
	width: 100%;
}

.coluna-2 .coluna{
	float: left;
	width: 50%;
}

.coluna-3 .coluna{
	float: left;
	width: 33%;
}

.coluna-4 .coluna{
	float: left;
	width: 25%;
}

.coluna-5 .coluna{
	float: left;
	width: 20%;
}