/* MOBILE LOGIN 768px */
@media( max-width: 768px ) {
	#noticiasDetalhes #imgContainer{
		width:100%;
		overflow:hidden;
	}
	#noticiasDetalhes #imgContainer .img{
		background-position: center center !important;
		width: 100%;
	}

	#left .wrapperTop .titleTop {
		font-size: 30px;
	}

	#gcaText {
		width: 100%;
	}
	#gcaText .title,
	#gcaText .text {
		width: 86%;
		margin: 0 7% 20px 7%;
	}

	#gcaText img {
		max-width: 100%;
	}

	/* RIGHT */

	#right {
		width: 86%;
		margin: 0 7%;
	}

	#right .col {
		display: block;
		clear: both;
		width: 100%;
	}
	#books .titles,
	#right .titles	{
		width: 100%;
	}

	#login {
		width: 100%;
		margin: 0 auto;
		float: none;
	}

	#login .news {
		width: 90%;
		margin: 0 auto;
	}

	#login > .title {
		width: 86%;
		float: none;
	}
	#login .wrapperLogin, 
	#recuperar .wrapperLogin {
		margin: 10px 0 0;
		padding: 7% 7% 35px;
		width: 86%;
	}
	#login .wrapperLogin .left,
	#recuperar .wrapperLogin .left{
		width: 100%;
		margin-right: 0;
		padding-bottom: 30px;
		border-bottom: 1px solid #888888;
	}

	#login .wrapperLogin .leyaTitle {
		margin: 0;
		margin-bottom: 25px;
	}

	#login .wrapperLogin .right {
		width: 100%;
		padding-top: 25px;
	}

	#login .wrapperLogin .right .leyaTitle {
		font-size: 19px;
		margin-bottom: 30px;
	}

	#login .wrapperLogin .left .input,
	#recuperar .wrapperLogin .left .input{
		width: 80%;
		padding: 8px 5px;
	}

	#recuperar {
		display: block;
		float: left;
		margin-top: 0;
	}

	#recuperar .titleActive {
		color: #333333;
		float: none;
		font: 400 30px "Aprex-New-Bold",sans-serif;
		margin: 0 auto 30px;
		width: 86%;
	}
	#recuperar .title span {
		font-size: 12px;
		margin: 0 0 10px 0;
	}
	#recuperar .perc-50{
		width: 80%;
	}
}