@charset "utf-8";
/* CSS Document */


/****************************************CSS RESET*******************************************/

*{ margin:0;
padding:0;
font-size:100%;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;

}


html, body{ overflow-x:hidden;
  background-color: #E6E6E6;





}



ul { list-style:none;
}

a{ text-decoration:none;
cursor:pointer;
}


/****************************************SITE RESPONSIVO COOPCENT*******************************************/

/* HEADER */

header{   background-color: #034732;
 width:100%;
 top: 0;
 left:0;
 display: flex;
 justify-content: space-between;

}

.fixar{
    position:fixed;
    margin-top: 0px !important;
}

header img{ width:250px;
  height: 60px;

margin-left: 5%;
}


/* MENU */

.menu{width: 1380px;
  height:54px;
  margin-top: 5px;


}

.menu ul{ list-style:none;
position: absolute;

}

.menu ul li{ width:230px;
float:left;

}



.menu ul li a:hover{
  -o-transition:.7s;
    -ms-transition:.7s;
    -moz-transition:.7s;
    -webkit-transition:.7s;
    /* ...and now for the proper property */
    transition:.7s;
    background-color: #002419;


}


.menu a{ padding-right:15px;
  padding-left:15px;
  padding-bottom:18px;
  padding-top:15px;
display:block;
text-decoration:none;
text-align:center;
background:#034732;
color:#FFF;
font-family: 'Open Sans', sans-serif;

}

.menu ul li ul{
	display:block;
	height:auto;
  padding:0;
  opacity:0;
	pointer-events:none;
  z-index: 9999;
}

.menu ul ul li{ float:none;
border-bottom:1px solid #011a12;
}


.menu ul ul li a{ background: #002419;
font-size:90%;
font-family: 'Open Sans', sans-serif;
}


.menu ul li:hover ul{
  left:auto;
  pointer-events:auto;
  opacity:1;
  transition:  opacity 0.6s ease 0s ;
}


.menu ul li a:hover{ background:#002419;}

.menu ul li a#verm:last-child:hover { background: #002419;}

.menu ul li a#btContato:last-child:hover { background: #002419;}

.menu ul ul li a:hover{ background: #002419;
text-decoration: underline;}


label[for="btMenu"]{
color:#FFFFFF;
font-family: 'Open Sans', sans-serif;
text-align:center;
font-size:44px;
cursor:pointer;
width:60px;
height:60px;
padding: 0px;
display:none;
}

#btMenu{ display:none;

}

/* REDES SOCIAIS */

.redesSociais{
  margin-right: 2%;
  padding-top: 8px;


}

.redesSociais ul { list-style:none;

}

.redesSociais ul li{
float:left;
}

.redesSociais ul li a{font-size:24px; color:#ffffff; display:block; padding:10px;

  -o-transition:.7s;
    -ms-transition:.7s;
    -moz-transition:.7s;
    -webkit-transition:.7s;
    /* ...and now for the proper property */
    transition:.7s;

   }

