*{
    margin:0;
    padding:0;
}
body {
    background: #c3e6f0;
    /*background-image: url('../fundo1.png');*/
    overflow-x: hidden;
    font-family:verdana;
    font-size: 1.2em;
}
header {
    border-radius: 10px;
    background: #00aeef;
}
h2{
font-family:"trebuchet MS";
font-weight: bold;
margin-bottom: 22px;
}
h4{
font-family:"Trebuchet MS";
font-weight: normal;
font-size:1.6em;
}
img {
	max-width:100%;
    min-width:65px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (max-width: 600px) {

}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
	.container {
		widh:100%;
	}
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
	.container {
		widh:1100px;
	}
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.espaco{
 text-align:center;
 margin-bottom:17px;
}

.estilot{
 font-size: 1.0em;
}
.spac5{
 margin-bottom:17px;
}
.spac55{
 margin-bottom:7px;
}
.centro{
    margin: 0 auto;
}
.topp{
 margin-top:1.6em;
}
.subbt{
    font-weight: bold;
    margin-bottom: 14xpx;
    font-family: Arial;
    font-size:2.5em;
}

.bg1x{
 background-color:#cbcbcb;
 padding: 40px;
}
.nav {
    border-radius: 7px;
    padding:0px;
}
.ppx{
        width: 1px;
}

.bht {
    background-color: #cbcbcb;
    height: 100px;
    line-height: 100px;
    text-align: center;

}

.artigo {   
    border-radius: 7px;
    padding: 10px;
    background-color: #fff;
}

.artigo2 {
    border-radius:  7px;
    padding-left: 10px;
    margin-bottom: 2px;    
}

.artigo2 a {
    text-decoration: none;
    color: #FFFFFF;

}

.artigo2 a:hover {
    color: #cccccc;
}
.ambiental {
    border-width: 10px;
    border-style: solid;
    border-color: #7CCD7C;
    color: #ffffff;
    font-size: 20px;
    background-color: #006400;
}

.ambiental p {
    color: #ffffff;
}

.social {
    border-width: 10px;
    border-style: solid;
    border-color: #32CD32;
    color: #ffffff;
    font-size: 20px;
    background-color: #228B22;
}

.social p {
    color: #ffffff;
}

.defesa {
    border-width: 10px;
    border-style: solid;
    border-color: #8B5A00;
    color: #ffffff;
    font-size: 20px;
    background-color: #FFA500;
}

.defesa p {
    color: #ffffff;
}

.esportes {
    border-width: 10px;
    border-style: solid;
    border-color: #993399;
    color: #ffffff;
    font-size: 20px;
    background-color: #dda0dd;
}

.saudacao {
    border-width: 10px;
    border-style: solid;
    border-color: #993399;
    color: #ffffff;
    font-size: 20px;
    background-color: #dda0dd;
    text-align: justify;
}

.saudacao h1 {
    color: #000000;
}

.questoes {
    border-width: 10px;
    border-style: solid;
    border-color: #9b111e;
    color: #ffffff;
    font-size: 20px;
    background-color: red;
}

.educacao {
    border-width: 10px;
    border-style: solid;
    border-color: #551A8B;
    color: #ffffff;
    font-size: 20px;
    background-color: #AB82FF;
}

.educacao p {
    color: #ffffff;
}
.saude {
    border-width: 10px;
    border-style: solid;
    border-color: #00008B;
    color: #ffffff;
    font-size: 20px;
    background-color: #63B8FF;
}

.saude p {
    color: #ffffff;
}


.transporte {
    border-width: 10px;
    border-style: solid;
    border-color: #eead2d;
    color: #ffffff;
    font-size: 20px;
    background-color: #ffdb58;
}

.porque {
    border-width: 10px;
    border-style: solid;
    border-color: #228B22;
    color: #ffffff;
    font-size: 20px;
    background-color: #32CD32;
}

.porque p {
    color: #ffffff;
}


.soci-economico {
    border-width: 10px;
    border-style: solid;
    border-color: #0abab5;
    color: #ffffff;
    font-size: 20px;
    background-color: #40e0d0;
}

.soci-economico p {
    color: #ffffff;
}

.admin {
    border-width: 10px;
    border-style: solid;
    border-color: #ffd700;
    color: #ffffff;
    font-size: 20px;
    background-color: #dcdf00;
}

.admin p {
    color: #ffffff;
}


.texto {
    padding:10px;
}

.artigo ul li {
    color:#000;
    font-size:1.3em;
    text-align: justify;
    margin-bottom: 15px;
}

.sspac{
 margin-right:0px;
}
.spactop{
 margin-top:10px;
 margin-bottom:10px;
}

.jumbotron{
    /*background: #01f001;*/
    background-image: url('/images/foto1.jpg');
    color:#fff;
    height:430px;
}
.bgsec1{
    background-image: url('/images/foto2.jpg');
}
.navbar {
    background: #ECECFB;
    margin-bottom: 10px;
    border-color: #005ca8;
}
.box-gray {
    background: #f8f8f8; 
    /*background: #006600;
    color:#fff;*/
    padding: 10px 10px 10px;
    border-radius:7px;
}

.box-branco{
    background: #fff; 
    padding: 10px 10px 10px;
    border-radius:7px;
}

.box-vd1{
    background: #02feff;
    color:#000;
    padding: 10px 10px 10px;
    border-radius:7px;
}

.box-vd2{
    background: #01f001;
    color:#000;
    padding: 10px 10px 10px;
    border-radius:7px;
}


.box-vd3{
    background: #ddfa00;
    color:#000;
    padding: 10px 10px 10px;
    border-radius:7px;
}

.aligncenter {
    text-align: center;
}
.creditos{
    font-size:1.0em;
    color:#000;
}
.creditos2{
    font-size:.8em;
    color:#000;
}
.direita{
    text-align:right;
}
.esquerda{
    text-align:left;
}
.centro{
    text-align:center;
}

.verde{
    background: #01f001;
    height: 7px;
    margin-bottom: 5px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #7fce51;
}
.navbar-inverse .navbar-nav>li>a {
    color: #27348B;
    font-weight: bolder;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}
.btn-primary {
    color: #fff;
    background-color: #01f001;
    border-color: #01f001;
}

a.linqq:link {
    color: #000;
}

a.linqq:visited {
    color: #000;
}

a.linqq:hover {
    color: #000;
}

a.linqq:active {
    color: #000;
}
.imgartigo{

    margin-left:20px;
}

p{
    font-size:1.3em;
    color:#000;
    text-align:justify;
}
.bannerleg{
    margin-top: 3.5em;
    max-width:65%;
}
.roww{
    border-radius: 10px;
    margin-right: -15px;
    margin-left: -15px;
    margin-top:-20px;
    margin-bottom:10px;
    background: #000;
    color:#fff;
    padding:10px;
}
.negr{
    font-weight: bold;
}

#info1 {
    margin-top: 15px;
}

#info2 {
    
}
#info3 {
    
}

.foo { writing-mode: vertical-rl;
      margin-left: -80px; }

p.foo {
    font-size: 5px;

}

.jumbotron p {
    font-size: 10px;
}

#myCarousel {margin-bottom: 10px;

}

.tit_contato {
    margin-bottom: 20px;
}

.campo_nome, .campo_email, .campo_tel, .campo_nasci, .campo_tel, .campo_cpf {
    width: 100%;
    font-size: 20px;
    margin-bottom: 5px;
}

.campo_obs {
    width: 100%;
    font-size: 20px;
    margin-bottom: 5px;
}

#formcol1 {


}

#formcol2 {

    
}

.rodape_form {
    margin-bottom: 50px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.rowajustevideo {
    margin: 0;
    padding: 0;
}
.ajustevideo {
    margin-left: 10px;
    margin-bottom: 10px;
}

.col-xs-4 {
    margin-bottom: 10px;
}
.col-md-4 {
    margin-bottom: 10px;
}

.contador {
    float: right;
    font-size: 25px;
    color: #000;
}