@font-face {
     font-family: lemon;
     src: url('lemon.otf');
}
@font-face {
     font-family: lato;
     src: url('latoregular.ttf');
}
@font-face {
     font-family: latobold;
     src: url('latobold.ttf');
}
@font-face {
     font-family: latohairline;
     src: url('latohairline.ttf');
}
a {
 color: #3F803D;
 text-decoration: none;
}

a:hover {
 color: #E67525;
}

body {
margin: 0;
font: 12px latobold;
min-width: 100%;
max-width: 100%;
overflow-x: hidden;
}


.img-responsive{
	width: 100% \9;
}

.menu_esq{
 
 font: 25px lemon;
 color: #3F803D;
 position: absolute;
 top:18%;
 left:9%;
  float: left;
 width: 100%;
cursor: pointer;
}

.c1, .c2, .c3, .c4, .c5 {
 width: 50%; 
 color: #ffffff; 
 background-image: url("img/fundo_botao.png");
 background-size: 100% 100%;
 text-transform: uppercase; 
 font-size: 13px; 
 padding: 15px; 
 text-align: center; 
 font-weight: bold; 
 border: 0px;
 cursor: pointer;
}
.t1, .t2, .t3, .t4, .t5 {
 background-color: #FFFFFF; 
 color: #000000; 
 font-weight: bold;
 text-align: left; 
 padding: 10px;
 border: 1px dashed #cccccc; 
 font: 13px latobold;
}
.menu_dir {
 font: 25px lemon;
 color: #3F803D;
 position: absolute;
 top:18%;
 left:63%;
 float: rigth;
 width: 100%;
 cursor: pointer;
}
.seja_bem_vindo {
 z-index: 9999;
 font: 41px lemon;
color: #3F803D;
position: relative;
min-height: 668px;
text-align: center;
background: url("img/bem-vindo.png") no-repeat #E1E2E2;
background-size: 100%;
background-position: center top;

}
.text{
z-index: 9999;
font: 16px lato;
color:#9FA09F;
text-align: center;
width: 50%;
}

.bene{
display:table;
width:100%;
}

.texto2{
  position: relative;
  float: left;
  left: 10%;
  padding: 10px 20px;
  max-width: 25%;
  min-width: 25%;
  font: 18px lato;
  color: #9FA09F;
  text-align: justify;
}

.separador3 {
background-color: #E67525;
padding: 7px 50px;
font: 14px lato;
color: #FFFFFF;
border-radius: 5px;
cursor: pointer;
}
.inout {
  width: 70%;
  background-color: #ffffff;
  border: 1px dashed #cccccc;
  font: 15px lemon;
  padding: 3px 10px;
  color: #ff0000;
}
.topicos{
 font: 41px lemon;
 color: #3F803D;
 position: relative;
 text-align: center;

}
.redes{
float: left;
min-width: 10%;
max-width: 10%;
padding: 7px 20px;
text-align: center;
cursor: pointer;
 }

.redes_roda{
position:relative;
float: left;
min-width: 10%;
max-width: 10%;
padding: 4px 10px;
text-align: center;
cursor: pointer;
 }

.rodape {
min-width: 100%;
min-height: 300px;
margin: 0px;
background-color: #3F803D;
padding-top: 5%;
}

.conteudo_rodape {
z-index: 9999;
position: relative;
float: left;
 margin-top: 4%;
 margin-left: 1%;
}
.lilas {
z-index:9999;
min-width: 100%;
min-height: 30px;
background-color: #9CEF97;
font: 15px lato;
padding-top: 15px;
}

.menu_rodape{
 font: 20px lemon;
 color: #3F803D;
 position: relative;
 z-index: 9999;
 float: left;
cursor: pointer;
 margin-top: 5%;
 margin-left: 1%;
}

.quem_somos{
z-index: 9999;
font: 16px lato;
color:#9FA09F;
text-align: left;
position: relative;
left: 3%;
width: 80%;

}




.fundo_cinza {
display: block;
background-color: #F4F4F4;
color: #3F803D;
width: 20%;
padding: 10px 3px;
}

.textt{
font: 14px lato;
color:#9FA09F;
text-align: center;
}

.topicos_eq{
 font: 21px latobold;
 color: #3F803D;
 position: relative;
 text-align: center;

}

.seja_bem_vindo_mobile{
 z-index: 9999;
 font: 21px lemon;
 color: #3F803D;
 position: relative;
 text-align: center;
}


.text_mobile{
z-index: 9999;
font: 14px lato;
color:#9FA09F;
text-align: center;
width: 100%;
}


.titulo {
 font: 41px lemon;
color: #3F803D;
position: relative;
text-align: center;
}
/* Main carousel style */
.carousel {
    width: 600px;
}

/* Indicators list style */
.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}