*{margin: 0; padding: 0; font-size: 100%; border: none; font-weight: 300; box-sizing: border-box;
font-family: arial, helvetica, sans-serif;
}*/


a:link 
{ 
text-decoration:none; 
} 
img{max-width: 100%;}

/*==========CONTAINER=============*/
.container{
  width: 100%;
  float: left;
  padding: 3% 4%;
  text-align:center;
}

.logo{
  width:180px;
  margin-left:5px;
  margin-top:10px;
}
.cabecalho{
  background-color:white;
  height:120px;
}
.cabecalho h1{color:white;font-size:30px;font-family:Kelly Slab;font-weight:600;margin-left:30px;margin-top:-57px;}
.btn-menu{
  width: 60px; 
  height:50px;
  float:right;
  text-align:center;
  margin-top:25px;
  color:white;
  border-radius:6px;
  cursor: pointer;
  background:linear-gradient(to top,#A4A4A4,#585858);
  
  /*background:linear-gradient(to right,#CDC0B0,#CDC0B0);*/
}

/*Menu*/
.menu{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  background-color: rgba(0,0,0,0.9);
  top:0;
  left:0;
}

.btn-close{
  font-size: 1.5em;
   color:white;
  float:right;
  cursor:pointer;
  margin: 2% 3% 0 0;
}

.menu ul{
  width:100%;
  float:left;
  text-align:center;
}

.menu li{
  padding: 1.5%;
}

.menu li a{
font-size: 2em;
color:#fff;
padding: 1.5% 3%;
}

.menu li a:hover{
  border:1px solid #36648B;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
  margin-top:100px;
 
}

.carousel-caption h3{
  line-height: 1.5em;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
background-color:rgba(128,128,128,0.50); 
width:100%;
max-width:1205%;
height:200px;
margin-left:-52px;
margin-right:0px;
margin-bottom:-20px;

}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
    
}
.carousel-inner > .item > img {
  /*position: relative;*/
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

/*Carousel a e link*/
.carousel p {margin-top:10px;line-height:1.2em;font-family: "Times New Roman", Times, serif;}
.carousel a {color:white;font-family: "Times New Roman", Times, serif;}

.primeiro a{color:transparent;opacity:0.0;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.banner{/*#DCDCDClinear-gradient(to top,#848484,#D8D8D8) ;*/
margin-top:-60px;
height:auto;
padding:1% 1%;
animation-delay:0.30s;
}
.log1{
width:230px;
text-align:center;
padding-left:15px;
padding-right:10px;
margin-top:50px;
margin-top:50px;
animation-duration:0.80s;animation-delay:0.80s;
}

.banner h3{
text-align:left;
font-size:1.3em;
padding-left:15px;
padding-right:10px;
line-height:1.3em;
text-align:justify;
color:gray;
}

.banner hr{height:3px;width:100%;background:rgba(0,0,255,0.3);padding:0 0;animation-duration:0.80s;animation-delay:0.80s;}

.inicio{
  width:100%;/*
  background-color: rgba(0,0,0,0.5);  cor de fundo da div trasparente*/   
     padding:6% 6%;
   margin-top:-40px;
  }


/*BUTTONS*/

.buttons{
  width: 100%;
  margin-top:2%;
}

.buttons i{
  float:right;
}
.btn{
width:100%;
font-size:1.5em;
text-align:left;
cursor:pointer;
padding:5%;
border-radius: 10px;
}
.btn-cadastrar{background-color: #fff; color: #130400;}

.btn-sobre{background-color: #130400; color: #fff;
margin-top:2%;
}


/*SERVICOS*/
.servicos{background-color:white;height:40px;}




/*slin*/
.slin{margin-top:500px;background:transparent;}
.slin{
background: white;
width: 90%;
height:auto;  
border-radius:7px;
float:center;
margin-left:3%;

}


.slin h2{
text-align:left;
font-size:1.5em;
padding-left:12%;
padding-right:5%;
padding-right:10px;
margin-top:-12px;
text-align:center;
color:white;
font-weight:0;
font-family: "Times New Roman", Times, serif;
}

.buttone{height:45px;background:#2F4F4F;width:50%;border:2px solid #2F4F4F; float:center;margin-left:25%;margin-top:-25px;font-size:1.1em;color:white;border-radius:10px;}
.buttone:hover{background:gray;color:white;cursor:pointer;}

.demo-3 {
width: 75%; 
color:transparent;  
float:center;
margin-left:12%;
margin-right:59%;
margin-top:0px;
border:none;
animation-duration:2s;
animation-delay:1s;
}
.demo-3 .figura {/*Parte de dentro azul onde está o texto*/
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left:-21px;
  height:230px;
  width:290px;
}
.demo-3 .figura img {/*Parte da imagem de fora a preta*/
    display:block;
    position:relative;
    margin:0 0;
  height:350px;
}
.demo-3 .figura figcaption {
    display:block;
    position:relative;
     background:rgba(0,0,0,0.10);width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.demo-3 .figura h1 {
    color:white;
    font-size:2.1em;
    text-align:center;
  position:relative;
  padding-top:-20px;
}

.demo-3 .figura h3 {
    color:white;
    font-size:1.5em;
    text-align:center;
  padding-top:18%;
  font-family: "Times New Roman", Times, serif;
}
.demo-3 .figura p {
    display:block;
    font-size:1.0em;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:left;
  padding-top:5%;
}

.demo-3 .figura figcaption {
    top:0px;
    left:0;
    width:100%;
    height:100%;
    padding:19px 20px;
    text-align:center;     
     background-size:100% 100%;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

.demo-3 .figura img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

.demo-3 .figura:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 .figura:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}


/*fim de slin*/

/*BAN 1 E INI*/
.bann{
margin-top:20px;
height:300px;
padding:1% 1%;
background:white;
animation-delay:0.30s;
}
.bann h2{
text-align:center;
padding-left:6%;
padding-right:6%;
font-size:1.5em;
padding-top:18%;
color:#2F4F4F;
font-family: "Times New Roman", Times, serif;line-height:1.3em;
animation-duration:0.80s;animation-delay:0.80s;
}

.bann h3{
text-align:left;
font-size:1.5em;
padding-left:15px;
padding-right:10px;
line-height:1.3em;
text-align:center;
color:#2F4F4F;
}


.ini{
  width:100%;   
     padding:6% 6%;
   margin-top:-40px;
   text-align:justify;
  
  }
  
  .ini h3{text-align:justify;font-size:1.2em;}

/*Agenda*/
.agendas{background:#DCDCDC;margin-top:0px;padding:0 0;height:auto}
.agenda{
width: 100%; 
height:430px;
background:linear-gradient(to bottom,#696969,#C0C0C0) ;  
border:none;
float:center;
padding:1% 1%;
margin-left:0;
margin-top:0px;
animation-delay:0.30s;
}/*#F5F5F5*/
.agenda:nth-child(2){background:white;margin-top:0px;height:500px;}
.innar{
  padding:1px 1px;
  text-align:justify;
}

.innar a{
font-size: 1.5em; 
color: black;
font-weight:700;
margin-bottom:10%;
font-size:center;
}
.agenda .bloco{background:white;width:98%;height:32px;margin-top:12%;}
.innar iframe{margin-top:-13px;}
.agenda h1{margin-top:5%;text-align:center;color:white;font-family: "Times New Roman", Times, serif;}
.agenda h2{margin-top:20px;text-align:center;font-size:1.9em;font-family: "Times New Roman", Times, serif;font-weight:700px;}
.agenda h3{margin-top:7%;text-align:center;color:gray;font-size:0.60em;padding-left:2%;padding-right:2%;}

.news-container1 {margin-top:30%;float:left;width:80%;margin-left:10%;height:auto;}
.news-container1 li a{color:#F0F8FF;font-size:1.2em;font-weight:1px;font-style: normal;text-align:center;}


.bank {width:40%;height: 100px;margin-left:28%;margin-top:5%;float: left;}
.but{height:45px;background:#2F4F4F;width:25%;border:2px solid #2F4F4F; float:left;margin-top:40%;margin-left:-105px;font-size:0.60em;color:white;border-radius:10px;}
.but:hover{background:gray;color:white;cursor:pointer;}

/*iformas*/
.informas{background:white;margin-top:0px;height:80px;padding-top:5%;}


/*icones*/
.icones{margin-top:0px;height:550px;padding-top:15%;background:transparent;}/*rgba(192,192,192,0.80)*/
.icone{
width: 70%; 
height:130px;
background:linear-gradient(to top,white,#EEE9E9);
border-radius:7px;
float:center;
padding:5% 5%;
margin-top:15%;
margin-left:13%;
animation-duration:0.80s;animation-delay:0.80s;
}

.icone img{
border-radius: 7px 7px 7px 7px;
padding-top:0;
height:95px;width:100%;
}
.icones h1{font-family: "Times New Roman", Times, serif;font-size: 2.3em;margin-top:10%;color:#FFFFF0;font-weight:600}/**/

/*Rodapé*/
.rodape{
  clear:both; 
  height:auto;
  width: 100%;
  float: left;
  padding:0;
  text-align:center;
  background-image: linear-gradient(to bottom, #363636, gray);
  list-style-type:none;
  /*background:#363636;linear-gradient(to top,#A9A9A9,#D8D8D8); */
}

.rodas{width:100%;background:transparent;margin-top:0px;padding:0px;}
.roda{
width: 100%;
height:350px; 
color:white;  
float:center;
margin-top:35px;
padding-left:3%;padding-right:3%;
background-color:transparent;animation-duration:1s;
animation-delay:0.80s; 
}
.roda:nth-child(2){width:100%;height:320px;margin-right:0;margin-left:0px;margin-top:30px;padding-left:6%;padding-right:6%;}
.roda:nth-child(3){width:100%;height:320px;margin-right:0;margin-left:0px;margin-top:20px;padding-left:6%;padding-right:6%;}
.roda:nth-child(4){width:100%;height:60px;margin-right:0;margin-left:0px;margin-top:10px;padding-left:6%;padding-right:6%;background:#1C1C1C;}

#nome{height:40px;background:black;width:47%;float:left;font-size:1.1em;color:white;margin-top:2%;}
 #telefone{height:40px;background:black;width:48%;float:left;font-size:1.1em;color:white;margin-left:5%;margin-right:0%;margin-top:2%;}
 #email{height:40px;background:black;width:100%;float:left;font-size:1.1em;color:white;margin-top:2%;}
 #mensagem{height:80px;background:black;width:100%;float:left;font-size:1.1em;color:white; resize: none; margin-top:2%;border:none;border-radius:none;}
 .buts{height:35px;background:black;width:26%;float:left;margin-top:20px;font-size:1.1em;color:white;border-radius:10px;}

 #mensagem:hover{background-color:#363636;}
 #email:hover{background-color:#363636;} 
 #nome:hover{background-color:#363636;}
 #telefone:hover{background-color:#363636;}
 
 .rodas h4{margin-top:0px;font-family: "Times New Roman", Times, serif;text-align:center;font-weight:100;font-size:1.6em;color:white;}
 .rodas h3{margin-top:0px;font-family: "Times New Roman", Times, serif;text-align:center;font-weight:100;font-size:1.8em;color:white;}
 .rodas h2{margin-top:0px;font-family: "Times New Roman", Times, serif;text-align:center;font-weight:100;font-size:1.7em;color:white;}
 .roda h5{color:#A9A9A9;font-size:1.0em;font-family:Kelly Slab;padding-top:4%;color:white;text-align:left;margin-left:4%;}
 .roda h6{color:#A9A9A9;text-align:left;margin-left:15%;}
.roda p{color: #A9A9A9;list-style-type:none}
.logoroda{width:150px;height:50px;}

iframe{width:80%; height:250px; border:solid 2px;margin-top:3%;}
/* Chrome, Safari, Opera */
::-webkit-input-placeholder { padding: 5px;
  width: 10px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin: 10px auto;
  margin-left:40px;
  font-size:10px;
  color:#A9A9A9;
  display: block;}

/* Firefox 18- */
:-moz-placeholder { padding: 5px;
  width: 10px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color:#A9A9A9;
  margin: 10px auto;
  margin-left:20px;
  font-size:10px;
  display: block;}

/* Firefox 19+ */
::-moz-placeholder { padding: 5px;
  width: 10px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin: 10px auto;
  color:#A9A9A9;
  margin-left:40px;
  font-size:8px;
  display: block;}

/* IE10+ */
:-ms-input-placeholder {padding: 5px;
  width: 10px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin: 10px auto;
  color:#A9A9A9;
  margin-left:40px;
  font-size:8px;
  display: block;}
.social-icons  a{
  font-size: 1.5em;
  color:rgba(255,255,255,0.7);
  margin-right: 3%;

}
.social-icons a:last-child{margin-right:0;}

.social-icons a:hover{
  color:white;
}
.logo1{
  width:26px;
  float:left;
  margin-left:12%;
  margin-top:-1px;
} 



ul {list-style-type:none}


.roda h5 a:hover{ text-decoration: none; color: #A9A9A9; }
.roda h5 a:visited { text-decoration: none; color: #A9A9A9; } 
.roda h5 a:focus{ text-decoration: none; color: #A9A9A9; }
.roda h5 a:active{ text-decoration: none; color: #A9A9A9; }
.roda h5 a:link{ text-decoration: none; color: #A9A9A9; }

.roda h6 a:hover{ text-decoration: none; color: #A9A9A9; }
.roda h6 a:visited { text-decoration: none; color: #A9A9A9; } 
.roda h6 a:focus{ text-decoration: none; color: #A9A9A9; }
.roda h6 a:active{ text-decoration: none; color: #A9A9A9; }
.roda h6 a:link{ text-decoration: none; color: #A9A9A9; }

.nome{text-decoration:none;}

/*======MOBILE FIRST=====*/
/*SMALL DEVICES - SMARTPHONES */
/*Para cada resolução de tela muda os tamanhos e letras dos icones*/
@media screen and (min-width: 480px){

.inicio{margin-top:-50px;}
.banner{margin-top:-60px;}
.banner h2{font-size:1.4em;text-align:left;}
.banner h3{font-size:1.3em;}
.banner h1{margin-top:40px;}
.banner hr{height:3px;width:80%;margin-left:10%;margin-right:10%;}
.log1{width:200px;margin-top:25px;}

.carousel p {margin-top:2%;line-height:1.3em;font-size:1.0em;padding-left:5%;padding-right:5%;}
.carousel-caption {
margin-left:-72px;
margin-bottom:-20px;
}


/*servicos*/
.servicos{height:80px;}

/*icones*/
.icones{height:450px;padding-top:45px;}
.icone{
  width: 48%;
  height: 135px;
  float: left;
  margin-right: 1%;
  margin-left: 1%;  
  }
.icone:nth-child(2){width: 48%;}

/*agenda*/
.agendas h1{float:left;padding-left:40%;font-weight:700px;}
.news-container1 {margin-top:5%;width:85%;margin-left:7%;margin-right:7% ;}
.bank {width:27%;height:112px;margin-left:36%;margin-right:36%;margin-top:3%;float: center;}
.but{width:20%;margin-top:3%;float:center;margin-left:40%;margin-right:40%;}
.agenda .bloco{margin-top:10%;}


/*informas*/
.informas{height:85px;}


/*Ban e Inicio*/
.bann{margin-top:40px;}
.bann h3{font-size:1.3em;text-align:center;}
/*FIM do bann*/

/*slin*/
.slin{margin-top:340px;width:100%;margin-left:0;}
.slin h2{font-size:1.5em;margin-left:-10px;width:100%;}
.demo-3 {width:48%;height:230px;margin-left:20%; float: left;margin-right: 1%;margin-left: 1%;margin-top:20px;}
.demo-3:nth-child(2){width:48%;height:230px;}
.demo-3:nth-child(5){width:48%;height:230px;margin-left:26%;}

.demo-3 .figura {height:180px; width:220px;margin-left:2%;}
.demo-3 .figura h2 {padding-top:25%;}
.demo-3 .figura h3{padding-top:6%;font-size:1.2em;padding-left:2%;padding-right:2%;}
.buttone{margin-left:28%;width:45%;}
/*fim do slin*/

/*Rodape*/
.roda{
width: 100%;
}
.roda:nth-child(2){width:80%;margin-left:10%;margin-right:1%;}
.roda:nth-child(3){width:100%;height:300px;margin-top:10%;}
.roda:nth-child(4){width:100%;height:64px;}

iframe{width:70%; height:200px;margin-top:3%;}
.roda h5{padding-top:4%;margin-left:15%;}
.roda h6{margin-left:31%;}
.buts{width:25%;}
.logo1{
  margin-left:15%;
  margin-top:-1px;
} 
}

/*SMALL DEVICES - TABLETS */
@media screen and (min-width: 768px){
.btn-menu{width:9%;height:60px;margin-top:0px;}
.logo{
  width: 190px;
  float:left;
  margin-left:2%;
  margin-top:-7px;
}
.cabecalho{height:100px;}

/*Carrousel*/
.carousel{ margin-top:80px; }
.carousel-caption {
  height:170px;
margin-left:-152px;
margin-bottom:-20px;
}
/*icones*/
.icone{
  width: 40%;
  height:150px;
  float: left;
  margin-right: 5%;
  margin-left: 5%;
  margin-top:8%;  
  }
.icone:nth-child(2){width:40%;}
.icones h1{margin-top:5%;}
.icones img{margin-top:-10px;}

/*SERVICOS*/
.servico{
  width: 46%;
  float: left;
  margin-right: 2%;
  margin-top:12%;
  }
.servico:nth-child(2){margin-right:0;margin-top:12%;}
.servico:nth-child(3){margin-right:0;margin-top:5%;}
.servico:nth-child(4){margin-right:0;margin-top:5%;}
.servico img{margin-left:40%;margin-right:40%;}

.banner{height:280px;}
.banner h3{margin-top:30px;text-align:center;padding-left:0px;padding-right:0px;}
.banner hr{height:2px;width:50%;margin-top:18px;padding:0 0;margin-left:25%;margin-right:25%;}
.log1{width:220px;margin-top:-5px;}
/*FIM DO bann*/

/*slin*/
.slin{margin-top:290px;}
.demo-3 {width:25%;height:230px;margin-left:20%; float: left;margin-right: 4%;margin-left:4%;margin-top:20px;}
.demo-3:nth-child(2){width:25%;height:230px;}
.demo-3:nth-child(4){width:25%;height:230px;margin-left:22%;}
.demo-3:nth-child(5){width:25%;height:230px;margin-left:5%;}

.demo-3 .figura {margin-left:-21px;height:180px;width:220px;}  
.demo-3 .figura h3{font-size:1.2em;}
.slin h2 {margin-left:-10px;margin-top:5px;}
.buttone{margin-left:30%;width:45%;}
/*fim do slin*/

/*bann*/
.bann{margin-top:20px;}
.bann h2{margin-top:-10px;font-size:1.8em;}
.bann h3{margin-top:-43px;font-size:1.3em;}
.ini{width: 70%;margin-left:17%;margin-top:-190px;}
.ini:nth-child(2){width:95%;margin-left:2%;margin-top:10px;}

/*agenda*/
.agendas{height:auto;}
.agenda h2{font-size:1.9em;}

.agenda{
  width: 40%;
  float: left;
  height:510px;
  margin-right:0;
  margin-left: 0;
  margin-top:0;
  }
.agenda:nth-child(2){width:60%;height:510px;}
.agendas h1{padding-left:32%;font-weight:700px;margin-top:15%;}
.news-container1 {margin-top:10%;width:85%;margin-left:7%;margin-right:7% ;}
.bank{width:45%;margin-left:27%;margin-right: 32%;margin-top:10%;}
.but{width:27%;margin-top:10%;margin-left:37%;margin-right:37%;}

/*informar*/
.informas{padding:0 0;height:120px;}


/*Rodape*/
.rodape{height:auto;margin-bottom:0px;margin:0px;padding:0px;}
.roda{
width:48%;
height:230px; 
float: left;
margin-left:2%;
margin-right:0px;
animation-duration:1s;
animation-delay:0.80s;padding-left:4%;padding-right: 4%;
}
.roda:nth-child(2){width:48%;margin-left:0px;margin-right:0px;margin-top:6%;}
.roda:nth-child(3){width:100%;height:300px;margin-top:5%;}
.roda:nth-child(4){width:100%;margin-bottom:0px;height:60px;}
.social-icons{float:left;width:40%;margin-left:-20px;margin-top:-2px;}

iframe{width:80%; height:200px;margin-top:3%;}
.roda p{color: #A9A9A9;text-align:left;}
.roda h3{text-align:left;}
.roda h5{padding-top:2.5%;text-align:left;padding-left:4%;}
.roda h6{padding-left:22%;margin-top:-22px;font-size:0.90em;}
.buts{width:25%;}
.logo1{
  margin-left:15%;
  margin-top:-5px;
}
.social-icons{margin-left:1%;}
}

/*MEDIUM DEVICES - TABLETS  & DESKTOPS*/
@media screen and (min-width: 960px){
.logo{ margin-top:-17px;margin-left:-7px;}

.third-slide h3{padding-top:5px;}
.buttons {width:30%; float:right; margin-top:0;}
.bann h2{margin-top:-50px;}

/*Servico*/


.primeiro a{color:white;opacity:100.0;}

/*icones*/
.icones{padding:1% 1%;padding-top:5%; margin-top:0px;}
.icone{
  width: 30%;
  float: left;
  margin-right: 8%;
  margin-left: 8%;
  margin-top:40px;
  }
.icone:nth-child(2){width:30%; margin-left: 12%;}
.icone:nth-child(3){width:30%; margin-left: 8%;}
.icone:nth-child(4){width:30%; margin-left: 12%;}
.icones img{margin-top:-18px;}


.carousel {
  height: 400px;
  margin-bottom: 60px; 
  margin-top:80px;
}
/* Carousel base class */
.carousel {
  height: 400px;
  margin-top:80px;
} 
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color: #777;
    
}
.carousel-inner > .item > img {
  /*position: relative;*/
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
}

.carousel h3{margin-top:-10px;line-height:1.5em;font-size:2.0em;padding-left:1%;}
.carousel-caption {
  height:170px;
margin-left:-192px;
margin-bottom:-20px;
}
  

  .btn-menu{display:none;}
  .btn-close{display:none;}
  .menu{
    width:auto;
    height:56px;
    line-height:56px;
    float:right;
    background:white;
    display:block !important;
    position:static;
    border-radius:5px; 
    margin-right:0px;
    margin-top:-10px;
  }
  .menu li{
  padding:0;
  float:left;
  width:95px;
  font-size:1.0em;
  }
  .menu li a{
    color:gray;
    width:80px;
    font-size:1em;
    padding:15px;
    }
  .menu li a:hover{
    border:none;
    color:gray;
    background:white;
    border:2px solid #808080;border-left:none;border-right:none;
  } 
  
.menu ul {
     list-style-type:none
 }
  
/*Banner*/
.banner h3{margin-top:30px;font-size:1.3em;}
.banner hr{height:2px;margin-top:13px;}
.log1{width:220px;margin-top:-25px;}
/*FIM do bann*/

/*slin*/
  .demo-3{
  width: 25%;
  height:auto;
  float: left;
  margin-right:4%;
  margin-left: 4%;
  margin-top:10px;padding-top:0;
  }
.demo-3:nth-child(2){width: 25%;margin-top:10px;height:auto;margin-right:4%;margin-left:4%;}go*/
.demo-3:nth-child(3){width: 25%;margin-top:10px;height:auto;margin-right:4%;margin-left:4%;}
.demo-3:nth-child(4){width: 25%;margin-top:10px;height:auto;margin-right:1%;margin-left:22%;}
.demo-3:nth-child(5){width: 25%;margin-top:10px;height:auto;margin-right:1%;margin-left:5%;}

.demo-3 .figura{width: 225px;height:175px;margin-left:0%;}  
.demo-3 .figura h3 {padding-top:5%;padding-left:2%;}
.slin h2 {margin-left:-13px;margin-top:5px;}
.buttone{margin-left:32%;width:37%;height:45px;margin-top:-20px;}
/*fim do slin*/


/*Ban e Inicio*/
.bann{margin-top:40px;height: 270px;}

/*agenda*/
.agenda h1{padding-left:30%;}
.news-container1 {margin-top:8%;width:85%;margin-left:7%;margin-right:7%;}
.bank{height:160px;width:48%;margin-top:1%;margin-left:20%;margin-right: 32%;}
.but{width:25%;margin-top:4%;}
.agenda .bloco{margin-top:8%;height:35px;}
/*informar*/
.informas{padding:1% 1%;padding-top:1%; margin-top:0px;height:130px;}


/*rodape*/
.roda{
width:40%;
height:230px; 
margin-left:10%;
margin-top:5%;
}
.roda:nth-child(2){width:38%;margin-left:3%;margin-right:0px;margin-top:5%;}
.roda:nth-child(3){width:100%;height:300px;}
.roda:nth-child(4){width:100%;margin-bottom:0px;height:60px;}
iframe{width:80%; height:200px;margin-top:3%;}

.roda h5{padding-top:1.5%;text-align:left;padding-left:4%;}
.roda h6{padding-left:21%;margin-top:-22px;font-size:0.90em;}
.buts{width:28%;}
.logo1{
  margin-left:22%;
  margin-top:-6px;
}
}

/*LARGUE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px){
  .logo{  width: 205px;
  margin-left:-4px;
  margin-top:-30px;}
  
  .btn-menu{display:none;}
  .btn-close{display:none;}
 .menu{
    width:60;
    height:56px;
    line-height:56px;
    float:right;
    background:white;
    display:block !important;
    position:static;
    margin-right:0px;
    margin-top:-17px;
  }
  .menu li{
  padding:0;
  float:left;
    width:128px;
  font-size:1.0em;
  }
  .menu li a{
    color:gray;
    font-size:1em;
    font-weight: 500;
    padding:15px;
    }
  .menu li a:hover{
    border:none;
    color:gray;
    background:white;
    border:2px solid #808080;border-left:none;border-right:none;
  }
    
   
    
/* Carousel base class */
.carousel {
  height: 400px;
  margin-top:80px;
} 
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color: #777;
    
}
.carousel-inner > .item > img {
  /*position: relative;*/
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
}
.carousel h3{margin-top:-10px;line-height:1.5em;font-size:2.0em;padding-left:1%;}
.carousel-caption {
  height:170px;
margin-left:-270px;
margin-bottom:-20px;
}
/*icones*/
.icones{height:400px;}
.icone{
width: 17%;
height:140px; 
float:left;
padding:0 0;
margin-top:5px;
margin-left:1%;
margin-right:1%;
border-radius: 1px 1px 1px 1px;
}
.icone:nth-child(2){width:17%;margin-right:0%;margin-left:27%;margin-top:52px;}
.icone:nth-child(3){width:17%;margin-right:0%;margin-left:10%;margin-top:52px;}

.icones img{
padding-top:0%;
margin-top:10px;
width:210px;
height:120px;
border: 2px solid transparent;
border-radius: 7px 7px 7px 7px;
}

.icones h1{margin-top:-15px;font-size:2.8em;text-align:center;font-weight:700;}/*#696969*/


/*informar*/
.informas{padding:1% 1%;padding-top:0; height:140px;}


/*Servico*/
.servicos{height:100px;}

/*BANNER*/
.banner h2{font-size:1.4em;padding-left:10%;padding-right:5%;}
.banner hr{margin-top:5px;}
.log1{width:220px;margin-top:-30px;}

/*slin*/
  .demo-3{
  width: 18%;
  height:auto;
  float: left;
  margin-right:0px;
  margin-left: 2%;  
  margin-top:45px;
  }

.demo-3:nth-child(2){width:18%;margin-top:135px;height:auto;margin-right:1%;margin-left:1%;}
.demo-3:nth-child(3){width:18%;margin-top:45px;height:auto;margin-right:1%;margin-left:1%;}
.demo-3:nth-child(4){width:17%;margin-top:135px;height:auto;margin-right:1%;margin-left:1%;}
.demo-3:nth-child(5){width:18%;margin-top:45px;height:auto;margin-right:1%;margin-left:1%;}
 
.demo-3 .figura{width:210px;height:170px;margin-left:0%;}  
.demo-3 .figura h3 {padding-top:5%;color:#FFF0F5;font-size:1.2em;margin-left:4%;margin-right:4%;}
.demo-3 .figura h1 {padding-top:36%;font-size:1.4em;padding-right:9%;}
.buttone{margin-left:32%;width:46%;height:45px;padding-top:1%;}
.slin h2{font-size:1.5em;text-align:center;padding-left:4%;padding-right: 0;margin-top:-10px;color:#F0FFFF;}
.slin{width:100%;height:560px;margin-top:200px;padding:0;margin:0;background:transparent;}

/*fim do slin*/

/*agendas*/
.bank {height:210px;width:35%;margin-left:10%;margin-top:-110px;}
.but{height:40px;width:16%;float:center;margin-top:4%;margin-left:20%;margin-right:42%;}   
.agenda h1{margin-top:22%;float: right;padding-right:20%;font-size:2.9em;}        
.agenda h2{font-weight:700px;font-size:2.2em;}
.agenda h3{margin-top:3%;}
.news-container1 {width:28%;height:auto;text-align:center;margin-top:-150px;margin-right:15%;float:right;}
.news-container1 li a{color:#F0F8FF;font-size:1.2em;font-weight:1px;font-style: normal;}       

.agenda .bloco{margin-top:46.5px;width:580px;height:34px;}   
.innar iframe{margin-top:-15px;}

.agenda{height:495px;width:55%;}
.agenda:nth-child(2){height:495px;width:45%;}

 /*banner*/
.bann{margin-top:10px;height:330px;}
.bann h2{margin-top:-117px;font-size:2.0em;padding-left: 25%;padding-right: 25%;line-height:1.5em;}
.bann h3{margin-top:-85px;font-size:1.4em;}

.espaco1{background:white;height:218px;}
.sll {width:300px;}

/*rodape*/
.roda{
width:30%;
height:480px; 
margin-left:0%;margin-right:0%;
margin-top:0%;
padding-left:6%;
}
.roda:nth-child(2){width:40%;margin-left:0%;margin-right:0%;height:370px;margin-top:3%;padding-left:8%;padding-right:8%;border:2px solid #808080;border-top:none;border-bottom:none;}
.roda:nth-child(3){width:30%;margin-left:0%;margin-right:0%;height:480px;margin-top:0%;padding-left:1%;padding-right:1%;}
.roda:nth-child(4){width:100%;margin-bottom:0px;height:60px;}
iframe{width:70%; height:250px;margin-top:3%;}

.social-icons{margin-left:-10px;width:60%;}
.rodas h4{margin-top:20%;font-size:1.6em;}
 .rodas h3{margin-top:25%;font-size:1.7em;}
 .rodas h2{margin-top:3%;font-size:1.7em;}
 .logoroda{margin-top:8%;}

.roda h5{padding-top:0.8%;text-align:left;padding-left:4%;}
.roda h6{padding-left:22%;margin-top:-22px;font-size:0.90em;}
.buts{width:28%;}
.logo1{
  margin-left:32%;
  margin-top:-7px;
}
}