.atividadesNomes {
	background-image:url(../imagens/atividadesnomes_bg.jpg);
    width: 100%;
    height: 100%;
}

.atividadesNomes header {
    width: 100%;
    height: 120px;
    position: relative;
}

.ativ-com-nomes a 
{
    width:100%;
    height: 100%;
    display: block;
    cursor:pointer;
}

.ativ-com-nomes.crescer a 
{
    cursor:pointer;
}

body.atividadesNomeBody {
	overflow: auto;
	background-image: url(../imagens/atividades_bg.jpg) !important;
	background-size: cover !important;
	background-position: bottom;
}

.atividadesNomeBody .educacao-infantil {
	background-color: transparent;
}

@media screen and (max-width: 1280px) {
	
	body.atividadesNomeBody .educacao-infantil {position: relative;}
	body.atividadesNomeBody .mostrar-menu {display: none !important;}
	body.atividadesNomeBody #ava_hd1, #ab_hd1, #pp_hd1 {top: 0px;}
	
}

/*==============================================================*/
/* PERSONALIZADOR												*/
/*==============================================================*/

.atividades-nomes {
	width: 1024px;
	height: 768px;
	position: relative;
	margin: 20px auto;
	background-color: #FFF;
	background-image: url(../imagens/atividades-nomes/atividades-nomes-bg.jpg);
	/*z-index: 999;*/

	font-family: "handleeregular";
	text-transform: uppercase;
	font-weight: 600;
}

@media screen and (max-width: 1280px) {.atividades-nomes {margin: 0 auto;}}

.atividades-nomes header {
	width: 100%;
	height: 150px;
	position: relative;
	/*z-index: 150;*/
}

/*Cabeçalho*/
	.atividades-nomes header h1 {
		line-height: 150px;
		color: #FFF;
		position: relative;
		margin: 0 auto;
		text-align: center;
		font-size: 20px;
		letter-spacing: 2px;
		z-index: 1;
		background-image: url(../imagens/atividades/ativ-com-nomes.png);
		background-repeat: no-repeat;
		background-position: 70px 7px;
		background-size: 30%;
		text-indent: -9999px;
	}

	.atividades-nomes header a {
		position: absolute;
		line-height: 60px;
		height: 60px;
		padding: 0 20px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
		z-index: 2;
		top: 0;
		color: #FFF;
	}

	.atividade-nomes header a:before {
		font-family: "Fontello";
	}

	.atividades-nomes header a.btn_voltar {left: 0;}
	.atividades-nomes header a.btn_central-ajuda {right: 0;}
	.atividades-nomes header a.btn_central-ajuda span {line-height: 65px; float: left;}

	.atividades-nomes header a::before {font-family: 'Fontello';}
	.atividades-nomes header a.btn_voltar::before {content: "\E84C"; font-size: 26px;}
	.atividades-nomes header a.btn_central-ajuda::before {content: "\E831"; font-size: 26px; float: right; margin-left: 10px;}

	.atividades-nomes header a:hover {color: #91F1D5;}


/*Conteúdo*/

	.atividades-nomes .conteudo {
		/*width: 960px;*/
		width: 100%;
		height: 618px;
		position: relative;
		text-align: center;
		/*margin: 0 auto;*/
	}

	.atividades-nomes .conteudo > a {
		display: inline-block;
		position: relative;
		top: 140px;
		width: 235px;
		height: 240px;
		background-size: cover;
		text-indent: -9999px;
	}

	.atividades-nomes .conteudo a:nth-child(2n) {
		top: 70px;
	}
/*
	.atividades-nomes .conteudo a.conteudo_1 {background-image: url(../imagens/atividades-nomes/conteudo_1.png);}
	.atividades-nomes .conteudo a.conteudo_2 {background-image: url(../imagens/atividades-nomes/conteudo_2.png);}
	.atividades-nomes .conteudo a.conteudo_3 {background-image: url(../imagens/atividades-nomes/conteudo_3.png);}
	.atividades-nomes .conteudo a.conteudo_4 {background-image: url(../imagens/atividades-nomes/conteudo_4.png);}
*/
	.atividades-nomes .conteudo nav {
		position: absolute;
		bottom: 130px;
		left: 462px;
		width: 100px;
		text-align: center;
	}

	.atividades-nomes .conteudo nav a {display: inline; width: 40px; height: 40px; line-height: 40px; text-align: center; text-indent: 0; border-radius: 50px; background-color: #4BB493;}
	.atividades-nomes .conteudo nav a::before {font-family: "Fontello"; font-size: 20px; color: #FFF;}
	.atividades-nomes .conteudo nav a.btn_prev {float: left;}
	.atividades-nomes .conteudo nav a.btn_prev::before {content: "\E8BC"; margin-right: 3px;}
	.atividades-nomes .conteudo nav a.btn_next {float: right;}
	.atividades-nomes .conteudo nav a.btn_next::before {content: "\E8BB"; margin-left: 3px;}