/*=========================== GERAL ===============================*/
html {
font-size: 61.5%;
}
/* ((((((((((((((((((((((((((((( para deixar o elemento transparente: filter:alpha(opacity=60); opacity:0.6; )))))))))))))))))))))))))))))*/
body{
float: left;
width: 100%;
max-width: 2000px;
margin: 0%;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
/*background-color: #DFE4EA; */
background: url("../../img/Layout/72732.jpg") repeat-y fixed;
background-size: 100%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
@media screen and (max-width:768px) {
body{
background: #BAC6D4;
}
}
#total{
float: left;
max-width: 2000px;
width: 70%;
margin-left: 15%;
background: rgba(255, 255, 255, 0.15);
border-radius: 25px 25px 10px 10px;
}
#conteudoGeral{
/*background-color: #F1F1F1;*/
background: rgba(241, 241, 241, 0.5);
max-width: 2000px;
float: left;
width: 100%;
border-radius: 10px;
padding-bottom: 1%;
}
#cabecalho{
float: left;
width: 100%;
height: 150px;
}
.h2, .h2Preto{
font-family: Lucidatypewriter, monospace;
font-size: 130%;
color: #A21B2F;
margin: 3% 0% 0% 4%;
}
.h2Maior{
font-size: 175%;
}
.h2Preto{color: #000;}
.capaGrupo{
float: left;
width: 100%;
text-align: center;
margin: 2% 0% 4% 0%;
}
.capaGrupo img{
width: 83%;
border-radius: 5px;
}
@media screen and (max-width: 768px) {
.capaGrupo img{
width: 100%;
border-radius: 10px;
}
}
.capaGrupo .image2{
width: 106%;
border-radius: 5px;
margin-left: -3%;
}
.capaGrupo a{
font-size: 0.8em;
color: #3A4A5E;
text-decoration: none;
}
.titulo_h2{
width: 90%;
text-align: center;
}
.p_h3{
float: left;
width: 90%;
margin-left: 5%;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.cont_text{
float: left;
width: 80%;
margin: 5% 0% 0% 8%;
background: #fff;
margin-bottom: 10px;
border-radius: 15px;
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff;
padding: 2%;
}
.cont_text p{
text-align: justify;
line-height: 165%;
padding: 5px;
text-indent: 27px;
}
.italic{font-style: italic; color: #75a2ed;}
.destaqueB{color: #75a2ed;}
.cont_text .titulo_noticia_h1{
float: left;
width: 90%;
margin-left: 5%;
text-align: center;
font-weight: bold;
font-size: 18px;
border-bottom: solid 1px #BAC6D4;
}
.titulo_noticia_h1 a, .cont_text p a, .p_a{
text-decoration: none;
color: #A21B2F;
}
.cont_text .sub_title_2, .cont_text .sub_title_22{
float: left;
width: 100%;
margin: auto;
text-align: center;
margin-top: 5%;
margin-bottom: 4%;
}
.cont_text .sub_title_22{
margin-top: 0%;
}
.cont_text .data_not{
font-style: italic;
color:#92A4BB;
font-size: 0.9em;
}
.link_in_text, .link_in_text:visited, .link_in_text:active{
text-decoration: underline;
color:
}
.link_in_text, .capaGrupo .link_capa, .capaGrupo .link_in_text{
color: #A21B2F;
}
.link_in_text:hover, .capaGrupo .link_capa:hover, .capaGrupo .link_in_text:hover{
color: #00aaff;
}
.capaGrupo .legenda:hover{
color: #3A4A5E;
}
.capaGrupo .link_in_text{
color: #A21B2F;
}
.h5_pos_titulo{
text-align: center;
}
.video_in{
width: 90%;
margin-left: 5%;
border-radius: 5px;
}
.fonte_menor{ font-size: 0.9em; }
.list_colaboradores{
list-style-type: disc;
}
.list_colaboradores li{
margin-top: 2.5%;
}
.img_in_link{
height: 22px;
border-radius: 4px;
}
.oculta{ display: none; }
.mostra{ display: block;}
@media screen and (max-width:1024px) {
#total{
float: left;
width: 92%;
margin-left: 4%;
}
.capaGrupo{
float: left;
width: 90%;
text-align: center;
margin: 2% 0% 4% 5%;
}
}
@media screen and (max-width:500px) {
#total{
width: 98%;
margin-left: 1%;
}
.capaGrupo{
width: 90%;
margin: 2% 0% 3% 3%;
}
.cont_text{
width: 90%;
margin: 5% 0% 0% 3%;
}
}
@media screen and (max-width:620px) {
body{ font-size: 13.5px; }
}
/*=========================== FIM GERAL ===============================*/
/* redes sociais ///// share on-------------------------------------------------------*/
#redesSociais, #redesSociais2{
position: absolute;
width: 120px;
height: 30px;
left: 40.8%;
text-align: center;
background: rgba(241, 241, 241, 0.5);
padding-left: 12px;
border-radius: 0px 0px 25px 25px;
}
#redesSociais2{
left: 2%;
border-radius: 15px 15px 0px 0px;
margin-top: 106px;
padding: 2px 0px 2px 12px;
}
.share_on{
height: 50px;
width: 100%;
float: left;
}
.share_on h5{
margin: 0px;
width: 100%;
border-top: solid 1px #BAC6D4;
}
#redesSociais a, #redesSociais2 a{
float: left;
height: 100%;
margin: 0% 2.5% 0% 2.5%;
border-radius:100%;
}
.share_on a{
height: 35px;
margin: 0% .5% 0% .5%;
border-radius:100%;
float: left;
}
#redesSociais a img, #redesSociais2 a img{
border-radius:100%;
height: 100%;
}
.share_on a img{
height: 100%;
}
#redesSociais a:hover, #redesSociais2 a:hover{
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff;
background-color: #fff;
}
.share_on a:hover{
box-shadow: 0 0 1em #ffb9ba, 0 0 1em #ffb9ba, 0 0 2em #ffb9ba;
background-color: #ffe9ec;
}
@media screen and (max-width: 1000px) {
#redesSociais{
left: 36%;
}
}
@media screen and (max-width: 860px) {
#redesSociais{
display: none;
}
}
@media screen and (max-width:600px) {
#redesSociais2{
margin-top: 146px;
}
}
@media screen and (max-width:450px) {
#redesSociais2{
margin-top: 146px;
}
}
/*-----------------------------------------LOGIN------------------------------------------------------*/
.Login{
float: right;
color: #fff;
margin: 0% 0% 0% 0%;
text-align: right;
background: rgba(227, 227, 227, 0.5);
padding: 1px 12px 0px 12px;
height: 20px;
border-radius: 0px 250px 0px 250px;
}
.Login2{
display: none;
}
.Login p{
margin: 0px;
font-size: 15px;
text-shadow: 0 0 1em #000;
}
.Login p a{
text-decoration: none;
color: #A21B2F;
text-shadow: 0 0 1em #fff;
font-weight: bold;
height: 100%;
}
.Login p a:hover{
text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff;
}
@media all and (max-width : 768px) {
.Login{
display: none;
margin-right: 18%;
text-align: center;
width: 60%;
height: 15px;
border-radius: 0px 0px 250px 250px;
}
.Login2{display: block;}
.Login p{
font-size: 13px;
}
}
@media all and (max-width : 500px) {
.Login{
margin-right: 17%;
}
}
@media all and (max-width : 420px) {
.Login{
width: 65%;
margin-right: 10%;
}
}
@media all and (max-width : 380px) {
.Login{
width: 75%;
border-radius: 0px 0px 0px 250px;
margin-right: 0%;
}
}
/*=========================== fim CABEÇALHO ===============================*/
/* PREFACE WRAPPER
-------------------------------------------------------*/
#preface-wrapper, .mais_informacoes{
float: left;
width: 98%;
margin: 5% 1% 0% 1%;;
background: #fff;
margin-bottom: 10px;
border-radius: 15px;
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff;
padding-bottom: 2%;
}
#preface-wrapper .column{
width: 30%;
float: left;
padding: 1%;
margin: 0% 0.5% 0% 0.5%;
}
#preface-wrapper .column h3{ width: 100%; text-align: center;}
#preface-wrapper .column p{
text-align: justify;
line-height: 140%;
padding: 5px;
text-indent: 20px;
}
.A, .B, .C{
border: solid #BAC6D4;
border-radius: 30px;
border-width: 1px 1px 0px 1px;
}
.B{ border-width: 0px 1px 1px 1px; }
@media screen and (max-width: 1024px) {
#preface-wrapper, .mais_informacoes{
margin-top: 6%;
}
}
@media screen and (max-width: 768px) {
#preface-wrapper, .mais_informacoes{
margin-top: 9%;
}
#preface-wrapper .column{
width: 97%;
}
.A, .B, .C{
border: solid #BAC6D4;
border-radius: 30px;
border-width: 1px 0px 1px 1px;
}
.B{ border-width: 1px 1px 1px 0px; }
}
@media screen and (max-width: 500px) {
#preface-wrapper, .mais_informacoes{
margin-top: 13%;
}
}
/* LAST NEWS
-------------------------------------------------------*/
#last-news{
width: 98%;
margin: 4% 0% 0% 1%;
float: left;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff;
}
#twitter_div{
width: 33%;
height: 400px;
overflow: auto;
float: left;
margin: 5% 0% 4% 2%;
}
#sem_noticia{
float: left;
position: absolute;
left: -94%;
width: 200%;
height: 99%;
margin-top: 1%;
border-radius: 10px;
}
/* MAPA DFTE
-------------------------------------------------------*/
.maps_dfte,.maps_dfte2{
width: 60%;
height: 400px;
float: right;
margin: 5% 2% 4% 2%;
}
.maps_dfte2{
width: 96%;
}
@media screen and (max-width: 600px) {
#twitter_div{
width: 96%;
}
.maps_dfte{
width: 96%;
height: 300px;
float: left;
}
}
/* NEWS
-------------------------------------------------------*/
.news {
width: 650px;
height: 250px;
float: left;
box-shadow: 0 0 1px;
background: #F7F7F7;
margin-top: 10px;
}
.news img{
height: 100%;
width: 290px;
float: left;
}
.news .news-content{
text-align: center;
margin-top: 10px;
}
.news .news-content .read-more{
margin-top: 170px;
margin-right: -270px;
border: 1px;
}
/* GROUP PAGE ==============================================================*/
#integrantesGrupo{
float: left;
width: 98%;
/*height: 520px;*/
margin: 3% 1% 0% 1%;
}
#categoriasGrupo{
float: left;
width: 13%;
margin: 0%;
margin-top: 2%;
border-radius: 8px 0px 0px 8px;
}
#categoriasGrupo div{
float: right;
width: 100%;
height: 70px;
text-align: center;
border-radius: 8px 0px 0px 8px;
margin: auto;
border: solid 1px #3365A4;
vertical-align: middle;
}
.backwhite{
background-color: #fff;
}
#categoriasGrupo div a{
font-family: Lucidatypewriter, monospace;
font-size: 13px;
float: left;
width: 90%;
margin: 2.5% 0% 0% 3%;
padding-top: 4%;
}
#categoriasGrupo div .fonten{
text-decoration: none; color: #A21B2F;
}
.divblue{
background-color: #3365A4;
text-shadow: 0 0 1em #fff, 0 0 2em #fff;
}
.fontewhite{color: #fff; text-decoration: none; }
#categoriasGrupo .divblue:hover{
background-color: #315299;
}
#categoriasGrupo .divn:hover{
background-color: #DFE4EA;
}
#pessoasGrupo{
background-color: #3365A4;
float: right;
width: 87%;
height: 400px;
margin: 0% 0% 0% 0%;
border-radius: 8px;
}
#exibeIntegrantes{
background-color: #fff;
float: left;
width: 98%;
height: 96%;
margin: 1%;
border-radius: 8px;
overflow: auto;
}
.pessoa_miniatura{
border-top: solid 1px #6983A4;
float: left;
width: 360px;
height: 100px;
margin: 1.5%;
border-radius: 8px;
}
.pessoa_miniatura .img_foto, .pessoa_miniatura .img_foto img{
float: left;
height: 95%;
}
.pessoa_miniatura img{
border-radius: 8px;
}
.pessoa_miniatura .nome_pessoa{
text-decoration: none;
color: #A21B2F;
float: left;
width: 80%;
}
.pessoa_miniatura .nome_pessoa h4{
font-family: Lucidatypewriter, monospace;
float: left;
width: 100%;
margin: 0% 0% 0% 2%;
padding: 2% 0% 0% 0%;
}
.pessoa_miniatura p{
line-height: 140%;
font-size: 13px;
text-align: justify;
word-wrap: break-word;
float: left;
width: 77%;
margin: 2% 0% 0% 2%;
}
.pessoa_miniatura a{
text-decoration: none;
color: #0000FF;
}
.pessoa_miniatura a:hover{
text-decoration: underline;
}
#detalhesGrupo{
background-color: #3365A4;
float: right;
width: 87%;
/*height: 160px;*/
border-radius: 8px;
}
#detalhesGrupo img{
float: left;
width: 17%;
margin: 1%;
/*height: 160px;*/
border-radius: 8px;
max-width: 160px
}
#detalhesGrupo h3{
color: #fff;
font-family: Lucidatypewriter, monospace;
text-shadow: 0 0 1em #fff;
}
#detalhesGrupo p{
text-align: justify;
line-height: 140%;
padding: 1.5%;
text-indent: 25px;
color: #fff;
}
#detalhesGrupo .desc{
margin-top: 4%;
min-height: 100px;
}
#detalhesGrupo .plinks{
border: solid #7694b9;
border-width: 1px 0px 0px 0px;
border-radius: 20px;
}
#detalhesGrupo a{
text-decoration: none;
color: #ffb4b9;
}
#detalhesGrupo a:hover{
text-shadow: 0 0 1em #fff;
color: #fff;
}
@media screen and (max-width: 1024px) {
#detalhesGrupo .desc{
margin-top: 4%;
}
}
@media screen and (max-width: 768px) {
#categoriasGrupo{
width: 98%;
display: inline-block;
}
#categoriasGrupo div{
position: absolute;
width: 22%;
height: 40px;
border-radius: 8px 8px 0px 0px;
margin-top: -6px;
}
#categoriasGrupo #abaPos{
margin-left: 22%;
margin-top: -23px;
}
#categoriasGrupo #abaIc{
margin-left: 44%;
margin-top: -40px;
}
#categoriasGrupo #abaEgressos{
margin-left: 66%;
margin-top: -40px;
}
#categoriasGrupo div a{
font-size: 13px;
float: left;
width: 90%;
margin: 0% 0% 0% 5%;
}
#pessoasGrupo{
float: left;
width: 100%;
border-radius: 0px 8px 8px 8px;
}
.pessoa_miniatura{
font-size: 12px;
width: 300px;
height: 100px;
}
.pessoa_miniatura .img_foto, .pessoa_miniatura .img_foto img{
height: 87%;
}
#detalhesGrupo{
width: 100%;
}
#detalhesGrupo .desc{
margin-top: 3%;
}
}
@media screen and (max-width: 600px) {
#categoriasGrupo div{
margin-top: -10px;
}
#categoriasGrupo #abaPos{
margin-left: 22%;
margin-top: -26px;
}
#categoriasGrupo #abaIc{
margin-left: 44%;
margin-top: -42px;
}
#categoriasGrupo #abaEgressos{
margin-left: 66%;
margin-top: -42px;
}
#detalhesGrupo a{
font-size: 12px;
}
#detalhesGrupo .desc{
margin-top: 3%;
}
}
/* ASTROCOFFEE PAGE
-------------------------------------------------------*/
#div_table_apresentacoes{
float: left;
width: 90%;
margin: 6% 0% 0% 5%;
}
#table_apresentacoes{
vertical-align: center;
width: 100%;
text-align: center;
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff;
}
#table_apresentacoes tr:nth-child(even) {background-color: #fff}
#table_apresentacoes th{
height: 35px;
background-color: #3365A4;
color: #fff;
text-shadow: 0 0 1em #fff;
}
#table_apresentacoes td{
padding: 1%
}
#table_apresentacoes .data{
width: 100px
}
#table_apresentacoes .responsavel{
width: 180px
}
#table_apresentacoes .link_material{
width: 75px
}
#table_apresentacoes td .img_link{
margin: 0% 6%;
}
#table_apresentacoes td .img_link img{
width: 20px;
border-radius: 5px;
}
#table_apresentacoes td .img_link img:hover{
background-color: #fff;
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff;
}
#table_apresentacoes .tr_hover:hover{
background-color: #6983A4;
text-shadow: 0 0 1em #fff;
color: #fff;
}
@media screen and (max-width:600px) {
#table_apresentacoes{
font-size: 12px;
}
}
/* --------------------------------------------------------- COMENTÁRIOS ---------------------------------------------------*/
#form_comentarios, .mostra_comentario_feito{
width: 100%;
float: left;
margin: 4% 0% 4% 0%;
}
#form_comentarios .div input, #form_comentarios .inCom{
float: left;
width: 60%;
min-width: 60%;
max-width: 60%;
margin: 2% 0% 0% 0%;
height: 36px;
}
#form_comentarios .inCom{
float: right;
width: 35%;
min-width: 35%;
max-width: 35%;
margin: 2% 0% 0% 0%;
}
#form_comentarios .inCom select{
float: right;
width: 100%;
margin: 0%;
}
#form_comentarios .enviarSLog{
margin-top: 2%;
}
.resposta{
width: 85%;
float: right;
margin: 1% 0% 1.5% 0%;
border-radius: 20px 7px 20px 20px;
background-color: #c9d3e2;
}
.foto_perfil_user{
float: left;
width: 8%; /* border: solid 1px; */
}
.foto_perfil_user img{
border: solid 1px #BAC6D4;
width: 100%;
float: left;
border-radius: 20px;
}
#mensagem, #mensagemResp{
float: left;
margin-left: 3%;
width: 89%;
max-width: 89%;
min-width: 89%;
height: 15%;
max-height: 100px;
min-height: 50px;
border-radius: 7px;
border: solid 1px #BAC6D4;
}
#mensagemResp{
width: 89%;
max-width: 89%;
min-width: 89%;
}
.mostra_comentario_feito{
margin-top: 1%;
}
.nome_user{
float: left;
margin-left: 3%;
width: 85%;
}
.nome_user span{
float: left;
padding: 0%;
font-size: 0.9em;
font-weight: bold;
}
.nome_user a{
float: left;
padding: 0%;
margin: 0%;
font-style: italic;
font-size: 0.8em;
margin-left: 3%;
}
.coment_feito{
color: #201d27;
margin: 1% 0% 0% 3%;
float: left;
width: 85%;
font-family: Times;
font-size: 1em;
border: solid #BAC6D4;
border-width: 0px 0px 1px 0px;
background-color: #f1f1f1;
border-radius: 10px;
}
.coment_feito p{
float: left;
width: 97%;
}
/* FOOTER
---------------------------------------------------------------------------------------------------------------------------*/
#copyleft{
float: left;
width: 100%;
text-align: center;
margin-top: 5%;
font-size: 9.5px;
color: #201d27;
}
#copyleft a{
text-decoration: none;
}
#copyleft .xx:hover{
text-decoration: underline;
}
#copyleft a img{
margin-bottom: -.34%;
}
.copyP{
display: none;
}
.copyG{
display: inline;
}
#rodape{
float: left;
height: 100px;
width: 100%;
text-align: center;
font-size: 12px;
margin-top: .5%;
color: #201d27;
padding-top: 1%;
background: #92A4BB;
border-radius: 25px 25px 0px 0px;
}
#rodape .p{
position: absolute;
width: 100%;
float: left;
text-shadow: 0 0 2em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 .25em #fff, 0 0 .25em #fff;
}
#div_img_rodape{
position: absolute;
float: left;
height: 80px;
width: 100%;
vertical-align: bottom;
margin-top: -1.5%;
}
#astronomer, #t_rex{
float: right;
margin-right: 80px;
height: 100%;
}
#t_rex{
float: left;
margin-left: 80px;
}
@media screen and (min-width: 860px) {
#redesSociais2{
display: none;
}
}
@media screen and (min-width: 768px) {
#lang2{
display: none;
}
}
@media screen and (max-width: 1024px) {
#t_rex{
margin-left: 0px;
}
#astronomer{
margin-right: 0px;
}
}
@media screen and (min-width: 768px) {
#redesSociais2{
margin-top: 66px;
}
}
@media screen and (max-width: 768px) {
#rodape{
height: 140px;
}
#copyleft{
margin-top: 15%;
color: #6a7888;
}
.copyG{
display: none;
}
.copyP{
display: inline;
}
}
@media screen and (max-width:600px) {
#rodape{
height: 180px;
}
}
/*back top ----------------------------------------------------------- */
#back_top{
right: 100px;
bottom: 120px;
float: right;
position: fixed;
border-radius: 100%;
z-index: 22;
}
#back_top img{
height: 40px;
width: 40px;
border-radius: 100%;
box-shadow: 0 0 1em #fff;
background: rgba(241, 241, 241, 0.5);
}
#back_top img:hover{
box-shadow: 0 0 1em #fff, 0 0 2em #fff;
background-color: #fff;
}
@media screen and (max-width:1024px) {
#back_top{
right: 2px;
bottom: 120px;
float: right;
position: fixed;
border-radius: 100%;
}
}
@media screen and (max-width:768px) {
#back_top{
bottom: 150px;
}
}
@media screen and (max-width:600px) {
#back_top{
bottom: 180px;
}
}
@media screen and (max-width:450px) {
#back_top{
bottom: 180px;
}
}
/* LANGUAGE ------------------------------------------------------*/
#lang {
text-align: center;
float: right;
margin-right: 12%;
padding: 0%;
padding: .5% 3px 3px 0px;
height: 15%;
width: 100px;
background: rgba(241, 241, 241, 0.5);
border-radius: 10px 10px 0px 0px;
margin-top: 74px;
}
#img_lang{
text-align: center;
height: 100%;
}
#img_lang a{
text-align: center;
float: right;
margin: 0% 6% 0% 6%;
height: 90%;
}
#img_lang a:hover{
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff;
}
#img_lang a img{
float: right;
height: 100%;
}
#name_lang{
font-size: 10px;
text-align: center;
text-shadow: 0 0 1em #fff, 0 0 2em #fff;
background: rgba(241, 241, 241, 0.3);
border-radius: 5px;
float: left;
width: 90px;
margin:0px;
margin-left: 5px;
margin-top: -20px;
color: #000;
}
@media screen and (max-width: 1024px) {
#lang{
margin-top: 78px;
}
}
@media screen and (max-width: 768px) {
#lang{
margin-right: 2%;
width: 110px;
margin-top: 113px;
}
#img_lang a{
margin: 0% 4% 0% 4%;
height: 85%;
}
#name_lang{
width: 100px;
margin-left: 5px;
}
}
@media screen and (max-width:600px) {
#lang{
width: 110px;
margin-top: 148px;
}
#img_lang a{
margin: 0% 3% 0% 3%;
height: 72%;
}
}
@media screen and (max-width:450px) {
#lang{
width: 110px;
margin-top: 148px;
}
}
/* =================== VALE A PENA CONFERIR =============*/
.vale_a_pena_conferir, .vale_a_pena_conferir2{
width: 13%;
position: absolute;
margin-top: 2.5%;
right: 0%;
border-radius: 15px;
border: solid #3365A4 ;
border-width: 0px 0px 3px 4px ;
padding: 0% 1% 0% 1%;
background: rgba(255, 255, 255, 0.7);
}
.vale_a_pena_conferir2{
background: rgba(255, 255, 255, 0.85);
}
.escolhe_ano{
width: 100%;
float: left;
}
.ano_links{
width: 70%;
float: left;
margin-top: 2px;
}
.escolhe_ano_submit{
width: 25%;
height: 25px;
padding: 0%;
float: left;
margin-left: 2%;
font-size: .7em;
}
.vale_a_pena_conferir h4, .vale_a_pena_conferir2 h4, .titulo_secundario{
color: #A21B2F;
vertical-align: middle;
width: 100%;
height: 33px;
background: url("../../img/Layout/Telescope2.png") right top;
background-size: 15%;
background-repeat: no-repeat;
text-shadow: #fff 0.1em 0.1em 0.2em, #fff 0.1em 0.1em 0.2em, #fff 0.1em 0.1em 0.2em;
}
.titulo_secundario{display: none;}
.vale_a_pena_conferir ul, .vale_a_pena_conferir2 ul{
list-style-type: disc;
}
.vale_a_pena_conferir ul a, .vale_a_pena_conferir2 ul a{
text-decoration: none;
color: #3A4A5E;
font-size: 0.9em;
}
.vale_a_pena_conferir ul a:hover, .vale_a_pena_conferir2 ul a:hover{
color: #A21B2F;
text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff;
}
.vale_a_pena_conferir ul li, .vale_a_pena_conferir2 ul li{
margin: 10px 0px 0px 0px;
}
@media screen and (max-width:1024px) {
.SHM{display: none;}
.vale_a_pena_conferir{
width: 6%;
min-width: 38px;
}
.vale_a_pena_conferir2{
width: 177px;
border-width: 0px 0px 3px 12px;
border-radius: 15px 0px 0px 15px;
}
.vale_a_pena_conferir #vale_a_pena_conferir_h4{
color: rgba(255, 255, 255, 0);
height: 50px;
width: 100%;
text-shadow: none;
background: url("../../img/Layout/Telescope2.png") left top;
background-repeat: no-repeat;
background-size: 90%;
}
.vale_a_pena_conferir .titulo_secundario{
display: block;
background: none;
text-align: center;
}
.vale_a_pena_conferir .titulo_secundario:hover{
background-color: #fff;
border-radius: 15px;
box-shadow: 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff;
}
.vale_a_pena_conferir .titulo_secundario img{
width: 80%;
margin: 10% 10% 0% 10%;
float: left;
background-color: #fff;
border-radius: 15px;
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff;
}
.vale_a_pena_conferir .escolhe_ano, .vale_a_pena_conferir .localizacao, .vale_a_pena_conferir ul{
display: none;
}
.bordaVolta{
position: absolute;
top: 0;
left: -12px;
height: 100%;
width: 14px;
background-color: #3365A4;
background-image: url('../../img/Layout/seta_direita.png');
background-repeat: no-repeat;
background-size: 100% 50px;
background-position: center;
border-radius: 15px 0px 0px 15px;
float: left;
}
.bordaVolta:hover{
background-color: #4c81f5;
}
}
@media screen and (min-width:768px) {
#SHM{display: block;}
}
@media screen and (max-width:768px) {
.vale_a_pena_conferir{
margin-top: 0%;
}
}
@media screen and (min-width:1024px) {
#SHM{display: block;}
}
/* =================== CONTATO =============*/
.formulario{
float: left;
width: 100%;
}
.formulario .input, .formulario .textarea, .formulario .textareaN{
float: left;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 2% 0% 0% 0%;
height: 36px;
}
.formulario .textarea{
height: 110px;
min-height: 110px;
}
.formulario .textareaN{
height: 35px;
min-height: 35px;
}
.formulario .button{
margin: 2% 0% 0% 0%;
}
#msg{
padding: 1px;
height: 50px;
}
#msg img{
float: right;
height: 100%;
}
#msg p{
width: 90%;
color:#92A4BB;
text-align: right;
}
/* =================== Botões, input, forms =============*/
.button, .select{
border: none;
color: #fff;
padding: 3px 21px;
/*padding: 5px 35px;*/
text-align: center;
text-decoration: none;
font-size: 16px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 8px;
margin: auto;
}
.buttons{
float: left;
width: 90%;
margin-left: 5%;
height: 50px;
margin-top: 2%;
text-align: center;
}
.button_submit, .select {
background-color: #E0E5EA;
color: black;
border: 2px solid #3365A4;
}
.button_submit2{
background-color: #f3dee5;
color: black;
border: 2px solid #A21B2F;
}
.button_submit:hover, .select:hover {
background-color: #3365A4;
color: #fff;
text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff;
}
.button_submit2:hover{
background-color: #A21B2F;
color: #fff;
text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff;
}
.button_limpar{
background-color: #E0E5EA;
color: #6983a4;
border: 2px solid #BAC6D4;
}
.noMarg{
float: right;
margin: 0px 1%;
margin-top: 8.5%;
}
.Bpequeno, .aBpequeno{
padding: 3px 8px;
}
.button_limpar:hover{
background-color: #BAC6D4;
color: #A21B2F;
text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff, 0 0 2em #fff;
}
.select{
border-radius: 3px;
}
.select:hover{
text-shadow: 0 0 1em #fff, 0 0 2em #fff;
}
#limpar{
float: left;
}
#enviar{
float: right;
}
.botEdExc{
float: right;
margin: -1.5% 0% 0% 0%;
}
/* ================================================*/
/*========================== PERFIL =========================*/
.exibeDadosAdm{
float: left;
width: 98%;
margin-left: 1%;
}
.iconPerfil{
float: left;
margin-top: 3%;
width: 100%;
height: 20%;
text-align: center;
}
.iconPerfil .div{
height: 100%;
width: 20%;
margin: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.aEditaFoto{
height: 100%;
width: 100%;
float: left;
}
.aEditaFoto:hover{
background-image: url('../../img/Layout/aEditafoto.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.optionsLogin{
float: left;
width: 100%;
}
.dadosUsr{
float: left;
margin-top: 0%;
width: 100%;
}
.dadosAdms{width: 100%;}
.dadosUsr .cont_text{
width: 28%;
margin: 3% .5% 0% .5%;
text-align: center;
}
.cont_text1, .cont_text2, .cont_text3, .cont_text12, .cont_text22, .cont_text32{
border: solid gray;
}
.cont_text1{
border-width: 0px 1px 1px 0px;
}
.cont_text2{
border-width: 0px 1px 1px 1px;
}
.cont_text3{
border-width: 0px 0px 1px 1px;
}
.cont_text12{
border-width: 1px 1px 0px 0px;
}
.cont_text22{
border-width: 1px 1px 0px 1px;
}
.cont_text32{
border-width: 1px 0px 0px 1px;
}
.dadosUsr .cont_text p{
text-indent: 0px;
text-align: center;
}
.dadosUsr .sub_title_2{
color: #A21B2F;
}
.dadosUsr .buttons{
margin-top: 5%;
}
.dadosAdms .buttons{
margin-top: 3%;
}
.administraAdms{
float: left;
margin-top: 3%;
width: 100%;
background-color: #e5e5e5;
box-shadow: 0 0 1em #e5e5e5, 0 0 1em #e5e5e5, 0 0 2em #e5e5e5;
}
.linhadivide{
float: left;
width: 90%;
height: 1px;
border: solid gray;
border-width: 1px 0px 0px 0px;
margin-left: 5%;
}
.optionsButtons{
margin-top: 5%;
}
@media screen and (max-width:768px) {
.buttons{
margin-bottom: 5%;
margin-top: 10%;
}
.optionsLogin .buttons{
float: left;
width: 100%;
margin: 5% 0% 0% 0%;
}
.dadosUsr .cont_text{
width: 92%;
margin: 4% 0% 0% 2%;
text-align: center;
}
.cont_text1, .cont_text3, .cont_text22{
border-width: 1px 1px 1px 0px;
}
.cont_text2, .cont_text12, .cont_text32{
border-width: 1px 0px 1px 1px;
}
}
@media screen and (max-width: 490px) {
.optionsLogin .buttons{
margin: 5% 0% 8% 0%;
}
.optionsLogin .buttons a{
float: left;
clear: both;
width: 64.8%;
margin: 0% 0% 4% 11%;
}
.optionsButtons{
margin-top: 8%;
}
}
@media screen and (max-width: 510px) {
.buttons{
margin-bottom: 16%;
margin-top: 15%;
}
.optionsButtons .button{
float: left;
clear: both;
width: 70%;
margin: none;
margin: 0% 0% 5% 6%;
}
}
/*====================== GALERIA =========================================*/
.cont_textGallery{
float: left;
margin: 4% 0% 0% 3%;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff;
padding: 1%;
min-width: 100px;
width: 19.2%;
height: 175px;
}
.cont_textGallery2{
margin-top: 6%;
height: 190px;
margin-bottom: 0%;
background-color: #ffeaec;
border-top: solid 1px #A21B2F;
box-shadow: 0 0 1em #ffeaec, 0 0 1em #ffeaec, 0 0 2em #ffeaec;
}
.cont_textGallery a{
text-decoration: none;
}
.cont_textGallery a{
float: left;
width: 100%;
height: 90%;
text-align: center;
border-radius: 10px;
}
.cont_textGallery img:hover{
box-shadow: 0 0 .7em #A21B2F;
margin: 1% 0% 0% 1%;
}
.cont_textGallery a img{
max-width: 100%;
max-height: 100%;
border-radius: 10px;
}
.cont_textGallery h5{
margin-top: 0px;
margin-bottom: 4%;
color: #A21B2F;
}
.cont_photoGallery{
width: 98%;
margin: -1% 0% 0% 0%;
padding: 1%;
background-color: #ffeaec;
box-shadow: 0 0 1em #ffeaec, 0 0 1em #ffeaec, 0 0 2em #ffeaec;
border-bottom: solid 1px #A21B2F;
}
.cont_photoGallery .aPh{
float: left;
width: 23%;
margin: 1% 1% 5% 1%;
text-align: center;
height: 150px;
border: solid #A21B2F;
border-width: 0px 0px 1px 0px;
}
.cont_photoGallery .aPh img{
max-height: 130px;
max-width: 100%;
}
.cont_photoGallery .aPh img:hover{
box-shadow: 0 0 .7em #3A4A5E;
}
#divFechaAlb{
margin: 0px 0px -2% -1%;
width: 102%;
height: 2.2%;
min-height: 14px;
background-color: #A21B2F;
background-image: url('../../img/Layout/seta_cima.png');
background-repeat: no-repeat;
background-size: 60px 100%;
background-position: center;
border-radius: 0px 0px 15px 15px;
float: left;
}
#divFechaAlb:hover{
background-color: #dc2440;
}
#divFechaAlba{
margin: 0px;
width: 100%;
padding: 0px;
height: 100%;
float: left;
border-radius: 0px 0px 15px 15px;
text-decoration: none;
}
#autof{
float: left;
height: 0px;
width: 0px;
bottom: 0px;
margin: 15% 0% 0% -200%;
background-color: transparent;
border: none;
}
#tentativaSlider{
z-index: 1;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
text-align: center;
}
#xImagem{
position: absolute;
float: left;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
#imgSlideGallery{
position: relative;
max-height: 92%;
max-width: 100%;
top: 46%;
margin-top: 0%;
transform: translate(0%, -50%);
}
#imgAnt, #imgPost{
z-index: 4;
position: absolute;
bottom: 30;
width: 100px;
height: 100px;
background-repeat: no-repeat;
background-size: 40px 50%;
background-position: center;
border-radius: 50%;
}
#imgAnt, #imgAnt:after, #imgAnt:before{
background-image: url('../../img/Layout/seta_esquerda.png');
left: 5%;
box-shadow: 15px 15px 0 0 #fff, 18px 18px 1px 1px rgba(0, 0, 0, 0.3);
background-color: transparent;
}
#imgAnt:hover, .hoverSetas1{
background-color: rgba(255, 255, 255, 0.15);
box-shadow: 15px 15px 0 0 #fffa5c, 18px 18px 1px 1px rgba(0, 0, 0, 0.3);
}
#imgPost, #imgPost:after, #imgPost:before{
background-color: transparent;
right: 5%;
box-shadow: -15px 15px 0 0 #fff, -18px 18px 1px 1px rgba(0, 0, 0, 0.3);
background-image: url('../../img/Layout/seta_direita.png');
}
#imgPost:hover, .hoverSetas2{
background-color: rgba(255, 255, 255, 0.15);
box-shadow: -15px 15px 0 0 #fffa5c, -18px 18px 1px 1px rgba(0, 0, 0, 0.3);
}
.legFotoAlbum{
float: left;
width: 100%;
font-family: Lucidatypewriter, monospace;
font-size: 14px;
color: #3a4a5e;
}
#legFotoSlide{
position: absolute;
width: 72%;
bottom: 0;
left: 14%;
height: 7.5%;
font-size: 14px;
color: white;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 10px;
}