@CHARSET "UTF-8";



/*GERAL*/

*{box-sizing:border-box;}

body{
	text-transform:uppercase;	
	font-family: 'Nunito', sans-serif;
	font-size:14px;
}

a{text-decoration:none;}

table{font-size:11px;}

footer{
	position: absolute;
	bottom:0;
	margin-top:20px;
	width:100%;
	height:40px;
	background-color: #006C33;
}

h2{text-align: center;}

h3, h2{
    font-size: 30px;
    color: #006C33;
    padding: 15px 0;
    text-align:center;
}

.mobile{
    display: none;
}

.titulo{
	width:90%;
	text-align:center;
}

.titulo h2{
	display:inline-block;
	margin-right:20px;
}

h2 span{
	font-size:25px;
	color:black;
}


.tudo{
	min-height:100%;
	position:relative;
}

.content{
	padding-bottom: 60px;
}


.hidden{
	display: none;
}

.bot-pesquisar{
	    border: none;
    background-color: #006C33;
    color: white;
    padding: 10px 30px;
    border-radius: 5px;
    cursor: pointer;
    margin-top:50px;
    transition:background-color .3s ease-in;
}

.bot-pesquisar:hover{
	background-color: #5E945D;
}


.bot-editar{
    background-color: #E69529;
    padding: 15px;
    display: table;
    margin-top: 20px;
    margin-left: 3%;
    border-radius: 5px;
    color: white;
    transition:background-color .3s ease-in;
}

.bot-editar:hover{
	background-color:#EAB061;
}

.mleft{
	margin-left: 15%;
}


.cont{
	padding: 0 30px;
	
}

.embalamentos-h3{
    padding: 40px 0 25px;
}

.embalamentos-h3 h3{
    padding: 0;
}



/*FIM GERAL*/


/* BOTÕES */

