#chamada_circulos{
	
	width: 816px;
	height: 400px;
	margin: 0px auto;
}

#chamada_circulos ul{
	
	
	
	width: 100%;
	
}

#chamada_circulos ul li{
	
	float:left;
	
	width: 251px;
	height: 316px;
	
	margin: 20px 10px;
	
}

#chamada_circulos ul li .circulo_chamada{
	-webkit-transition:all ease-out 0.3s;/* comando para transicao no chrome */
    -moz-transition:all ease-out 0.3s;/* comando para transicao no firefox */
    -o-transition:all ease-out 0.3s;/* comando para transicao no opera */
    -ms-transition:all ease-out 0.3s;/* comando para transicao no IE 9.0 */
    transition:all ease-out 0.3s;/* especificação necessária do comando e IE 10*/
	
	float:left;
	
	width: 111px;
	height: 111px;
	margin: 20px 70px 20px 70px;
	
	border-radius: 120px;
	
	background:none
}
#chamada_circulos ul li a{
	-webkit-transition:all ease-out 0.3s;/* comando para transicao no chrome */
    -moz-transition:all ease-out 0.3s;/* comando para transicao no firefox */
    -o-transition:all ease-out 0.3s;/* comando para transicao no opera */
    -ms-transition:all ease-out 0.3s;/* comando para transicao no IE 9.0 */
    transition:all ease-out 0.3s;/* especificação necessária do comando e IE 10*/
	
	float:left;
	
	width: 111px;
	height: 111px;
	
	
	border-radius: 120px;
	
	color: #f83800;
	font-size: 42px;
	text-align: center;
	line-height: 111px;
	
	background: #d8d8d8;
	
}

#chamada_circulos ul li:hover a{
	
	width: 109px;
	height: 109px;
	
	border: solid 2px #f83800;
	
	color: #ffffff;
	background: url("../imagens/estrelas1.png");
}

#chamada_circulos ul li:hover .circulo_chamada{
	float:left;
	
	width: 111px;
	height: 111px;
	margin: 0px 50px 0px 50px;
	
	border: solid 2px #f83800;
	
	padding: 18px;
	border-radius: 120px;
	
	
	
	background: #d8d8d8;
}

.circulo_chamada img{
	float: none;
}

.div_de_contencao{
	float:left;
	
	width: 251px;
	height: 151px;
	margin: 50px 0px 10px 0px;
}

/* ----- textos ----- */

#chamada_circulos ul li h3{
	float:left;
	
	width: 100%;
	
	margin: 5px 0px;
	text-align:center;
	
	font-family: 'Roboto Slab', serif;
	font-size:18px;
	color: #f83800;	
}

#chamada_circulos ul li p{
	float:left;
	
	width: 100%;
	text-align:center;
	
	font-family: 'Roboto Slab', serif;
	font-size:12px;
	color: #f83800;	
}