/* Créditos ao HAZE FORUM */
/* www.hazeforum.com */
body {
	background-color: #6EC6E6;
}

.conteudo_index {
	background-color: #FFFFFF;
	width: 802px;
	padding: 29px;
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
	margin: 68px auto;
}

.conteudo_index .logo {
	background-image: url(../img/mini_logo.png);
	width: 117px;
	height: 43px;
	margin-top: -2px
}

.conteudo_index .conectados {
	background-image: url(../img/balao_conectados.png);
	width: 104px;
	height: 75px;
	float: right;
	margin-top: -88px;
	text-align: center;
	color: #444444;
	font-weight: 500;
	padding-top: 18px;
	line-height: 20px;
}

.conteudo_index .conectados span {
	font-weight: 400;
	font-size: 12px;
	color: #666666;
	font-family: 'Segoe UI', sans-serif;
}

.conteudo_index .registrados {
	float: right;
	font-size: 13px;
	color: #666666;
	font-family: 'Segoe UI', sans-serif;
	margin-top: -24px;
	margin-right: 48px;
}

.conteudo_index .registrados span {
	color: #809C11;
	font-weight: 500;
	margin-right: 2px;
}

.conteudo_index .alerta {
	margin-top: 28px;
}

@keyframes box_azul {
	0% {background-position: left 520px;}
	10% {background-position: left 520px;}
	100% {background-position: left bottom;}
}