.field-funcionario .btns-saida-main {
    padding-top: 20px;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.btns-saida-main, .btns-entrada-main {
    justify-content: space-between;
    padding-bottom: 20px;
}

.btn-guardar-content, .btn-cancelar-content {
    width: 50%;
}

.botao-guardar, .botao-update, .field-funcionario .botao-guardar, .botao-normal {
    background-color: #006C33;
    /* font-weight: bold; */
    /* width: 200px; */
    /* height: 50px; */
    /* margin: 40px 0 0 0; */
    height: auto;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 15px;
    transition: background-color .2s ease-in;
}

.botao-normal{
	display: inline-block;
	color:#fff;
	background-color: #3689ea;
}

.botao-normal:hover{
	background-color: #5481E7;
}

.botao-div{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding:0 0 30px;
    /*text-align: center;*/
    
}

/* FIM BOTÕES */



/*LOGIN*/

.login-base{
    width: 100%;
    margin: auto;
}

.login{
	position: absolute;
	top:50%;
	left:50%;
    margin: auto;
    width: 470px;
    text-align: center;
    padding: 0 0 50px 0;
    border: 3px solid #006C33;
    border-radius: 20px;
    transform: translate(-50%,-50%);
}

.login p{
    padding: 20px;
    background-color: #006C33;
    margin: 0 0 50px;
    color: white;
    font-size: 20px;	
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.usuario{
    display: table;
    background-color: #006C33;
    border-radius: 5px;
    border: 1px solid #006C33;
    margin:0 auto;
}

.password{
    display: table;
    background-color: #006C33;
    border-radius: 5px;
    border: 1px solid #006C33;
    margin:5px auto 0;
}

.login img{
    padding: 0 20px;
    vertical-align: middle;
}

.login input{
    height: 40px;
    border: none;
    padding: 10px 20px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 16px;
    width: 150px;
}


.entrar{
    margin: 10px;
}

.entrar input{
	width: 208px;
    border-radius: 5px;
    background-color: #006C33;
    color:white;
    cursor: pointer;
}

.entrar:hover input{
	background-color: #AECD1F;
}

/*FIM LOGIN*/





/*CABEÇALHO*/

.cab{
	background-color: rgba(36,173,152,0.5);
	padding:1% 2%;
	width:100%;
}

.cab figure{
	float:left;
	/*width:20%;*/
}

.cab img{
	width:70%;
}

.logo-icon{
    display: none;
}

.menu{
    float: right;
    /* line-height: 116px; */
    width: 79%;
    vertical-align: top;
    /*height: 100px;*/
    margin-top: 10px;
}

.menu nav{	
	width:100%;
	text-align:center;
}

.menu nav ul li{
    display: inline-block;
    position: relative;
    margin: 10px;
}

#menu{
    display: flex;
    width: 100%;
    background-color: rgba(36,173,152,0.5);
    align-items: center;
    
}

.logo{
    width: 20%;
    padding: 15px 25px;

}

.nav-menu{
    width: 80%;
    padding: 15px 25px;
}



.top-nav{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 90%;
    justify-content:center;
    /*position: fixed;*/
    /*padding: 5px 0;*/
    z-index: 9999;
}

.menu-main{
    margin-right: 30px;
}

.menu-content{
    position: relative;
}

.menu-top{
    text-decoration: none;
    color: #fff;
    /*padding: 5px 10px;*/
    font-size: 14px;
    font-weight: 700;
    /*outline: none;*/
    /*line-height: 30px;*/
    /*border: 2px solid transparent;*/
    /*border-bottom-color:black;*/
   
    padding: 15px 40px;
    background-color: #006C33;
    border-radius: 5px;
    display: inline-block;
    transition: .2s ease-in;
    cursor: pointer;
}

.menu-main-sub{
    /*display: flex;*/
    flex-direction: column;
    position: absolute;  
    /*visibility: hidden; */
    display: none;
    opacity: 0;
    transition: .2s ease-in;
    width: 100%;
    z-index: 99999;
    
}


.menu-top:hover, .menu-sub:hover{
    background-color: #AECD1F;
}

.menu-main:hover .menu-main-sub{
    
    
}

.menu-sub{
    background-color: #006C33;
    border-radius: 5px;
    border:1px solid #fff;
    color:#fff;
    padding:12px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
}

.menu-sub{
    border-bottom: none;
}

.menu-sub:last-child{
    border-bottom:1px solid #fff;
}

.top-nav a:hover{
  border-top-color:#fff!important;
}

.estatistica-a{
    width: 190px;
    text-align: center;
}

.activa{
  border-bottom-color:#fff!important;
}

.nav-trigger{
    
    position:absolute;
    top:20px;
    right:20px;
    background:#006C33;
    width:50px;
    height: 50px;
    cursor:pointer;
    z-index:999999;
    display:none;
}



.line{
  stroke-width:8;
  stroke:#fff;
  stroke-linecap:round;
}



#circ{
    stroke:#fff;
    stroke-width:8;
    fill:none;
}




.bloco {
    width: 180px;
    display: inline-block;
    padding: 15px;
    background-color: #006C33;
    border-radius: 5px; 
    font-weight: bold;
    color: #fff;
    display: block;
    transition: .2s ease-in;
}

.bloco:hover{
	background-color: #AECD1F;
}

.sub{
	visibility: hidden;
	/*display:none;*/
	/*border:2px solid #fff;*/
	border-radius:5px;
	z-index:9;
	
}

#sub1{
	visibility: visible!important;
	height:0;
	-webkit-transition:height 0.4s ease-in-out;
}

li:hover #sub1{
	height:67px;
}

#sub2{
	visibility: visible!important;
	height:0;
	-webkit-transition:height 0.4s ease-in-out;
}

li:hover #sub2{
	height:67px;
}

#sub3{
	visibility: visible!important;
	height:0;
	-webkit-transition:height 0.4s ease-in-out;
}

li:hover #sub3{
	height:166px;
}


.menu li{
	transition:.2s ease-in;
}

