.mosaico {
	float:left;
    font-size: .85em;
	width:100%;
}

.mosaicoDestaques {
	margin-top:10px;
	padding-left:20px;
	float:left;
    font-size: .85em;
	width:100%;
}

.mosaico .itemMosaicos {
	display:inline-block;
	overflow:hidden;
    color:#000;
    background: #efeeeb;
    padding: 1em;
    margin: 0 0.35em 1.5em 0.35em;
    width: 32%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
	border-radius:4px;
}

.mosaicoDestaques .itemMosaicosDestaques {
	display:inline-block;
	overflow:hidden;
    color:#fff;
    background: #fff;
   /* padding: 1em;*/
    margin: 0 1.7em 1.5em 0;
    width: 23%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.mosaicoDestaques .itemMosaicosDestaques .itemMosaicosDestaquesContentImg{
	height:250px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:100%;
}


.mosaicoDestaques .itemMosaicosDestaques .itemMosaicosDestaquesContentImg .img{
	height:100%;
	left:0;position:absolute;
	width:100%;
}

.mosaicoDestaques .itemMosaicosDestaques .itemMosaicosDestaquesContentImg .img img{
	border:0;
	height:100%;
	margin:0; 
	max-height:100%;
	max-width:100%;
	object-fit:cover;
	object-position: top;
	width:100%;
	
}

.mosaicoDestaques .thumbnail__info_Destaques{
	font-size:15px;
	padding:0.8em 2em;
	background-color:rgba(54,54,54,0.7);
	text-align:center;
	color:#fff !important;
	position:absolute;
	width:100%;
	bottom:0;
}
.mosaicoDestaques .thumbnail__info_Destaques a{
	color:#fff !important;
}

.mosaico .itemLista{
	display:inline-block;
	overflow:hidden;
    color:#000;
    background: #efeeeb;
    padding: 1em;
    margin: 0 0em 0.5em 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
	transition: all 0.25s;
	border-radius:4px;
}

.itemMosaicos:hover{
	/*font-weight: bold;*/
	/*text-decoration:underline;*/
	 transition: all .25s ease-in-out;
    -ms-transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03); 
	
}
.itemMosaicosDestaques:hover{
	color:#fff;
	font-weight: bold;
	text-decoration:underline;
	 transition: all .25s ease-in-out;
    -ms-transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
}

.itemLista:hover{
	
	text-decoration:underline;
	 transition: all .2s ease-in-out;
	-ms-transform: scale(1.02,1.02); 
    -webkit-transform: scale(1.02,1.02); 
    transform: scale(1.02,1.02); 
}


.testeaventura{
	height:75%;
	overflow:auto;
	margin:10px 0 10px 10px;
}
.testeaventura ul{
	padding:0;
}

/* mĆ©dia queries */

@media (min-width:1024px) and (max-width: 1200px) {
	.mosaicoDestaques .itemMosaicosDestaques{margin:0 1.5em 1.5em 0;}
	.mosaicoDestaques .itemMosaicosDestaques{width:23%;}
}

@media (min-width:680px) and (max-width: 1023px) {
	.mosaicoDestaques .itemMosaicosDestaques{margin:0 1.8em 1.5em 0;}
	.mosaicoDestaques .itemMosaicosDestaques{width:30%;}
}

@media (min-width:501px) and (max-width: 679px) {
	.mosaicoDestaques .itemMosaicosDestaques{margin:0 2em 1.5em 0;}
	.mosaicoDestaques .itemMosaicosDestaques{width:45%;}
}


@media (min-width:376px) and (max-width: 500px) {
	.mosaicoDestaques .itemMosaicosDestaques{
		width:46%;
		margin:0 1em 1.5em 0;
	}
}

@media (max-width: 480px) {
	.mosaico .itemMosaicos {width:47%; margin:0 0.35em 1em 0.35em;}

}


@media (max-width: 376px) { 
	.mosaico{margin-top:150px;}
	.mosaico .itemMosaicos {width:80%; margin:0 10% 1em 10%;}

	.mosaicoDestaques{padding:5px;}
	.mosaicoDestaques .itemMosaicosDestaques .itemMosaicosDestaquesContentImg{
		height:360px;
	}
	.mosaicoDestaques .itemMosaicosDestaques{
		margin:0 0 1.5em 0;
		width:100%;
	}
}


/* ROLLER CONTENT CSS*/

