/*=========================== 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;
}