.menu li:hover ul{
	visibility:visible;
	/*display:block;*/
	transition:.3s ease-in;
}

.menu ul li ul{
    position: absolute;
    top: 44px;
    left: 0;
    /* border-bottom-right-radius: 10px; */
    overflow: hidden;
}



.menu .sub li{
	display:block;
	margin:0;
}

.menu .sub a{
	display:block;
	color:white;
	width:180px;	
	margin:0;
	padding:10px;
	font-size:12px;
	/*border-top:1px solid #fff;*/
	border:1px solid #fff;
	border-bottom:1px solid #fff;
	border-top:none;
	background-color: #006C33;
	
}

.sub :nth-last-child(1) a{
	/*border-bottom:none;*/
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #fff;
}

.sub li:nth-child(1) a{
	/*border-top:none;*/
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;	
	
	border-top:1px solid #fff;
}



.sub a:hover{
	background-color: #AECD1F;
}



.sair{
    position: absolute;
    /* transform: translate(-50%,-50%); */
    top: 15px;
    right: 15px;
    z-index: 999;
}

/*tamanhos para menu grande*/
/*
 header.large {height: 143px;}
header.large img.logo {width: 270px;padding:1%;}
 header.large li{margin-top: 40px;}
*/
/*tamanhos para menu pequeno*/
/*
 header.small {height: 70px;position:fixed;}
 header.small figure img {width: 45%;padding:0.5px;}
 header.small .menu{line-height: 35px;}
*/
/*
header.cab, nav, img, li{
  transition: all 1s;
  -moz-transition: all 1s; /* Firefox */
  /*-webkit-transition: all 1s; /* Safari and Chrome */
  /*-o-transition: all 1s; /* Opera */
}


/*FIM CABEÇALHO*/


/*INICIO.PHP*/

.inicio h3{
    margin: 20px 0;
    font-size: 30px;
    text-align: center;
    color: #006C33;
    font-weight: bold;
}

.item{
	padding:8px 20px;
	text-align: center;
}

.fieldset-inicio{
    border: 2px solid #006C33;
    padding: 30px 30px;
    border-radius: 5px;
    width: 96%;
    margin: 0 auto 30px;
}


.div-novo-funcionario{
	text-align: center;
	padding: 50px 0;
}

/* LANÇAR FUNCIONARIO */

#nome-funcionario {
    width: 410px;
}

.campo input {
    height: 40px;
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 10px;
    border: 2px solid green;
}

.activo-div {
    position: relative;
    width: 98px;
}

input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}

.label-activo {
    display: block;
    position: relative;
    font-weight: 400;
    padding: 15px 25px 25px 0;
    margin: 10px auto;
    height: 50px;
    line-height: 1.3;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.check {
    display: block;
    position: absolute;
    border: 3px solid #96d5cb;
    height: 25px;
    width: 25px;
    top: 11px;
    right: 10px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

input[type=checkbox]:checked ~ .check::before {
    background: #0b6b35;
}

.check::before {
    display: block;
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

/* FIM LANÇAR PRODUTOR */

/*CONTEUDO LANCAR.PHP*/

#data{border:none;
	/*margin-top:20px;*/
    margin-bottom:5px;
}

#dia{
	text-align: left;
    width: 150px;
    border: none;
    
}

#semana{
	width: 60px;
    text-align: left;
    border: none;
    margin-left: 5px;
}

#mes{
    width: 60px;
    text-align: left;
    border: none;
    margin-left: 5px;
}

#ano{
	width: 60px;
    border: none;
}

.num-td{
    width: 7%;
}

.funcionario-td{
    width: 32%;
}

.hora-inicio-td{
    width: 12%;
}

.hora-fim-td{
    width: 12%;
}

.caixas-td{
    width: 10%;
}

.notas-td{
    width: 27%;   
}

.remove{
    vertical-align: middle;
    cursor:pointer;
}

.remove img{
    width: 28px;
}


.conteudo{
	width:98%;
	margin:0 auto;
	min-height:79%;
}