.conteudo_index .box_azul {
	background-color: #5EC8FC;
	background-image: linear-gradient(#4FA8D2,#4FA8D2);
	background-repeat: no-repeat;
	background-size: 420px 116px;
	background-position: left bottom;
	width: 420px;
	height: 462px;
	border-radius: 5px;
	margin-top: 26px;
	float: left;
	position: relative;
	overflow: hidden;

	-webkit-animation: box_azul 1s ease-out;
	animation: box_azul 1s ease-out;
}

@keyframes box_azul_titulo {
	0% {
		margin-top: 50px;
		opacity: 0;
	}
	50% {
		margin-top: 50px;
		opacity: 0;
	}
	100% {
		margin-top: 26px;
		opacity: 1;
	}
}

.conteudo_index .box_azul .titulo {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	margin-top: 26px;
	-webkit-animation: box_azul_titulo 1.5s ease-out;
	animation: box_azul_titulo 1.5s ease-out;
}

@keyframes mao {
	0% {
		right: -270px;
		bottom: 252px;
	}
	40% {
		right: -270px;
		bottom: 252px;
	}
	100% {
		right: 0;
		bottom: 100px;
	}
}

.conteudo_index .box_azul .mao {
	background-image: url(../img/mao.png);
	width: 270px;
	height: 192px;
	position: absolute;
	right: 0;
	bottom: 100px;
	-webkit-animation: mao 1.5s ease-out;
	animation: mao 1.5s ease-out;
}

@keyframes balao {
	0% {
		left: 39px;
		top: 270px;
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	80% {
		left: 39px;
		top: 150px;
		opacity: 1;
	}
	100% {
		left: 39px;
		top: 130px;
	}
}
/* Créditos ao HAZE FORUM */
/* www.hazeforum.com */
.conteudo_index .box_azul .balao {
	background-image: url(../img/baloes.png);
	width: 182px;
	height: 41px;
	line-height: 34px;
	text-align: center;
	color: #666666;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	position: absolute;
	left: 39px;
	top: 130px;
	-webkit-animation: balao 3.5s ease-out;
	animation: balao 3.5s ease-out;
	z-index: 2;
}

@keyframes balaob {
	0% {
		left: 179px;
		top: 194px;
		opacity: 0;
	}
	80% {
		left: 179px;
		top: 194px;
		opacity: 0;
	}
	100% {
		left: 179px;
		top: 174px;
		opacity: 1;
	}
}

.conteudo_index .box_azul .balao.segundo {
	background-position: left bottom;
	width: 202px;
	height: 41px;
	position: absolute;
	left: 179px;
	top: 174px;
	-webkit-animation: balaob 3.5s ease-out;
	animation: balaob 3.5s ease-out;
}

@keyframes box_azul_user {
	0% {
		height: 0px;
		bottom: 120px;
	}
	70% {
		height: 0px;
		bottom: 120px;
	}
	100% {
		height: 110px;
		bottom: 120px;
		opacity: 1;
	}
}

.conteudo_index .box_azul .user {
	width: 64px;
	height: 110px;
	position: absolute;
	left: 80px;
	bottom: 120px;
	-webkit-animation: box_azul_user 2s ease-out;
	animation: box_azul_user 2s ease-out;
}

@keyframes box_azul_registrar {
	0% {
		margin-top: 300px;
		opacity: 0;
	}
	60% {
		margin-top: 300px;
		opacity: 0;
	}
	100% {
		margin-top: 233px;
		opacity: 1;
	}
}

.conteudo_index .box_azul .registrar {
	background-image: url(../img/registrar.png);
	width: 304px;
	height: 56px;
	line-height: 56px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	margin-top: 233px;
	margin-bottom: -5px;
	position: relative;
	-webkit-animation: box_azul_registrar 1.5s ease-out;
	animation: box_azul_registrar 1.5s ease-out;
	transition: all 0.4s;
}

.conteudo_index .box_azul .registrar:hover {
	margin-top: 229px;
	-webkit-filter: drop-shadow(0 0 20px rgba(255,255,255,0.7))  drop-shadow(0 4px rgba(0,0,0,0.25));
	filter: drop-shadow(0 0 20px rgba(255,255,255,0.7)) drop-shadow(0 4px rgba(0,0,0,0.25));
}

.conteudo_index .box_azul .desc {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	margin-top: 26px;
	position: relative;
	-webkit-animation: box_azul_titulo 1.5s ease-out;
	animation: box_azul_titulo 1.5s ease-out;
	transition: all 0.4s;
}

.conteudo_index .box_azul .registrar:hover ~ .desc {
	margin-top: 30px;
}

.conteudo_index .box_login {
	background-color: #B3B4AE;
	background-image: url(../img/pisos.png);
	width: 360px;
	height: 242px;
	border-radius: 6px;
	margin-top: 26px;
	float: right;
}

.conteudo_index .box_login .titulo {
	background-color: #6B6B6B;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	margin: 7px;
	margin-bottom: 8px;
}

.conteudo_index .box_login .msg {
	float: left;
	height: 32px;
	line-height: 30px;
	width: 73px;
	margin-left: 21px;
	color: #FFFFFF;
	font-family: 'Segoe UI', sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-size: 13px;
	margin-top: 12px;
}

.conteudo_index .box_login input {
	background-color: #FFFFFF;
	width: 136px;
	height: 32px;
	border: none;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2), 0 3px rgba(0,0,0,0.1);
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	padding: 0 12px;
	margin-top: 12px;
	float: left;
}

.conteudo_index .box_login button {
	background-color: #FFFFFF;
	width: 92px;
	height: 36px;
	border: none;
	border-radius: 4px;
	border: 2px solid #000000;
	box-shadow: inset 0 -16px #CBCBCB;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #444444;
	padding: 0 12px;
	margin-top: 10px;
	margin-left: 13px;
	float: left;
}

.conteudo_index .box_login input[type="checkbox"] {
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	background-image: url(../img/bolas_p.png);
	background-position: center top;
	width: 11px;
	height: 12px;
	margin-right: 10px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	-webkit-appearance: none;
}

.conteudo_index .box_login input[type="checkbox"]:checked {
	background-image: url(../img/bolas_p.png);
	background-position: center bottom;
}

.conteudo_index .box_login .msg_l {
	float: left;
	margin-left: 90px;
	line-height: 34px;
	color: #444444;
	font-family: 'Segoe UI', sans-serif;
	font-weight: 500;
	font-size: 12px;
	margin-top: 5px;
}

.conteudo_index .box_login .box_cinza {
	background-color: #8E8E88;
	background-image: url(../img/icone/mais.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	height: 42px;
	line-height: 40px;
	border-radius: 0 0 6px 6px;
	margin-top: 16px;
	color: #EEAD4D;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	padding-left: 40px;
}

.conteudo_index .box_img {
	background-color: #CCCCCC;
	width: 360px;
	height: 200px;
	border-radius: 6px;
	margin-top: 20px;
	float: right;
}

.conteudo_index .titulo-tags {
	color: #7AB433;
	margin: 17px 0;
	margin-top: 24px;
	font-weight: 500;
}

.conteudo_index .tags {
	background-color: #E8E8E8;
	padding: 0 10px;
	height: 30px;
	line-height: 28px;
	border-radius: 4px;
	float: left;

	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	color: #444444;
	margin-right: 10px;
}

.conteudo_index .area_registro {
	margin: 20px 0;
}

.conteudo_index .area_registro .text {
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin: 10px;
	float: left;
	font-size: 14px;
	color: #666666;
}

.conteudo_index .area_registro input {
	width: 220px;
	height: 40px;
	margin: 10px;
	border: 1px solid rgba(0,0,0,0.16);
	padding: 0 10px;
	border-radius: 4px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	transition: all 0.3s;
}

.conteudo_index .area_registro input:focus {
	box-shadow: 0 0 4px #6EC6E6;
}

.conteudo_index .area_registro .setas {
	font-size: 14px;
	color: #999999;
	margin-top: 20px;
	padding: 0 10px;
}

.conteudo_index .area_registro .setas .anterior {
	float: left;
}

.conteudo_index .area_registro .setas .proximo {
	float: right;
}

.conteudo_index .area_registro .setas div {
	transition: all 0.2s;
}

.conteudo_index .area_registro .setas div:hover {
	color: #6EC6E6;
	cursor: pointer;
}