/*Tags do HTML*/
@font-face {
    font-family: "Museo700";
    src: url("../fonts/ufonts.com_museo-700-opentype.otf");
}
body{
    background: #064066 url("../images/bg-principal.jpg") no-repeat scroll top center;   
    color: #fff; 
    font-family: "Arial", "Helvetica";
    font-family: Arial,Helvetica,sans-serif;
    padding-top: 0px;
} 
a{
    color:#105064;
}
h1{
    font-size: 1.9em;
}
h2{
    font-size: 1.6em;
}
h3{
    margin-top: 10px;
}
    h3 a{
        color: #fff;
    }
h4{
    
}
hr{
    border-color: #0A8C9F;
} 

/* ############### Elementos do bootstrap - START ############### */
.well{
    color: #105064
}
/*Botão azul do bootstrap*/
.btn-primary{
    background-color: #2E6B91;
}
/*Icone para menu quando site está no mobile*/
.navbar-toggle{
    background-color: #fff;
}
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color:#333;
    }
.navbar-inverse .navbar-toggle {
    background-color: #dadada;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background-color: #1AA4B8;
}
    .navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar{
        background-color: #fff;
    }
/* ############### Elementos do bootstrap - END ############### */

/* Degrade dos botões esquerdo e direito do banner principal*/
.carousel-control.right{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, #085E77 100%);
}
.carousel-control.left{
    background-image: linear-gradient(to right, #085E77 0px, rgba(0, 0, 0, 0) 100%);
}

/*Rodapé do site*/
#rodape{
    background-color: #064066;
    box-shadow: 1px 1px 15px #1aa4b8;
    border-top: 1px solid #1aa4b8;
}
    #rodape h3{
        color: #50b8b1;
        font-size: 13px;
        padding-left: 25px;
        font-weight: bold;
        text-decoration: underline;
    } 
    ul.cidades{
        border-left: 1px solid #1d5477;
    }
        .cidades li{
            list-style: none;
        }
            .cidades li a{
                color:#fff;
            }