@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

html, body {
      height: 100%;
      width: 100%;
      scroll-behavior: smooth
      scrollbar-width: none;
      scrollbar-color: #0e9079 #fafafa ;  
       font-family: 'outfit', sans-serif;
      font-size: 100%;
      overflow-x:hidden;    
      background:#fff;
      margin: 0;

}
.slideshow {
    float: left;
    margin-left: 0%;
    width: 100%;
    position: relative;
    height: 70vh;
    overflow: hidden;
}

     
/* Ajuste para a seção do vídeo */
.video-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin-top: 120px; /* Para compensar o menu fixo */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important; 
    background:url(../imagens/fundoAP.png);
    background:url(../imagens/fundo.png);       
}

.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay escuro para melhor contraste de texto */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    padding: 20px;
    z-index: 1;
}
        
        /* Para dispositivos móveis */
        @media (max-width: 768px) {
            .video-content h1 {
                font-size: 2rem;
            }
            
        }

        

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
.base
{
    position:absolute;
    width:100%;
    background:#fff;
    overflow-x:hidden;
}
.top_menu
{
   // float:left;
   position:fixed;
    width:100%;
    background:#0d6b59;
  //  border-bottom:1px solid #0d6b59;
    height: 120px; 
  z-index:9999999999;
    overflow:hidden;
 display:block;
}

.top_menu_mobile
{
 display:none;
}

.menu_mobile
{
  display:none;
}
.logotipo
{
    float:left;
    margin:0%;
    width:30%;
    height:120px;
    text-align:center;
  //  border:2px solid yellow;
}

.imageative
{
    border:2px solid yellow;
}
.imageative
{
    border:2px solid yellow;
}
.logotipo_right
{
    float:left;
    margin:0%;
    padding-top:8px;
    width:15%;
    height:120px;
 // border:2px solid #fff;
    text-align:center;
}

.ajusta_altura
{
    height:95%;
    width:auto;
//  border:1px solid pink;
}
.ajusta_logo200
{
    height:140px;
    width:auto;
}

.ajusta_altura_s
{
    height:100%;
    width:auto;
float:right;
}
.ajusta_altura200
{
    height:400px;
    width:auto;
border:2px solid yellow;
}
.ajusta_largura_cover{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ajusta_largura
{
    height:auto;
    width:100%;
  border:0px solid pink;
}
.ajusta_largura2
{
    height:auto;
    width:100%;
  border:0px solid pink;
}
 
.ajusta_largura_index
{
    height:auto;
    width:100%;
    border-bottom:3px solid #0d6b59;;
}

.ajusta_icon_sm
{
    height:32px;
    width:auto;
// border:1px solid pink;
}

.menu_opc
{
    float:left;
    margin-left:2%;
    padding-top:55px;
    width:7%;
    color:#fff;
    font-size:16px;
    height:80px;
    font-weight:400;
    cursor:pointer;
//border:2px solid blue;
    text-align:center;
}
.menu_opc1
{
    float:left;
    margin-left:2%;
    padding-top:55px;
    width:5%;
    color:#fff;
    font-size:16px;
    height:80px;
    font-weight:400;
    cursor:pointer;
//border:2px solid red;
    text-align:center;
}
.menu_opc:hover
{
    font-weight:700;
       color: #86d1c3; 
}
.menu_icons
{
    float:left;
    margin-left:16%;
    padding-top:49px;
    width:40px;
    color:#fff;
    font-size:16px;
    height:120px;
   cursor:pointer;
  // border:2px dotted blue;
    text-align:center;
}
.menu_icons:hover
{
    color: #86d1c3;
}
.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #fff;
}
.hover-underline-animation:hover{
font-weight:400;
  color: #00a0e3;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #0d6b59;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}



.naoencontrou
{
    float:left;
    margin-left:0%;
    margin:5%;  
    width:90%;
    text-align:center;
    font-weight:500;
    overflow:hidden;
}

.slideshow_pequeno
{
      float:left;
      margin-left:0%;
      margin-top:120px;
      width:100%;
      height:400px;
      font-weight:500;
      cursor:pointer;
      overflow:hidden;   
}
.escurecer
{
filter: brightness(70%);
}
.escurecer50
{
filter: brightness(50%);
}
.slideshow_pequeno_veu
{
    position:relative;
    top:120px;
    left:0px;    
    margin-bottom:0%;
    width:100%;
    height: 400px;
    cursor:pointer;
    z-index:10;
   background: rgb(0,0,0,0.3);

}

.slideshow_med
{
    float:left;
    margin-left:0%;
          margin-top:120px;
    width:100%;
    height:600px;
    font-weight:500;
        cursor:pointer;
    overflow:hidden;
}
.slideshow_med_veu
{
    position:absolute;
    top:0px;
    left:0px;    
    margin-bottom:0%;
    width:100%;
    height:600px;
    z-index:10;
    cursor:pointer;
    background:url(../imagens/veuverde.png);  
    background-size: cover;
}
.slideshow_med_preto
{
    position:absolute;
    top:120px;
    left:0px;    
    margin-bottom:0%;
    width:100%;
    height:600px;
    z-index:10;
        cursor:pointer;
    background:rgb(0,0,0,0.3);
}



  .slideshow_titulo
{
    position:absolute;
    top:325px;
    left:10%; 
    WIDTH:30%;
    font-size:42px;  
    line-height:42px;  
    font-weight:600; 
    z-index:5000;
       color:#fff;

}
  .slideshow_titulo1
{
    position:absolute;
    top:410px;
    left:10%; 
    WIDTH:30%;
    font-size:42px;  
    line-height:42px;  
    font-weight:600; 
    z-index:5000;
 //border:1px solid red;
       color:#fff;

}
  .slideshow_titulo1_rec
{
    position:absolute;
    top:410px;
    left:18%; 
    WIDTH:30%;
    font-size:42px;  
    line-height:42px;  
    font-weight:600; 
    z-index:5000;
  //  border:1px solid red;
       color:#fff;

}
  .slideshow_titulo_noticias
{
    position:absolute;
    top:290px;
    left:5%; 
    margin-left:5%;
    font-size:18px;  
    font-weight:400; 
    z-index:5000;
    color:#fff;
  

}

  .slideshow_titulo_noticias1
{
    position:absolute;
    top:380px;
    left:10%; 
    font-size:18px;  
    font-weight:400; 
    z-index:5000;
    color:#fff;

}
  .slideshow_titulo_noticias1_rec
{
    position:absolute;
    top:380px;
    left:18%; 
    font-size:18px;  
    font-weight:400; 
    z-index:5000;
    color:#fff;

}
 .slideshow_titulo_data
{

    font-size:18px;  
    font-weight:400; 


}
.noticias_top
{
    float:left;
    width:100%;
    margin-left:0%;
    margin-top:0%;
    text-align:left;

  //  display:none;
}
.noticias_top_l
{
    float:left;
    width:20%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;

}
.noticias_top_c
{
    float:left;
    width:60%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;

}
.noticias_top_r
{
    float:left;
    width:20%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;

}
.noticias_tit
{
    float:left;
    width:100%;
    margin-top:5%;
    text-align:center;
    font-weight:700;
    color:#0d6b59;
    font-size:32px;

}
.reco_tit
{
    float:left;
    width:100%;
    margin-top:5%;
    text-align:center;
    font-weight:600;
    color:#ACB5BD;
    font-size:32px;
}

.noticias_inside
{
    float:left;
    width:80%;
    margin-left:10%;
    margin-top:2%;
   // margin-bottom:3%;
    text-align:left;
// border:2px solid red;
}
.reco_inside
{
    float:left;
    width:80%;
    margin-left:10%;
    margin-top:5%;
    margin-bottom:3%;
    text-align:left;
    font-size:18px;  
    line-height:24px;  
  //  border:1px solid red;
    font-weight:400;     
}
.reco_inside1
{
    float:left;
    width:80%;
    margin-left:10%;
    text-align:justify;
        font-size:18px;  
    line-height:24px;  
    font-weight:400; 
  //  border:1px solid blue;
}
.reco_inside1_space
{
    float:left;
    width:80%;
    margin-left:10%;
    text-align:left;
   height:30px;  
// border:5px dotted red;
}

.reco_inside4
{
    float:left;
    width:100%;
    margin-top:1%;
    margin-bottom:3%;
    text-align:left;
 //   border:5px dotted red;
}

/*************listar noticias**********************/
/* Wrapper que força os grids a ficarem UM POR BAIXO DO OUTRO mesmo dentro de um pai flex */
.news-wrapper{
  width: 100%;
  display: flex;
  flex-direction: column; /* <-- isto é o segredo */
  gap: 30px;              /* espaço entre o grid 3 e o grid 4 */
}

/* grids */
.news-grid{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.news-grid.news-grid-4{
  grid-template-columns: repeat(4, 1fr);
}

/* cards (igual ao teu) */
.news-card{
  position: relative;
  display: block;
  height: 320px;
  overflow: hidden;
  text-decoration: none;
  background: #eee;
}

.news-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.news-footer{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 33%;
  padding: 16px 18px;
  box-sizing: border-box;
  background: rgba(2,77,64,0.9);
  color: #fff;
  text-align: left;
}


.news-footer{
  transition: opacity .25s ease;
}

/* quando passas o rato no card */
.news-card:hover .news-footer{
opacity:1;
  background:#0E9079;
}

.news-title
{
    float:left;
    color:#fff;
    font-weight:600;
    font-size:18px;  
    line-height:20px;   
}

#load-more{
  background: #0e9079;
  color: #fff;
  border: none;
  padding: 14px 30px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0px;
}

#load-more:hover{
  background: #0b6f5e;
}
.load-more-wrapper{
  width: 100%;
  display: block;
  clear: both;          /* por causa de floats antigos */
  margin: 40px 0;
  text-align: center;
}

/* se por algum motivo o wrapper ficar dentro do grid, ocupa a linha toda */
.news-grid .load-more-wrapper{
  grid-column: 1 / -1;
}

