@font-face {
  font-family: PTSans;
  src: url(fonts/PTSans-Regular.ttf);
}
@font-face {
  font-family: PTSans;
  src: url(fonts/PTSans-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: PTSans;
  src: url(fonts/PTSans-Italic.ttf);
  font-style: italic;
}


@font-face {
  font-family: BernhardMod;
  src: url(fonts/BNHRDMOB.TTF);
  font-weight: bold;
}
@font-face {
  font-family: BernhardMod;
  src: url(fonts/Tt0607m.ttf);
}


@font-face {
  font-family: Montserrat;
  src: url(fonts/Montserrat-Regular.ttf);
}



.nav-link {
	font-weight: 500;
/*	letter-spacing: 1px; */
	font-size: 0.8rem !important; 
	text-transform: uppercase;
	white-space: nowrap;
}

.dropdown-item {
	font-weight: 500;
	font-size: 0.8rem !important; 
	text-transform: uppercase;
	white-space: nowrap;
}

/*html { font-family: Montserrat, PTSans, sans-serif;  }*/
body { font-family:Poppins;font-size:1.0rem;font-weight:300;font-style:normal;  }

#header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;    
    display: block;
 }

a:link {color: #09534A;font-size:1.1rem;text-decoration: none;}
a:hover {color: #09534A; font-size:1.1rem; text-decoration: none;}
a:visited {color: #09534A; font-size:1.1rem; text-decoration: none;}

a:link.peq {font-size:0.7rem;}
a:visited.peq {font-size:0.7rem;}
a:hover.peq {font-size:0.7rem;}

a:link.linguas {color: #026a35;font-size:12px;text-decoration: none;}
a:visited.linguas { color: #026a35;font-size:12px;text-decoration: none;}
a:hover.linguas {color: #f75454; font-size:12px; text-decoration: none;}

A:link.rodape {font-size:0.9rem;color: #09534A;}
A:visited.rodape {font-size:0.9rem;color: #09534A;}
A:hover.rodape {font-size:0.9rem;color: #09534A;}

A:link.marcas {color: #000000; font-size: 10px;text-decoration: none; font-weight: normal; }
A:visited.marcas {color: #000000; font-size: 10px;text-decoration: none; font-weight: normal; }
A:hover.marcas {color: #808080; font-size: 10px;text-decoration: none; font-weight: normal; }

#idioma {
	font-size:12px;
	color: #080808;
	width: 40px;		
	position:absolute; 
	top: 10px; 
	right: 0px;	    
/*	border: 1px solid #ddd; */
/*	border-radius: 4px; */
    	padding: 2px;
}

.idioma2 {
	color: #000000; 
	font-size:12px;
}

.linha {
	height:1px;
	width:100%;
	background-color:#026a35;
}

.linha2 {
	height:4px;
	width:100%;
	background-color:#026a35;
}

img {
	border:0; max-width: 100% !important; height: auto !important;
}

.sombra {
	box-shadow: 0 5px 6px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
	margin-bottom: 20px;
}

iframe {
	width:100% ! important;
}

.inicio {
	width: 100%;
	background: #000;
	overflow-y: hidden;
}

.inicio-banner {
	height: 100vh;
	background: url('../imagens/banners/0/1.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.inicio-banner::before {
	background-color: #000;
	opacity: 0.2;
	width: 100%;
	height: 100%;
}

.carousel-item img {
  /*  max-height: 833px;*/
    height: auto;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #09534A; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 50px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  border: #3c3229  1px solid;
}

#myBtn:hover {  
  color: #000000;
  background-color: #ffffff;
  border: #c53f3f 2px solid;
}

#myBtn:active {  
  color: #000000;
  background-color: #ff8687;
  border-color: #026a35;
}


.video.layout-video .embed-container {
	padding-bottom: 56.25%;
}

.video.layout-video .embed-container iframe, .video.layout-video .embed-container object, .video.layout-video .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}   

.margens{
    margin:0px;
    display: inline-block;
}

/* Create a sticky/fixed navbar */
#navbar {
  /*overflow: hidden;*/
  padding: 10px 0px;*/ /* Large padding which will shrink on scroll (using JS) 
  transition: 0.6s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
/*  top: -15px; */  /* At the top */
  z-index: 99;
  /*padding-right: 25px;*/
}

/* Style the navbar links */
#navbar a {
/*  padding: 12px; */
  color: #47603d !important;
}

/* Style the logo */
#navbar #logo {
	width:80px;
	transition: 0.6s;
}

/* Links on mouse-over */
#navbar a:hover {
/*  background-color: rgb(158 158 158 / 18%); */
  color: #f24646 !important; 
}

/* Style the active/current link */
#navbar a.active {
	/*    background-color: #F9F8F3; */
  color: #f24646 !important; 
  border-bottom: 1px solid; border-color: rgb(158 158 158 / 70%);
}


@media (max-width: 1400px) {
  #idioma {
      margin-top: -10px;
      margin-bottom: 20px;
      right: -80px;
  }
  
  main {
    	padding-top: 180px !important;
  }
  
  .inicial {
    	padding-top: 50px !important;
  }
  
  #carousel {
  	margin-top: 90px !important;
  }
  #navbar a {
	padding: 8px !important;  
  }
}

@media (max-width: 768px) {
  #titulo {
  	font-size:1.1rem !important;
  }

}


