/***********  CHAMADAS  ***************************************/

.chamadas{
	position:relative;
	width:100%;
	float:left;

}
.chamadas li{
	margin-top: 50px;
	float:left;
	list-style:none;
	width: 225px;
}
.chamadas li .titulo{
	float:left;
	font: 20px "roboto";
	color: #777777;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	height: 60px;
}

.chamadas li .img-tit {
	margin-bottom: 18px;
    margin-top: -6px;
}

.chamadas li .img{
	width: 225px;
	height: 170px;
}
.chamadas li .img .box{
	float:left;
	width: 225px;
	height: 170px;
	text-align:center;
	overflow:hidden;
}

.chamadas li .descricao{
	float: right;
	color: #777777;
	text-align: justify;
	margin: 15px 0;
	width: 100%;
	font-family: "Arial";
	height: 84px;
}

.chamadas li .botao{
	float: right;
	text-align:center;
	width:178px;
	height:29px;
	color: #fff;
	font: 13px/32px "Arial";
	font-weight: bold;
	background: url(/imagem/saiba-mais.png) no-repeat;
	background-size: 100% 100%; 
}

.chamadas li:hover .botao{
	text-decoration:none;
	background: url(/imagem/saiba-mais-hover.png) no-repeat;
}

/***********  EFEITO CHAMADAS  ***************************************/

.chamadas li .img .box img{
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transition:transform 0.5s ease;
	-moz-transition:-moz-transform 0.5s ease;
	-webkit-transition:-webkit-transform 0.5s ease;
}
.chamadas li:hover .img .box img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transition:transform 0.5s ease;
	-moz-transition:-moz-transform 0.5s ease;
	-webkit-transition:-webkit-transform 0.5s ease;
}

.bgpop{
	z-index:101;
	position:fixed;
	width:100%;
	height:100%;
	display:block;
	left:0px;
	top:0px;
	background:rgba(0,0,0,.7);
	-webkit-animation: bgpop 0.5s ease;
	-o-animation: bgpop 0.5s ease;
	animation: bgpop 0.5s ease;
}
@keyframes bgpop{
	from{opacity: 0;}
	top{opacity: 1;}
}
@-moz-keyframes bgpop{
	from{opacity: 0;}
	top{opacity: 1;}
}
@-webkit-keyframes bgpop{
	from{opacity: 0;}
	top{opacity: 1;}
}
.popup{
	z-index:102;
	display:block;
	position:absolute;
	width:800px;
	top:40px;
	left:50%;
	background:#FFF;	
	border:5px solid #005197;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	box-shadow: 0 0 25px #000;
	-webkit-box-shadow: 0 0 25px #000;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	-webkit-animation: pop 0.5s ease;
	-o-animation: pop 0.5s ease;
	animation: pop 0.5s ease;
}
@-webkit-keyframes pop{
	from{
		width: 0;
		height: 0;		
	}
	top{
		width: 800px;
		height: auto;
	}
}
.popup .box{
	float:left;
	width:calc(100% - 30px);
	padding:15px;
	overflow: hidden;
}
.popup .x{
	display:block;
	z-index:103;
	position:absolute;
	width:30px;
	height:30px;
	right:-20px;
	top:-20px;
	color: #005197;
	font:bold 16px/30px Arial;
	text-align:center;
	text-decoration:none;
	background:#FFF;
	border:3px solid #005197;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.popup .x:hover{color:#005197;border-color:#005197;}