.redesSociais ul li a:hover{ color: #70c3f9;}



.redesSociais ul li:first-child:hover > a{ color: #2dff3b;}



  /* Slideshow */

  .slidershow{
    display: flex;
    width: 100%;
  }

  .demo_wrapper {
  	width: 100%;
  	height: 100%;
  	margin: 0 auto;

  }

#demo1 ul li a img:hover{ background-image: url("img/banner_home/campanha_solidariedade_aos_catadores_ja_hover.png");
  background-repeat: no-repeat;
}



/* Area ECOSOL */

.ecosol{
  background-color:#E6E6E6;
  padding-top: 30px;
  padding-bottom: 30px;

}

.ecosol .grid_ecosol{display: flex;
width: 100%;
padding-top: 30px;

padding-left: 10px;
padding-right: 10px;
text-align: center;
justify-content: center;

}

.ecosol .grid_ecosol li{ padding: 0 15px;
  padding-bottom: 20px;
  width: 100%;
}


.ecosol .grid_ecosol li img{width: 300px; height: 200px;}

.ecosol .grid_ecosol li h4{ padding-top: 5px;padding-bottom: 5px; font-size: 1.4rem; color: #000000; text-align: center;}

.ecosol h1{ text-align: center;
  padding-bottom: 15px;
  font-size: 1.8rem;
  color:#000000;
  border-bottom: 2px solid #f49425;
  border-left-width: thick;
  text-align: center;
  width: 50%;
  margin-left: 25%;
  align-items: center;
  justify-content: center;
margin-top: 15px;}

.ecosol .grid_ecosol li p{ color: #919191;}



.ecosol .saiba_mais{display: flex;
width: 100%;
text-align: center;
justify-content: center;


}


.ecosol .saiba_mais li h4{font-size: 1.4rem; color: #000000; text-align: center;}



.ecosol .saiba_mais li p{ color: #919191;}

.ecosol .saiba_mais li.saiba_mais{ width: 100%; clear: both;
  margin-top: 0px;
}

.ecosol .saiba_mais li a.saiba_mais h4{
background-color: #F28123;
border-radius: 30px;
  padding-left:25px;
  padding-right:25px;
  padding-top:5px;
  padding-bottom:5px;
}

.ecosol .saiba_mais li a.saiba_mais h4:hover{

  background-color:#002419;
  color: #ffffff;



}

/* Area COMPRE ECOSOL */

.compre_ecosol{
  background-color:#E6E6E6;
  padding-top: 30px;
  padding-bottom: 30px;

}

.compre_ecosol .grid_compre_ecosol{display: flex;
width: 100%;
padding-top: 30px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
justify-content: center;

}

.compre_ecosol .grid_compre_ecosol li{ padding: 0 15px;
  padding-bottom: 20px;
  width: 17%;
}


.compre_ecosol .grid_compre_ecosol li img{width: 300px; height: 200px;}

.compre_ecosol .grid_compre_ecosol li h4{ padding-top: 5px;padding-bottom: 5px; font-size: 1.4rem; color: #000000; text-align: center;}



.compre_ecosol h1{ text-align: center;
  padding-bottom: 15px;
  font-size: 1.8rem;
  color:#000000;
  border-bottom: 2px solid #f49425;
  text-align: center;
  width: 50%;
  margin-left: 25%;
  align-items: center;
  justify-content: center; }

.compre_ecosol .grid_compre_ecosol li p{ color: #919191;}



.compre_ecosol .saiba_mais{display: flex;
width: 100%;
text-align: center;
justify-content: center;

}


.compre_ecosol .saiba_mais li h4{font-size: 1.4rem; color: #000000; text-align: center;}



.compre_ecosol .saiba_mais li p{ color: #919191;}

.compre_ecosol .saiba_mais li.saiba_mais{ width: 100%; clear: both;
  margin-top: 0px;
}

.compre_ecosol .saiba_mais li a.saiba_mais h4{
background-color: #F28123;
border-radius: 30px;
  padding-left:25px;
  padding-right:25px;
  padding-top:5px;
  padding-bottom:5px;
}

.compre_ecosol .saiba_mais li a.saiba_mais h4:hover{

  background-color:#002419;
  color: #ffffff;


}

/* Area CONTATE ECOSOL */

.contate_ecosol{
  display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  background-color:#D34E24;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
    flex-wrap: wrap;



}


.contate_ecosol .grid_venha_ecosol{
  width: 40%;

}


.contate_ecosol .grid_venha_ecosol li{
  width: 90%;
  padding-top: 20%;
  padding-bottom: 20%;
  margin-left: 5%;
  border-top: 2px solid #F28123;
    border-bottom: 2px solid #F28123;


}

.contate_ecosol .grid_venha_ecosol li h4{ font-size: 48px;

width: 70%;
   color: #ffffff;
    text-align: center;
    border-radius: 50%;
    background-color: #F28123;
    margin-left: 15%;
    padding: 10px;
font-family: 'Open Sans', sans-serif;
padding:90px;

  }






.contate_ecosol .grid_contate_ecosol{
width: 50%;
text-align: center;
}

.contate_ecosol .grid_contate_ecosol li{
  width: 50%;
  float: left;

}




.contate_ecosol .grid_contate_ecosol li img{width: 300px; height: 200px;}

.contate_ecosol .grid_contate_ecosol li h4{ padding-top: 5px;padding-bottom: 5px; font-size: 1.4rem; color: #ffffff; text-align: center;}

.contate_ecosol h1{ text-align: center;
  padding-bottom: 15px;
  font-size: 1.4rem;
  color:#ffffff;
  border-bottom: 2px solid #ffffff;
  border-left-width: thick;
  text-align: center;
  width: 50%;
  margin-left: 25%;
  align-items: center;
  justify-content: center;
  }

.contate_ecosol .grid_contate_ecosol li p{ color: #919191;}



.contate_ecosol .saiba_mais{display: flex;
width: 100%;
text-align: center;
justify-content: center;

}


.contate_ecosol .saiba_mais li h4{font-size: 1.4rem; color: #000000; text-align: center;}



.contate_ecosol .saiba_mais li p{ color: #919191;}

.contate_ecosol .saiba_mais li.saiba_mais{ width: 100%; clear: both;
  margin-top: 0px;
}

.contate_ecosol .saiba_mais li a.saiba_mais h4{
background-color: #F7F052;
border-radius: 30px;
  padding-left:25px;
  padding-right:25px;
  padding-top:5px;
  padding-bottom:5px;
}

.contate_ecosol .saiba_mais li a.saiba_mais h4:hover{

  background-color:#f97000;
  color: #ffffff;

}



/********************************************************************** PAGINA NOTICIAS *********************************************************************************/

.noticias{
  display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
    flex-wrap: wrap;



}

.noticias .quebra{ display: flex;
flex-wrap: wrap;
  width: 100%;}

.noticias .quebra h1{ text-align: center;
  padding-left:100px;
  padding-top:5px;
  padding-bottom:5px;
  font-size: 1.4rem;
  color:#000D08;
 background-color: #CFCFCF;
  text-align: left;
  width: 200px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-family: 'Open Sans', sans-serif;

  }





.noticias .grid_noticias{
width: 100%;
text-align: left;
  margin-top: 20px;
  margin-left: 5%;
  flex-direction: row;
}

.noticias .grid_noticias li{
  width: 90%;



}




.noticias .grid_noticias li img{width: 300px; height: 200px;
float: left;
padding-right: 15px;
padding-bottom: 15px;}

.noticias .grid_noticias li h4{padding-top: 5px; font-size: 1.4rem; color:#0e0e0e; text-align: left;}



.noticias .grid_noticias li p{ color:#111111;
padding: 10px;}



.noticias .saiba_mais{

float: left;
}


.noticias .saiba_mais li h4{font-size: 1rem; color: #ffffff; text-align: left; float: left; }

.noticias .saiba_mais li img {

margin-top: 4px;

}

.noticias .saiba_mais li p{ color: #919191;
}

.noticias .saiba_mais li.saiba_mais{ width: 100%; clear: both;
  margin-top: 0px;
}

.noticias .saiba_mais li a{
background-color: #f97000;
border-radius: 30px;
  padding-left:25px;
  padding-right:25px;
  padding-top:10px;


}





/* RODAPE */

.rodape{ display: flex;
flex-direction: column;
background-color: #034732;
padding: 25px;
align-items: center;
justify-content: center;
text-align: center;
}

.rodape ul{ display: flex;
margin-bottom: 15px;}

.rodape ul li{ margin-right: 10px;}

.rodape ul li:last-child{ margin-right:0px; }

.rodape ul li a{ color: #ffffff; font-size: 2rem;}

.rodape p{ color: #ffffff;}

/* EFEITOS PAGINAS SECUNDÁRIAS */

.tab a i{ font-size: 36px; float: left; }

.tab a p {padding-left: 10px; float: left; padding-top: 10px;}

.tab a:hover{
color: #d91829;}


/* PAGINAS CONTA MUNICIPIOS*/

.area_consulta_municipios{
padding-top: 15px;
width: 100%;
background-color: #E6E6E6;
padding-bottom: 30px;
}


.area_consulta_municipios h1{color: #ff4d00;
}

h1.titulo_emprrendimentos_economicos_solidarios{

padding: 10px;
text-align: center;
font-size: 1.5rem;
font-family: 'Open Sans', sans-serif;
width: 100%;
color: #ffffff;
background: #D34E24;


}


h1.nome_municipio{

padding: 10px;
text-align: center;
font-size: 1.5rem;
font-family: 'Open Sans', sans-serif;
width: 100%;
color: #ffffff;
background: #D34E24;
border-radius: 30px;


}


.selecionar_municipio{ display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;

}

.selecionar_municipio img {
width: 30%;



 }



.voltar{

  width: 100%;
  display:flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 60px;
  background-color: #E6E6E6;


}

a.voltar_menu_anterior{
padding: 10px;
background-color: #034732;
color: #ffffff;
border-radius: 10px;
font-family: 'Oswald', sans-serif;
margin-left: 10px;


}

a.voltar_menu_anterior:hover{
background-color: #002419;
color: #ffffff;
}



/* PAGINAS SISTEMA DE ABAS*/

.abas_conteudos{


padding-bottom: 15px;
padding-top: 15px;
background-color: #E6E6E6;
width: 100%;

}

.abas_conteudos h1 a{ color: #ff0e0e;}

.abas_conteudos h1 span.vermelho{

color: #ff0000;

}

.tab h1{

text-align: center;
font-size: 18px;


}

.abas_conteudos h2 span.azul{

color: #0094ff;

}




/* LISTA EMPREENDIMENTOS*/


.lista_empreendimento{
display: flex;
flex-direction: row;
flex-flow: row wrap;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
background-color: #C4C4C4;
margin-top: 10px;
width: 100%;




}

.titulo{

  width: 100%;
padding-top: 15px;
padding-bottom: 5px;
padding-left: 60px;
  flex-wrap: wrap;


}



.titulo h1{


  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
  text-align: left;
  padding-bottom: 10px;

}



.divide_empreendimento_dir { width: 20%;
  padding: 20px;

}

.divide_novamente_esq{
width: 35%;
background-color: #D34D24;
padding: 20px;

}

.divide_novamente_esq p{

font-weight: bold;
color: #ffffff;

   }


.divide_novamente_dir{
width: 30%;
background-color: #D34D24;
padding: 20px;
font-weight: bold;
color: #ffffff;
height: 100%;

}

.divide_novamente_dir p{

font-weight: bold;
color: #ffffff;

   }



.lista_empreendimento p{

  font-size: 1rem;
  color: #022500;
  font-family: 'Open Sans', sans-serif;
  text-align: left;

}

.lista_empreendimento p span{
color: #09749c;

}


/* PAGINA CONTATO */

.container_contato {
  width: 50%;
  margin: 0 auto;
  padding-top: 30px;

}

.form-contact {
  width: 100%;
  font-family: "Arial", Times, serif;
}

.form-contact-input {
  width: 100%;
  color: #292929;
  font-size: 18px;
  background-color: #E9E9E9;
  border: 1px solid #E9E9E9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-indent: 20px;
}

.form-contact-textarea {
  width: 100%;
  color: #292929;
  font-size: 18px;
  background-color: #E9E9E9;
  border: 1px solid #E9E9E9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 200px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-indent: 20px;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
  font-family: "Arial", Times, serif;
}

.form-contact-button {
  width: 100%;
  font-size: 18px;
  border-radius: 4px;
  color: #fff;
  height: 40px;
  opacity: .8;
  margin-bottom: 20px;
  cursor: pointer;
  background: #197311;
  display: block;
  border: none;
  transition: 1s;
}

.form-contact-button:hover {
  opacity: 1;
}


/*      PAGINA FEIRAS E EVENTOS        */


.banners_feiras_eventos{ display: flex;
flex-direction: row;
width:100%;
padding-top: 0px;
padding-bottom: 30px;
padding-left: 50px;
padding-right: 50px;
align-items: center;
justify-content: center;
flex-wrap: wrap;}

.banners_feiras_eventos .coluna_dupla{

width: 40%;
height: 300px;
margin-left: 20px;
background-color: #A6A6A6;

}


.banners_feiras_eventos .coluna_unica{

width: 60%;
height: 300px;
background-color: #A6A6A6;
margin-top: 20px;

}

/* PAGINA CADSOL*/

.engloba_cadsol{

display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;

}


.engloba_cadsol img{

width: 300px;

}



.engloba_conteudo_principios{ display: flex;
flex-flow: row wrap;}



/* CORRIGE PROBLEMA DA GALERIA DE FOTOS DOS EMPREENDIMENTOS */

.bxslider div {
    width:100% !important; height:500px !important;
}




/* MEDIA QUERYS */

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

  .demo_wrapper {
    width: 100%;
  }

  .demo_block {
    width: 100%;
  }


}




@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}


/* BREAKPOINTS - MOBILE*/


@media(max-width: 1000px){


  .ecosol .grid_ecosol{ flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
}

.ecosol .grid_ecosol li{

width: 100%;

}

.ecosol .saiba_mais li.saiba_mais{ width: 100%; clear: both;
  margin-top: 0px;
}


.compre_ecosol .grid_compre_ecosol{display: flex;
width: 100%;
padding-top: 30px;
flex-direction: column;
padding-left: 10px;
padding-right: 10px;
text-align: center;
justify-content: center;

}

.compre_ecosol .grid_compre_ecosol li{ padding: 0 15px;
  padding-bottom: 20px;
  width: 100%;
}


.contate_ecosol .grid_contate_ecosol{display: flex;
width: 100%;
padding-top: 30px;
flex-direction: column;
padding-left: 10px;
padding-right: 10px;
text-align: center;
justify-content: center;

}

.contate_ecosol .grid_contate_ecosol li{ padding: 0 15px;
  padding-bottom: 20px;
  width: 100%;
  margin-left: 0%;




}

.contate_ecosol .grid_venha_ecosol{
  width: 100%;


}

.contate_ecosol .grid_venha_ecosol li h4{ font-size: 48px;

width: 100%;
   color: #ffffff;
    text-align: center;
    border-radius: 50%;
    background-color: #F28123;
    margin-left: 0%;
    padding: 10px;
font-family: 'Open Sans', sans-serif;

  }



  .lista_empreendimento{
display: flex;
flex-direction: row;
flex-flow: row wrap;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #C4C4C4;
margin-top: 10px;
width: 100%;


}



.divide_empreendimento_dir { width: 100%;
  padding: 20px;

}

.divide_novamente_esq{
width: 100%;
background-color: #D34D24;
padding: 20px;

}




.divide_novamente_dir{
width: 100%;
background-color: #D34D24;
padding: 20px;
font-weight: bold;
color: #ffffff;
height: 100%;

}


/********************************************************************** PAGINA NOTICIAS *********************************************************************************/

.noticias{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:  center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
    flex-wrap: wrap;



}

.noticias .quebra{ display: flex;
flex-wrap: wrap;
  width: 100%;}

.noticias .quebra h1{ text-align: center;
  padding-left:100px;
  padding-top:5px;
  padding-bottom:5px;
  font-size: 1.4rem;
  color:#000D08;
 background-color: #CFCFCF;
  text-align: left;
  width: 200px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-family: 'Open Sans', sans-serif;

  }





.noticias .grid_noticias{
  display: flex;
width: 100%;
text-align: left;
  margin-top: 20px;
  margin-left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.noticias .grid_noticias li{
  width: 95%;



}




.noticias .grid_noticias li img{width: 300px; height: 200px;
float: none;
padding-right: 15px;
padding-bottom: 15px;
}

.noticias .grid_noticias li h4{padding-top: 5px; font-size: 1.4rem; color:#0e0e0e; text-align: left;}



.noticias .grid_noticias li p{ color:#111111;
padding: 10px;}



.noticias .saiba_mais{

float: left;
}


.noticias .saiba_mais li h4{font-size: 1rem; color: #ffffff; text-align: left; float: left; }

.noticias .saiba_mais li img {

margin-top: 4px;

}

.noticias .saiba_mais li p{ color: #919191;
}

.noticias .saiba_mais li.saiba_mais{ width: 100%; clear: both;
  margin-top: 0px;
}

.noticias .saiba_mais li a{
background-color: #f97000;
border-radius: 30px;
  padding-left:25px;
  padding-right:25px;
  padding-top:10px;


}







  }




@media(max-width: 700px){

  .container_contato {
    width: 80%;
    margin: 0 auto;
    padding-top: 30px;

  }

  .map-responsive{
          height:300px;
      width: 90%;
padding-bottom:20px;
margin-left: 10%;
  }

  .map-responsive iframe{

      width: 90%;
        height:300px;
        padding-bottom:20px;

  }


  .selecionar_municipio img {
  width: 100%;

   }

   .engloba_cadsol img{

   width: 150px;


   }








    }





@media(max-width: 1800px){

  header img{ width:250px;
    height: 60px;

  margin-left: 20%;
  }





  label[for="btMenu"]{ display: block;
    z-index: 9999;
    margin-left: 0%;
    position: absolute;

    }

#btMenu:checked ~ .menu{

  display: block;
  transition: all .7s;
  margin-left: 0%;
  position: absolute;
  margin-top: 60px;


}



.menu{ position: relative;
  z-index: 9999;
  margin-left: -200%;
margin-top: 50px;
  position: absolute;
transition: all .7s;
  width:100%;

}

.menu ul{ list-style:none;
position: relative;

}

.menu ul li {
  width:100%;
  float:none;


  }

  .menu ul ul{
  overflow: hidden;
  max-height:0;
  transition: all .7s;
}

.menu ul li ul{
width: 100%;
}

  .menu li:hover ul{ height:auto;

  max-height:890px;
}








}