/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
  #navbar {
    padding: 10px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    float: none;
  }
  #titulo {
  	font-size:0.8rem !important;
  }
  #logo {
  	width: 40px !important;
  }
  #video {
  	margin-top: 65px !important;
  }
  body {
  	margin-bottom: 280px !important;
  }
  main {
  	padding-top: 140px !important;
  }  
  #cabecalho {
      margin: 0;
      padding: 0;
  }
  #carousel {
  	margin-top: 50px !important;
  }
}




/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 10;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}


.modal-content:hover {
  cursor:pointer;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0)
  }
  to {
    -webkit-transform: scale(1)
  }
}

@keyframes zoom {
  from {
    transform: scale(0.1)
  }
  to {
    transform: scale(1)
  }
}




.cookie-banner {
  position: fixed;
  bottom: 40px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}



.cookie-consent{
	position:fixed;
	z-index:9999;
	width:100%;
	display:-ms-flexbox;
	display:flex;-ms-flex-wrap:wrap;
	flex-wrap:wrap;-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:#121212;
	color: #ffffff;
	font-size: 0.9rem;	
}
.cookie-consent-compliance,.cookie-consent-message{
	margin:.5rem 1rem
}
.cookie-consent-compliance{
	cursor:pointer;
	color:#fff;
	padding:.5rem 2rem;
	background:#976262;
	border:2px solid currentColor;
	border-radius: 7px;
}
.cookie-consent{
	left:0;
	right:0;
	bottom:0
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu:hover>.dropdown-menu {
  top: 0;
  left: 100%; /* Better than 10rem for responsiveness */
  margin-left: -2px; /* Slight overlap prevents disappearing */
  margin-top: -6px;
  display:block
}
.dropdown:hover>.dropdown-menu{
display:block
}

/* Safe opacity-only animations */
.dropdown-menu {
    animation: simpleFadeIn 0.2s ease-out forwards;
}

@keyframes simpleFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* rotate caret on hover */

.dropdown-menu>li>a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}

ul.menualt { 
	line-height: 2;
	border-bottom: 1px solid #ccc!important;
	background-color: rgb(255 255 255 / 90%); 
}

li.menualt {
	padding-right: 1rem;
	padding-left: 1rem;
	white-space: nowrap;
}

.form-control {
	background-color: #fbfbfb;
}

#titulo {
	transition: 0.6s;
}

.field-container {
	margin-bottom: 1em;
}
.char-count {
	font-size: 0.9em;
	color: #555;
	margin-left: 8px;
}

h4,
.section-title {
  color: #333333;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

h4::after {
  content: '';
  display: block;
  width: 50%;
  height: 3px;
  background-color: #e36e14;
  margin: 5px auto 0;
}

.noticias2 {
	/*border: #c80000 1px solid;*/
	width:100%;	
	/*background-color: #181818;*/
	/*padding:15px;	*/
	padding-top:10px;
}

#horario {
	text-align:center;
	/*margin: 10px;*/
	font-size: 0.8rem;
	height: auto;
	background-color: #47603d;
	color: #ffffff;
	transition: 0.6s;
}



.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}