.conteudo h3{
    margin: 20px 0;
    font-size: 30px;
    text-align: center;
    color: #006C33;
    font-weight: bold;
}

.controlo-main{

}

.controlo-content{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.acondicionamento{
    width: 70%;
}

.select-acondicionamento {
    width: 35%;
    height: 40px;
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 10px;
    border: 2px solid green;

}


.acondicionamento-top{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    padding: 0 0 20px;
}

.acondicionamento-top{
    text-align: center;
}

.kgs, .paletes{
    width: 100px;
}

.acondicionamento-custos{
    width: 30%;
    text-align: center;
    padding-top: 60px;
}

.acondicionamento-custos div{
    margin-bottom: 20px;
}


.acondicionamento-custos label{
    display: block;
    
}

.acondicionamento-custos input{
    text-align: center;
}

.campo{
	border:2px solid #006C33;
	padding:20px 30px;
	border-radius:5px;
    margin-bottom:30px;
}

.linha1{
	width:50%;
	display:inline;
	height:40px;
	margin-bottom:20px;
}

.linha1 input{
	height:40px;
	font-size:18px;
	text-align: center;
}

.infos{

}

.erro{
    background-color: red;
    padding: 20px 0;
    text-align: center;
    color:white;
}

.gravado{
    background-color: #9CD49C;
    padding: 20px 0;
    text-align: center;	
}

.gravado-ac{
    width: 30%;
    text-align: center;
    margin: 20px auto;	
}

.mensagem-ok{
    width: 40%;
    text-align: center;
    margin: 30px auto 0;
    background-color: #119c2d;
    color: #fff;
    padding: 20px;
}

.tabelas{
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}

.tabela-funcionarios{
    width: 80%;
}

.tabela-acondicionamentos{
    width: 70%;
}

.tabela-embalamentos{
    width: 85%;
}

.tabela{
	margin:0 auto;
}

#table_dias_wrapper{
    padding:0 20px 50px;
}

.tab-centro .top-th{
    color: #fff;
}

.t-mleft{
	/*margin-left:215px;*/
}

.tabela input, .tabela select{
    width: 100%;
    border: 0;
    text-align: center;
    height: 40px;
    font-size: 14px;
}

.tabela td, .tabela th {
	border:1px solid #006C33;
	text-align: center;
	padding: 1px;
}

.tabela th{
    
    padding: 0 10px;
    height: 40px;
    vertical-align: middle;
}

.tabela-total{
    display: inline-block;
    margin-left: 30px;
    width: 604px;
    
}

.tabela-total th{
	background-color: #24AD98;
}

.tab-centro th{
	background-color: #24AD98;
}

.tab-acond td{
	padding:10px 20px;
}


/* datatables css overwrite */

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
    background-color: #f3e8e8;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{
    background-color: #ffd84e;
}



/* fim datatables css overwrite */


.item{
    position: relative;
}

.notas{
    display: inline-block;
     position: absolute; 
    width: 16px;
    text-align: right;
    height: 16px;
    background: transparent url('../imagens/post-it.png') no-repeat;
    top: 4px;
    /*right: 6px;*/
    margin-left: 10px;
}

.notas-acondicionamento{
    display: inline-block;
     position: absolute; 
    width: 16px;
    text-align: right;
    height: 16px;
    background: transparent url('../imagens/inside-the-box.png') no-repeat;
    top: 10px;
    /*right: 6px;*/
    margin-left: 10px;
    font-weight: 300;
}

.muito-bom{
    display: inline-block;
    position: absolute;
    width: 16px;
    text-align: right;
    height: 16px;
    background: transparent url(../imagens/up-arrow.png) no-repeat;
    top: 5px;
    /* right: 6px; */
    margin-left: 10px;
    left: 20px;
}

