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

body {
  padding-top: 40px;
  background-image: url("img/fundo.jpg");    
  background-repeat: repeat-y;
  background-repeat: repeat-x;
  background-attachment: fixed;
}
.banner {
    width:100%;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-left: 0%;
    float: left;
    border-width: 0px;
    border-style: ridge;
    border-color: #333;
}

.topo1{
    width: 40%;
    position: relative;
    margin-top: 65px;
    font-size: 14px;
    text-align-last: right;
    float: right;
    margin-right: 96px;    
    color: #fff;
}

.content {
	width: 100%;    
    padding-bottom: 20px;
    padding-top: 20px;
       
}

a.button4:link, a.button4:visited {
    background-color: darkcyan;
    font-size: 16px;
    text-decoration: none;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-right: 30px;
    padding-left: 30px;    
    color: #fff;
    border: 1px solid darkcyan;
    border-radius: 5px;
}

a.button4:hover, a.button4:active {
    background-color: white;
    color: darkcyan;
    border: 1px solid darkcyan;    
    text-decoration: none;
}
.c1 {
   width:100%;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left:auto;
   margin-right: auto;
   float: none;
   padding-top:5px;
   padding-bottom: 0px;
   padding-left:6%;
}
.c {
   width:86%;
   background-color:#fff; 
   opacity:0.85; -moz-opacity: 0.85; -khtml-opacity: .85;
   margin-top: 10px;
   margin-bottom: 30px;
   margin-left:7%;
   text-align: center;
   color: #555;
   line-height: 1.5;
   float:left;
   padding-top:10px;
   padding-bottom:70px;
   padding-left:3%;
   padding-right:3%;
}

.container{    
    color: #666;    
}

.left{
    text-align: left;
}
.right{
    text-align: right;
}
.rede:hover {
  opacity: 0.6;
}
.img botao {
    padding: 0px;
    border-radius: 5px;
}

.rodape {
  position: relative;
  font-size: 12px;
  text-align: center;
  color: #f2f4f6;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 15px;
  background-color: #222;
}
.rodape-link {
    color: #fff; 
}

.rodape-link:hover {
    color: #fff;
}
.topo1-link {
    color: #fff; 
}

.topo1-link:hover {
    color: #fff;
}
.c-link {
    color: #555; 
}

.c-link:hover {
    color: #555;
}
    
@media screen and (max-width: 767px) {
 
  .c1 {
     width:90%;
     margin-left: 3%;
     text-align: center;
}
 .topo1{
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 12px;
    text-align-last: center;
    color: #fff;
}
  .c {
     width:90%;
     margin-left: 5%;
     text-align: center;  
}
 
  .left{
    text-align: center;
}
  .right{
    text-align: center;
  }  
}