.itemRecomendacoes{
	display:inline-block;
	overflow:hidden;
    color:#fff;
    background: #fff;
   /* padding: 1em;*/
    width: 95%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.itemRecomendacoes .itemRecomendacoesContentImg{
	height:250px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:100%;
}

.itemRecomendacoes .itemRecomendacoesContentImg .img{
	height:100%;
	left:0;position:absolute;
	width:100%;
}

.itemRecomendacoes .itemRecomendacoesContentImg .img img{
	border:0;
	height:100%;
	margin:0; 
	max-height:100%;
	max-width:100%;
	object-fit:cover;
	object-position: top;
	width:100%;
	
}

.thumbnail__info_Recomendacoes{
	font-size:15px;
	padding:0.8em 2em;
	background-color:rgba(54,54,54,0.7);
	text-align:center;
	color:#fff !important;
	position:absolute;
	width:95%;
	bottom:0;
}
.thumbnail__info_Recomendacoes a{
	color:#fff !important;
}

/* COOKIE DISCLAIMER  */ 

.cookie-disclaimer {
  display:none;
  background: #efeeeb;
  color: #000;
  opacity: 1;
  top: 0;
  left: 0;
  z-index: 1;
  min-height: 50px;
  margin-left:-15px;
  margin-right:-15px;
  
}  
.cookie-disclaimer .container {
	display:block;
	text-align:center;
	padding:10px 0;
	margin-top:0;

}

.cookie-disclaimer .container span{
	font-weight:bold;
	float:left;
	width:90%;
	font-size:12px;
	color:#333;
	padding:0 15px;
}
.cookie-disclaimer .container span a{
	color:#7e7e7e;
	text-transform: uppercase;
}

.cookie-disclaimer .container .cd-button{
float:right;
width:2.5%;
line-height:30px;
cursor:pointer;
margin-right:15px;
}
.cookie-disclaimer .container .cd-button .icon{
	background-color:#8a8f06;
	border-radius:50px
}

.cookie-disclaimer .container .cd-button .icon:hover{
	background-color:#ccb200;
}

@media (max-width:769px){.cookie-disclaimer .container .cd-button{width:5%;} .hm2{display:none !important;}}
@media (max-width:426px){
	.cookie-disclaimer .container span{width:85%;}
	.cookie-disclaimer .container .cd-button{width:8%;}
}
/*----------------------*/

/* Check/Uncheck all */
.checkall{border:none; color:#8a8f06; font-weight:bold;}
.checkall:hover{cursor:pointer; color:#8a8f06;}

.uncheckall{border:none; color:#8a8f06; font-weight:bold;}
.uncheckall:hover{cursor:pointer; color:#8a8f06;}

.navbar-default .navbar-nav > .dropdown-submenu > a, .navbar-default .navbar-nav > .dropdown-submenu > a:hover, .navbar-default .navbar-nav > .dropdown-submenu > a:focus{background-color:#8a8f06 !important;}
.nav .dropdown-submenu > a:hover, .nav .dropdown-submenu > a:focus{background-color:#8a8f06 !important;}
@media (max-width: 480px){
.dropdown-submenu{line-height: 60px !important; border-bottom: 1px solid #b6b6b6;}
}

@media (max-width: 750px) and (min-width: 460px)
{.nav_disposicao .dropdown-submenu {text-align:left; line-height: 60px; border-bottom: 1px solid #b6b6b6; }}

/* Main page text bounce*/
/*
@keyframes bounceIn{
	from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}*/


@keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
/*
@keyframes bounceIn {
    0% {
        transform: translateX(50%);
    }
	50%{
		transform: translateX(-30%);
	}
    100% {
        transform: translateX(0);
    }

}*/	
div .bounce{
  animation: bounceIn 2s;
  animation-timing-function: ease-out;
}


/* LISTAS PNL (PESQUSIA) */
.form-group-pnl
{
	margin:1% 0.5%;
	float:left;
}
.form-group-pnl label {
	float:none !important;
	width:100% !important;
	font-size:16px !important;
	text-align:center !important;
	padding:0 !important;
	
}
.form-group-pnl select{
	border:1px solid #ccc;
	box-shadow: 0px 0px 1px 1px #ccc;
	border-radius:4px;
	width:160px;
	display:block;
}

.form-group-pnl select:focus {border-color:#8a8f06}

.form-group-pnl select option{
	font-size:12px;
	margin:2px;
}

.form-group-pnl select option:hover{
	background-color:#8a8f06
}
.form-group-pnl select option:checked{
	background:#8a8f06 linear-gradient(0deg, #8a8f06 0%, #8a8f06 100%);
	color:#333
}

/* Especial cliente - contactos com mapa */
.divsContactos{
	float:left;
	width:50%;
}

/* media querys para PNL */
@media (min-width:1024px) and (max-width: 1200px) {}
@media (max-width: 480px) {
	.form-group-pnl{width:49%}
	.form-group-pnl select{height:32px; margin:0 1%;}
	.divsContactos{width:100%; margin-bottom:20px;}
}

@media (max-width: 340px) {
	.form-group-pnl select{width:100%; height:32px; margin:0 1%; }
}

@media (max-width: 997px) and (min-width: 768px){
	.form-group-pnl{width:24%}
	.form-group-pnl select{height:32px; margin:0 1%;}
}	

/* Fonts barcode */
 
@font-face {
    font-family: 'codabar'; /*a name to be used later*/
    src: url('../fonts/barcode/CodabarMedium.ttf'); /*URL to font*/
}


.codabar {
    font-family: 'codabar';
}


@font-face {
    font-family: 'code39'; /*a name to be used later*/
    /*src: url('../fonts/barcode/Code39.ttf'); URL to font*/
    src: url('../fonts/barcode/Code39.otf'); /*URL to font*/
}


.code39 {
    font-family: 'code39';
}


/* CARTÃO DE LEITOR */ 
.cartaoLeitor{
	display:block;
	position:relative; padding:15px; background-color:#fff; width:385px; height:225px; margin: 0 auto; border:2px solid #d0d0d0; border-radius:15px;
}
.cartaoLeitor-Nome{
	width:65%; float:left;
}

.cartaoLeitor-Logo{
	text-align:right;
}
.cartaoLeitor-Code{
	text-align:center; width:100%; float:left; position:absolute; bottom:80px; margin-left:-15px;
}
.cartaoLeitor-Controlo{
	position:absolute; bottom:10px; right:10px; text-align:right; margin:2% 0 0 0;
}

.cartaoLeitor-Landscape{
	display:none;
}

@media (max-width: 380px) {
	.cartaoLeitor-Landscape{ display:block;}
	.cartaoLeitor{ display:none;}
}


.panel-default{
	/*background-color: #d0d0d0;*/
	background-color: #f5f5f5;
    margin: 5px 0;
    color: #333 !important;
}
.panel-heading{
	font-size: 15px; text-align:left; font-weight: bold; background: #d0d0d0; margin: 0; padding: 15px; border-radius:4px;
}
.panel-heading a{color:#333 !important; font-size:15px;}
.panel-body{
	padding:15px;
}


/* TESTES*/

.nav-tabs { /*border-bottom: 2px solid #DDD;*/ border-bottom:none; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #333; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #8a8f06 !important; background: #f5f5f5; }
.nav-tabs > li > a::after { content: ""; background: #8a8f06; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #f5f5f5 none repeat scroll 0% 0%; color: #fff; }
.tab-pane {}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #363636; background-color: #f5f5f5;}


@media all and (max-width:724px){	
.nav-tabs > li > a {padding: 5px 5px;}
}

/* #8a8f06 */

/* BOTÃO VOLTAR */
  

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex { 
  margin:30px 0;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:left;
}

.flex a {
  color:#333;
  text-decoration:none;
}
.flex   a:hover {
    color:#8a8f06;
  }
.flex  a:focus {
    text-decoration:none;
  }
.flex  a:active {
    color:#FFF;
  }

.bttn {
  width:80px;
  height:80px;
  line-height:80px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:bold;
  position:relative;
}
.bttn:after {
    transition:0.3s all ease;
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    border-radius:3px;
    border:3px solid #8a8f06;
  }
 .bttn:before {
    content:'';
    position:absolute;
    border-radius:3px;
    left:0;
    top:0;
    bottom:0;
    right:0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background:#d0d0d0;
    z-index:-1;
  }

 .bttn:hover:after{
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
	  cursor:pointer;
    }
  
	
/* ---------------------------------------------------------------------------------------------------- */

/*Footer with content*/

.iconFbRP{width:25px; height:25px; border-radius:20px; background-color:#f5f5f5; padding:2px;}
.iconFbRP:hover{background-color:#8a8f06; cursor:pointer}
.leftDivs{float:left; width:25%; padding:15px; text-align:left;}
.middleDiv{float:left; width:30%; padding:15px; text-align:left;}
.rightDiv{float:left; width:20%; padding:15px; text-align:left;}

@media (max-width: 767px) {
	.leftDivs{width:100%;}
	.middleDiv{width:100%;}
	.rightDiv{width:100%;}
}

/* Sub - Sub -menu */

.dropdown-submenu .dropdown-menu {
    top: auto;
    left: 100%;
    margin-top: -25%;
}

.caretTransform{transform: rotate(270deg);}

/* Menus nas diferentes páginas */
.wrapperMenusTabs{
	background-color:#f5f5f5;
	border-top:2px solid #8a8f06;
	border-bottom:2px solid #8a8f06;
	position:relative;
    margin:0 auto;
    overflow:hidden;
  	height:80px;
	margin-bottom:20px;
}


.list {
    position:absolute;
    left:0px;
    top:0px;
  	min-width:3000px;
    margin-top:0px;
	margin:5px;
}

.list li{
	width:216px;
	display:block;
    position:relative;
    text-align:center;
    color:#efefef;
    vertical-align:middle;
	height:66px;
}


.list li a{
	 display: inline-block;  
    vertical-align: middle; 
	padding: 0 12px;
}

.list li:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;       
}

.scroller {
	border: 2px solid #8a8f06;
	height:80px;
	text-align:center;
	cursor:pointer;
	display:block;
	padding:7px;
	padding-top:28px;
	white-space:no-wrap;
	vertical-align:middle;
	background-color:#f5f5f5;
}

.scroller-right{
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	float:right;
}

.scroller-left {
	border-bottom-left-radius:4px;
	border-top-left-radius:4px;
	float:left;
}

.scroller:hover{
	background-color:#8a8f06;
	color:#fff;
}

@media (max-width:320px){	
	.list li{
		width:230px;
	}
}

@media (min-width:321px) and (max-width:375px){	
	.list li{
		width:290px;
	}
}

@media (min-width:321px) and (max-width:375px){	
	.list li{
		width:290px;
	}
}
@media (min-width:376px) and (max-width:480px){	
	.list li{
		width:330px;
	}
}