.bom{
    display: inline-block;
    position: absolute;
    width: 16px;
    text-align: right;
    height: 16px;
    background: transparent url(../imagens/right-arrow-up.png) no-repeat;
    top: 5px;
    /* right: 6px; */
    margin-left: 10px;
    left: 20px;
    transform: rotate(-45deg);
}

.normal{
    display: inline-block;
    position: absolute;
    width: 16px;
    text-align: right;
    height: 16px;
    background: transparent url(../imagens/right-arrow.png) no-repeat;
    top: 5px;
    /* right: 6px; */
    margin-left: 10px;
    left: 20px;
}

.mau{
    display: inline-block;
    position: absolute;
    width: 16px;
    text-align: right;
    height: 16px;
    background: transparent url(../imagens/right-arrow-down.png) no-repeat;
    top: 5px;
    /* right: 6px; */
    margin-left: 10px;
    left: 20px;
    transform: rotate(45deg);
}

.muito-mau{
    display: inline-block;
    position: absolute;
    width: 16px;
    text-align: right;
    height: 16px;
    background: transparent url(../imagens/down-arrow.png) no-repeat;
    top: 5px;
    /* right: 6px; */
    margin-left: 10px;
    left: 20px;
}


.tab-centro .cor-normal{
    background-color:#2a96ec ;
}

.tab-centro .cor-bom{
    background-color: #4dc35c;
}

.tab-centro .cor-mau{
    background-color: #fd9727;    
}

.funcionarios-fora{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

}

.funcionarios-fora aside{
    width: 50%;
}

.conteudo .titulo-apagados{
    text-align: left;
    margin: 20px 0 0;
}

.nome-apagado, .nome-nao-inserido, .funcionario-faltou{
    position: relative;
    width: fit-content;
    font-size: 15px;
    display: block;
    padding: 20px 0 20px 41px;
}

.nome-apagado:before, .nome-nao-inserido:before, .funcionario-faltou:before{
    position: absolute;
    width: 32px;
    height: 32px;
    top: 10px;
    left: 0;
    content: '';
    background: url(../imagens/add.png);
    cursor: pointer;
}

.apagados{
    display: none;
}

.fora h3{
    text-align: left;
}

