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

@font-face {
    font-family: 'GothamRounded-Bold';
    src: url('../fonts/GothamRounded-Bold.eot');
    src: url('../fonts/GothamRounded-Bold.eot?##iefix') format('embedded-opentype'),
    url('../fonts/GothamRounded-Bold.woff') format('woff'),
    url('../fonts/GothamRounded-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamRounded-Book';
    src: url('../fonts/GothamRounded-Book.eot');
    src: url('../fonts/GothamRounded-Book.eot?##iefix') format('embedded-opentype'),
    url('../fonts/GothamRounded-Book.woff') format('woff'),
    url('../fonts/GothamRounded-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamRounded-Medium';
    src: url('../fonts/GothamRounded-Medium.eot');
    src: url('../fonts/GothamRounded-Medium.eot?##iefix') format('embedded-opentype'),
    url('../fonts/GothamRounded-Medium.woff') format('woff'),
    url('../fonts/GothamRounded-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.indicador {
    display: none;
}

html, body {
	width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
}

body {
	font-family: 'Open-sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: white;
}

span, p, h1, h2, h3, h4, h5, h6, button, .subtitle1, .subtitle2, .body1, .body2, .caption, .overline, a, input, .button, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'GothamRounded-Book', sans-serif;
}

b, strong {
    font-family: 'GothamRounded-Bold', sans-serif;
}

.subtitle1 {
	font-size: 16px;
}

.subtitle2 {
	font-size: 14px;
}

.body1 {
	font-size: 16px;
}

.body2 {
	font-size: 14px;
}

.button {
	font-size: 14px;
	text-transform: uppercase;
}

.caption {
	font-size: 12px;
}

.overline {
	font-size: 10px;
	text-transform: uppercase;
}

.regular {
    font-family: 'GothamRounded-Book', sans-serif;
}

.medium {
    font-family: 'GothamRounded-Medium', sans-serif;
}

.bold {
    font-family: 'GothamRounded-Bold', sans-serif;
}

.open {
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
}




/* Cores texto e fundo */

.branco {
    color: white;
}
.bgbranco {
    background-color: white;
}


.preto {
    color:black;
}
.bgpreto {
    background-color: black;
}


.azulescuro {
    color: #263773;
}
.bgazulescuro {
    background-color: #263773;
}


.azulclaro {
    color: #31BBA3;
}
.bgazulclaro {
    background-color: #31BBA3;
}


.amarelo {
    color: #FBEE75;
}


.cinzaescuro {
	color: #707070;
}
.bgcinzaescuro {
	background-color: #2C2C2C;
}


.cinzaclaro {
	color: #898989;
}
.bgcinzaclaro {
	background-color: #898989;
}


.bgoff {
    background-color: rgba(255,255,255,0.16);
}
.bgon {
    background-color: rgba(255,255,255,0.56);
}


.bggradiente {
    background-image: linear-gradient( to right, #31BBA3, #263773 );
}


.bggradienteblog {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.9));
}


.bgnavbar {
    background-color: rgba(255,255,255,0.9) !important;
}

a.bgnavbar:hover, a.bgnavbar:focus,
button.bgnavbar:hover,
button.bgnavbar:focus {
  background-color: rgba(255,255,255,0.9) !important;
}







/* borders para despiste de posições */
.bred {
    border:solid 1px red;
}

.bgreen {
    border:solid 1px green;
}

.bcyan {
    border:solid 1px cyan;
}

.bmagenta {
    border:solid 1px magenta;
}

.byellow {
    border:solid 1px yellow;
}



/* estrutura */
.bannertopo {
    margin-top: 0px;
    height: 450px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.logotiponav {
    max-height: 45px;
}

.slogan {
    font-size: 20px;
}

.assinatura {
    font-size: 16px;
    text-shadow: 1px 1px #000000;
}

.almofadacontainer {
    position: relative;
    left: -40px;
    top: -50px;
    width: 200px;
    max-width: 200px;
}

.solelua {
    margin-top: -50px;
}

.blogcontainer {
    border:solid 0px #535353;
    border-radius:20px;
    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    overflow:hidden;
}

.postcontainer {
    width: 210px;
    height:280px;
}

.postimgcontainer {
    width: 100%;
    height: 210px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}



/* sm */
@media (min-width: 576px) {
    .bannertopo {
        margin-top: 0px;
        height: 500px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .logotiponav {
        max-height: 60px;
    }
    
    .slogan {
        font-size: 26px;
    }
    
    .assinatura {
        font-size: 20px;
    }
    
    .almofadacontainer {
        position: relative;
        left: -50px;
        top: -100px;
        width: 260px;
        max-width: 260px;
    }
    
    .solelua {
        margin-top: -90px;
    }
}


/* md */
@media (min-width: 768px) {
    .bannertopo {
        margin-top: 0px;
        height: 550px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .logotiponav {
        max-height: 70px;
    }
    
    .slogan {
        font-size: 32px;
    }
    
    .assinatura {
        font-size: 24px;
    }
    
    .almofadacontainer {
        position: relative;
        left: -50px;
        top: -100px;
        width: 300px;
        max-width: 300px;
    }
    
    .solelua {
        margin-top: -150px;
    }
}


/* lg */
@media (min-width: 992px) {
    .bannertopo {
        margin-top: 0px;
        height: 90%;
        min-height: 400px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .logotiponav {
        max-height: 90px;
    }
    
    .slogan {
        font-size: 44px;
    }
    
    .assinatura {
        font-size: 30px;
    }
    
    .almofadacontainer {
        position: relative;
        left: -75px;
        top: -150px;
        width: 450px;
        max-width: 450px;
    }
    
    .solelua {
        margin-top: -200px;
    }
}


/* xl */
@media (min-width: 1200px) {
    .bannertopo {
        margin-top: 0px;
        height: 90%;
        min-height: 400px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .logotiponav {
        max-height: 90px;
    }
    
    .slogan {
        font-size: 44px;
    }
    
    .assinatura {
        font-size: 32px;
    }
    
    .almofadacontainer {
        position: relative;
        left: -75px;
        top: -170px;
        width: 470px;
        max-width: 470px;
    }
    
    .solelua {
        margin-top: -210px;
    }
}


/* botões */
.btntestenav {
    color: white;
    background-color: #263773;
    font-size: 12px;
    width: 160px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
    border: none;
    outline:none;
}

.btntestenav:hover {
    color: white;
    background-color: #31BBA3;
    border-color: #31BBA3;
    border: none;
    outline: none;
}

.btntestenav:focus, .btntestenav.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    border: none;
    outline: none;
}

.btntestenav.disabled, .btntestenav:disabled {
    color: #fff;
    background-color: #003152;
    border-color: #003152;
    border: none;
    outline: none;
}

.btnvertudo:not(:disabled):not(.disabled):active, .btnvertudo:not(:disabled):not(.disabled).active,
.show > .btnvertudo.dropdown-toggle {
    color: #000000;
    background-color: #C0C0C0;
    border-color: #C0C0C0;
    outline: none;
}

.btnvertudo:not(:disabled):not(.disabled):active:focus, .btnvertudo:not(:disabled):not(.disabled).active:focus,
.show > .btnvertudo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

button:focus, button.focus, .button.focus, .button:focus{
    outline: none;
}




/* links navbar */
.navbar-light .navbar-nav .nav-link {
    color: #263773;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #31BBA3;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #263773;
}



/* links */
a:link {
	text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a.active, a:active {
    text-decoration: none;
}


.linkrodape:link {
	text-decoration: none;
    color: #707070;
}

.linkrodape:visited {
    color: #707070;
}

.linkrodape:hover {
    text-decoration: underline;
    color: #C3C3C3;
}

.linkrodape.active, .linkrodape:active {
    text-decoration: none;
    color: #707070;
}


.linkpost:link {
	text-decoration: none;
    color: #263773;
}

.linkpost:visited {
    color: #263773;
}

.linkpost:hover {
    text-decoration: none;
    color: #2774F1;
}

.linkpost.active, .linkpost:active {
    text-decoration: none;
    color: #263773;
}

.linkmenusocial:link {
	text-decoration: none;
    color: #263773;
}

.linkmenusocial:visited {
    color: #263773;
}

.linkmenusocial:hover {
    text-decoration: none;
    color: #31BBA3;
}

.linkmenusocial.active, .linkmenusocial:active {
    text-decoration: none;
    color: #263773;
}




/* QUIZ */
.resposta {
    border-radius:20px;
    height: 40px;
    background-color: rgba(255,255,255,0.2);
    color:white;
    line-height: 40px;
}

.respostahover {
    background-color: rgba(255,255,255,0.5);
    cursor: pointer;
}

.respostaactiva {
    background-color: rgba(255,255,255,0.5);
}