/*=========================================*/
/*                  GERAIS
/*=========================================*/

html {
    width: 100%;
    background-color: lightblue;
    background: -webkit-linear-gradient(white, lightblue);
    background: -o-linear-gradient(white, lightblue);
    background: -moz-linear-gradient(white, lightblue);
    background: linear-gradient(white, lightblue);
    color: #333;
    font-family: "PT Sans Narrow", sans-serif;
}

h2, h3 {
    margin: 0;
    padding: 0;
}

/*=========================================*/
/*                 IMAGENS
/*=========================================*/

.imagemTotal {    
    width: 100%;    
}

.imagemObliqua {
    width: 80%;
    border: 4px solid #0084CE;
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.iconeCentral > img {
    display: block;
    width: 40%;
    padding-top: 1em;
    margin: 0 auto;
}

.caixaObliqua {   
    width: 80%;
    margin: 0 auto 3em auto;
    padding: 0.5em 1em;
    border: 4px solid #0084CE;
    color: lightblue;
    background-color: #333;
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.abreAspa {
    width: 15%;
    vertical-align: bottom;
}

.fechaAspa {
    width: 15%;
    vertical-align: top;
    margin-left: 0.3em;
}

/*=========================================*/
/*                  TEXTOS
/*=========================================*/

.titulo {
    color: #0084CE;
    font-family: Oswald, serif;
    font-size: 1.7em;
    text-align: center;
    letter-spacing: 0.2em;
}

.subTitulo {
    color: #333;
    padding: 0% 0% 0% 5%;
    font-family: Oswald, serif;
    font-size: 1.5em;
    clear: both;
}

.descricao {
    color: #666;
    padding: 0% 0% 0% 5%;
    font-family: Oswald, serif;
    font-size: 0.8em;    
}

.texto {
    color: #666;
    padding-left: 10%;
    font-size: 1.5em;
}

.citacao {
    color: #0084CE;
    padding: 0% 10% 0% 10%;
    font-size: 1.3em;
    font-weight: bold;
}


/*=========================================*/
/*                 TABELA
/*=========================================*/

/*=========================================*/
/*                 RODAPÉ
/*=========================================*/

.imagemOliqua > footer {    
    width: 80%;
    margin: 0 auto 3em auto;
    padding: 0.5em 1em;
    border: 3px solid lightblue;
    color: lightblue;
    background-color: #333;
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.rodapeTitulo {
    text-align: center;
    font-size: 1.7em;
}

.rodapeLinha {
    font-size: 1em;
}

footer {
    clear: both;
}

footer > div > p > img {
    display: inline;
    width: 6%;
}


/*=========================================*/
/*                  MENU
/*=========================================*/
nav {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    border: 4px solid lightblue;
}

.navegacao > a {
    text-decoration: none;
}

.navLinha {
    width: 100%;    
    padding: 1em 0 1em 0;
    color: white;    
    
    background-color: lightblue;
    background: -webkit-linear-gradient(lightblue, blue);
    background: -o-linear-gradient(lightblue, blue);
    background: -moz-linear-gradient(white, lightblue);
    background: linear-gradient(#9AD5FF, #375985);
    
    font-family: Oswald, serif;
    font-size: 1.2em;
    
}

.navLinha:active {
    background-color: #9AD5FF;
    background: -webkit-linear-gradient(#9AD5FF, #9AD5FF);
    background: -o-linear-gradient(#9AD5FF, #9AD5FF);
    background: -moz-linear-gradient(#9AD5FF, #9AD5FF);
    background: linear-gradient(#9AD5FF, #9AD5FF);
}