.tooltip,
.tooltip p {
  margin: 4em 0;
  text-align: center;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  /*position: relative;*/
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



.geral-on input{
	background-color: blue;
}


.botoes input{
    margin: 10px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 10px;
    transition: background-color .2s ease-in;
}

.inserir, .botao-guardar{
    padding: 10px;
    
    color: white;
}

.inserir{
	background-color: #24AD98;
}

.inserir:hover{
	background-color: #01C3C3;
}

.botao-guardar, .botao-update{
	background-color:#006C33;
	font-weight:bold;
	width: 120px;
}

.botao-guardar:hover{
	background-color: #AECD1F;
}

input:disabled:hover{
	/*background-color:#006C33*/
}

.botao-cancelar{
	float:right;
	background-color: #948F91;
}

.botao-cancelar:hover{
	background-color: #A8AB8B;
}

.remover{
	float:right;
    background-color: #AF7272;
}

.remover:hover{
	background-color: #E47A7A;
}

.botao-guardar-acond{
	background-color:#006C33;
	font-weight:bold;
	width: 100px;
	color:#fff;
}


.botao-guardar-acond:hover{
	background-color:#AECD1F;
}

.botao-cancelar-acond{
	background-color: #948F91;
}

.botao-cancelar-acond:hover{
	background-color: #A8AB8B;
}


/*AC_LANCAR.PHP*/

.acond{
    width: 40%;
    margin: 50px auto;
   
    padding-right: 100px;
}

.acondp{
	 text-align: right;
}

.acond input{
	padding:7px;
}

.acond p{
	margin-bottom:15px;
}



/*DIVS FORMS*/

.formulario{
	position: fixed;
	margin:0 5%;
}


.formulario input{
	display:block;
	width:165px;
	height:40px;
	font-size:16px;
	text-align: center;
	margin-bottom:15px;
	border-radius:5px;
}

.formulario-inline{
    text-align: center; 
    padding: 20px; 
}

.formulario-inline h3{
    /*display:inline-block;*/  
}


.formulario-inline form{
    /*display: inline-block;*/
    /*margin-left: 30px;*/ 
}

.formulario-inline input{
	display:inline-block;
	width:185px;
	height:30px;
	font-size:18px;
	text-align: center;
	margin-bottom:15px;
	border-radius:5px;
}

.formulario-inline .bot-pesquisar{
	margin-top: 0;
	width:130px;
	padding:0;
}

.aviso-erro{

}

.aviso-gravado{

}



.even{
	background-color: #25dab6;
}




/*TOTAIS ESTATISTICA*/
.totais-estatistica {
    width: 100%;
    margin: 30px auto;
    text-align: center;
}

.totais-estatistica h3{
    display: inline-block;
    vertical-align:top;	
}


.dbox{display:none;}


.escolher-mes{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.titulo-mes{
    padding: 50px 50px 47px;
}

.titulo-mes h3{
    padding: 0;
}



/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
    margin-top:25px;
}

.tab-links{
	padding: 0 40px;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        display: inline;
        list-style:none;
    }
 
        .tab-links a {
            padding:1% 7%;
            display:inline-block;
            font-size:16px;
            font-weight:600;
            color:#999999;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            color: #006C33;
            text-decoration:none;
            
        }
 
    li.active a, li.active a:hover {
        /*background: url(../imagens/line.png) no-repeat 50% 100%;*/
        color:#006C33;
        border-top:3px solid #006C33;
        border-bottom:3px solid #006C33;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
            padding: 30px 0;
        /*margin-top:50px;*/
        /*border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#ECE3E3;*/
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }































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




























/*MEDIA QUERIES*/

@media screen and (max-width: 1370px) {
	
	.formulario{
		margin:0 2.5%;
	}
}


@media screen and (max-width: 1300px) {
	
	.t-mleft{
		margin-left:290px;
	}
}


@media screen and (max-width: 1150px){
	/*
	.menu {
	    width: 30%;
	}
	*/
	
	.cab figure {
    	width: 20%; 
	}

	.bloco{
		width:160px;
	}
	
	.menu nav ul li {
    	margin: 5px;
	}
	
	.menu .sub a {
		width:160px;
	}
	
	.acond {
   		width: 50%;
	}
	
	.formulario{
		position: static;
	}
	
	.formulario input{
		display:inline;
		margin-right: 15px;
	}
		
	#pesquisa{
		display:inline;
	}

}

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

	.mobile{
    	display: block;
    	}

	.nav-menu{
	    width: 80%;
	    padding: 15px 25px;
	    height: 54px;
	    position: absolute;
	    z-index: 999;
	   /* background-color: rgba(0,0,0,1);*/
	    width: 100%;
	    top:0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    padding:0;
	}

	.nav-trigger {
	    display: block;
	    top: 15px;
	    right: 46%;
	}


	.top-nav {
	    display: none;
	    flex-direction: column;
	    text-align: center;
	    background-color: #f0653b;
	    width: 100%;
	    /*padding: 60px;*/
	    height: 100vh;
	    justify-content: flex-start;
	    padding-top: 60px;
	}

	.menu-main{
	    margin:0;
	}

	.menu-main-sub{
	    width: 80%;
	    margin-left:20%;
	    display: none;
	}

	.menu-top{
	    width: 100%;
	    text-align: left;
	}

	.menu-content:hover .menu-top{
	    background-color: #AECD1F;
	}

	.menu-sub{
	    background-color: rgba(36,173,152,0.5);
	}
}


@media screen and (max-width: 1024px) {
	/*
	.t-mleft{
		margin-left:auto;
	}
	*/
	.formulario{
		position: static;
    	margin: auto;
	}
	
	.formulario form {
   		 text-align: center;
	}


	.formulario input{
		display:inline;
		/*margin:0 auto;	*/
	}

}