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

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

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

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

.personalizador {
	width: 1024px;
	height: 768px;
	position: relative;
	margin: 20px auto;
	background-color: #FFF;
	/*z-index: 999;*/

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

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

.personalizador header {
	width: 100%;
	height: 45px;
	background-color: #ff6046;
	position: relative;
	/*z-index: 150;*/
}

/*Cabeçalho*/
	.personalizador header h1 {
		line-height: 45px;
		color: #FFF;
		position: relative;
		margin: 0 auto;
		text-align: center;
		font-size: 20px;
		letter-spacing: 2px;
		/*font-family: "handleeregular";*/
		/*text-transform: uppercase;*/
		z-index: 1;
	}

	.personalizador header a {
		position: absolute;
		line-height: 45px;
		height: 45px;
		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;
	}

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

	.personalizador header a.btn_voltar {left: 0;}
	.personalizador header a.btn_tutorial {right: 0;}

	.personalizador header a.btn_voltar:before {content: "\E84C"; font-size: 22px;}
	.personalizador header a.btn_tutorial:before {content: "\E831"; font-size: 25px;}

	html.desktop .personalizador header a:hover {color: #8E2A1A;}

/*Conteúdo*/

	.personalizador .conteudo {
		width: 980px;
		height: 700px;
		position: relative;
		margin: 0 auto;
	}

		.personalizador .conteudo section.lista,
		.personalizador .conteudo aside.dados {
			height: 100%;
			margin: 0;
		}

		.personalizador .conteudo .lista {width: 630px; float: left;}
		.personalizador .conteudo .dados {width: 350px; float: right;}

		.personalizador .conteudo .filtro,
		.personalizador .conteudo .info-dados {
			position: absolute;
			top: 15px;
		}

		.personalizador .conteudo .listagem,
		.personalizador .conteudo .mostra-dados {
			margin-top: 120px;
			height: 598px;
			/*height: calc(100% - 120px);*/
			/*min-height: 580px;*/
			/*margin-top: 120px;*/
			position: relative;
		}

			.personalizador .conteudo .listagem.alunos {
				margin-top: 50px;
				height: 500px;
			}

			.personalizador .conteudo .listagem.educador {
				height: 110px;
				margin: 38px 0 0;
			}

	/*Padrões*/
		.personalizador .conteudo h3 {
			font-size: 20px;
			color: #ff6046;
			margin: 0;
			line-height: 20px;
		}

	/*Classes para evidenciar um box*/
		.personalizador .evidenciar {
			position: absolute;
			top: 0;
			height: 0;
			width: 1024px;
			height: 768px;
			background-color: rgba(0,0,0,0.5);
			z-index: 100;
		}

		.personalizador .destacar {position: relative; z-index: 200;}

	/*FILTRO TURMA*/
		.personalizador .conteudo .filtro {
			z-index: 2;
			top: 20px;
			width: 617px;
			text-align: right;
		}

		

		.personalizador .conteudo .filtro span {
			color: #5e5e5e;
			font-size: 12px;
			float: left;
			line-height: 30px;
		}

		.personalizador .conteudo .filtro .drop_filtro_turma {
			float: left;
			margin: 0 0 0 10px;
			padding: 0;
			list-style: none;
			height: 30px;
			width: 150px;
			background-color: #ff6046;
			color: #FFF;
			overflow: hidden;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			cursor: pointer;
			position: absolute;
			left: 90px;
			z-index: 10;
		}

		.personalizador .conteudo .filtro .drop_filtro_turma:after {
			position: absolute;
			top: 0;
			right: 0;
			width: 30px;
			height: 30px;
			text-align: center;
			font-family: "Fontello";
			content: "\E896";
			line-height: 30px;
			color: #ffe983;
		}

		html.desktop .personalizador .conteudo .filtro .drop_filtro_turma:hover:after {
			color: #FFF;
		}

		.personalizador .conteudo .filtro .drop_filtro_turma .selecionado,
		.personalizador .conteudo .filtro .drop_filtro_turma ul li {
			padding: 5px 10px;
			line-height: 23px;
			height: 30px;
			font-size: 14px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: 	all 0.2s ease-in-out;
			transition: 		all 0.2s ease-in-out;
		}

		.personalizador .conteudo .filtro ul .selecionado {
			padding-right: 30px;
		}

		html.desktop .personalizador .conteudo .filtro ul:hover .selecionado {
			background-color: #FF8672;
		}

		html.desktop .personalizador .conteudo .filtro ul li:hover {
			color: #ffe983;
		}
		
		.personalizador .conteudo .filtro .drop_filtro_turma.ativo, .personalizador .conteudo .filtro .drop_filtro_turma.ativo ul {
			height: auto;
			z-index:2;
		}

		.personalizador .conteudo .filtro .drop_filtro_turma.scrolling ul{
			max-height: 120px;
			overflow-y: auto;
		}
		
		.personalizador .conteudo .filtro .drop_filtro_turma ul {
			padding: 0px;
            margin: 0px;
		}

		/*Versão select*/
		.personalizador .conteudo .filtro select {
			float: left;
			margin: 0 0 0 20px;
			padding: 6px 5px 5px;
			list-style: none;
			height: 30px;
			width: 150px;
			background-color: #ff6046;
			color: #FFF;
			border: 0;
			font-family: "handleeregular";
			text-transform: uppercase;
			font-weight: 600;
			border-radius: 3px;
		}

		.personalizador .conteudo .filtro select:focus {
			outline: none;
			border: 0;
		}
		.personalizador .conteudo .filtro select option {
			
		}

	    /*INFO DADOS*/
		.personalizador .conteudo .info-dados {
			width: 370px;
			height: 110px;
			background-image: url(../imagens/atividades/passaro.png);
			background-repeat: no-repeat;
			background-position: right bottom;
		}

		.personalizador .conteudo .info-dados .balao-info {
			padding: 10px;
			background-color: #43b4ef;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			color: #FFF;
			font-size: 11px;
			width: 295px;
			position: relative;
			bottom: 30px;
		}

		.personalizador .conteudo .info-dados .balao-info:after {
			position: absolute;
			bottom: 10px;
			right: -10px;
			content: " ";
			border: 5px solid transparent;
			border-left-color: #43b4ef;
		}

	/*LISTA DE ALUNOS*/

		.personalizador .conteudo .listagem {
			position: relative;
			z-index: 1;
		}

		.personalizador .conteudo .listagem ul {
			width: 620px;
			background-color: #e9e9e9;
			padding: 0;
			margin: 5px 0 0;
			list-style: none;
			overflow: hidden;
			overflow-y: auto;
		}

			.personalizador .conteudo .listagem.alunos ul {
				height: 475px;
				z-index:1;
			}

			.personalizador .conteudo .listagem.educador ul {
				height: 85px;
			}

		/* Scroll da lista */
		.personalizador .conteudo .listagem ul::-webkit-scrollbar {width: 8px; height: 8px; -webkit-border-radius: 5px; border-radius: 5px;}
		.personalizador .conteudo .listagem ul::-webkit-scrollbar-button:start:decrement,
		.personalizador .conteudo .listagem ul::-webkit-scrollbar-button:end:increment {display: none;}
		.personalizador .conteudo .listagem ul::-webkit-scrollbar-track-piece 		{background-color: #e9e9e9; -webkit-border-radius: 5px; border-radius: 5px;}
		.personalizador .conteudo .listagem ul::-webkit-scrollbar-thumb:vertical 		{background-color: #ff6046; -webkit-border-radius: 5px; border-radius: 5px;}
		.personalizador .conteudo .listagem ul::-webkit-scrollbar-thumb:horizontal 	{background-color: #ff6046; -webkit-border-radius: 5px; border-radius: 5px;}

			.personalizador .conteudo .listagem ul li {
			width: 100%;
			height: 85px;
			padding: 10px;
			border-bottom: 1px solid #b5b5b5;
			position: relative;
		}

		.personalizador .conteudo .listagem ul li:last-child {
			border: 0;
		}

		.personalizador .conteudo .listagem ul li.editando {
			background-color: #d1d1d1;
		}

		.personalizador .conteudo .listagem ul li .img_user {
			width: 65px;
			height: 65px;
			float: left;
			overflow: hidden;
			-webkit-border-radius: 35px;
			-moz-border-radius: 35px;
			border-radius: 35px;
			background-color: #444;
			background-size: cover;
		}

			/*Habilitar/desabilitar troca rápida de foto*/
			/*
			html.desktop .personalizador .conteudo .listagem ul li .img_user button {opacity: 0;}
			html.mobile .personalizador .conteudo .listagem ul li .img_user button,
			html.desktop .personalizador .conteudo .listagem ul li .img_user button:hover {
				opacity: 1;
			}
            */
                
            .personalizador .conteudo .listagem ul li .img_user button,
            .personalizador .conteudo .listagem ul li .img_user a {opacity: 0;}
			html.desktop .personalizador .conteudo .listagem ul li .img_user button:hover,
			html.desktop .personalizador .conteudo .listagem ul li .img_user a:hover {opacity: 1;}
				
			.personalizador .conteudo .listagem ul li .img_user .btn_trocar {
				width: 65px;
				height: 65px;
				color: #FFF;
				background-color: rgba(0,0,0,0.5);
				text-align: center;
				vertical-align: middle;
				font-size: 11px;
				display: table-cell;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
				-webkit-border-radius: 35px;
				-moz-border-radius: 35px;
				border-radius: 35px;
			}
			/*
			html.desktop .personalizador .conteudo .listagem ul li .img_user .btn_trocar {
				display: table-cell;
			}
				
			html.mobile .personalizador .conteudo .listagem ul li .img_user .btn_trocar {
				display: block;
				padding-top:18px;
			}
            */
			.personalizador .conteudo .listagem ul li .img_user .btn_trocar:before {
				font-family: "Fontello";
				content: "\E82F";
				display: inline-block;
				width: 100%;
				font-size: 18px;
				font-weight: normal;
			}

		.personalizador .conteudo .listagem ul li .dados_user {
			width: 430px;
			height: 65px;
			margin-left: 20px;
			float: left;
		}

			.personalizador .conteudo .listagem ul li .dados_user h5.nome_aluno {
				margin: 13px 0 3px 0;
				line-height: 20px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				color: #6c6c6c;
				font-size: 14px;
			}

			.personalizador .conteudo .listagem ul li .dados_user .btn_audio {
				color: #6c6c6c;
				font-size: 11px;
				font-weight: 600;
				line-height: 30px;
				vertical-align: middle;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
				padding-left: 35px;
				padding-top: 1px;
				background-image: url(../imagens/atividades/seta_enviar-audio.png);
				background-repeat: no-repeat;
				background-position: left top;
					
			}
				
			/*RedMine 86994 - 20/04/2016: removido em dispositivos móveis até desenvolver solução efetivamente funcional para tais dispositivos */
			html.mobile_only .personalizador .conteudo .listagem ul li .dados_user .btn_audio {
				visibility: hidden;
				display: none;
			}
			
			.personalizador .conteudo .listagem ul li .dados_user .btn_audio.trocar {
				font-style: italic;
			}

			/*RedMine 86994 - 20/04/2016: removido em dispositivos móveis até desenvolver solução efetivamente funcional para tais dispositivos */
			html.mobile_only .personalizador .conteudo .listagem ul li .dados_user .btn_trocar:after {
				visibility:hidden;
			}
				
			html.desktop .personalizador .conteudo .listagem ul li .dados_user .btn_trocar:after 
			{
				color: #444;
				font-family: "Fontello";
				content: "\EA49";
				font-size: 15px;
				line-height: 20px;
				margin-left: -5px;
				padding: 10px;
				vertical-align: -1px;
				font-style: normal;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
			}

			html.desktop .personalizador .conteudo .listagem ul li .dados_user .btn_trocar:hover:after {
				color: #ff6046;
				-webkit-transform: rotate(-360deg);
				-moz-transform: rotate(-360deg);
				transform: rotate(-360deg);
			}


			.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_gerar:after {
				visibility:hidden;
			}
				
			.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_gerar:after 
			{
				color: #444;
				font-family: "Fontello";
				content: "\EA49";
				font-size: 15px;
				line-height: 20px;
				margin-left: -5px;
				padding: 10px;
				vertical-align: -1px;
				font-style: normal;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
			}

			.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_gerar:hover:after {
				color: #ff6046;
				-webkit-transform: rotate(-360deg);
				-moz-transform: rotate(-360deg);
				transform: rotate(-360deg);
			}


			.personalizador .conteudo .listagem ul li .dados_user .btn_audio:before {
				color: #ff6046;
				font-family: "Fontello";
				content: "\E8D9";
				font-size: 15px;
				line-height: 20px;
				margin-right: 5px;
				vertical-align: -1px;
				font-style: normal;
			}
				
			.personalizador .conteudo .listagem ul li .dados_user .btn_audio.stop:before {
				content: "\E8DB" !important;
			}

			html.desktop .personalizador .conteudo .listagem ul li .dados_user .btn_audio:hover {
				color: #ff6046;
			}

		.personalizador .conteudo .listagem ul li .status_user {
			width: 50px;
			height: 65px;
			float: right;
			position: relative;
		}

		/*Acionando botão de edição geral*/
			.personalizador .conteudo .listagem ul li.editando .status_user .btn_editar,
			html.desktop .personalizador .conteudo .listagem ul li:hover .status_user .btn_editar {display: block;}

		.personalizador .conteudo .listagem ul li .status_user .btn_editar {
			width: 50px;
			height: 65px;
			line-height: 65px;
			color: #b8b8b8;
			text-align: center;
			display: none;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: 	all 0.2s ease-in-out;
			transition: 		all 0.2s ease-in-out;
		}
			
		html.desktop .personalizador .conteudo .listagem ul li.editando .status_user .btn_editar:hover, 
		.personalizador .conteudo .listagem ul li.mobile .status_user .btn_editar {
			color: #b8b8b8;
			cursor: pointer;
		}
			
		html.desktop .personalizador .conteudo .listagem ul li .status_user .btn_editar:hover,
		.personalizador .conteudo .listagem ul li.mobile.editando .status_user .btn_editar {
			color: #444;
		}
			
		.personalizador .conteudo .listagem ul li .status_user .btn_editar:before {
			font-family: "Fontello";
			content: "\E859";
			font-size: 20px;
		}
		
        .personalizador .conteudo .listagem ul li.mobile .status_user a {
			font-family: "Fontello";
			content: "\E859";
			font-size: 20px;
			display: block;
		}

		.personalizador .conteudo .listagem ul li .status_user span.check {
			width: 50px;
			height: 65px;
			line-height: 65px;
			color: #21c25a;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
		}

		html.desktop_only .personalizador .conteudo .listagem ul li:hover .status_user span.check {
			display: none;
		}

		.personalizador .conteudo .listagem ul li .status_user span.check:before {
			font-family: "Fontello";
			content: "\E82A";
			font-size: 20px;
		}

	/*DADOS*/

		/*Editor de dados*/

			.personalizador .conteudo .dados .form-dados {
				margin-top: 5px;
				/*margin-bottom: 71px;*/
				background-color: #e9e9e9;
				padding: 15px;
				max-height: 265px;
				font-weight: 600;
				position: relative;
				display: none;
			}

			.personalizador .conteudo .dados .mostra-dados.editando .form-dados {
				display: inline-block;
			}

			.personalizador .conteudo .dados .form-dados label .duvida {
				display: inline-block;
				position: relative;
				cursor: pointer;
			}

				.personalizador .conteudo .dados .form-dados label .duvida:before {
					content: "\E831";
					font-family: "Fontello";
					font-size: 16px;
					margin-left: -8px;
					padding: 10px;
					color: #ff6046;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: 	all 0.2s ease-in-out;
					transition: 		all 0.2s ease-in-out;
				}

				html.desktop .personalizador .conteudo .dados .form-dados label .duvida:hover:before {
					color: #8E2A1A;
				}

				.personalizador .conteudo .dados .form-dados label .duvida .tooltip {display: none;}
				
				html.desktop_only .personalizador .conteudo .dados .form-dados label .duvida:hover .tooltip,
				.personalizador .conteudo .dados .form-dados label .duvida .tooltip.ativo 
				{
				    display: block !important;
				}

				.personalizador .conteudo .dados .form-dados label .duvida .tooltip {
					position: absolute;
					top: 25px;
					left: -141px;
					width: 300px;
					background-color: #FFF;
					z-index: 50;
					padding: 10px;
					border: 1px solid #ff6046;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					text-align: left;
				}

				.personalizador .conteudo .dados .form-dados .enviar-audio label .duvida .tooltip {left: -231px;}
				
				.personalizador .conteudo .dados .form-dados label .duvida .tooltip:before {
					content: " ";
					position: absolute;
					top: -26px;
					left: 50%;
					margin-left: -15px;
					border: 15px solid transparent;
					border-bottom-color: #FFF;
					z-index: 2;
				}

				.personalizador .conteudo .dados .form-dados label .duvida .tooltip:after {
					content: " ";
					position: absolute;
					top: -24px;
					left: 50%;
					margin-left: -12px;
					border: 12px solid transparent;
					border-bottom-color: #ff6046;
					z-index: 1;
				}

				.personalizador .conteudo .dados .form-dados .enviar-audio label .duvida .tooltip:before {left: 239px;}
				.personalizador .conteudo .dados .form-dados .enviar-audio label .duvida .tooltip:after {left: 239px;}

				.personalizador .conteudo .dados .form-dados label .duvida .tooltip p {margin: 0 0 10px; color: #a3a3a3}
				.personalizador .conteudo .dados .form-dados label .duvida .tooltip p:last-child {margin: 0; color: #a3a3a3}

			.personalizador .conteudo .dados .form-dados .nome-alternativo .seletor-alternativo {
				width: 100%;
				max-height: 70px;
				float: left;
				overflow: hidden;
			}

			.personalizador .conteudo .dados .form-dados .nome-alternativo .seletor-alternativo a {
				font-size: 12px;
				padding: 0 8px;
				height: 25px;
				line-height: 27px;
				margin: 6px 8px 2px 0;
				float: left;
				background-color: #FFF;
				color: #6c6c6c;
				cursor: pointer;
				-webkit-box-shadow: 1px 2px 1px 0px rgba(0,0,0,0.2);
				-moz-box-shadow: 	1px 2px 1px 0px rgba(0,0,0,0.2);
				box-shadow: 		1px 2px 1px 0px rgba(0,0,0,0.2);
			}

			html.desktop .personalizador .conteudo .dados .form-dados .nome-alternativo .seletor-alternativo a:hover {
				color: #6c6c6c;
				-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
				-moz-box-shadow: 	0px 1px 1px 0px rgba(0,0,0,0.2);
				box-shadow: 		0px 1px 1px 0px rgba(0,0,0,0.2);
			}

			.personalizador .conteudo .dados .form-dados .nome-alternativo .seletor-alternativo a.ativo,
			html.desktop .personalizador .conteudo .dados .form-dados .nome-alternativo .seletor-alternativo a.ativo:hover {
				color: #FFF;
				background-color: #3fbff0;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				cursor: default;
				position: relative;
			}

			.personalizador .conteudo .dados .form-dados .nome-alternativo .seletor-alternativo a.ativo:before {
				content: " ";
				position: absolute;
				top: -2px;
				left: 50%;
				margin-left: -5px;
				border: 5px solid transparent;
				border-top-color: #1b7ea7;
			}

			.personalizador .conteudo .dados .form-dados .nome-alternativo input {
				float: left;
				margin: 10px 0 0;
				width: 100%;
				height: 30px;
				padding: 5px;
				border: 0;
				font-family: "handleeregular" !important;
				text-transform: uppercase;
				-webkit-box-shadow: inset 1px 1px 0px 0px #c4c4c4;
				-moz-box-shadow: inset 1px 1px 0px 0px #c4c4c4;
				box-shadow: inset 1px 1px 0px 0px #c4c4c4;
				outline: none;
			}

			.personalizador .conteudo .dados .form-dados .nome-alternativo input:focus {
				border: 0;
				outline: none;
			}
			.personalizador .conteudo .dados .form-dados .nome-alternativo input::selection {
				background-color: #ff6046;
				color: #FFF;
			}

			.personalizador .conteudo .dados .form-dados .trocar-foto {
				width: 50%;
				padding: 0 10px;
				float: left;
				text-align: center;
			}

			.personalizador .conteudo .dados .form-dados .trocar-foto .img_user {
				width: 70px;
				height: 70px;
				display: inline-block;
				overflow: hidden;
				margin-top: 5px;
				-webkit-border-radius: 45px;
				-moz-border-radius: 45px;
				border-radius: 45px;
				background-color: #444;
				background-size: cover;
				/*border: 2px solid #FF6046;*/
				-webkit-box-shadow: 0px 0px 0px 2px #FF6046;
				-moz-box-shadow: 0px 0px 0px 2px #FF6046;
				box-shadow: 0px 0px 0px 2px #FF6046;
			}

				/*Habilitar/desabilitar troca rápida de foto - tentativa de ajuste dos estilos de hover em mobile para melhoria de usabilidade
				html.desktop .personalizador .conteudo .dados .form-dados .trocar-foto .img_user .btn_trocar {opacity: 0;}
				html.desktop .personalizador .conteudo .dados .form-dados .trocar-foto .img_user .btn_trocar:hover,
				html.mobile .personalizador .conteudo .dados .form-dados .trocar-foto .img_user .btn_trocar {
					opacity: 1;
				}
                */
                    
                .personalizador .conteudo .dados .form-dados .trocar-foto .img_user .btn_trocar {opacity: 0;}
				html.desktop .personalizador .conteudo .dados .form-dados .trocar-foto .img_user .btn_trocar:hover {opacity: 1;}

				.personalizador .conteudo .dados .form-dados .trocar-foto .img_user .btn_trocar {
					width: 70px;
					height: 70px;
					color: #FFF;
					background-color: rgba(0,0,0,0.5);
					text-align: center;
					vertical-align: middle;
					font-size: 11px;
					display: table-cell;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: 	all 0.2s ease-in-out;
					transition: 		all 0.2s ease-in-out;
					-webkit-border-radius: 45px;
					-moz-border-radius: 45px;
					border-radius: 45px;
				}

				.personalizador .conteudo .dados .form-dados .trocar-foto .img_user .btn_trocar:before {
					font-family: "Fontello";
					content: "\E82F";
					display: inline-block;
					width: 100%;
					font-size: 18px;
					font-weight: normal;
				}

				/*RedMine 86994 - 20/04/2016: removido em dispositivos móveis até desenvolver solução efetivamente funcional para tais dispositivos */
				html.mobile_only .personalizador .conteudo .dados .form-dados .enviar-audio {
					visibility:hidden;
				}
									
			.personalizador .conteudo .dados .form-dados .enviar-audio {
				width: 50%;
				padding: 0 10px;
				float: left;
				text-align: center;
			}

				
				.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno {
					display: inline-block;
					margin-top: 10px;
					text-align: center;
					position: relative;
				}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno > a {display: none;}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno .btn_enviar {
						width: 60px;
						height: 60px;
						color: #FFF;
						background-color: rgba(0,0,0,0.5);
						text-align: center;
						vertical-align: middle;
						font-size: 11px;
						display: table-cell;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: 	all 0.2s ease-in-out;
						transition: 		all 0.2s ease-in-out;
						-webkit-border-radius: 45px;
						-moz-border-radius: 45px;
						border-radius: 45px;
						position: relative;
						z-index: 2;
					}
						
					/*ajustados os estilos e inibido o hover em mobile para melhoria de usabilidade
					html.desktop .personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno .btn_enviar {
						display: table-cell;
					}
					html.mobile .personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno .btn_enviar {
						display: block;
						padding-top:18px;
					}
					*/
						
                    /*bug ipad*/
					/*html.desktop .personalizador .conteudo .dados .form-dados .enviar-audio .noipad a.btn_enviar:hover */
					html.desktop .personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno .btn_enviar:hover {
						background-color: #43b4f0;
					}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno .btn_enviar:before {
						font-family: "Fontello";
						content: "\E892";
						display: inline-block;
						width: 100%;
						font-size: 18px;
						font-weight: normal;
					}

						.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno .seletor {
							position: absolute;
						}

						.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno .seletor.selecionar_modo {
							position: absolute;
							width: 350px;
							background: #CCC;
							right: -65px;
							bottom: -65px;
							z-index: 40;
							padding: 10px;
							/*height: 50px;*/
						}

						.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno.trocar .seletor.selecionar_modo {
							right: -25px;
						}

						.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno .seletor.selecionar_modo:before {
							content: " ";
							border: 10px solid transparent;
							border-bottom-color: #CCC;
							position: absolute;
							top: -20px;
							right: 85px;
						}

							.aud_aluno .seletor.selecionar_modo .modo_enviar {
								float: left;
							}

							.aud_aluno .seletor.selecionar_modo .modo_gravar {
								float: right;
							}

							.aud_aluno .seletor.selecionar_modo > span {
								line-height: 30px;
							}

							.aud_aluno .seletor.selecionar_modo .acionar_modo-enviar,
							.aud_aluno .seletor.selecionar_modo .acionar_modo-gravar {
								color: #FFF;
								background-color: #444;
								line-height: 30px;
								display: inline-block;
								padding: 0 10px 0 30px;
								margin-left: 10px;
								font-size: 12px;
								position: relative;
								-webkit-transition: all 0.2s ease-in-out;
								-moz-transition: 	all 0.2s ease-in-out;
								transition: 		all 0.2s ease-in-out;
							}

							html.desktop .aud_aluno .seletor.selecionar_modo .acionar_modo-enviar:hover,
							html.desktop .aud_aluno .seletor.selecionar_modo .acionar_modo-gravar:hover {
								color: #FFF;
								background-color: #555;
							}

							.aud_aluno .seletor.selecionar_modo .acionar_modo-enviar:before,
							.aud_aluno .seletor.selecionar_modo .acionar_modo-gravar:before {
								content: " ";
								font-family: "Fontello";
								line-height: 35px;
								-webkit-border-radius: 30px;
								-moz-border-radius: 30px;
								border-radius: 30px;
								text-align: center;
								width: 35px;
								height: 35px;
								position: absolute;
								top: -2px;
								left: -10px;
								font-weight: normal;
								font-size: 18px;
								background-color: #43b4f0;
								color: #FFF;
								-webkit-transition: all 0.2s ease-in-out;
								-moz-transition: 	all 0.2s ease-in-out;
								transition: 		all 0.2s ease-in-out;
							}

							html.desktop .aud_aluno .seletor.selecionar_modo .acionar_modo-enviar:hover:before,
							html.desktop .aud_aluno .seletor.selecionar_modo .acionar_modo-gravar:hover:before {
								color: #43b4f0;
								background-color: #FFF;
							}

							.aud_aluno .seletor.selecionar_modo .acionar_modo-enviar:before {content: "\E84F";}
							.aud_aluno .seletor.selecionar_modo .acionar_modo-gravar:before {content: "\E914";}

							.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step {
								position: absolute;
								background-color: #CCC;
								top: 50px;
								right: 0;
								width: 350px;
								padding: 10px;
								font-size: 10px;						
							}

							.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step1 {
								padding: 10px 10px 10px 90px;
								text-align: left;
							}

							.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step2 {
								text-align: center;
							}

								.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_gravar-audio {
									position: absolute;
									width: 50px;
									height: 50px;
									line-height: 50px;
									text-align: center;
									color: #FD4021;
									top: 15px;
									left: 25px;
									background-color: #EEE;
									-webkit-border-radius: 50px;
									-moz-border-radius: 50px;
									border-radius: 50px;
									-webkit-transition: all 0.2s ease-in-out;
									-moz-transition: 	all 0.2s ease-in-out;
									transition: 		all 0.2s ease-in-out;
								}

								html.desktop .aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_gravar-audio:hover {
									color: #ff6046
								}

								.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_gravar-audio:before {
									content: "\E914";
									font-family: "Fontello";
									font-size: 25px;
								}

								.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_gravar-audio.stop:before {
									content: "\E8DB";
									font-family: "Fontello";
								}

								.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step span {
									line-height: 30px;
									display: inline-block;
									margin: 0 10px;
									font-size: 14px;
								}

								.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_usar,
								.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_gravar-denovo {
									line-height: 30px;
									display: inline-block;
									font-size: 14px;
									-webkit-transition: all 0.2s ease-in-out;
									-moz-transition: 	all 0.2s ease-in-out;
									transition: 		all 0.2s ease-in-out;
								}


								.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_usar {
									color: #2AA0DE;
								}
									.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_usar:before {
										content: "\E8D8";
										font-family: "Fontello";
										margin-right: 8px;
										color: #FFF;
									}

								.aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_gravar-denovo {
									color: #FD4021;
								}

								html.desktop .aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_usar:hover {
									color: #FFF;
								}
									
								html.desktop .aud_aluno .seletor.selecionar_modo .modo_gravar > div.step a.btn_gravar-denovo:hover {
									color: #FFF;
								}


							/**/

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno.trocar .btn_enviar {display: none;}
					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno.trocar a {display: inline-block;}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_trocar {
						width: 30px;
						height: 30px;
						line-height: 30px;
						margin: 0 55px;
						color: #FFF;
						background-color: rgba(0,0,0,0.5);
						text-align: center;
						font-size: 11px;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: 	all 0.2s ease-in-out;
						transition: 		all 0.2s ease-in-out;
						-webkit-border-radius: 45px;
						-moz-border-radius: 45px;
						border-radius: 45px;
						position: relative;
						z-index: 2;
					}
                    /*bug ipad*/
					html.desktop .personalizador .conteudo .dados .form-dados .enviar-audio .noipad a.btn_trocar:hover {
						background-color: #43b4f0;
						-webkit-transform: rotate(-360deg);
						-moz-transform: rotate(-360deg);
						transform: rotate(-360deg);
					}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_trocar:before {
						font-family: "Fontello";
						content: "\EA49";
						display: inline-block;
						width: 100%;
						font-size: 18px;
						font-weight: normal;
					}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_play {
						font-size: 11px;
						color: #6c6c6c;
						margin-top: 10px;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: 	all 0.2s ease-in-out;
						transition: 		all 0.2s ease-in-out;
					}

					html.desktop .personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_play:hover {
						color: #ff6046;
					}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_play:before {
						color: #ff6046;
						font-family: "Fontello";
						content: "\E8D9";
						font-size: 15px;
						line-height: 20px;
						margin-right: 5px;
						vertical-align: -1px;
						font-style: normal;
					}
					
					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_play.stop:before {
						content: "\E8DB" !important;
					}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_excluir {}

					.personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_excluir:before {
						color: #444;
						font-family: "Fontello";
						content: "\E825";
						font-size: 15px;
						line-height: 20px;
						margin-left: 5px;
						vertical-align: -1px;
						font-style: normal;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: 	all 0.2s ease-in-out;
						transition: 		all 0.2s ease-in-out;
					}

					html.desktop .personalizador .conteudo .dados .form-dados .enviar-audio .aud_aluno a.btn_excluir:hover:before {
						color: #FF4646;
					}

			.personalizador .conteudo .dados .form-dados .form-acoes {
				width: 350px;
				height: 35px;
				position: absolute;
				bottom: -45px;
				left: 0;
				text-align: center;
			}

			.personalizador .conteudo .dados .form-dados .form-acoes a {
				display: inline-block;
				height: 35px;
				line-height: 39px;
				color: #FFF;
				margin: 0 5px;
				font-size: 16px;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
				position: relative;
			}

			.personalizador .conteudo .dados .form-dados .form-acoes a:before {
				content: " ";
				border: 10px solid transparent;
				border-top-color: #e9e9e9;
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -10px;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
			}

			html.desktop .personalizador .conteudo .dados .form-dados .form-acoes a:hover:before {
				top: -10px;
			}

				.personalizador .conteudo .dados .form-dados .form-acoes a.btn_salvar {
					padding: 0 40px;
					background-color: #43b4f0;
					-webkit-box-shadow: 1px 1px 0px 0px #2883b0;
					-moz-box-shadow: 1px 1px 0px 0px #2883b0;
					box-shadow: 1px 1px 0px 0px #2883b0;
				}

				html.desktop .personalizador .conteudo .dados .form-dados .form-acoes a.btn_salvar:hover {
					background-color: #2c90c5;
				}

				.personalizador .conteudo .lista a.btn_turma {
					padding: 5px 40px;
					color: #FFF;
					background-color: #43b4f0;
					-webkit-box-shadow: 1px 1px 0px 0px #2883b0;
					-moz-box-shadow: 1px 1px 0px 0px #2883b0;
					box-shadow: 1px 1px 0px 0px #2883b0;
				}

				html.desktop .personalizador .conteudo .lista a.btn_turma:hover {
					background-color: #2c90c5;
				}


				.personalizador .conteudo .dados .form-dados .form-acoes a.btn_apagar {
					padding: 0 10px;
					background-color: #c1c1c1;
					-webkit-box-shadow: 1px 1px 0px 0px #898989;
					-moz-box-shadow: 1px 1px 0px 0px #898989;
					box-shadow: 1px 1px 0px 0px #898989;
				}

				html.desktop .personalizador .conteudo .dados .form-dados .form-acoes a.btn_apagar:hover {
					background-color: #8c8c8c;
				}

				.personalizador .conteudo .dados .form-dados .form-acoes span.feedback {
					width: 350px;
					height: 35px;
					line-height: 39px;
					font-size: 14px;
					color: #21c25a;
					display: inline-block;
					background-color: #FFF;
				}

				.personalizador .conteudo .dados .form-dados .form-acoes span.feedback:before {
					font-family: "Fontello";
					content: "\E82A";
					margin-right: 5px;
					font-size: 16px;
				}

		/*Apresentação dos dados*/
			.personalizador .conteudo .dados .box-dados {
				/*margin-top: 5px;*/
				/*margin-top: 70px;*/
				background-color: #e9e9e9;
				padding: 15px;
				height: 105px;
				font-weight: 600;
				position: relative;
			}

			.personalizador .conteudo .dados .mostra-dados.editando .box-dados {
				position: absolute;
				bottom: 0;
			}

			.personalizador .conteudo .dados .mostra-dados.editando .box-dados .observacao {
				position: absolute;
				top: 10px;
				right: 10px;
				cursor: pointer;
				display: block;
			}

				.personalizador .conteudo .dados .mostra-dados .box-dados .observacao {
					display: none;
				}

			.personalizador .conteudo .dados .mostra-dados.editando .box-dados .observacao:before {
				content: "\E867";
				font-family: "Fontello";
				color: #ff6046;
				font-size: 20px;
				width: 20px;
				height: 20px;
			}

			.personalizador .conteudo .dados .mostra-dados.editando .box-dados .observacao .tooltip {
				display: none;
				position: absolute;
				top: 30px;
				right: -25px;
				font-size: 11px;
				color: #ff6046;
				background-color: #FFF;
				padding: 10px;
				width: 180px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				border: 1px solid #ff6046;
			}

			html.desktop_only .personalizador .conteudo .dados .mostra-dados.editando .box-dados .observacao:hover .tooltip,
			.personalizador .conteudo .dados .mostra-dados.editando .box-dados .observacao .tooltip.ativo {
				display: block !important;
			}

				.personalizador .conteudo .dados .mostra-dados.editando .box-dados .observacao .tooltip:before {
					content: " ";
					position: absolute;
					top: -26px;
					right: 19px;
					border: 15px solid transparent;
					border-bottom-color: #FFF;
					z-index: 2;
				}

				.personalizador .conteudo .dados .mostra-dados.editando .box-dados .observacao .tooltip:after {
					content: " ";
					position: absolute;
					top: -24px;
					right: 22px;
					border: 12px solid transparent;
					border-bottom-color: #ff6046;
					z-index: 1;
				}

			.personalizador .conteudo .dados .form-dados label,
			.personalizador .conteudo .dados .box-dados h5 {
				width: 100%;
				font-size: 12px;
				color: #a3a3a3;
				line-height: 14px;
				float: left;
				margin: 0 0 2px;
				font-weight: 600;
			}

			.personalizador .conteudo .dados .box-dados span {
				float: left;
				width: 100%;
			}

			.personalizador .conteudo .dados .form-dados hr,
			.personalizador .conteudo .dados .box-dados hr {
				width: 100%;
				float: left;
				border: 1px solid #aaaaaa;
				border-top: 0;
				margin: 10px 0;
			}

			.personalizador .conteudo .dados .box-dados span.nomes {
				font-size: 22px;
				color: #6a6a6a;
			}

			.personalizador .conteudo .dados .box-dados span.sobrenomes {
				font-size: 14px;
				color: #6a6a6a;
			}

			.personalizador .conteudo .dados .box-dados span.nascimento {
				font-size: 20px;
				color: #6a6a6a;
			}

			.personalizador .conteudo .dados .box-dados span.genero {
				font-size: 14px;
				color: #6a6a6a;
			}

		/*Verificação de dados*/
			.personalizador .conteudo .dados .verificacao {
				position: absolute;
				top: 230px;
				left: 15px;
				width: 320px;
				padding: 15px;
				background-color: #FFF;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				font-size: 12px;
				color: #6c6c6c;
				font-weight: 600;
			}

			.personalizador .conteudo .dados .verificacao:before {
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -10px;
				border: 10px solid transparent;
				border-bottom-color: #FFF;
				content: " ";
			}

			.personalizador .conteudo .dados .verificacao .steps {
				text-align: center;
			}

			.personalizador .conteudo .dados .verificacao .steps p {
				margin: 0 0 10px;
				text-align: left;
			}

			.personalizador .conteudo .dados .verificacao .steps a {
				display: inline-block;
				height: 35px;
				line-height: 39px;
				color: #FFF;
				margin: 0 5px;
				padding: 0 40px;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
			}

				.personalizador .conteudo .dados .verificacao .steps a.btn_sim {
					font-size: 20px;
					background-color: #92c966;
					-webkit-box-shadow: 1px 1px 0px 0px #699942;
					-moz-box-shadow: 1px 1px 0px 0px #699942;
					box-shadow: 1px 1px 0px 0px #699942;
				}

				html.desktop .personalizador .conteudo .dados .verificacao .steps a.btn_sim:hover {
					background-color: #588435;
				}

				.personalizador .conteudo .dados .verificacao .steps a.btn_ok,
				.personalizador .conteudo .dados .verificacao .steps a.btn_nao {
					font-size: 20px;
					background-color: #ff634e;
					-webkit-box-shadow: 1px 1px 0px 0px #be3232;
					-moz-box-shadow: 1px 1px 0px 0px #be3232;
					box-shadow: 1px 1px 0px 0px #be3232;
				}

				html.desktop .personalizador .conteudo .dados .verificacao .steps a.btn_ok:hover,
				html.desktop .personalizador .conteudo .dados .verificacao .steps a.btn_nao:hover {
					background-color: #ce240d;
				}

				.personalizador .conteudo .dados .verificacao .steps a.btn_ok {
					font-size: 16px;
					line-height: 30px;
				}


/*Tutorial*/

	.personalizador .tutorial {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(50,50,50,0.8);
		background-image: url(../imagens/atividades/tutorial/00.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		z-index: 100;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
	}

	.personalizador .tutorial.step01 {background-image: url(../imagens/atividades/tutorial/01.jpg);}
	.personalizador .tutorial.step02 {background-image: url(../imagens/atividades/tutorial/02.jpg);}
	.personalizador .tutorial.step03 {background-image: url(../imagens/atividades/tutorial/03.jpg);}
	.personalizador .tutorial.step04 {background-image: url(../imagens/atividades/tutorial/04.jpg);}
		
		
	.personalizador .tutorial.semcombo {background-image: url(../imagens/atividades/tutorial/00semcombo.jpg);}
	.personalizador .tutorial.step01.semcombo {background-image: url(../imagens/atividades/tutorial/01semcombo.jpg);}
    .personalizador .tutorial.step02.semcombo {background-image: url(../imagens/atividades/tutorial/02semcombo.jpg);}
	.personalizador .tutorial.step03.semcombo {background-image: url(../imagens/atividades/tutorial/03semcombo.jpg);}
	.personalizador .tutorial.step04.semcombo {background-image: url(../imagens/atividades/tutorial/04semcombo.jpg);}

	.personalizador .tutorial .bloco_tour {
		position: absolute;
		right: 22px;
		top: 170px;
		width: 350px;
		height: 578px;
		padding: 15px 25px;
		background-color: #e9e9e9;
		font-size: 11px;
		color: #7c7c7c;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
	}

	.personalizador .tutorial.step03 .bloco_tour {
		right: 382px;
	}
	

	.personalizador .tutorial .bloco_tour a,
	.personalizador .tutorial .bloco_tour span.text {
		color: #7c7c7c;
		float: left;
		width: 100%;
		margin: 0 0 10px;
	}

	.personalizador .tutorial .bloco_tour a.btn_step {
		padding: 15px 15px 15px 80px;
		background-color: #FFF;
		border: 1px solid #FFF;
		height: 90px;			
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
	}

		.personalizador .tutorial .bloco_tour a.btn_step.ativo:before {
			position: absolute;
			/*top: calc(50% - 10px);*/
			/*left: -20px;*/
			border: 10px solid transparent;
			/*border-right-color: #FFF;*/
			content: " ";
			z-index: 2;
		}

		.personalizador .tutorial .bloco_tour a.btn_step.ativo:after {
			position: absolute;
			/*top: calc(50% - 10px);*/
			/*left: -21px;*/
			border: 10px solid transparent;
			/*border-right-color: #000;*/
			content: " ";
			z-index: 1;
		}

		.personalizador .tutorial .bloco_tour a.step01.ativo:after {top: 50%; margin-top: -10px; left: -21px; border-right-color: #ff6161;}
		.personalizador .tutorial .bloco_tour a.step02.ativo:after {top: 50%; margin-top: -10px; left: -21px; border-right-color: #ffba00;}
		.personalizador .tutorial .bloco_tour a.step03.ativo:after {top: 50%; margin-top: -10px; right: -21px; border-left-color: #25c784;}
		.personalizador .tutorial .bloco_tour a.step04.ativo:after {top: -21px; right: 30px; border-bottom-color: #43b4ef;}

		.personalizador .tutorial .bloco_tour a.step01.ativo:before {top: 50%; margin-top: -10px; left: -20px; border-right-color: #FFF;}
		.personalizador .tutorial .bloco_tour a.step02.ativo:before {top: 50%; margin-top: -10px; left: -20px; border-right-color: #FFF;}
		.personalizador .tutorial .bloco_tour a.step03.ativo:before {top: 50%; margin-top: -10px; right: -20px; border-left-color: #FFF;}
		.personalizador .tutorial .bloco_tour a.step04.ativo:before {top: -20px; right: 30px; border-bottom-color: #FFF;}

	.personalizador .tutorial .bloco_tour a.step01 {
		padding-top: 30px;
	}
	
    .personalizador .tutorial .bloco_tour a.step02 {
		padding-top: 22px;
	}
	
	.personalizador .tutorial .bloco_tour a.step03 {
		padding-top: 9px;
		padding-right: 5px !important;
	}
		
	.personalizador .tutorial .bloco_tour a.step04 {
		padding: 22px 15px 22px 80px;
		margin: 0 0 40px;
	}

	.personalizador .tutorial .bloco_tour a.btn_step span.ico_step {
		position: absolute;
		top: 25px;
		left: 20px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-weight: normal;
		text-align: center;
	}

	.personalizador .tutorial .bloco_tour a.btn_step span.ico_step:before {
		font-family: "Fontello";
	}

	.personalizador .tutorial .bloco_tour a.step01 span.ico_step:before {font-size: 40px; content: "\E83D"; color: #ff6161;}
	.personalizador .tutorial .bloco_tour a.step02 span.ico_step:before {font-size: 35px; content: "\E859"; color: #ffba00;}
	.personalizador .tutorial .bloco_tour a.step03 span.ico_step:before {font-size: 32px; content: "\E928"; color: #25c784;}
	.personalizador .tutorial .bloco_tour a.step04 span.ico_step:before {font-size: 35px; content: "\E831"; color: #43b4ef;}

	html.desktop .personalizador .tutorial .bloco_tour a.step01:hover {border-color: #ff6161;}
	html.desktop .personalizador .tutorial .bloco_tour a.step02:hover {border-color: #ffba00;}
	html.desktop .personalizador .tutorial .bloco_tour a.step03:hover {border-color: #25c784;}
	html.desktop .personalizador .tutorial .bloco_tour a.step04:hover {border-color: #43b4ef;}

	.personalizador .tutorial .bloco_tour a.step01.ativo {border-color: #ff6161;}
	.personalizador .tutorial .bloco_tour a.step02.ativo {border-color: #ffba00;}
	.personalizador .tutorial .bloco_tour a.step03.ativo {border-color: #25c784;}
	.personalizador .tutorial .bloco_tour a.step04.ativo {border-color: #43b4ef;}

	

	.personalizador .tutorial .bloco_tour a.btn_concluir {
		padding: 0;
		height: 40px;
		margin: 0;
		line-height: 40px;
		font-size: 13px;
		text-align: center;
		color: #FFF;
		letter-spacing: 0.05em;
		background-color: #43b4ef;
		border: 0;
		-webkit-box-shadow: 1px 1px 0px 0px #2883b0;
		-moz-box-shadow: 1px 1px 0px 0px #2883b0;
		box-shadow: 1px 1px 0px 0px #2883b0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
	}

	html.desktop .personalizador .tutorial .bloco_tour a.btn_concluir:hover {
		background-color: #2c90c5;
	}