/* responsivo */
@media (max-width: 1200px){
  .news-grid.news-grid-4{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1000px){
  .news-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 650px){
  .news-grid{ grid-template-columns: 1fr; }
}



/*************fim de listar noticias************************/


.nsubfs_inside
{
    float:left;
    width:82%;
    margin-left:9%;
    margin-top:5%;
    margin-bottom:3%;
    text-align:left;
      //  border:1px solid red;
}

textarea::placeholder {font-family: outfit; color:#0d6b59;font-size:16px;}
input::placeholder {font-family: outfit; color: #0d6b59;font-size:16px;}


.reco_inside_l3:hover
{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(89,177,68,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(89,177,68,1);
    box-shadow: 0px 0px 10px 0px rgba(89,177,68,1);
    border:1px solid #0d6b59;
    color:#0d6b59;
    cursor:pointer;
}


/*
 .reco_inside_l4
{
    float:left;
    width:31%;
    margin:1.1%;
    margin-top:0%;
    margin-bottom:3%;
    border:1px solid #dedede;
    height:320px;
    overflow:hidden;
    text-align:left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
}


.reco_inside_l4:hover
{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(89,177,68,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(89,177,68,1);
    box-shadow: 0px 0px 10px 0px rgba(89,177,68,1);
    border:1px solid #0d6b59;
    color:#0d6b59;
    cursor:pointer;
}
*/
.subfs_inside_l3
{
    float:left;
    width:31%;
    margin:1.1%;
    margin-top:0%;
    margin-bottom:3%;
    border:1px solid #dedede;
    height:285px;
    overflow:hidden;
    text-align:left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
}
.subfs_inside_l3:hover
{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(13,107,89,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(13,107,89,1);
    box-shadow: 0px 0px 10px 0px rgba(13,107,89,1);
    border:1px solid #0d6b59;
    color:#0d6b59;
    cursor:pointer;
}


.pbs_inside_l3
{
    float:left;
    width:31%;
    margin:1.1%;
    margin-top:0%;
    margin-bottom:3%;
    border:1px solid #dedede;

    height:270px;
    overflow:hidden;
    text-align:left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
}
.pbs_inside_l3:hover
{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(13,107,89,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(13,107,89,1);
    box-shadow: 0px 0px 10px 0px rgba(13,107,89,1);
    border:1px solid #0d6b59;
    color:#0d6b59;
    cursor:pointer;
}

.reco_inside_l4{
  position: relative;
  float: left;              /* ✅ volta a alinhar lado a lado */
  width: 30.2%;
  height: 320px;
  overflow: hidden;
  margin-right: 3%;       /* espaço entre caixas */
  margin-bottom: 30px;      /* espaço vertical */
}
.reco_inside_l4:nth-child(3n){
  margin-right: 0;          /* sem margem na 3ª */
}
.reco_inside_img3{
  width:100%;
  height:320px;
  overflow:hidden;
  float:none;          /* ✅ */
}

.reco_inside_img3 img.cobrirDIV{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.subs_inside_img3
{
    float:left;
    width:100%;
    height:225px;
    overflow:hidden;
    margin-left:0%;
    margin-top:0%;
    text-align:left;
//    border:3px dotted #000;
// border-bottom:3px solid blue;
}


.reco_inside_texto3{
  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 33%;                    /* ~1/3 da caixa */
  padding: 16px 5%;

  background: rgba(2,77,64,0.8);  /* verde translúcido */
  color: #fff;

  box-sizing: border-box;
  text-align: left;
}





.pbs_inside_img3
{
    float:left;
    width:100%;
    height:220px;
    overflow:hidden;
    margin-left:0%;
    margin-top:0%;
    text-align:left;
//   border:3px dotted #000;
 //  border-bottom:3px solid blue;
}


.subf_inside_texto3
{
    float:left;
    width:100%;
    padding-left:5%;
    padding-right:5%;
    height:220px;
    color:#000;
    margin-left:0%;
    margin-top:0%;
    overflow:hidden;
  //  margin-bottom:3%;
//border:2px solid red;
}

.todas
{
    float:left;
    width:100%;
    color:#0d6b59 !important;;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:30px;
    overflow:hidden;
    font-size:18px;   
    font-weight:500;
}
.todas1
{
    float:left;
    width:100%;
    color:#0d6b59 !important;;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:0px;
    overflow:hidden;
    font-size:18px;   
    font-weight:500;
}
.datanasnovidades
{
    float:left;
    width:100%;
    color:#fff!important;;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:0px;
    overflow:hidden;
    font-size:16px;   
    font-weight:300;
}

.tags
{
    float:left;
    width:100%;
    color:#000 !important;;
    margin-left:0%;
    margin-bottom:30px;
    margin-top:0%;
    overflow:hidden;
    padding-top:5px;
    font-size:14px;   
    font-weight:400;
}
.pbs_inside_texto3
{
    float:left;
    width:100%;
    padding-left:5%;
    padding-right:5%;
    height:80px;
    color:#000;
    margin-left:0%;
    margin-top:0%;
    overflow:hidden;
  //  margin-bottom:3%;
//border:2px solid red;
}



.subf_reco_inside_texto3
{
    float:left;
    width:90%;
    height:70px;
    color:#000;
   // color:red;
    margin-left:0%;
    margin-top:0%;
    overflow:hidden;
    font-family: 'outfit', sans-serif;
   // background:yellow;
  //  margin-bottom:3%;
}

.reco_inside_texto_data
{
    float:left;
    width:90%;
    height:26px;
    font-size:16px;  
    font-weight:400; 
    color:#ACB5BD;
    margin-left:0%;
    margin-top:10px;
    overflow:hidden;
   // margin-bottom:1%;
    text-align:left;
 //border:2px solid pink;
}



.subf_inside_texto_data
{
    float:left;
    width:90%;
    height:110px;
    padding-top:1px;
    font-size:18px;  
    font-weight:400; 
    color:#000;
    margin-left:0%;
    margin-top:0%;
    overflow:hidden;
    text-align:left;
//background:pink;  
}



.reco_inside_texto_titulo3
{
    float:left;
    width:90%;
    height:50px;
    line-height:24px;
    font-size:22px;  
    font-weight:600; 
    color:#fff;
    margin-bottom:5px;
    margin-top:0%;
    overflow:hidden;
    text-transform:uppercase;
font-family: 'Outfit', sans-serif;

    text-align:left;
}
.subf_inside_texto_titulo3
{
    float:left;
    width:90%;
    height:52px;
    line-height:26px;
    font-size:22px;  
    font-weight:600; 
    color:#0d6b59;
    margin-left:0%;
    margin-top:0%;
    overflow:hidden;
    text-transform:uppercase;
font-family: 'Outfit', sans-serif;

    text-align:left;
  //  background:#dedede;
}
.pbs_inside_texto_titulo3
{
    float:left;
    width:90%;
    line-height:26px;
    font-size:22px;  
    font-weight:600; 
    color:#000;
    margin-left:0%;
    margin-top:3%;
    overflow:hidden;
    text-transform:uppercase;
font-family: 'Outfit', sans-serif;
    text-align:left;

}
.subf_inside_texto_titulo33
{
    float:left;
    width:90%;
    height:70px;
    line-height:22px;
    font-size:18px;  
    font-weight:400; 

    margin-left:0%;
    margin-top:0%;
    overflow:hidden;
  //  margin-bottom:1%;
    text-align:left;
        color:#000;
  //background:PINK;
}


.noticias_inside_texto_texton
{
    float:left;
    width:90%;
    height:70px;
    font-size:18px;  
    font-weight:400; 
    line-height:24px;
    color:#000;
 //   color:red;
      font-family: 'outfit', sans-serif;
    margin-left:0%;
    margin-top:0%;
    overflow:hidden;
    //  margin-bottom:1%;
//  border:2px solid red;
    text-align:left;
}
.noticias_inside_texto_texton_ret
{
    float:left;
    width:50%;
    height:18px;
    font-size:18px;  
    font-weight:400; 
        line-height:10px;
    color:#000;
    margin-left:0%;

    margin-top:0%;
    overflow:hidden;
  //  margin-bottom:1%;

    text-align:left;
}
/********************************************/
.meteolink
{
    position:absolute;
    left:93%;
    top:3%;
    width:7%;
    padding-left:5px;
    height:25px;
    z-index:10000;
    color:#fff;
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;   
 border:1px solid #fff;
}
.meteolink1
{
    float:left;
 //   border:1px solid red;
    height:100%;
    width:30px;
}
.meteolink2
{
    float:left;
  //  border:1px solid pink;
  padding-top:1px;
    height:100%;
    width:60px;
}
.sloganservicos
{
    position:absolute;
    left:10%;
    top:350px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:42px;
    z-index:10000;
        color:#fff;
// border:5px solid red;
  text-align:center;
   // border:1px solid red;
}
.sloganfamilias
{
    position:absolute;
    left:10%;
    top:540px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:42px;
    z-index:10000;
        color:#fff;
// border:5px solid red;
  text-align:center;
   // border:1px solid red;
}


/*************PRODUTO*************************/
.sloganoprodSUB
{
    position:absolute;
    left:10%;
    top:330px;
    width:50%;
    font-weight:400;
    font-size:18px;
    z-index:99900;
  //  text-transform:uppercase;
        color:#fff;
 //  border:1px solid blue;
  text-align:left;
   // border:1px solid red;
}
.sloganoprod
{
    position:absolute;
    left:10%;
    top:350px;
    width:50%;
    font-weight:600;
    font-size:48px;
    z-index:99900;
   // text-transform:uppercase;
        color:#fff;
 //  border:1px solid red;
  text-align:left;
   // border:1px solid red;
}
.produto_inside
{
    float:left;
    margin-left:10%;
        margin-top:3%;
    width:80%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    color:#000;
  //border:2px solid green;
          margin-bottom:0%;
}
.produtos_inside_tit1
{
      float:left;
      margin-left:0%;
      margin-top:30px;
      width:100%;
      text-align:justify;
      font-size:24px;   
      font-weight:600;
      color:#0d6b59;
    // border-bottom:3px solid  #fafafa;
      margin-bottom:0px;
}
.produtos_inside_tit
{
      float:left;
      margin-left:0%;
      margin-top:0%;
      width:100%;
      text-align:justify;
      font-size:32px;   
      font-weight:600;
      color:#0d6b59;
    //  border:2px solid red;
      margin-bottom:3%;
}
.produto_inside_l
{
    float:left;
    width:62%;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;
   // border:1px solid #dedede;

}
.produto_inside_r
{
    float:right;
    width:34%;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:center;

}
.produto_inside_rr
{
    display:none;
}


.produtos_inside_rel
{
    float:left;
    margin-left:10%;
        margin-top:0%;
    width:80%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    color:#000;
  // border:2px solid green;
          margin-bottom:3%;
}
.produto_inside_r_add
{
    float:left;
    margin-left:20%;
    height:60px;
    margin-top:5%;
    margin-bottom:1%;
    width:60%;
    text-align:justify;
    font-size:26px;   
    font-weight:400;
    border-radius:10px;
    color:#000;
  border:1px solid #0d6b59;;
}
.produto_inside_r_add_menos
{
    float:left;
    padding-top:15px;
    height:45px;
    width:25%;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    text-align:center;
    background:#0d6b59;
    color:#fff;
}
.produto_inside_r_add_valor
{
    float:left;
    height:60px;
    width:50%;
   color:#0d6b59;
     background:#fff;
    text-align:center;
}
.produto_inside_r_add_mais
{
    float:left;
    padding-top:15px;
    height:45px;
    width:25%;
    text-align:center;
    background:#0d6b59;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    
    color:#fff;
}

.produto_adicionar
{
    float:left;
    margin-left:20%;
        padding-top:15px;
    height:45px;
    margin-top:5%;
    margin-bottom:5%;
    width:60%;
    text-align:CENTER;
    font-size:18px;   
    font-weight:600;
    border-radius:10px;
    background:#0d6b59;
    color:#fff;
  border:1px solid #0d6b59;;
}
.inputQT
{
 width:100%;
     text-align:CENTER;
     font-size:20px;   
    font-weight:500;
 height:100%;
 outline:0;
}
/*************PRODUTOS*************************/

.sloganprod
{
    position:absolute;
    left:10%;
    top:350px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:42px;
    z-index:99900;
    text-transform:uppercase;
        color:#fff;
 //   border:5px solid red;
  text-align:center;
   // border:1px solid red;
}
.subf_detalhe
{
    float:left;
    padding:0%;
    width:90%;
    margin-left:10%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:center;
  // background:cyan;
  //  display:none;
}

.subf_detalhe_texto
{
    float:left;
    padding:0%;
    width:60%;
    font-size:18px;   
    font-weight:400;
        margin-top:5%;
 //   border:2px solid #000;
    text-align:justify;
}

.subf_detalhe_img
{
    float:right;
    padding:0%;
    width:32%;
    height:350px;

}
/*
.produtos_inside
{
    float:left;
    margin-left:10%;
        margin-top:3%;
    width:80%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    color:#000;
 // border:2px dotted green;
          margin-bottom:3%;
}
*/
.produtos_inside
{
    float:left;
    margin-left:10%;
        margin-top:3%;
    width:80%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    color:#000;
  border:0px solid green;
          margin-bottom:3%;
}
.produtos_card
{
    float:left;
    padding:0%;
    width:22.7%;
    margin:1%;
    height:400px;
    color:#000;
    background:#fff;
  border:1px solid #dedede;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);


}
.produtos_card_img
{
  float:left;
  padding:2%;
  width:90%;
  margin:2%;
      background:#fff;
  align-items: center;
  justify-content: center;
  text-align:center;
  height:220px;
    overflow:hidden;
 // border:2px dotted red;
}
.produtos_card_img:hover
{
  color:#0e9079;
}
.produtos_card:hover
{
  color:#0e9079;
 border:1px solid #0e9079;;
  //color:reD;
}


.produtos_card_texto
{
    float:left;
    padding-left:3%;
    padding-right:3%;
    width:94%;
    margin:0%;
    height:100px;
    text-align:left;
    font-size:16px;   
    font-weight:300;  
    overflow:hidden;  
    color:#000;
}

.produtos_card_texto_titulo
{
    float:left;
    padding-left:3%;
    padding-right:3%;
    width:94%;
    margin:0%;
    color:#000: 
    height:50px;
    text-align:left;
    font-size:18px;   
    line-height:22px;
    font-weight:600;  
    overflow:hidden;  
}

 .produtos_card_texto:hover
{
color:#0e9079 !important; 

}

.produtos_card_texto_titulo:hover
{
  
 color:#0e9079 !important;
}

.produtos_card:hover
{
  
 color:#0e9079 !important;
}

/*************CONTACTAR****************/
.contactar
{
    float:left;
    padding:0%;
    width:100%;
    min-height:500px;
    text-align:center;
    background:#fff;  
    background-size: cover;
    padding-bottom:8%;
}
.contactar_inside
{
    float:left;
    margin-left:10%;
    width:90%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    color:#000;
  // border:3px dotted green;
}
.lojas_titulo
{
    float:left;
    width:100%;
    text-align:left;
    line-height:48px;
    font-size:42px;   
    font-weight:700;
    color: #00A0E3;
    margin-top:10%;
}
.contactar_detalhe_titulo_sub1
{
    float:left;
    padding:0%;
    width:12%; 
    height:5px;
    text-align:left;
   background:#00A0E3;
 //border:1px solid blue;  
}
.lojas_bloco11
{
    float:right;
    padding:0%;
    width:30%;
    text-align:center;
    background:#fff;
}
.lojas_bloco22
{
    float:left;
    padding:0%;
    width:57%;
    margin-left:10%;
    text-align:center;
    background:#fff;
 //   border:3px solid blue;
}
.contactar_bloco11
{
    float:left;
    padding-top:0%;
    margin-top:-50px;
    width:20%;
    text-align:center;
  //  border:3px dotted red;
}
.contactar_bloco22
{
    float:left;
    padding:0%;
    width:35%;
    margin-left:0%;
    padding-top:40px;
    text-align:center;
  //  background:#fff;
   // border:3px solid blue;
}
.contactar_bloco33
{
    float:left;
    margin:15px;
    width:30%;
    height:90%;
    margin-left:3%;
    overflow:hidden;
    text-align:center;
    background:#fff;
    border:1px solid #0e9079;
}
.contactar_blocos_linha
{
    float:left;
    padding:0%;
    width:100%;
    margin-top:2%;
 //   border:2px dotted RED;
}
.contactar_blocos_linha_icon {
    /*
    display: flex;
    align-items: center; /* Alinha verticalmente */
    /*justify-content: center; /* Alinha horizontalmente (opcional) */
    */
   align-items: left;  
    
    float: left;
    padding: 0%;
    width: 10%;
    height:30px;;
  //  border: 2px dotted blue;
}
.contactar_blocos_linha_dados
{
    float:left;
    padding-top:10px;
    padding:0%;
    width:80%;
 //   border:2px dotted pink;
}


.lojas1
{
    float:left;
    padding:0%;
    width:48%;
    height:550px;
    margin-bottom:4%;
    text-align:center;
    background:#fff;
    border:1px solid #0d6b59;
    border-bottom: 3px solid #0d6b59;
}
.lojas2
{
    float:right;
    padding:0%;
        margin-bottom:4%;
    width:48%;;
    height:550px;
    text-align:center;
    background:#fff;
    border:1px solid #0d6b59;
    border-bottom: 3px solid #0d6b59;
}
.lojas_foto
{
    float:left;
    padding:0%;
    //margin-bottom:4%;
    width:100%;;
    height:52%;
    text-align:center;
    overflow:hidden;
  // background:red;
//border:1px solid red;
}
.lojas_dados
{
    float:left;
    padding:3%;
    //margin-bottom:4%;
    width:94%;;
    height:40%;
    text-align:left;
    font-size:18px;   
    font-weight:400;
}
.lojas_dados_titulo
{
    float:left;
    padding:0%;
    margin-top:1%;
    margin-bottom:2%;
    width:100%;;
    text-align:left;
    text-transform:uppercase;
    font-size:24px;   
    font-weight:600;
  //  border:1px solid red;
}

.contactar_titulo
{
    float:left;
    width:100%;
    height:80px;
    text-align:center;
    font-size:42px;   
    font-weight:600;
    color: #fff;
    //border:1px solid red;
    margin-top:5%;
}
.contactar_titulo1
{
    float:left;
    width:100%;
    text-align:left;
    line-height:58px;
    font-size:54px;   
    font-weight:600;
    color: #0e9079;
   // border:1px solid red;
    margin-top:2%;
    margin-bottom:5%;    
}
.contactar_msg_sim
{
    position:absolute;
    left:30%;
    top:125px;
    width:48%;
    padding:1%;
    text-align:center;
    font-size:18px;   
    font-weight:600;
    color: #fff;
    background:#0d6b59;
    border:1px solid #fff;
     z-index:9999999999;    
}
.contactar_msg_nao
{
    position:absolute;
    left:30%;
    top:125px;
    width:48%;
    padding:1%;
    text-align:center;
    font-size:18px;   
    font-weight:600;
    color: #fff;
    background:red;
    border:1px solid #fff;
    z-index:9999999999;

  
}


.contactar_titulo2
{
    float:left;
    width:100%;
    text-align:center;
    font-size:22px;   
    font-weight:600;
    color: #fff;
   // border:1px solid red;
    margin-top:2%;
}
.contactar_bloco1
{
    float:left;
    padding-top:3%;
    width:48%;
    text-align:center;
   // border:3px dotted red;
}
.contactar_bloco2
{
    float:right;
    padding:0%;
    width:50%;
    text-align:center;
   // border:3px solid blue;
}
.contactar_linha
{
    float:left;
    padding:0%;
    width:100%;
    margin-top:10px;
    text-align:left;
  font-size:16px; 
    color:#fff;
  //  border:1px solid red;
}
.contactar_linha1
{
  float:left;
  padding:0%;
  width:100%;
  margin-top:10px;
  text-align:center;
  font-size:16px; 
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactar_input
{
  padding:2%;
  width:100%;
  outline:0;
  height:96%;
  border-radius:0px;
  text-align:left;
  background:#fff;
  border:2px solid #0e9079;
    font-family: 'outfit', sans-serif;
    color:#000;
    font-size:20px; 
}
textarea  
{  
    font-family: 'outfit', sans-serif;
    color:#000;
    font-size:20px; 
}

.contactar_input50_l
{
  padding:2%;
  width:48%;
  margin-right:3.2%;
  outline:0;
  height:96%;
  border-radius:0px;
  text-align:left;
  background:#fff;
    font-family: 'outfit', sans-serif;
    color:#000;
    font-size:20px; 
  border:2px solid #0e9079;
}
.contactar_input50_r
{
  padding:2%;
  width:48%;
  margin-right:0%;
  outline:0;
  height:96%;
  border-radius:0px;
  text-align:left;
  background:#fff;
    font-family: 'outfit', sans-serif;
    color:#000;
    font-size:20px; 
  border:2px solid #0e9079;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#0d6b59;
    opacity: 1; /* Firefox */
    font-size:18px; 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#0d6b59;
    font-size:18px; 
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:#0d6b59;
    font-size:18px; 
}

.chkbox1
{
    float:left;
    padding:0%;
    width:30px;
    text-align:left;

   // border:3px dotted blue;
}
.chktextbox
{
    float:left;
    padding-top:5px;
    width:90%;
    text-align:left;
    color:#0e9079;
}
/*************EMPRESA****************/

.sloganempresa
{
    position:absolute;
    left:10%;
    top:350px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:42px;
    z-index:10000;
        color:#fff;
  //  border:5px solid red;
  text-align:center;
   // border:1px solid red;
}
.empresa
{
    float:left;
    padding:0%;
    width:100%;
    margin-top:0%;
    text-align:center;
    background:#fff;

}
.empresa_bloco1
{
    margin-top:-50px;
    float:left;
    padding:0%;
    width:30%;
    text-align:center;
}
.fundo25
{
    background:rgb(14,144,121,0.25);
    height:500px;
}
.fundo251
{
    background:rgb(14,144,121,0.25);
    height:350px;
}



.fundo_empresa
{
    float:right;
    padding-top:7%;
    padding-bottom:7%;    
    width:100%;
    max-height:300px;
    margin-bottom:0%;
    background-image: url(../empresa/fundobase.jpg);
    background-repeat: no-repeat; /* Se não quiser repetição */
    background-size: cover; /* Para cobrir toda a área */
    background-position: center center; /* Para centralizar */
  //  border:2px solid red;
}

.empresa_carrinha
{
    position:relative;
    top:0px;
    left:-5%;
    width:50%;
    z-index:10;
 //    border:2px solid blue;
}
 .empresa_quadro
{
    position:relative;
    top:-550px;
    left:0%;
    width:55%;
    height:550px;
    padding-top:2%;
    padding-left:2%;
    background:#fff;
    left:35%;
    line-height:22px;
    color:#0e9079;
    font-weight:500;
    font-size:20px;
   // margin-bottom:-800px;
     z-index:5;
   //  border:2px solid red;
}


.empresa_quadro_blocos
{
    float:left;
    margin-right:1%;

    height:250px;
    
    width:23%;
    text-align:center;

}
.empresa_quadro_separa
{
    float:left;
    margin-top:3%;
    margin-left:23%;
    width:50%;
    height:4px;
    text-align:center;
    background:#0e9079;
   
}
.empresa_quadro_subtit
{
    float:left;
    line-height:32px;
    color:#0e9079;
    width:100%;
    margin-top:3%;
    border:0px solid red;    
    font-weight:600;
    font-size:28px;
     text-align:center;  
}
.empresa_quadro_texto
{
    float:left;
    line-height:24px;
    color:#0e9079;
    width:70%;
    margin-left:15%;
    margin-top:3%;
    border:0px solid blue;    
    font-weight:400;
    font-size:18px;
    text-align:center;  
}



.empresa_bloco2
{
    float:right;
    padding:0%;
    width:57%;
    margin-right:8%;
    text-align:center;
//    border:1px solid blue; 
   
}
.empresa_titulo
{
    float:left;
    width:100%;
    text-align:left;
    line-height:60px;
    font-size:64px;   
    font-weight:600;
    color:#0d6b59;
    margin-top:10%;
}
.empresa_tituloAP
{
    float:left;
    width:100%;
    text-align:left;
    line-height:48px;
    font-size:48px;   
    font-weight:600;
    color:#0d6b59;
    margin-top:5%;
}
.contactar_tituloAP
{
    float:left;
    width:100%;
    text-align:left;
    line-height:48px;
    font-size:48px;   
    font-weight:600;
    color:#0d6b59;
    margin-top:5%;
    margin-bottom:5%;    
}
.empresa_titulo1
{
    float:left;
    width:100%;
    text-align:left;
    line-height:48px;
    font-size:42px;   
    font-weight:700;
    color:#0d6b59;
    margin-top:5%;
}
.empresa_detalhe_titulo_sub1
{
    float:left;
    padding:0%;
    width:12%; 
    height:5px;
    text-align:left;
   background:#0d6b59;
 //border:1px solid blue;  
}
.empresa_detalhe_titulo_sub2
{
    float:left;
    padding:0%;
    width:70%; 
    height:5px;
 //border:1px solid blue;  
}
.empresa_texto
{
    float:left;
    width:100%;
    text-align:justify;
    text-align:left;
    margin-top:3%;
    line-height:24px;
    font-size:18px;   
    font-weight:400;
    color:#000;
    margin-top:7%;
}
.empresa_texto_bold
{
    font-weight:700;
}
.empresa_blocos_linha
{
    float:right;
    padding:0%;
    width:100%;
   margin-bottom:0%;
  // border:2px dotted #000;
}

.empresa_bloco11
{
    float:right;
    padding:0%;
    width:48%;
    text-align:center;
    background:#fff;

}
.empresa_bloco111
{
display:none;
}
.empresa_bloco22
{
    float:left;
    padding:0%;
    width:40%;
    margin-left:10%;
    text-align:center;
    background:#fff;

}
.empresa_inside
{
    float:left;
    margin-left:10%;
    width:80%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    background:#fff;
    color:#000;
//   border:3px dotted green;
}
.empresa_inside1_top
{
    float:left;
    width:100%;
    text-align:center;
    font-size:14px;   
    height:130px;
    background:#fafafa;
    color:#000;
   // border:1px solid blue;
}
.empresa_inside1
{
    float:left;
    width:100%;
    text-align:center;
    font-size:14px;   
 //   background:#fafafa;
    color:#000;
  // background:url(../empresa/historia2.png);
  // background-repeat: no-repeat;
}
.empresa_time
{
    float:left;
    width:100%;
    margin-top:8%;
    padding-top:5%;
        padding-bottom:5%;
    text-align:center;
    font-size:14px;   
 //   background:#fafafa;
    color:#000;
  // background:url(../empresa/historia2.png);
  // background-repeat: no-repeat;
 //   border:4px dotted blue;
}

.empresa_time_line
{
    float:left;
    width:100%;
    margin-top:0%;
    text-align:center;
    font-size:14px;   
    color:#000;
    background:url(../imagens/timeline.png);                
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
}
.empresa_time_line_q1
{
    float:left;
    width:15%;
    margin-left:1.3%;
    height:300px;
    margin-top:200px;
    text-align:center;
    font-size:14px;   
    color:#000;
 //   border:1px solid red;
 //   background:#dedede;
}
 .empresa_time_line_q2
{
    float:left;
    width:15%;
    margin-left:1.3%;
    height:300px;
    margin-top:0%;
    text-align:center;
    font-size:14px;   
    color:#000;
 //   border:1px solid red;
  //  background:#dedede;
}
.empresa_inside1_bottom
{
    float:left;
    width:100%;
    text-align:center;
    font-size:14px;   
    height:130px;
    background:#fafafa;
    color:#000;

    border:1px solid blue;
}
.empresa_inside1_quadrado1
{
    float:left;
    width:14%;
    margin-right:2.8%;
    text-align:center;
    font-size:14px;   
    height:130px;
    background:pink;
    color:#000;
  //  border:1px solid blue;
}
.empresa_inside1_quadrado2
{
    float:left;
    width:14%;
    margin-right:2.8%;
    text-align:center;
    font-size:14px;   
    height:130px;
    background:yellow;
    color:#000;
//    border:1px solid blue;
}
.quadrado1
{
    position:relative;
    top:-150px;
    left:0px;
    width:15%;
    margin-right:3%;
        margin-bottom:-150px;
    text-align:center;
    font-size:14px;   
    height:260px;
    z-index:2555;
    color:#000;

}
.quadrado2
{
    position:relative;
    top:-430px;
    left:17.5%;
    width:15%;
    margin-right:3%;
    margin-bottom:-150px;
    text-align:center;
    font-size:14px;   
    height:260px;
    z-index:2555;
    color:#000;

}
.quadrado3
{
    position:relative;
    top:-380px;
    left:35%;
    width:15%;
    margin-right:3%;
    margin-bottom:-150px;
    text-align:center;
    font-size:14px;   
    height:260px;
    z-index:2555;
    color:#000;

}
.quadrado4
{
    position:relative;
    top:-660px;
    left:52%;
    width:15%;
    margin-right:3%;
    margin-bottom:-150px;
    text-align:center;
    font-size:14px;   
    height:260px;
    z-index:2555;
    color:#000;

}
.quadrado5
{
    position:relative;
    top:-610px;
    left:69%;
    width:15%;
    margin-right:3%;
    margin-bottom:-150px;
    text-align:center;
    font-size:14px;   
    height:260px;
    z-index:2555;
    color:#000;

}
.quadrado6
{
    position:relative;
    top:-880px;
    left:86%;
    width:15%;
    margin-right:3%;
    margin-bottom:-750px;
    text-align:center;
    font-size:14px;   
    height:260px;
    z-index:2555;
    color:#000;

}


.empresa_inside1_quadrado22
{
    float:left;
    width:14%;
    margin-right:0%;
    text-align:center;
    font-size:14px;   
    height:130px;
    color:#000;
}

/*****SERVIÇOS************/
.servicos
{
    float:left;
    padding:0%;
    width:100%;
    text-align:center;
    background:#fff;
}
.servicos_inside
{
    float:left;
    margin-left:10%;
    width:80%;
    height:100%;
    text-align:center;
    font-size:14px;   
    font-weight:300;
    background:#fff;
    color:#000;
  margin-bottom:7%;

}
.servicos_bloco1
{
    float:left;
    width:24.5%;
    height:100%;
    text-align:center;
    font-size:18px;   
    font-weight:500;
   // border:1px solid red;
    color:#d9dada;
}
.servicos_bloco1_top
{
    float:left;
    width:100%;
    height:80%;
    text-align:center;
    font-size:18px;   
    display:flex;
//   background:yellow;
    justify-content: center;
    align-items: center;
    font-weight:500;
    color:red;
}


.servicos_bloco1_img
{
  margin-top:10%;
  width:100%;

  height:60%;
  text-align:center;
}

.servicos_bloco1_img1
{
    margin-top:10%;
    width:100%;
    display: inline-block;
    background:url(../servicos/at0.png);  
    width:150px;
    height:150px;                
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
    text-align:center;
    display:block;
}


.servicos_bloco1_img2
{
    margin-top:10%;
    width:100%;
    display: inline-block;
    background:url(../servicos/an0.png);  
    width:150px;
    height:150px;                
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
    text-align:center;
    display:block;
}




.servicos_bloco1_img3
{
    margin-top:10%;
    width:100%;
    display: inline-block;
    background:url(../servicos/af0.png);  
    width:150px;
    height:150px;                
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
    text-align:center;
    display:block;
}



.servicos_bloco1_img4
{
    margin-top:10%;
    width:100%;
    display: inline-block;
    background:url(../servicos/re0.png);  
    width:150px;
    height:150px;                
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
    text-align:center;
    display:block;
}


.servicos_bloco1_tit
{
float:left;
  width:80%;
  margin-left:10%;
  height:15%;
  padding-top:30px;
  font-size:20px;
   color:#0e9079;
text-transform: uppercase;
  text-align:center;
}
.ajusta_altura_75
{
    height:75%;
    width:auto;
//  border:1px solid pink;
}
.ajusta_altura_50
{
    height:50%;
    width:auto;
//  border:1px solid pink;
}

.servicos_detalhe
{
    float:left;
    padding:0%;
    width:45%;
    margin-left:10%;
    margin-top:3%;
    margin-bottom:3%;
    text-align:center;
//border:1px solid red;  
}
.servicos_detalhe_titulo
{
    float:left;
    padding:0%;
    width:100%;
  font-size:64px; 
  line-height:72px;  
  font-weight:700;
    text-align:left;
   color:#0e9079;;
// border:1px solid red;  
}
.servicos_detalhe_titulo_sub1
{
    float:left;
    padding:0%;
    width:6%; 
    height:5px;
        margin-bottom:3%;
    text-align:left;
   background:#0d6b59;
 //border:1px solid blue;  
}
.servicos_detalhe_titulo_sub2
{
    float:left;
        margin-bottom:3%;
    padding:0%;
    width:88%; 
    height:5px;
 //border:1px solid blue;  
}
.servicos_detalhe_texto
{
    float:left;
    padding:0%;
    width:100%;
    font-size:18px;   
    font-weight:400;
   //  border:2px solid #000;
    text-align:justify;
    margin-top:3%;
}
.servicos_detalhe_img
{
    float:right;
    padding:0%;
    width:40%;
    min-height:500px;
}
.servicos_detalhe_texto1
{
    float:left;
    padding:2%;
    font-size:18px;   
    font-weight:400;
  //   border:2px solid #000;
    text-align:justify;
    margin-right:3%;
}


.servicos_detalhe_texto_sub
{
    float:left;
    padding:0%;
    width:100%;
    font-size:22px;   
    font-weight:600;
    text-align:left;
    margin-top:0%;
    color:#0d6b59;
 //  border:2px solid #000;
}
.servicos_detalhe_wrap
{
    float:left;
    padding:0%;
    width:100%;
    font-size:22px;   
    font-weight:600;
    text-align:left;
    margin-top:0%;
 //border:2px solid blue;
    background:url(../servicos/fundo_servicos3.jpg);
}
.servicos_titulo
{
    float:left;
    width:100%;
    text-align:center;
    line-height:48px;
    font-size:42px;   
    font-weight:600;
    color:#0d6b59;
        border:0px solid red;
    margin-top:3%;
    margin-bottom:2%;
}
.ultimas_novidades_titulo
{
    float:left;
    width:80%;
    text-align:left;
    line-height:48px;
    font-size:36px;   
    font-weight:600;
    color:#0d6b59;
    //    border:1px solid blue;
    margin-top:3%;
    margin-bottom:2%;
margin-left:8%;
}
.servicos_detalhe_bola
{
    float:left;
    margin-left:0%;
    width:34%;
    text-align:center;  
        border:0px solid red;
    color:#000;
}


.servicos_detalhe_tecnicos
{
    float:right;
    margin-right:10%;
    width:55%;
    text-align:center;
    font-size:14px; 
  
    font-weight:300;
    color:#000;
}

.servicos_detalhe_tecnicos_rodape
{
    float:left;
    margin-left:0%;
    width:100%;
    text-align:center;
    font-size:14px;   
    font-weight:300;
    background:url(../servicos/fundo_servicos2.jpg);  
    background-size: cover;
    color:#000;
   padding-bottom:3%;
        
}
.servicos_detalhe_tecnicos_rodape_inside
{
    float:left;
    padding:0%;
    width:70%;
     margin-top:60px;
    margin-left:15%;
    text-align:center;
    //border:1px solid red;
    background:rgb(255,255,255,0.9);
    padding-bottom:25px;
}



.familias_rodape
{
    float:left;
    margin-left:0%;
    width:100%;
    text-align:center;
    font-size:14px;   
    font-weight:300;
   background:RGB(19,131,107,0.1);
    background-size: cover;
    color:#000;
   padding-bottom:3%;
        
}
.familias_rodape_imagem
{
    position:relative;
    top:80px;
    left:85%;
    height:250px;
    width:15%;
    z-index:1;
    background:url(../imagens/rodape_semente.png);  
    background-size: cover;    
}

.familias_rodape_inside
{
    float:left;
    padding:0%;
    width:80%;
     margin-top:40px;
    margin-left:10%;
    text-align:center;
    //border:1px solid red;
    background:rgb(255,255,255,0.9);
    padding-bottom:40px;
}


.servicos_detalhe_tecnicos_pessoas
{
    float:left;
    margin-left:10%;
    width:80%;

 //  border:2px solid #000;
}
.representantes_titulo
{
    float:left;
    padding:0%;
    margin-top:5%;
    margin-bottom:3%;
    width:100%;
  font-size:32px;   
  font-weight:600;
    text-align:center;
   color:#fff;
// border:1px solid red;  
}
.topmarg
{
    float:left;
    padding:0%;
    width:100%;
height:14px;
}
.representantes_rodape_titulo
{
    float:left;
    padding:0%;
    margin-top:2%;
    margin-bottom:0%;
    width:100%;
  font-size:32px;   
  font-weight:700;
    text-align:center;
       color:#0d6b59;
  // border:1px dashed #000;  
}
.representantes_rodape_texto
{
    float:left;
    padding:0%;
    margin-top:1%;
    margin-bottom:1%;
    width:100%;
  font-size:18px;   
  font-weight:400;
    text-align:center;
 color:#0d6b59;
  display: flex;
  align-items: center;
  justify-content: center;
}
.representantes_bloco
{
    float:left;
    width:100%;
    margin-bottom:4%;
    line-height:26px;
    margin-top:1.5%;
    font-size:18px;   
    font-weight:400;
    text-align:left;
  //  height:350px;
    overflow:hidden;
   // border:2px solid green;
}
.representantes_bloco1
{
    float:left;
    width:35%;
    margin-bottom:3%;
    margin-top:1.5%;
    font-size:18px;   
    font-weight:400;
    text-align:left;
    height:350px;
    overflow:hidden;
   // border:2px solid red;
}
.representantes_bloco2
{
    float:right;
    width:35%;
    margin-bottom:3%;
    margin-top:1.5%;
    font-size:18px;   
    font-weight:400;
    text-align:left;
    height:350px;
    overflow:hidden;
  //  border:2px solid blue;
}
.representantes_bloco_img
{
    float:left;
    width:100%;  
    font-weight:400;
    height:250px;
    overflow:hidden;
    text-align:left;
    color:#fff;
}
.representantes_bloco_texto
{
    float:right;
    width:100%;
    font-size:16px;   
    line-height:26px;
    font-weight:400;
    text-align:left;
    color:#0D6B59; 
}


.todoservico
{
  display:none;

  
}
.hide_icon
{
  display:none;
}

.show_icon
{
  display:block;
}

.slogan
{
    position:absolute;
    left:60%;
    top:35%;
    width:30%;
    height:250px;
    z-index:10000;
 //border:1px solid red;
}
.slogan1
{      
    float:left;
    margin-left:0%;
    width:100%;
    height:25px;
    font-weight:400;
    font-size:18px;
    font-weight:600;
    color:#fff;
  //  border:5px solid red;
  text-align:center;
    overflow:hidden;
}
.slogan2
{
    float:left;
    margin-left:0%;
    width:100%;
    font-size:85px;
    height:95px;
    font-weight:900;
    color:#fff;
 //   border:1px solid blue;
   text-align:center;
}
.slogan3
{
    float:left;
    margin-left:0%;
    width:100%;
    font-weight:500;
    font-size:60px;
        height:55px;
    font-weight:900;
//border:5px solid #fff;
 color:#fff;
    text-align:center;
}
.slogan4
{
  float:left;
  margin-left:0%;
  width:100%;
  font-weight:400;
  text-align:center;
  font-size:60px;
  height:55px;    
  font-weight:900;
  //border:5px solid #fff;
  color:#fff;
}
.botao2
{
    position:absolute;
    left:68%;
    top:10%;
  padding:15px;  
  outline:0;
  text-align:center;
  font-size:14px;
  border-radius:0px;
  font-weight:600;
  border:1px solid #0e9079;
  background: #0e9079;
  color:#fff;
}
.botao2:hover
{
  padding:15px;  
  outline:0;
  font-size:14px;
  border-radius:0px;
  font-weight:600;
  border:1px solid #0b6f5e;
  background: #fff;
  color:#0d6b59;
  cursor:pointer;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.apre
{
  float:left;
    padding:0%;
  width:100%;
  height:600px;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/fundo_apre.png);
  background-size: cover;
  color:#000;
 //  border:3px solid yellow;
  padding-bottom:50px;
}
.apre_left
{
  float:left;
    padding:0%;
    margin-left:10%;
  width:45%;
  height:600px;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  color:#000;
 //border:3px solid red;
  padding-bottom:50px;
}

.apre_titulo
{
    float:left;
    width:100%;
    text-align:left;
    font-size:64px;   
    font-weight:700;
    color:#0e9079;
    margin-top:7%;
}
.apre_texto
{
    float:left;
    width:100%;
    text-align:left;
    font-size:18px;
    line-height:24px;   
    font-weight:400;
    color:#000;
    margin-top:5%;
}
.apre_texto1
{
    display:none;
}
.apre_conheca
{
    float:right;
    width:40%;
    text-align:right;
    font-size:10px;
    line-height:24px;   
    font-weight:400;
    color:#000;
  //   border:3px solid red;
    margin-top:7%;
}
.botao11
{
    display:none;
}
.botao1
{
float:right;
  padding:15px;  
  outline:0;
  font-size:16px;
  margin-top:20px;
  border-radius:0px;
  font-weight:600;
  border:1px solid #0e9079;
  background: #0e9079;
  color:#fff;
}
.botao1:hover
{
  padding:15px;  
  outline:0;
  font-size:16px;
  border-radius:0px;
  font-weight:600;
  border:1px solid #0b6f5e;
  background: transparent;
  color:#0b6f5e;
  cursor:pointer;
}

.apre_right
{
  float:right;
    padding:0%;
  width:40%;
  height:600px;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/apresentacao.png);
  background-size: cover;
  color:#000;
  padding-bottom:50px;
}
.menu_utilizadores
{
  position:absolute;
  top:120px;
  left:10%;
  width:80%;
  height:400px;
  font-size:14px;   
  font-weight:300;
  background:rgb(0,0,0,0.9);
  z-index:50000;
  padding-bottom:20px;
  display:none;
}
.menu_utilizadores_inside
{
  float:left;
  width:90%;
  margin-top:5%;
  margin-left:5%;
  margin-bottom:5%;
  height:300px;
  color:#fff;
  font-size:14px;   
  font-weight:300;
 // border:3px solid yellow;
}
.menu_utilizadores_inside_l
{
  float:left;
  width:49%;
  height:300px;
  border:1px solid #00A0E3;
}
.menu_utilizadores_inside_r
{
  float:right;
  width:49%;
  height:300px;
  border:1px solid #00A0E3;
}
.menu_utilizadores_inside_texto
{
float:left;
width:90%;
margin-left:5%;
text-align:justify;
font-size:16px;   
color: #00A0E3;
  margin-bottom:5%;
}
.menu_utilizadores_inside_linha
{
    float:left;
    width:78%;
    margin-left:10%;
    margin-bottom:5%;
    padding:1%;
    text-align:justify;
    font-size:16px;  
  //  border-bottom:1px solid #00A0E3; 
    height:25px;
    color: #00A0E3;
}
.menu_utilizadores_inside_input
{
    float:left;
    width:100%;
    margin-left:0%;
    margin-bottom:5%;
    padding:1%;
    outline:0;
    text-align:justify;
    font-size:16px;  
       border:0px solid yellow; 
    border-bottom:1px solid #00A0E3; 
    background:transparent;
    height:25px;
    color: #0d6b59;
}
.menu_utilizadores_inside_des
{
    float:left;
    width:25%;
    padding:1%;
    outline:0;
    text-align:justify;
    font-size:16px;  
  //  border:1px solid red; 
    height:25px;
    color: #00A0E3;
}
.menu_utilizadores_inside_linha_inp
{
    float:left;
    width:68%;
    padding:1%;
    outline:0;
    text-align:justify;
    font-size:16px;  
    //border:2px solid yellow; 
    border:0px solid yellow; 
    height:25px;
    color: red;
}
.menu_utilizadores_inside_input:focus
{ 
    border-bottom:1px solid #0d6b59;; 

}
.menu_utilizadores_inside_botao
{
    float:left;
    width:46%;
    margin-left:25%;
    padding:2%;
          padding-TOP:2.5%;
    outline:0;
    text-align:center;
    font-size:16px; 
    border-radius:0px; 
    //border:2px solid yellow; 
    border:1px solid #0e9079;
    background:#0e9079;; 
    height:25px;
    color: #fff;
}
.menu_utilizadores_inside_botao:hover
{
    float:left;
    width:46%;
    margin-left:25%;
    padding:2%;
      padding-TOP:2.5%;
    outline:0;
    text-align:center;
    font-size:16px; 
    border-radius:0px; 
    border:1px solid #0b6f5e;
    background:#0b6f5e;
    height:25px;
    color: #fff;
}

.botao3
{   
    padding:10px;
    width:150px;
    outline:0;
    text-align:center;
    font-size:18px; 
    border-radius:0px; 
  ///border:2px solid yellow; 
    border:1px solid #0e9079;
    background:#0e9079;
        font-weight:500;
    height:25px;
    color: #fff;
}
.botao3:hover
{

    color:#fff;
    border:1px solid #0b6f5e;
    background:#0b6f5e;
}

.button3
{   
    padding:10px;
    width:150px;
    outline:0;
    text-align:center;
    font-size:18px; 
    border-radius:0px; 
    //border:2px solid yellow; 
    border:1px solid #0e9079;
    background:#0e9079;
    font-weight:500;
    height:50px;
    color: #fff;
}
.button3:hover
{

    color:#0d6b59;
    border:1px solid #0d6b59;
    background:#fff;
}





.utilizadores_titulo
{
    float:left;
    width:100%;
    height:40px;
    text-align:center;
    font-size:24px;   
    font-weight:500;
    color: #0d6b59;
    margin-bottom:5%;
    //border:1px solid red;
    margin-top:2%;
}




.menu_pesquisa
{
  position:fixed;
  top:120px;
  left:10%;
  width:80%;
  height:400px;
  font-size:14px;   
  font-weight:300;
  background:rgb(0,0,0,0.9);
  z-index:999999;
  padding-bottom:20px;
  display:none;
}
.menu_pesquisa_inside
{
    float:left;
    width:60%;
    margin-top:5%;
    margin-left:20%;
    margin-bottom:5%;
    height:300px;
          color:#fff;
    font-size:14px;   
    font-weight:300;
 //   border:3px solid yellow;
}
.menu_pesquisa_inside_linha
{
    float:left;
    width:22%;
    margin-top:10%;
    margin-left:0%;
    padding-top:15px;
      padding-right:3%;
    height:30px;
    font-size:18px;   
    font-weight:500;
      text-align:right;
          color:#fff;
 //   border:1px solid pink;
}
.menu_pesquisa_inside_linha_in
{
    float:left;
    width:58%;
    margin-top:10%;
    margin-left:0%;
    height:40px;
    font-size:14px;   
    outline:0;
    font-weight:300;
 border:0px dashed #fff;
    color:#fff;
}

.menu_pesquisa_inside_linha_bt
{
    float:left;
    width:7%;
    margin-top:10%;
    margin-left:2px;
        padding-top:15px;
          text-align:CENTER;
    height:40px;
    font-size:22px;   
    font-weight:100;
    background:transparent;
    outline:0;
    border:0px solid red;
          color:#fff;
}
.menu_pesquisa_inside_linha_bt1
{
    float:left;
    width:7%;
    margin-top:10%;
    margin-left:2px;
        padding-top:10px;
          text-align:CENTER;
    height:40px;
    font-size:32px;   
    font-weight:100;
   // border:1px solid red;
          color:#fff;
           background:transparent;
}
.Tpesqin
{
    float:left;
    width:100%;
    font-size:14px;   
    font-weight:300;
    padding-top:15px;
    height:40px;
        outline:0;
    background:transparent;
    border:0px solid #dedede;
    border-bottom:1px solid #dedede;
    color:#fff;
}
.Tpesqin:focus
{
    float:left;
    width:100%;
    font-size:14px;   
    font-weight:300;
    height:40px;
        outline:0;
    background:transparent;
    border-bottom:2px solid #fff;
    color:#fff;
}
/**************ARTIGOS MENU**************************/
.menu_artigos
{
  position:absolute;
  top:120px;
  left:56%;
  width:20%;
  font-size:14px;   
  font-weight:300;
  background:rgb(13,107,89,1);
  z-index:9999999999;
 //  border:3px solid yellow;
  padding-bottom:20px;
 // display:none;
}

.menu_artigos_inside
{
  float:left;
  width:80%;
  margin-left:10%;
 //  border:1px solid yellow;
  margin-bottom:5%;
  margin-top:5%;  
  
}
.menu_artigos_inside_l
{
  float:left;
  width:40%;

}
.menu_artigos_inside_foto
{
  float:left;
  width:100%;
  overflow:hidden;
  height:30%;
   border:0px solid cyan; 
}

.menu_artigos_inside_texto1
{
  float:left;
  width:100%;
    margin-top:10%;
  margin-bottom:3%;
    font-size:18px;   
  font-weight:700;
  color:#fff;
    text-align:center;
 //  border:1px solid cyan; 
}
.menu_artigos_inside_texto2
{
  float:left;
  width:100%;
    font-size:16px;   
  font-weight:400;
      text-align:center;
  color:#fff;  
  // border:1px solid cyan; 
}


.menu_artigos_inside_r
{
  float:right;
  width:48%;
//   border:1px solid blue; 
}
.menu_artigos_inside_rec_texto1
{
  float:left;
  width:100%;
    margin-top:0%;
  margin-bottom:1%;
    font-size:18px;   
  font-weight:700;
  color:#fff;
    text-align:left;
//  border:1px solid cyan; 
}
.menu_artigos_inside_rec_texto2_linha1
{
  float:left;
  width:90%;
    margin-top:0%;
    margin-left:5%;
  margin-bottom:1%;
    font-size:16px;   
  font-weight:300;
  color:#fff;
    text-align:left;
// border:1px solid red; 
}
.menu_artigos_inside_rec_texto2_linha1:hover
{  
  font-weight:600;
  color:red;
 //border:1px solid red; 
}

.link1:link,.link1:visited,.link1:hover,.link1:active  {
  color: #fff;
  text-decoration:none;
  
}
.link2:link,.link2:visited,.link2:hover,.link2:active  {
  color: #000;
  text-decoration:none;
  
}


/**************FIM DE ARTIGOS MENU*******************/
.menu_produtos_back
{
  position:fixed;
  top:0px;
  left:0%;
  width:100%;
  height:300%;
  font-size:14px;   
  font-weight:300;
  z-index:9999999999;
 //  border:3px solid yellow;
  padding-bottom:20px;
  display:none;
}
.menu_produtos
{
  position:absolute;
  top:120px;
  left:38%;
  width:15%;
  min-width:300px;
  font-size:14px;   
  font-weight:300;
  background:rgb(13,107,89,1);
  z-index:9999999999;
  overflow-x:hidden;
   overflow-y:auto; 
//  border:1px solid #000;
  padding-bottom:20px;
  box-sizing: content-box;
  scrollbar-width: thin;
  scrollbar-color: #0d6b59 #000 ; 
}

.menu_produtos::-webkit-scrollbar {
    width: 0.5em;
}

.menu_produtos::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000;
}

.menu_produtos::-webkit-scrollbar-thumb {
  background-color: #0d6b59;
  outline: 0px solid #0d6b59;
}





.menu_bloc_big
{
  float:left;
  width:90%;
 border:2px solid red;
  margin-left:5%;
 margin-bottom:1%;
}

.menu_ap_produtos
{
    float:left;
    width:30%;
    border:2px solid pink;
    margin-left:40%;
    margin-bottom:1%;
}



.menu_bloc_big_mobile
{
    display:none;
}
.menu_AP_linha
{
  float:left;
  padding:0%;
  width:100%;
  margin-bottom:3px;
  padding-top:8px;
  padding-bottom:5px;  
  font-size:16px;   
  font-weight:300;
  background:transparent;
  color:#fff;
  -webkit-transition:.5s all;
  -moz-transition:.5s all;
  transition:.5s all;   
}
.menu_AP_linha:hover
{
background:rgb(0,0,0,0.2);
}

.menu_AP_logo
{
  float:left;

  width:18%;
  margin:0px;
  padding-top:0px;   
  margin-left:10px;
  height:30px;
// border:1px dashed #fff;;
 color:#fff;
}


.menu_bloc_tit
{
  float:left;
  width:76%;
  margin:0px;; 
  padding-top:5px; 
  font-family: 'Poppins', sans-serif; 
  height:30px;
  font-size:14px;   
  border:0px dashed #fff;;
  font-weight:400;
  color:#fff;
}
.menu_prod_lista
{
  float:left;
  padding:5px;
  padding-top:0px;
  height:20px;
  width:98%;
  text-align:left;
  margin:2px;
      cursor:pointer;
 //border:1px solid yellow;
 color:#fff;
}
.menu_prod_lista:hover
{
   font-weight:500;
     font-size:18px;  
}







.produtos
{
  float:left;
    padding:0%;
  width:100%;
  height:350px;
  text-align:center;
  font-size:14px;   
  font-weight:300;
 // background:url(../servicos/fundo_servicos3.jpg);
  background:url(../servicos/fundo_serv.jpg);  
  background-size: cover;
  color:#000;
 //border:3px solid yellow;
  padding-bottom:50px;
}
.produtos_titulo
{
    float:left;
    width:100%;
    height:80px;
    text-align:center;
    font-size:42px;   
    font-weight:600;
    color: #0d6b59;
    //border:1px solid red;
    margin-top:2%;
}
.produtos_slide
{
    float:left;
    width:100%;
    margin-left:0%;
    height:350px;
    display:flex;
    font-size:42px;   
    font-weight:500;
    color: #0d6b59;  
 //   border:2px solid #000;
    margin-top:2%;
    overflow:hidden;
    
}
.grupo_media{
  display:flex;
  align-items:center;
  gap:10px;
}
.grupo_icon{
  width:34px;
  height:34px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid #999;
}


.novidades
{
  float:left;
    padding:0%;
  width:100%;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:#fff;
  color:#000;
//  border:3px solid yellow;
  padding-bottom:50px;
}
.novidades_autifalante
{
    float:left;
    width:30%;
  height:850px;
  text-align:center;
  font-size:14px;   
 // border:1px solid red;
  font-weight:300;
  background:url(../imagens/novidades_bola.png);
  background-size: cover;
  color:#000;
 
}
.novidades_lista
{
    float:left;
    margin-left:2%;
    width:60%;
    color: #000;  
    margin-top:0%;
    overflow:hidden;
    
}

.anoticia_bola
{
    float:right;
    width:30%;
  height:800px;
 //   border:3px solid red;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/anoticia_bola.png);
  background-size: cover;
  color:#000;
 
}
.anoticia_lista
{
    float:right;
    margin-right:2%;
    //    border:3px solid blue;
    width:60%;
    color: #000;  
    margin-top:0%;
    overflow:hidden;
    
}


.arecomendacao_bola
{
    float:left;
    width:30%;
  height:800px;
 //   border:3px solid red;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/arecomendacao_bola.png);
  background-size: cover;
  color:#000;
 
}
.arecomendacao_lista
{
    float:left;
    margin-right:2%;
    //   border:3px solid blue;
    width:63%;
    color: #000;  
    margin-top:0%;
    overflow:hidden; 
}


.novidades_titulo
{
    float:left;
    width:100%;
    text-align:center;
    font-size:56px;   
    font-weight:600;
    color: #0e9079;;
    margin-top:7%;
}

.ultima_novidade
{
    float:left;
    width:100%;
    margin-left:0%;
    color: #0d6b59;  
    border:1px solid #0d6b59;;
    border-bottom:3px solid #0d6b59;
    margin-top:3%;
    background:#fff;
   //  border:2px solid red;
    overflow:hidden;
}
.outras_novidades_lWRAP
{
    float:left;
    width:48%;
 //   border:2px solid yellow;
    margin-top:2%;
}
.outras_novidades_l
{
    float:left;
    width:100%;
     text-align:left;
    background:#0e9079;
    height:5px;
}
.outras_novidades_rWRAP
{
    float:right;
    width:48%;
    height:5px;    
    margin-top:2%;

}
.outras_novidades_r
{
    float:right;
    width:100%;

    background:#0e9079;
    height:5px;    
    overflow:hidden;
}
.outras_novidades_titulo
{
    float:left;
    width:100%;
    margin-left:0%;
    font-size:20px;   
    font-weight:600;
    color:#0e9079;
    text-align:left;
    margin-top:0.5%;
    overflow:hidden;
}

.ultima_novidade_titulo
{
    float:left;
    width:100%;
    text-align:left;
    margin-left:0%;
    font-size:36px; 
    line-height:36px;  
    font-weight:600; 
    color:#0e9079;
  //  border:2px solid blue;
    margin-top:0.5%;
}
.ultima_novidade_texto
{
    float:left;
    width:100%;
    text-align:left;
    margin-left:0%;
    font-size:18px; 
    line-height:22px;  
    font-weight:400; 
    color:#000;
    margin-top:0.5%;
}
.ultima_novidade_texto_idn
{
    float:left;
    width:100%;
    text-align:left;
    margin-left:0%;
    font-size:18px; 
    line-height:26px;  
    font-weight:400;
 //  border:2px dashed #000; 
    max-height:150px;
    overflow:hidden;
    color:#000;
    margin-top:1%;
}
.ultima_novidade_texto_idn_completa
{
    float:left;
    width:100%;
    text-align:left;
    margin-left:0%;
    font-size:18px; 
    line-height:26px;  
    font-weight:400;
   // border:2px dashed #000; 
    color:#000;
    margin-top:3%;
}
.ultima_novidade_texto_vertoda
{
    float:left;
    width:100%;
    text-align:center;
    margin-left:0%;
    font-size:18px; 
    line-height:20px; 
        color:#0e9079;
    font-weight:600;
 //   border:2px dashed #000; 
    max-height:40px;
    overflow:hidden;
    margin-top:10px;
}

/********produtos slide*******************/
.slider__container {
  width:100%;
  position:relative;
}
.slick-list {
  perspective:1px;
}
.slick-track {
  will-change:transform,transition;
}
/* a faixa do slider precisa de ter altura para incluir o texto */
.produtos_slide .slider__container{
  position: relative;
}

/* zona visível */
.produtos_slide .slider__items{
  display: flex !important;
  align-items: flex-start;
  gap: 35px !important;          /* espaçamento igual */
  padding: 0 70px !important;    /* espaço para as setas */
  overflow: hidden;              /* pode ficar hidden, mas tem de ter altura suficiente */
}

/* cada item */
.produtos_slide .slider__item{
  flex: 0 0 165px;               /* largura “do cartão” */
  width: 165px;
  text-align: center;
}



/* o icon (círculo) */
.produtos_slide .slider__item img{
  width: 145px !important;
  height: 145px !important;
  border-radius: 999px;
  object-fit: cover;             /* se for imagem */
  display: block;
  margin: 0 auto;
}


/* o texto por baixo (2 linhas) */
.produtos_slide .slider__item .famnome{
  margin-top: 10px;
  font-size: 15px;
  line-height: 20px;
  height: 38px;                  /* 2 linhas */
  color: #0a6f5a;                /* ajusta à tua cor */
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
}

/* a legenda: altura igual para todos */
.famnome{
  font-size:15px;
  line-height:16px;
  height:32px;              /* 2 linhas x 16px */
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;     /* máximo 2 linhas */
  -webkit-box-orient:vertical;
  text-align:center;
  white-space:normal;
}



.slider-prev {
  position:absolute;
  z-index:1;
  top:15%;
  color:#0d6b59;
  font-size:40px;
  border:none;
  background:transparent;
  left:10px;
}
.slider-next {
  position:absolute;
  border:none;
  z-index:1;
  top:15%;
  color:#0d6b59;
  font-size:40px;   
  background:transparent;
  right:10px;
}





/********produtos slide*******************/


.tempo
{
  float:left;
    padding:0%;
  width:100%;
  height:700px;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/tempo.jpg);
  background-size: cover;
  color:#000;
 //  border:3px solid yellow;
  padding-bottom:100px;
  display:block;
}

.tempo_mobile
{
  display:none;
}

.tempo_titulo
{
    float:left;
    width:100%;
    height:80px;
    text-align:center;
    font-size:42px;   
    font-weight:600;
    color:#fff;
    //border:1px solid red;
    margin-top:5%;
}
.recomendacoes{
  display: flex;
  justify-content: space-between; /* espaço igual entre 1–2 e 2–3 */
  width: 84%;
  margin-left: 8%;
  background: #fff;
  color: #000;
  //border: 3px solid red;
  padding-bottom: 50px;
  box-sizing: border-box;
}

.recomendacoes_linha{
  display:flex;
  justify-content:space-between; /* espaço entre 1–2 e 2–3 */
  width:100%;
  box-sizing:border-box;
}
.recomendacoes_l1{
  width: 30%;             /* 3 colunas */
  height: 400px;
  border: 2px solid #0e9079; 
  border-bottom: 5px solid #0e9079;
  box-sizing: border-box;
}

.recomendacoes_imagens
{
  float:left;
  width:100%;
  height:220px;
  margin-bottom:20px;
 //border:2px solid #000;
 overflow:hidden;
}
.recomendacoes_data
{
    float:left;
    height:30px;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    //border:2px solid red;
    font-size:14px;
    color:#ACB5BD;   
    font-weight:400;
  //  border:0px solid #000;
}
.recomendacoes_texto_titulo
{
    float:left;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    height:46px;
   // border:2px solid blue;
    line-height:24px;
  //  border:1px solid blue;
    font-size:18px;   
    font-weight:600;
    color:#000;
}
p{margin-top:0px;}
.recomendacoes_texto
{
  float:left;
  width:90%;
  padding-left:5%;
  height:150px;
  color:#000;
   text-align:justify;
   font-size:18px;   
  font-weight:400;
  //border:2px solid blue;
}
.recomendacoes_texto_index
{
  float:left;
  width:90%;
  margin-left:5%;
  height:70px;

  overflow:hidden;
   text-align:justify;
   font-size:18px;   
  font-weight:400;
    color:#000;
 //  border:2px solid RED;
}


.recomendacoes_l3_mobile
{
  display:none;
}
.recomendacoes_l3
{
  float:right;
  width:40%;
  height:650px;
    color:#000;
      display:block;
 // border:2px solid RED;
}
.recomendacoes_l3_imagens
{
  float:right;
  width:100%;
  height:530px;
  overflow:hidden;
 // border:3px dotted blue;
}
.recomendacoes_l3_texto
{
  float:left;
  width:90%;
  height:80px;
    font-size:18px; 
  color:#000; 
    text-align:center;
  font-weight:400;  
 //background:yellow;
}
.recomendacoes_l3_titulo
{
  float:left;
  width:90%;
  margin-top:3%;
  text-align:center;
  font-size:16px; 
  color:#0d6b59; 
  font-weight:600;  
 //background:pink;
}
.recomendacoes_l3_rodape
{
  float:left;
  width:90%;
  text-align:center;
  font-size:16px; 
  color:#0d6b59; 
  font-weight:500;  

}


.recomendacoes_titulo
{
    float:left;
    width:100%;
    text-align:center;
    font-size:48px;   
    font-weight:600;
    background:#fff;
    color:#0e9079;
    margin-top:0%;
    margin-bottom:2%;
}

.newsletter
{
  float:left;
  margin-left:0%;
  padding-top:0%;
  width:100%;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  color:#fff;
// border:2px dashed blue;
  padding-bottom:10px;
}
.newsletter_l
{
  float:left;
  margin-left:10%;
  width:80%;
  text-align:center;
  //height:250px;    
  font-weight:300;
// border:1px solid red;
  color:#fff;
}
.newsletter_l_titulo
{
  float:left;
  margin-left:0%;
  margin-top:0px; 
  width:100%;
  text-align:LEFT;
  font-size:22px;
  font-weight:400;
 // border:1px solid blue;
  color:#fff;
}
.newsletter_l_texto
{
  float:left;
  margin-top:20px;
  width:100%;
  text-align:left;
  font-size:18px;
  font-weight:300;

  color:#fff;
}
.newsletter_l_texto1
{
  float:left;
  margin-top:5px;
  margin-bottom:5px;
  width:100%;
  text-align:left;
  font-size:14px;
  font-weight:300;
//  border:1px dotted yellow;
  color:#fff;
}

.chkbox
{
  width:25px;
  height:25px;
  border:2px solid red;
  background:#000;
}
.chkbox_text
{
  position:relative;
  top:-30px;
  left:40px;
  width:90%;
}
.newsletter_r
{
  float:left;
  margin-right:0%;
  width:100%;
  padding-top:0px;
  text-align:center;   
  font-weight:300;
 //border:1px solid red;
  color:#fff;
}
.newsletter_r_input
{
  float:left;
  margin-left:0%;
  width:100%;

  text-align:center;
  height:30px;    
  font-weight:300;
 // border:1px solid red;
  color:#fff;
}
.inputbox
{
  padding:10px;
  width:100%;   
  outline:0;
  font-size:18px; 
  border-radius:0px;
  border:1px solid #0d6b59;
  color:#0d6b59;
}
.botao
{
  padding:15px;  
  outline:0;
  font-size:16px;
  text-align:center;
  margin-top:40px;
  border-radius:0px;
  text-decoration:none;
  font-weight:600;
  border:1px solid #0e9079;
  background: #0e9079;
  color:#fff;
}
.botao:hover
{
  padding:15px;  
  outline:0;
  font-size:16px;
  margin-top:40px;
  border-radius:0px;
  font-weight:600;
  border:1px solid #fff;
  background: #0b6f5e;
  color:#fff;
}


.rodape
{
  float:left;
  margin-left:0%;
  width:100%;
  font-weight:300;
  text-align:center;
  font-size:18px;
  line-height:24px;  
  background:#0e9079;
  background-size: cover;
  color:#fff;
}

.rodape_mobile
{
  display:none;
}

.rodape_top_marg
{
    float:left;
    margin-left:10%;
    height:60px;
    width:80%; 

    color:#fff;
}
.rodape_bot_marg
{
    float:left;
    margin-left:10%;
    height:50px;
    width:80%; 
    border-bottom:2px solid #fff;
    color:#fff;
}
.rodape_top
{
    float:left;
    margin-left:10%;
    padding-bottom:0%;
    padding-top:0%;
    width:80%; 
    color:#fff;
}
.rodape_top00
{
    float:left;
    margin:1%;
    margin-top:26px;
        margin-bottom:0%;
    width:98%;  
    font-size:20px;
//border:3px solid red;
    color:#fff;
    text-align:center;
}
.rodape_top0
{
  float:left;                                                                                 
  margin:1%;
  width:98%;  
    font-size:16px;
   //   border:1px solid red;
  color:#fff;
    text-align:center;
}
.powered
{
  float:left;
  margin:0%;
  width:98%;  
    font-size:14px;
// border:1px solid red;
  color:#000;
    text-align:center;
}
.rodape_top1
{
  float:left;
  margin-left:0%;
  width:100%;  
    font-size:12px;
  color:#fff;
    text-align:center;
}
.rodape_top_l
{
  float:left;
  margin-right:2%;
  margin-top:0px;
  width:32%;    
//border:1px solid blue;
  text-align:left;
  color:#fff;
}
.rodape_top_c
{
  float:left;
  margin-right:2%;
  margin-top:0px;
  width:25%;   
// border:1px solid red;
  font-size:14px;
  font-weight:300;
  text-align:left;
  color:#fff;
}
.rodape_top_r
{
  float:left;
  margin-left:0%;
  margin-top:0px;
  width:38%;
  height:140px;    
// border:1px solid yellow;
  text-align:center;
  color:#fff;
}




.rodape_logo
{
    float:left;
    margin-top:10px;
    width:200px;
    height:100px;
    margin-left:50px;
    border:0px solid red;
}

.rodape_creditos
{
    float:left;
    margin-top:10px;
    width:100%;
    height:20px;
    font-size:12px;
    text-align:center;
    border:0px solid red;
}






@media only screen and (min-width:100px) and (max-width: 900px)  
{
.top_menu_mobile
{
  position:fixed;
  width:100%;
  background:#0D6B59;
  height:120px; 
  z-index:9999999999;
  display:block;
}
.menu_item_mobile
{
    margin-left:20%;
    width:60%;
    font-size:18px;   
    font-weight:500;
    padding-bottom:10px;
    text-align:center;    
}
.menu_bloc_tit
{
  float:left;
  padding:1%;
  width:98%;
  font-size:16px; 
  line-height:30px; 
  font-weight:700;
 color:#fff;
}
.top_menu
{
 display:none;
}
.logotipo
{
    float:left;
    margin:0%;
    width:25%;
    height:120px;
    margin-left:5%;
    text-align:center;
 
}

.logotipo_right
{
    float:right;
    margin:0%;
    padding-top:8px;
    width:35%;
    height:120px;
  //  border:2px solid #fff;
    text-align:center;
}
.menu_icons
{
    float:right;
    margin-left:5%;
    padding-top:49px;
    width:50px;
    color:#fff;
    font-size:20px;
    height:120px;
     cursor:pointer;
  //border:2px dotted blue;
    text-align:center;
}
.menu_pesquisa
{
  position:fixed;
  top:120px;
  left:0%;
  width:100%;
  height:200px;
  font-size:14px;   
  font-weight:300;
  background:rgb(0,0,0,0.9);
  z-index:999999;
  padding-bottom:20px;
  display:none;
}
.menu_pesquisa_inside
{
    float:left;
    width:100%;
    margin-top:5%;
    margin-left:0%;
    margin-bottom:5%;
    height:160px;
    color:#fff;
    font-size:16px;   
    font-weight:300;
//border:3px solid yellow;
}
.menu_pesquisa_inside_linha
{
    float:left;
    width:22%;
    margin-top:10%;
    margin-left:0%;
    padding-top:15px;
      padding-right:3%;
    height:30px;
    font-size:18px;   
    font-weight:500;
      text-align:right;
          color:#fff;
 //   border:1px solid pink;
}
.menu_pesquisa_inside_linha_in
{
  float:left;
  width:48%;
  margin-top:10%;
  margin-left:0%;
  height:40px;
  font-size:18px;   
  outline:0;
  font-weight:300;
  border:0px dashed #fff;
  color:#fff;
}
.arecomendacao_bola
{
    float:left;
    width:30%;
  height:800px;
 //   border:3px solid red;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/arecomendacao_bola.png);
  background-size: cover;
  color:#000;
 
}
.menu_pesquisa_inside_linha_bt
{
    float:left;
    width:30px;
    margin-top:10%;
    margin-left:2px;
    padding-top:15px;
    text-align:CENTER;
    height:40px;
    font-size:18px;   
    font-weight:100;
    background:transparent;
    outline:0;
  // border:1px solid red;
    color:#fff;
}
.menu_pesquisa_inside_linha_bt1
{
    float:left;
    width:30px;
    margin-top:11%;
    margin-left:10px;
        padding-top:10px;
          text-align:CENTER;
    height:40px;
    font-size:24px;   
    font-weight:100;
 //  border:1px solid blue;
          color:#fff;
           background:transparent;
}


.menu_mobile
{
    position:fixed;
    top:93px;
    left:0%;
    width:100%;
    margin-top:5%;
    margin-left:0%;
    margin-bottom:5%;
    color:#fff;
   background: rgb(0,0,0,0.9);
    font-size:16px;  
    z-index:99999999999999; 
    font-weight:300;
  //    display:block;
  display:none;
}
.menu_mobile_line
{
    float:left;
    width:100%;
    margin-top:1%;
    margin-left:0%;
    margin-bottom:1%;
    height:30px;
    color:#fff;
      text-align:center;
    font-size:18px;   
    font-weight:500;
}

.slogan
{
    position:absolute;
    left:10%;
    width:80%;
    top:140px;
    height:160px;
    z-index:10000;
}
.slogan1
{        
    float:left;
    margin-left:0%;
    width:100%;
    height:25px;
    font-weight:400;
    font-size:14px;
    font-weight:600;
    color:#fff;
  text-align:center;
    overflow:hidden;
}
.slogan2
{
    float:left;
    margin-left:0%;
    width:100%;
    font-size:30px;
    height:35px;
    font-weight:900;
    color:#fff;
   text-align:center;
}
.slogan3
{
    float:left;
    margin-left:0%;
    width:100%;
    font-weight:600;
    font-size:25px;
        height:30px;
    font-weight:900;
 color:#fff;
    text-align:center;
}
.slogan4
{
  float:left;
  margin-left:0%;
  width:100%;
  font-weight:400;
  text-align:center;
  font-size:26px;   
  font-weight:900;
          height:25px;
  color:#fff;
}
.meteolink
{
    position:absolute;
    left:90%;
    top:3%;
    width:300px;
    padding-left:5px;
    height:25px;
    z-index:10000;
    color:#fff;
 
 
 
}
.meteolink1
{
    float:left;
    height:100%;
    width:50px;
}
.meteolink2
{
    display:none;
}
.botao2
{
    position:absolute;
    left:25%;
    width:50%;
    top:280px;
  padding:5px;  
  outline:0;
  font-size:14px;
  border-radius:0px;
  font-weight:500;
  border:1px solid #0e9079;
  background: #0e9079;
  color:#fff;
  text-align:center;
}
.botao2:hover
{
    position:absolute;
    left:38%;
    top:7.5%;
  padding:5px;  
  outline:0;
  font-size:14px;
  border-radius:0px;
  font-weight:500;
  border:1px solid #0b6f5e;
  background: #fff;
  color:#0b6f5e;
  cursor:pointer;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}


/*
.apre
{
  float:left;
  padding:0%;
  width:100%;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/fundo_apre.png);
  background-size: cover;
  color:#000;
  border:5px solid red;
  overflow:hiden;
  padding-bottom:10px;
}
*/
.apre_left
{
  float:left;
  padding:0%;
  margin-left:5%;
  width:90%;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  color:#000;
  padding-bottom:10px;
}

.apre_titulo
{
    float:left;
    width:100%;
    text-align:left;
    font-size:30px;   
    font-weight:600;
    color:#0e9079;;
    margin-top:7%;
}
.apre_texto
{
    float:left;
    width:100%;
    text-align:left;
    font-size:18px;
    line-height:24px;   
    font-weight:400;
    color:#000;
    margin-top:1%;
}
/*
 .apre_texto1
{
  float:right;
  padding:0%;
  width:100%;
  height:160px;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/armazem_apre.jpg);
  background-size: cover;
  color:#000;
  padding-bottom:50px;
  display:block;
}
*/
.apre_conheca
{
    float:left;
    width:100%;
    text-align:right;
    font-size:18px;
    line-height:24px;   
    font-weight:400;
    color:#000;

    
    margin-top:1%;
}

.apre_right
{
 display:none;
}
.botao1
{
position:relative;
  padding:15px;
  left:-55%;
  top:-200px;  
  outline:0;
  font-size:16px;
  margin-top:20px;
  border-radius:0px;
  font-weight:600;
  z-index:50000;
  border:1px solid #0e9079;
  background: #0e9079;
  color:#fff;
}


/********produtos slide*******************/
.produtos
{
  float:left;
    padding:0%;
  width:100%;
  height:280px;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../servicos/fundo_serv.jpg);  
  background-size: cover;
  color:#000;
 //  border:3px solid yellow;
  padding-bottom:50px;
}

.produtos_slide
{
    float:left;
    width:90%;
    margin-left:5%;
    height:200px;
    display:flex;
    font-size:42px;   
    font-weight:500;
    color: #0d6b59;  
    margin-top:2%;
    overflow:hidden;
}


/********produtos slide*******************/
.produtos_titulo
{
    float:left;
    width:100%;
    height:80px;
    text-align:center;
    font-size:32px;   
    font-weight:600;
    color: #0d6b59;
    //border:1px solid red;
    margin-top:2%;
}
.ultimas_novidades_titulo
{
    float:left;
    width:80%;
    text-align:left;
    line-height:36px;
    font-size:26px;   
    font-weight:600;
    color:#0d6b59;
    //    border:1px solid blue;
    margin-top:3%;
    margin-bottom:2%;
margin-left:8%;
}
.novidades
{
  float:left;
  padding-top:50px;
    padding:0%;
  width:100%;
  text-align:center;
  font-size:14px;   
  font-weight:300;
//  background:url(../imagens/fundo_novidades_mobile.png);
  background-size: cover;
 // border:1px solid red;
  height:400px;
  color:#000;
  padding-bottom:50px;
}
.ultima_novidade_titulo
{
    float:left;
    width:90%;
    text-align:left;
    margin-left:5%;
    font-size:22px; 
    line-height:24px;  
    font-weight:600; 
    color:#0e9079;
   border:0px solid blue;
    margin-top:0.5%;
}
.ultima_novidade_texto_idn
{
    float:left;
    width:90%;
    text-align:justify;
    margin-left:5%;
    font-size:18px; 
    line-height:26px;  
    font-weight:400;
 //  border:2px dashed #000; 
    max-height:150px;
    overflow:hidden;
    color:#000;
    margin-top:1%;
}
.novidades_lista
{
    float:left;
    margin-left:2%;
    width:96%;
    color: #000;  
    margin-top:0%;
    overflow:hidden;
    
}
.novidades_autifalante
{
display:none;
}
.novidades_titulo
{
    float:left;
    width:100%;
    height:45px;
    text-align:center;
    font-size:32px;   
    font-weight:600;
    color: #0e9079;
    margin-top:5%;
}


.ultima_novidade
{
    float:left;
    width:90%;
    margin-left:5%;
    color: #0d6b59;  
   border:1px solid #0d6b59;;
    border-bottom:3px solid #0d6b59;
    margin-top:3%;
    background:#fff;
    overflow:hidden;
}
.tempo_mobile
{
  float:left;
    padding:0%;
  width:100%;
  height:700px;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:url(../imagens/tempo.jpg);
  background-size: cover;
  color:#000;
  padding-bottom:100px;
  display:block;
}

.tempo
{
  display:none;
}

.tempo_titulo
{
    float:left;
    width:100%;
    height:80px;
    text-align:center;
    font-size:32px;   
    font-weight:600;
    color:#fff;
    //border:1px solid red;
    margin-top:5%;
}
.recomendacoes_titulo
{
    float:left;
    width:90%;
    margin-left:5%;
    height:60px;
    text-align:left;
    font-size:26px;   
    font-weight:600;
    background:#fff;
 //   border:1px solid red;
    color:#0d6b59;
    margin-top:25px;
        margin-bottom:10px;
}
.recomendacoes_l3
{
    display:none;
}
.recomendacoes_l3_mobile
{
    float:right;
    width:100%;
   
    color:#000;
 //   border:2px dotted RED;
    display:block;
}

.recomendacoes_linha{
  display:flex;
  justify-content:space-between; /* espaço entre 1–2 e 2–3 */
  width:100%;
  box-sizing:border-box;
}


.recomendacoes_l1{
  width: 100% !IMPORTANT;        
  height: 400px;
  border: 2px solid #0e9079; 
  border-bottom: 5px solid #0e9079;
  box-sizing: border-box;
}
.recomendacoes_imagens
{
  float:left;
  width:100%;
  height:250px;
 overflow:hidden;
}

.recomendacoes_l3_mobile
{
    float:right;
    width:100%;
    margin-top:20px;
    color:#000;
    display:block;
}
.recomendacoes_l3_imagens_mobile
{
  float:right;
  width:48%;
  height:200px;
  overflow:hidden;
}
.recomendacoes_l3_texto
{
  float:left;
  width:95%;
  height:80px;
    font-size:18px; 
  color:#000; 
    text-align:center;
  font-weight:400;  
}
.recomendacoes_l3_titulo
{
  float:left;
  width:90%;
  margin-top:3%;
  text-align:center;
  font-size:16px; 
  color:#0d6b59; 
  font-weight:600;  
 //background:pink;
}
.recomendacoes_l3_rodape
{
  float:left;
  width:90%; 
    margin-top:5%;
  text-align:center;
  font-size:16px; 
  color:#0d6b59; 
  font-weight:500;  

}
.newsletter
{
  float:left;
  margin-left:0%;
  padding-top:2%;
  width:100%;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  color:#fff;
  padding-bottom:50px;
}
 .newsletter_l
{
  float:left;
  margin-left:10%;
  width:80%;
  text-align:center;
    font-size:16px;  
  height:200px;    
  font-weight:300;
  color:#fff;
}
.newsletter_l_titulo
{
  float:left;
  margin-left:0%;
  margin-top:50px; 
  width:100%;
  text-align:LEFT;
  font-size:22px;
  font-weight:600;
 // border:1px solid blue;
  color:#fff;
}
.newsletter_l_texto
{
  float:left;
  margin-top:20px;
  width:100%;
  line-height:22px;
  text-align:left;
  font-size:16px;
  color:#fff;
  font-weight:300;
}
.newsletter_l_texto1
{
  float:left;
  margin-top:20px;
  margin-bottom:50px;
    line-height:22px;
  width:100%;
  text-align:left;
  font-size:14px;
  font-weight:300;
//  border:1px dotted yellow;
  color:#fff;
}
.newsletter_r
{
  float:left;
  width:90%;
  margin-left:5%;
 // padding-top:70px;
  text-align:center;
    line-height:22px;
     //border:1px dotted yellow;
  height:130px;    
  font-weight:300;
  color:#fff;
}

.rodape_mobile
{
  float:left;
  margin-left:0%;
  width:100%;
  font-weight:300;
  min-height:300px;
  text-align:center;
  font-size:18px;
  height:530px;    
  line-height:24px;  
  background-image: url("../imagens/rodape1.png");
    background-size: cover;
  color:#fff;
    display:none;
}


.rodape_top_c
{
  float:left;
  margin-left:0%;
  margin-top:3%;
    margin-bottom:3%;
  width:100%;
  height:100px;    
  text-align:center;
  color:#fff;
}
.rodape_top_l
{
  float:left;
  margin-left:0%;
  margin-top:0px;
  width:45%;
    font-size:14px;
  height:160px;    
  text-align:center;
  color:#fff;
}


.rodape_top_r
{
  float:right;
  margin-top:0px;
  width:45%;
  height:160px;    
    font-size:14px;
  text-align:center;
  color:#fff;
}
.rodape_top
{
    float:left;
    margin-left:0%;
    padding-bottom:3%;
    padding-top:0%;
    width:100%; 
//    border:2px solid blue;
    color:#fff;
}
.rodape_top_marg
{
    float:left;
    margin-left:10%;
height:15px;
    width:80%; 

    color:#fff;
}
.rodape_bot_marg
{
    float:left;
    margin-left:5%;
height:0px;
    width:90%; 
    border-bottom:2px solid #fff;
    color:#fff;
}

.menu_bloc_big_mobile
{
  float:left;
  width:98%;
  margin-left:1%;
  overflow-x:hidden;
  overflow-y:auto;  
  max-height:300px;
 margin-bottom:1%;
 border-top:1px solid #0d6b59;
 border-bottom:1px solid #0d6b59; 
 display:none;
   box-sizing: content-box;
  scrollbar-width: thin;
  scrollbar-color: #0d6b59 #000 ; 
}

.menu_bloc_big_mobile::-webkit-scrollbar {
    width: 0.5em;
}

.menu_bloc_big_mobile::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000;
}

.menu_bloc_big_mobile::-webkit-scrollbar-thumb {
  background-color: #0d6b59;
  outline: 0px solid #0d6b59;
}

.menu_bloc
{
  float:left;
  padding:1%;
    padding-left:0%;
  width:48.5%;
  margin:0%;
  font-size:14px;   
  font-weight:300;
 color:#fff;
}
.menu_prod_lista
{
  float:left;
 // padding:5px;
  padding-top:0px;
  width:98%;
  text-align:left;
  margin:2px;
  margin-bottom:15px;
  line-height:16px;
  cursor:pointer;
border:0px solid blue;
 color:#fff;
}
.menu_prod_lista:hover
{
   font-weight:500;
     font-size:16px;  
}
.menu_artigos_inside
{
  float:left;
  width:90%;
  margin-left:5%;
 //  border:1px solid yellow;
  margin-bottom:5%;
   border-top:1px solid #0d6b59;
 border-bottom:1px solid #0d6b59; 
 height:250px;
 overflow-y:auto;
  margin-top:1%;  
  display:none;
   box-sizing: content-box;
  scrollbar-width: thin;
  scrollbar-color: #0d6b59 #000 ; 
}


.menu_artigos_inside_mobile
{
  float:left;
  width:80%;
  margin-left:10%;
  margin-bottom:0%;
   border-top:1px solid #0d6b59;
 border-bottom:1px solid #0d6b59;
 text-align:center; 
 height:80px;
  margin-top:1%;  
  display:none;
}
.menu_artigos_inside_rec_texto1_mob
{
  float:left;
  width:100%;
    margin-top:10px;
  margin-bottom:0%;
    font-size:18px;   
  font-weight:700;
  color:#fff;
    text-align:center;
// border:1px solid cyan; 
}

.menu_artigos_inside::-webkit-scrollbar {
    width: 0.5em;
}

.menu_artigos_inside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000;
}

.menu_artigos_inside::-webkit-scrollbar-thumb {
  background-color: #0d6b59;
  outline: 0px solid #0d6b59;
}



.menu_artigos_inside_r
{
  float:left;
  width:100%;
//  border:1px solid blue; 
}
.menu_artigos_inside_l
{
  float:left;
  margin-top:2%;
  width:100%;
//  border:1px solid red; 
}

.slideshow_pequeno_veu
{
    position:relative;
    top:120px;
    left:0px;    
    margin-bottom:0%;
    width:100%;
    height:100px;
    z-index:10;
   background: rgb(0,0,0,0.3);

}

.slideshow_pequeno
{
    float:left;
    margin-left:0%;
    margin-top:120px;
    width:100%;
    height:200px;
    font-weight:500;
    overflow:hidden;
}

.sloganprod
{
    position:absolute;
    left:10%;
    top:250px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:22px;
    z-index:99900;
    text-transform:uppercase;
        color:#fff;
//  border:5px solid blue;
  text-align:center;
   // border:1px solid red;
}

.produtos_inside
{
    float:left;
    margin-left:5%;
        margin-top:3%;
    width:90%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    color:#000;
  border:0px solid green;
          margin-bottom:3%;
}


.subf_detalhe_texto
{
    float:left;
    padding:0%;
    width:90%;
    font-size:18px;   
    font-weight:400;
        margin-top:10%;
 //   border:2px solid #000;
    text-align:justify;
}

.subf_detalhe_img
{
/*
    float:right;
    padding:0%;
    width:60%;
    height:150px;
  */
  display:none;
}
.produtos_card
{
    float:left;
    padding:0%;
    width:90%;
    margin:5%;
    height:430px;
  border:1px solid #dedede;
  border:1px solid blue;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);


}



.sloganoprodSUB
{
    position:absolute;
    left:10%;
    top:230px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:14px;
    z-index:99900;
   // text-transform:uppercase;
    color:#fff;
    text-align:left;
}
.sloganoprod
{
    position:absolute;
    left:10%;
    top:250px;
    width:80%;
    font-weight:600;
    font-size:22px;
    z-index:99900;
  //  text-transform:uppercase;
        color:#fff;
 //  border:1px solid red;
  text-align:left;
   // border:1px solid red;
}
.produto_inside_l
{
    float:left;
    width:100%;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;

}


.produtos_inside_tit
{
      float:left;
      margin-left:0%;
      margin-top:10%;
      width:100%;
      text-align:justify;
      font-size:22px;   
      font-weight:600;
      color:#0d6b59;
    //  border:2px solid red;
      margin-bottom:0%;
}

.representantes_rodape_titulo
{
    float:left;
    padding:0%;
    margin-top:5%;
    margin-bottom:0%;
    width:100%;
  font-size:22px;   
  font-weight:600;
    text-align:center;
       color:#0d6b59;
  // border:1px dashed #000;  
}
.slideshow_med_preto
{
    position:absolute;
    top:120px;
    left:0px;    
    margin-bottom:0%;
    width:100%;
    height:150px;
    z-index:10;
        cursor:pointer;
    background:rgb(0,0,0,0.3);
}
  .slideshow_titulo_noticias1
{
    position:absolute;
    top:130px;
    left:10%; 
    font-size:18px;  
    font-weight:500; 
    z-index:5000;
    color:#fff;

}
  .slideshow_titulo_noticias1_rec
{
    position:absolute;
    top:130px;
    left:10%; 
    font-size:18px;  
    font-weight:500; 
    z-index:5000;
    color:#fff;

}

  .slideshow_titulo1
{
    position:absolute;
    top:160px;
    left:10%; 
    WIDTH:80%;
    font-size:22px;  
    line-height:26px;  
    font-weight:600; 
    z-index:5000;
 //border:1px solid red;
       color:#fff;

}
  .slideshow_titulo1_rec
{
    position:absolute;
    top:160px;
    left:10%; 
    WIDTH:80%;
    font-size:22px;  
    line-height:26px;  
    font-weight:600; 
    z-index:5000;
  //  border:1px solid red;
       color:#fff;

}
.sloganempresa
{
    position:absolute;
    left:10%;
    top:250px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:32px;
    z-index:10000;
        color:#fff;
  //  border:5px solid red;
  text-align:center;
   // border:1px solid red;
}

 .empresa_bloco1
{
  display:none;
}
.empresa_bloco2
{
    float:left;
    padding:0%;
    margin-left:5%;
    width: 90%;
    margin-right:10%;
    text-align:center;
    background:#fff;

}
.empresa_titulo
{
    float:left;
    width:100%;
    text-align:left;
    line-height:26px;
    font-size:22px;   
    font-weight:700;
    color:#0d6b59;
    margin-top:10%;
       
}

.empresa_bloco11
{
display:none;
}
.empresa_bloco111
{
    float:right;
    padding:0%;
    margin-right:5%;
    width:90%;
    text-align:center;
    background:#fff;
   display:block;
}
.empresa_bloco22
{
    float:left;
    padding:0%;
    width:90%;
    margin-left:5%;
    text-align:center;
    background:#fff;
 
}
.empresa_blocos_linha
{
    float:right;
    padding:0%;
    width:100%;

   margin-bottom:15%;
}
.empresa_inside
{
    float:left;
    margin-left:5%;
    width:90%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    background:#fff;
    color:#000;
}
.empresa_time
{
    float:left;
    width:100%;
//    margin-top:28%;
    padding-top:5%;
        padding-bottom:5%;
    text-align:center;
    font-size:14px;   
    color:#000;
     border:3px dotted blue;
}
.quadrado1
{
    position:relative;
    top:0px;
    left:0px;
    width:15%;
    margin-right:3%;
        margin-bottom:-150px;
    text-align:center;
    font-size:14px;   
    height:260px;
    z-index:2555;
    color:#000;

}

.empresa_time_line_q
{
    float:left;
    width:15%;
    margin-left:1%;
    height:100px;
    margin-top:0%;
    text-align:center;
    font-size:14px;   
    color:#000;
    border:1px solid blue;
    background:#dedede;
}

.empresa_time_line_q1
{
    float:left;
    width:15%;
    margin-left:1.3%;
    height:100px;
    margin-top:75px;
    text-align:center;
    font-size:14px;   
    color:#000;
  //  border:1px solid red;
//    background:cyan;
}
 .empresa_time_line_q2
{
    float:left;
    width:15%;
    margin-left:1.3%;
    height:100px;
    margin-top:0%;
    text-align:center;
    font-size:14px;   
    color:#000;
 //   background:pink;
}

.empresa_titulo1
{
    float:left;
    width:100%;
    text-align:left;
    line-height:48px;
    font-size:22px;   
    font-weight:700;
    color:#0d6b59;
    margin-top:5%;
}



.contactar_bloco1
{
    float:left;
    padding:0%;
    width:100%;
    text-align:center;

}
.contactar_bloco2
{
    float:left;
    padding:0%;
    width:100%;
    text-align:center;

}

.contactar_titulo
{
    float:left;
    width:100%;
    height:30px;
    text-align:center;
    font-size:22px;   
    font-weight:600;
    color: #fff;

    margin-top:5%;
}
 .contactar_inside
{
    float:left;
    margin-left:5%;
    width:90%;
    text-align:justify;
    font-size:18px;   
    font-weight:400;
    color:#000;

}
.contactar_titulo1
{
    float:left;
    width:100%;
    text-align:center;
    font-size:32px;   
    font-weight:600;
   // border:1px solid red;
    margin-top:0%;
}

.contactar_titulo2
{
    float:left;
    width:100%;
    text-align:center;
    font-size:16px;   
    font-weight:600;
    color: #fff;

    margin-top:2%;
}

.lojas_bloco11
{
    float:right;
    padding:0%;
    width:30%;
    text-align:center;
    background:#fff;
   display:none;
   //border:3px dotted red;
}
.lojas_bloco22
{
    float:left;
    padding:0%;
    width:90%;
    margin-left:5%;
    text-align:center;
    background:#fff;
 //   border:3px solid blue;
}

.lojas_titulo
{
    float:left;
    width:100%;
    text-align:left;
    line-height:48px;
    font-size:22px;   
    font-weight:700;
    color: #0e9079;;
    margin-top:10%;
}
.lojas1,.lojas2
{
    float:left;
    padding:0%;
    width:100%;

    margin-bottom:10%;
    text-align:center;
    background:#fff;
    border:1px solid #0d6b59;
    border-bottom: 3px solid #0d6b59;
}
.lojas_foto
{
    float:left;
    padding:0%;
    //margin-bottom:4%;
    width:100%;;
    height:45%;
    text-align:center;
    overflow:hidden;
  // background:red;
//border:3px solid red;
}

.contactar_input50_r
{
  padding:2%;
  width:47%;
  margin-right:0%;
  outline:0;
  height:96%;
  border-radius:0px;
  text-align:left;
  background:#fff;
    font-family: 'outfit', sans-serif;
    color:#000;
    font-size:20px; 
  border:2px solid #0e9079;
}

.sloganservicos
{
    position:absolute;
    left:10%;
    top:250px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:32px;
    z-index:10000;
        color:#fff;
// border:5px solid red;
  text-align:center;
   // border:1px solid red;
}
.servicos
{
    float:left;
    padding:0%;
    width:100%;
    margin-top:3%;
    margin-bottom:3%;
    height:220px;
    text-align:center;
    background:#fff;
  //  border:3px dotted red;
}

.servicos_bloco1_img1
{
    margin-top:10%;
    display: inline-block;
    background:url(../servicos/at0.png);  
    width:75px;
    height:75px;                
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
    text-align:center;
    display:block;
}


.servicos_bloco1_img2
{
    margin-top:10%;
    display: inline-block;
    background:url(../servicos/an0.png);  
    width:75px;   
    height:75px;              
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
    text-align:center;
    display:block;
}



.servicos_bloco1_img3
{
    margin-top:10%;
    display: inline-block;
    background:url(../servicos/af0.png);  
    width:75px;
    height:75px;                
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
    text-align:center;
    display:block;
}
.servicos_titulo
{
    float:left;
    width:100%;
    text-align:center;
    line-height:36px;
    font-size:28px;  
     
    font-weight:600;
    color:#0d6b59;
        border:0px solid red;
    margin-top:5%;
    margin-bottom:3%;
}
.servicos_bloco1
{
    float:left;
    width:48%;
    height:200px;;
    text-align:center;
    font-size:18px;   
    font-weight:500;
  //  border:1px solid red;
    color:#d9dada;
}

.servicos_bloco1_img4
{
    margin-top:10%;
    display: inline-block;
    background:url(../servicos/re0.png);  
    width:75px;
    height:75px;                
    background-repeat:   no-repeat;
    background-size:     cover;   
    background-position: center center;  
    text-align:center;
    display:block;
}


.servicos_bloco1_tit
{
   float:left;
  width:85%;
  height:10%;
      line-height:16px;
    font-size:12px;   
    font-weight:500;
  padding-top:3%;
  // border:1px dotted blue;
  text-align:center;
}
.servicos_inside
{
    float:left;
    margin-left:0%;
    width:100%;
    height:400px;
    text-align:center;
    font-size:14px;   
    font-weight:300;
    background:#fff;
    color:#000;
  

}

.servicos_detalhe
{
    float:left;
    padding:0%;
    width:90%;

//    border:1px solid red;
        margin-left:5%;
    margin-top:5%;
    margin-bottom:3%;
    text-align:center;
}
.servicos_detalhe_titulo
{
    float:left;
    padding:0%;
    width:100%;
  font-size:22px;   
  font-weight:600;
    text-align:left;
    line-height:30px !important;
   color:#0d6b59;
// border:1px solid red;  
}

.servicos_detalhe_texto
{
    float:left;
    padding:0%;
    width:100%;
    font-size:13px;   
    font-weight:400;
 // border:2px solid #000;
    text-align:justify;
    margin-top:3%;
}
.servicos_detalhe_texto1
{
    float:left;
    padding:2%;
    font-size:18px;   
    font-weight:400;
  //   border:2px solid #000;
    text-align:justify;
    margin-right:3%;
}


.servicos_detalhe_texto_sub
{
    float:left;
    padding:0%;
    width:100%;
    font-size:22px;   
    font-weight:600;
    text-align:left;
    margin-top:0%;
    color:#0d6b59;
 //  border:2px solid #000;
}
.servicos_detalhe_img
{
    float:right;
    padding:0%;
    width:100%;
    height:350px;
  // border:2px dotted red;
}
.representantes_titulo
{
    float:left;
    padding:0%;
    margin-top:5%;
    margin-bottom:3%;
    width:100%;
  font-size:22px;   
  font-weight:600;
    text-align:center;
   color:#fff;
// border:1px solid red;  
}

.representantes_bloco1
{
    float:left;
    width:100%;
    margin-bottom:3%;
        margin-top:1.5%;
    font-size:18px;   
    font-weight:400;
    text-align:left;
    background:#fff;
        height:100px;
        overflow:hidden;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.representantes_bloco2
{
    float:right;
    width:100%;
        margin-bottom:3%;
                margin-top:1.5%;
    font-size:18px;   
    font-weight:400;
    text-align:left;
        height:100px;
        overflow:hidden;
    background:#fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); 
}
.servicos_detalhe_tecnicos_pessoas
{
    float:left;
    margin-left:5%;
    width:90%;
   // border:2px solid red;
    margin-bottom:10%;
}

.representantes_bloco_texto
{
    float:right;
    width:68%;
    font-size:14px;   
    line-height:18px;
    font-weight:400;
    text-align:left;
    color:#0D6B59;
}
.slideshow_med
{
    float:left;
    margin-left:0%;
          margin-top:120px;
    width:100%;
    height:300px;
    font-weight:500;
        cursor:pointer;
    overflow:hidden;
}

.slideshow_med_veu
{
    position:absolute;
    top:0px;
    left:0px;    
    margin-bottom:0%;
    width:100%;
    height:200px;
    z-index:10;
    cursor:pointer;
 background:url(../imagens/veuverde1.png);  
//    background:transparent;
 //   background-size: cover;
}


.noticias_tit
{
    float:left;
    width:100%;
    margin-top:5%;
    text-align:center;
    font-weight:700;
    color:#0d6b59;
    font-size:16px;

}
.reco_tit
{
    float:left;
    width:100%;
    margin-top:5%;
    text-align:center;
    font-weight:600;
    color:#ACB5BD;
    font-size:16px;
}

.noticias_inside
{
    float:left;
    width:90%;
    margin-left:5%;
    margin-top:0%;
   // margin-bottom:3%;
    text-align:left;
 // border:2px solid red;
}
.reco_inside
{
    float:left;
     width:90%;
    margin-left:5%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;
    font-size:18px;  
    line-height:24px;  
    font-weight:400;   
  //  border:1px solid red;  
}
.reco_inside1
{
    float:left;
    width:90%;
    margin-left:5%;
    text-align:left;
        font-size:18px;  
    line-height:24px;  
    font-weight:400; 
 //border:5px dotted red;
}


.reco_inside_l3
{
    float:left;
    width:100%;
    margin-top:0%;
    margin-bottom:3%;
    border:1px solid #dedede;
    height:max-content;
    overflow:hidden;
    text-align:left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
}

.pbs_inside_l3
{
    float:left;
    width:100%;
    margin-top:0%;
    margin-bottom:5%;
    border:1px solid #dedede;
    height:270px;
    overflow:hidden;
    text-align:left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
}

.subfs_inside_l3
{
    float:left;
    width:98%;
    margin-top:-10%;
    margin-bottom:22%;
    border:1px solid #dedede;  
    height:200px;
    overflow:hidden;
    text-align:left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
}
.sloganfamilias
{
    position:absolute;
    left:10%;
    top:210px;
    width:80%;
    height:60px;
    font-weight:600;
    font-size:22px;
    z-index:10000;
        color:#fff;
// border:5px solid red;
  text-align:center;
   // border:1px solid red;
}

.topmarg
{
    float:left;
    padding:0%;
    width:100%;
height:6px;
}

.representantes_rodape_titulo
{
    float:left;
    padding:0%;
    margin-top:5%;
    margin-bottom:0%;
    width:100%;
  font-size:22px;   
  font-weight:500;
    text-align:center;
       color:#0d6b59;
  // border:1px dashed #000;  
}
.representantes_rodape_texto
{
    float:left;
    padding:0%;
    margin-top:1%;
    margin-bottom:1%;
    width:100%;
  font-size:16px;   
  font-weight:400;
    text-align:center;
 color:#0d6b59;
  display: flex;
  align-items: center;
  justify-content: center;
}
.servicos_detalhe_tecnicos_rodape_inside
{
    float:left;
    padding:0%;
    width:90%;
    margin-left:5%;
    text-align:center;
   // border:1px solid red;
 //  background:cyan;
  //  display:none;
}
.servicos_detalhe_tecnicos_rodape
{
    float:left;
    margin-left:0%;
    width:100%;
    text-align:center;
    font-size:14px;   
    font-weight:300;
    background:url(../servicos/fundo_servicos2.jpg);  
    background-size: cover;  
    color:#000;
   padding-bottom:10%;
   padding-top:5%;
}

.noticias_top_l
{
    float:left;
    width:19%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;

}
.noticias_top_c
{
    float:left;
    margin-left:-2%;
    width:65%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;

}
.noticias_top_r
{
    float:left;
    width:18%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:left;

}


.ajusta_largura
{   
    width:100%;
    height:auto;
}
.ajusta_largura2
{   
   height:100%;
    width:auto;
}

.noticias_inside_texto_titulo
{
    float:left;
    width:100%;
    height:max-content;
    line-height:30px;
    font-size:22px;  
    font-weight:700; 
    color:#000;
    margin-left:0%;
    margin-top:0%;
    overflow:hidden;
    text-align:left;
}
.reco_inside_texto_titulo3
{
    float:left;
    width:90%;
        height:max-content;
    line-height:30px;
    font-size:22px;  
    font-weight:700; 
    color:#000;
    margin-bottom:5px;
    margin-top:0%;
    overflow:hidden;
  //  margin-bottom:1%;
    text-align:left;
}
 .reco_inside_l4
{
    float:left;
    width:100%;
    margin-top:0%;
    margin-bottom:5%;
    border:1px solid #dedede;
    height:320px;
    overflow:hidden;
    text-align:left;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.26);
}

.nsubfs_inside
{
    float:left;
    width:82%;
    margin-left:9%;
    margin-top:15%;
    margin-bottom:3%;
    text-align:left;
    
}
.chktextbox
{
    float:left;
    padding-top:5px;
    width:85%;
    text-align:left;
    //border:3px dotted red;
}
.produto_inside_rr
{
    float:left;
    width:100%;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:3%;
    text-align:center;
    display:block;

}
.produto_inside_r
{
    display:none;
}

}
@media (max-width: 768px){

  .recomendacoes{
    width: 90% !important;
    margin-left: 5% !important;
    display: block !important;      /* não precisa ser flex */
    padding-bottom: 20px !important;
  }

  .recomendacoes_linha{
    display: flex !important;
    flex-direction: column !important;  /* 👈 empilha */
    gap: 16px;                          /* espaço entre cards */
    width: 100% !important;
  }

  .recomendacoes_l1{
    width: 100% !important;          /* 👈 ocupa o ecrã todo */
    margin: 0 !important;
    height: auto !important;         /* evita cortes estranhos */
    box-sizing: border-box;
  }

  .recomendacoes_imagens{
    height: 220px !important;        /* ajusta se quiseres */
  }

  .recomendacoes_texto_index{
    height: auto !important;         /* opcional: deixa crescer */
    max-height: 90px;                /* opcional: limita */
    overflow: hidden;
  }
.newsletter_l_texto1
{
  float:left;
  margin-top:5px;
  margin-bottom:0px;
  width:100%;
  height:100px;
  text-align:left;
  font-size:14px;
  font-weight:300;
 // border:1px dotted blue;
  color:#fff;
}  
.newsletter_r
{
  float:left;
  margin-right:0%;
  width:90%;
  padding-top:0px;
  text-align:center;   
  font-weight:300;
  height:60px;
//border:1px solid #fff;
  color:#fff;
}  


.arecomendacao_bola
{
    float:left;
    width:0%;
 // height:800px;
 //   border:3px solid red;
  text-align:center;
  font-size:14px;   
  font-weight:300;
  background:#fff;
  color:#000;
}

.arecomendacao_lista
{
    float:left;
    margin-right:2%;
    //border:3px solid blue;
    width:100%;
    color: #000;  
    margin-top:0%;
    overflow:hidden; 
}


  
}

/* em ecrãs médios: 6 */
@media (max-width: 1100px){
  .slider__item{ width: calc((100% - (5 * 16px)) / 6); }
}

/* em mobile: 3 */
@media (max-width: 700px){
  .slider__item{ width: calc((100% - (2 * 16px)) / 3); }
}


/* espaço entre cada icon */
.produtos_slide .slider__item{
  margin: 0 32px;   /* aumenta/diminui aqui conforme quiseres */
}

/* ===========================
   RODAPÉ RESPONSIVO (FIX)
   colar no FIM do dash.css
   =========================== */

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

  /* container do topo do rodapé */
  .rodape .rodape_top{
    margin-left: 0% !important;
    width: 100% !important;
    padding-bottom: 20px !important;
  }

  /* 3 colunas -> 1 coluna (stack) */
  .rodape .rodape_top_l,
  .rodape .rodape_top_c,
  .rodape .rodape_top_r{
    float: none !important;
    width: 100% !important;
    height: auto !important;          /* remove os 160px/140px */
    margin: 0 !important;
    padding: 10px 5% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* separadores / margens */
  .rodape .rodape_top_marg{
    margin-left: 0% !important;
    width: 100% !important;
    height: 20px !important;
  }

  .rodape .rodape_bot_marg{
    margin-left: 5% !important;
    width: 90% !important;
    height: 0 !important;
  }

  /* logotipo no rodapé não "rebenta" no telemóvel */
  .rodape .ajusta_logo200{
    max-width: 220px !important;
    height: auto !important;
  }

  /* se o formulário do newsletter tiver inputs largos */
  .rodape input,
  .rodape select,
  .rodape textarea{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

  /* SUBFAMÍLIAS - MOBILE (1 por linha) */
@media (max-width: 768px){

  .nsubfs_inside{
    width: 90% !important;
    margin-left: 5% !important;
  }

  .subfs_inside_l3{
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;  /* espaço entre cards */
    height: auto !important;
    overflow: hidden;
    box-sizing: border-box;
  }

  .subs_inside_img3{
    width: 100% !important;
    height: 200px !important;       /* ajusta a teu gosto */
    float: none !important;
  }

  .subs_inside_img3 img.ajusta_altura{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
  }

  .subf_inside_texto3{
    height: auto !important;
    padding: 12px 5% !important;
  }

  .subf_inside_texto_titulo3{
    width: 100% !important;
    height: auto !important;
    line-height: 24px !important;
  }
  
  
  

  /* 1) Head / slogan no topo da imagem */
  .sloganempresa{
    top: 220px !important;      /* ajusta se quiseres */
    font-size: 26px !important;
    width: 90% !important;
    left: 5% !important;
    text-align: left !important;
  }

  /* 2) Primeira secção (abelha + texto) fica em coluna */
  .empresa_blocos_linha{
    float: none !important;
    width: 100% !important;
  }

  .empresa_bloco11,
  .empresa_bloco22{
    float: none !important;
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 0 !important;
  }

  .empresa_titulo{
    font-size: 34px !important;
    line-height: 38px !important;
    margin-top: 24px !important;
  }

  .empresa_texto{
    font-size: 16px !important;
    line-height: 24px !important;
    margin-top: 18px !important;
  }

  /* 3) Bloco “fundo25” não pode ter altura fixa no mobile */
  .fundo25{
    height: auto !important;
    padding: 28px 0 !important;
  }

  .empresa_bloco1,
  .empresa_bloco2{
    float: none !important;
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
  }

  .empresa_tituloAP{
    font-size: 26px !important;
    line-height: 32px !important;
  }

  /* 4) Secção carrinha + quadro: no desktop está “sobreposto”.
        No mobile deve empilhar e remover o top:-550px */
  .fundo_empresa{
    float: none !important;
    max-height: none !important;
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .empresa_carrinha{
    position: static !important;
    width: 90% !important;
    margin: 0 0 18px 5% !important;
    left: 0 !important;
    top: 0 !important;
  }

  .empresa_quadro{
    position: static !important;
    width: 90% !important;
    height: auto !important;
    margin: 0 0 0 5% !important;
    padding: 18px 5% !important;
    left: 0 !important;
    top: 0 !important;
    box-sizing: border-box;
  }

  /* 5) Os 4 “valores” em 2 colunas (ou 1 se preferires) */
  .empresa_quadro_blocos{
    float: left !important;
    width: 50% !important;
    height: auto !important;
    margin: 0 0 18px 0 !important;
  }

  .empresa_quadro_separa{
    float: left !important;
    width: 60% !important;
    margin-left: 20% !important;
    margin-top: 10px !important;
  }

  .empresa_quadro_subtit{
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .empresa_quadro_texto{
    width: 100% !important;
    margin-left: 0 !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }  
  
  
  
  .empresa_quadro img{
    max-width: 64px !important;
    height: auto !important;
    display: block;
    margin: 0 auto 10px auto;
  }
  
   .fundo_empresa{
    background-image: none !important;
    background: #fff !important;
  }

   .empresa_titulo,
  .empresa_tituloAP,
  .empresa_quadro,
  .empresa_quadro_tit{
    background: none !important;
    background-color: #fff !important;
  } 
  
  
}




/* ===========================
   CONTACTAR / LOJAS - MOBILE FIX
   (mantém desktop como está)
   =========================== */
@media (max-width: 900px){

  /* evita overflow lateral */
  body, .base { overflow-x: hidden; }

  .contactar_inside{
    margin-left: 5% !important;
    width: 90% !important;
  }

  /* Form: imagem + campos em coluna */
  .contactar_bloco1,
  .contactar_bloco2{
    float: none !important;
    width: 100% !important;
  }

  .contactar_bloco2 img{
    width: 100% !important;
    max-width: 420px !important;
    height: auto !important;
  }

  /* Inputs 50/50 -> 1 por linha */
  .contactar_input50_l,
  .contactar_input50_r{
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  /* bloco contactos gerais: empilhar */
  .contactar_bloco11,
  .contactar_bloco22,
  .contactar_bloco33{
    float: none !important;
    width: 90% !important;
    margin: 10px 5% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  /* opcional: no mobile o ícone grande pode sair */
  .contactar_bloco11{ display: none !important; }

  /* Mapa responsivo (o iframe no HTML tem width=640) */
  .contactar_bloco33{
    padding: 0 !important;
    overflow: hidden !important;
  }
  .contactar_bloco33 iframe{
    width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    display: block !important;
    border: 0 !important;
  }

  /* fundo verde com altura fixa quebra no mobile */
  .fundo251{
    height: auto !important;
    padding-bottom: 20px !important;
  }

  /* LOJAS: 1 por linha (garante) */
  .lojas1,
  .lojas2{
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }

  .lojas_foto{
    height: auto !important;
  }
  .lojas_foto img{
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }

  .lojas_dados{
    height: auto !important;
    font-size: 16px !important;
  }
  
  
    .reco_inside4,
  .reco_inside,
  .reco_inside1,
  .noticias_inside{
    width: 90% !important;
    margin-left: 5% !important;
    box-sizing: border-box !important;
  }

  /* 1 card por linha e gaps mais pequenos */
  .news-grid,
  .news-grid.news-grid-4{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* card deixa de ter altura fixa no mobile (evita cortes) */
  .news-card{
    height: auto !important;
    min-height: 0 !important;
    border-radius: 0px;
  //  border:2px solid red;
    margin-bottom:40px;
    overflow:hidden;
    
  }

  /* imagem com altura controlada */
  .news-img{
    position: relative !important;
    height: 200px !important;
  }

  /* footer deixa de ser overlay (fica por baixo da imagem) */
  .news-footer{
    position: relative !important;
 //   height: auto !important;
    //border:2px solid blue;
    padding: 14px 14px !important;
    height:100px;
 //   background: rgba(2,77,64,1) !important; /* sólido no mobile para legibilidade */
  }

  .news-title{
    font-size: 17px !important;
    line-height: 20px !important;
  }

  .news-date{
    font-size: 14px !important;
    opacity: .9;
  }
}


/* ===== RECARDS: correção definitiva e truncamento bonito ===== */
/* ===== RECARDS: Solução final - Mobile 10% lateral, Desktop centrado com max-width ===== */
html, body, .recards, .recards * { box-sizing: border-box; }

/* MOBILE (default): 80% width, 10% margens laterais */
.recards {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  padding: 18px 0;
  max-width: 1100px;    /* não excede isto mesmo em ecrãs largos */
}

/* grid base: 1 coluna (mobile) */
.recards-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  width: 100%;
}

/* cartões (sem alteração) */
.recard {
  width: 100%;
  background: #fff;
  border: 2px solid #0e9079;
  border-bottom: 5px solid #0e9079;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease;
}

/* media */
.recard-media { height: 200px; overflow:hidden; background:#eee; }
.recard-media img { width:100%; height:100%; object-fit:cover; display:block; max-width:100%; }

/* corpo do cartão — mais margem interna para respirar */
.recard-body {
  padding: 18px 18px 20px 18px; /* topo | direita | baixo | esquerda */
  display: flex;
  flex-direction: column;
}

/* título: espaço mais consistente e fonte um pouco maior */
.recard-title {
  font-weight: 700;
  font-size: 17px;
  color: #0b3b34;
  margin: 0 0 10px 0;
  line-height: 1.2;
}

/* excerto: ligeiro ajuste no espaçamento e truncamento em 3 linhas */
.recard-excerpt {
  color: #333;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 12px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;        /* mostra até 3 linhas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ler mais: destaque subtil, peso mais leve e pequeno efeito hover */
.recard-more {
  margin-top: auto;
  font-weight: 500;             /* menos peso conforme pedido */
  color: #0e9079;               /* cor de destaque */
  font-size: 13px;
  letter-spacing: 0.2px;
  transition: transform .12s ease, opacity .12s ease;
  opacity: 0.98;
}

/* efeito ao passar o rato ou focus (pequeno lift e escurecimento) */
.recard-link:hover .recard-more,
.recard-link:focus .recard-more {
  transform: translateY(-2px);
  opacity: 1;
}

/* link que envolve o cartão: faz com que o cartão seja clicável, mas não herde cor/decoração de link */
.recard-link {
  display: block;
  color: inherit !important;
  text-decoration: none !important;
}

/* Força todos os elementos internos do link a usar a cor herdada (títulos, parágrafos, etc.) */
.recard-link, 
.recard-link * {
  color: inherit !important;
  text-decoration: none !important;
}

/* Estado hover — destaca o cartão visualmente (não muda cor do texto) */
.recard-link:hover .recard,
.recard-link:focus .recard,
.recard-link:active .recard {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(0,0,0,0.08);
}

/* Acessibilidade: quando focado via teclado mostra um outline claro */
.recard-link:focus { outline: none; }
.recard-link:focus-visible {
  outline: 3px solid rgba(14,144,121,0.12);
  outline-offset: 4px;
}

/* Remove cor de link visitado em todo o cartão (evita roxo) */
.recard-link:visited,
.recard-link:link,
.recard-link:active,
.recard-link:hover {
  color: inherit !important;
}

/* segurança contra overflow horizontal */
html, body { max-width: 100vw; overflow-x: hidden; }

/* ===== BREAKPOINTS ===== */
/* BREAKPOINT: tablet (2 colunas), margens reduzidas */
@media (min-width: 700px) and (max-width: 1099px) {
  .recards {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px 0;
  }
  .recards-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .recard-media { height: 220px; }
}

/* BREAKPOINT: desktop (3 colunas) — CENTER com max-width para evitar offset */
@media (min-width: 1100px) {
  /* centraliza com max-width fixed: deixa o layout alinhado e simétrico */
  .recards {
    width: 100%;
    max-width: 1120px;   /* ajusta se o teu site usa outro container (ex: 1200px) */
    margin-left: auto;
    margin-right: auto;
    padding: 28px 0;
  }

  .recards-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    width: 100%;
  }

  .recard-media { height: 250px; }
}

/* =========================================================
   FIX recomendacoes.php - rodapé sobreposto no mobile
   O problema era a zona .novidades com altura fixa no mobile
   e elementos flutuantes/flex que não "empurravam" o rodapé.
   ========================================================= */
.clear-footer{
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
}

.novidades::after,
.recomendacoes::after,
.reco_inside4::after{
  content: "";
  display: block;
  clear: both;
}

.rodape{
  clear: both;
}

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

  .novidades{
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    clear: both !important;
    display: block !important;
    padding-bottom: 30px !important;
  }

  .recomendacoes{
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    display: block !important;
    clear: both !important;
    margin-bottom: 30px !important;
  }

  .recomendacoes_linha{
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .reco_inside4{
    height: auto !important;
    overflow: visible !important;
    clear: both !important;
  }

  .rodape{
    position: relative !important;
    clear: both !important;
    float: left !important;
    width: 100% !important;
    margin-top: 20px !important;
    z-index: 1 !important;
  }
}