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

.banner-coord {
	width:750px;
	height:120px;
	display: flex;
  	justify-content: space-between;
	margin-top:10px;
}

.box-coord {
	width:700px;
	height: auto;
	padding:10px 20px 15px 20px;
	font-family: so_fontecondensed_regular;
	font-weight: normal;
	font-size: 14px;
	border-radius:15px;
	/*color: white;
	background-color:firebrick;*/
	color:black;
	background-color: lightgreen;
}

.icone-coord {
	display: inline-block;
	width:70px;
	height:70px;
	cursor: pointer;	
	position: relative;
	transition: all 0.2s ease-in-out;
}

.icone-coord-imagem {
	display: inline-block;
	width:70px;
	height:70px;
	border:2px solid white;
	background-position: center center;
	background-size: contain;
	border-radius: 40px;
	cursor: pointer;	
	position: relative;
}

.icone-coord:hover .icone-coord-imagem {
	/*animation: pulsacao 0.7s ease-in-out infinite;*/
	/*border-color: yellow;*/
	transform: scale(1.1);
}

.icone-coord p {
	position: absolute;
	width:100px;
	left: -15px;
	bottom:-60px;
	text-align: center;
	padding: 2px;
	border-radius: 2px;
	/*text-shadow: 0px 1px white;*/
	font-size: 11px;
	/*background-color: rgba(255,255,255,0.7);*/
}

a .icone-coord  {
	color: gray;
	font-weight: normal;
	text-decoration: none;
}

.icone-coord:hover p {
	color: blue;
}

.box-detalhe {
	width:700px;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	margin-top:25px;
	margin-bottom: 45px;
	background-color: rgba(200,200,200,0.2);
	/*background-image: url(../_imagens/fundo.jpg);*/
	border-radius: 2px 100px 7px 100px;
	cursor:default;
}

.box-detalhe .foto {
	width:190px;
	height:190px;
	display: inline-block;
	background-position: center center;
	background-size: cover;
	border: 7px solid white;
	border-radius: 3px;
	transform: rotate(-7deg);
	position: absolute;
	left:0;
	top:0;
}

@keyframes sacudir {
	0% { transform: rotate(-7deg); }
	100% { transform: rotate(0deg); }
}

.box-detalhe:hover .foto {
	transform: scale(1.2);
	animation: sacudir .3s alternate 1;
	animation-fill-mode:both;
	/*animation: crescendo-fade 0.5s ease-in-out 1;
	-webkit-animation: crescendo-fade 0.5s ease-in-out 1;
	-moz-animation: crescendo-fade 0.5s ease-in-out 1;*/
}


.box-detalhe:hover .link-voltar {
	filter: saturate(100%);
}

.box-detalhe .detalhe {
	width:490px;
	min-height:160px;
	padding:10px;
	margin-left:170px;
	margin-top:10px;
	margin-bottom:10px;
	text-indent: 30px;
	display: inline-block;
	/*background-color: rgba(255,255,255,0.7);*/
	text-align: left;
	border-radius: 5px 100px 100px 2px;
}

.box-detalhe .detalhe p {
	margin:0;
	padding:0;
}

.box-detalhe p.nome {
	font-family: so_fontetitulo_regular;
	color: black;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:10px;
}

.box-detalhe p.cargo {
	font-family: so_fontetitulo_regular;
	color: darkred;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:20px;
}

.box-detalhe p.horario {
	font-family: so_fontecondensed_regular;
	color: black;
	font-size: 13px;
	font-weight: normal;
	margin:5px;
}

.link-voltar {
	width: 25px;
	height: 25px;
	border-radius: 20px;
	background-color: dodgerblue;
	color:white;
	position: absolute;
	bottom:9px;
	right:9px;
	filter: saturate(0%);
	transition: all 0.1s ease-in-out;
}

.link-voltar:hover {
	transform: scale(1.2);
	filter:saturate(100%);
}