.signin
{
	@include span-columns(11);
	@include shift(.5);	
	//margin-bottom: 60px;
	//margin-top: 60px;
	color: #333;
	background-color: #fff;
	@include pad(60px);

	aside
	{
		position: relative;
		@include span-columns(4);
		//border-top: 10px solid $rosso-aiba;

		div.cont
		{
			position: relative;
			font-size: 14px;
			@include pad(20px 10px 30px);
			border-bottom: 3px solid #CCC;
			background-color: $rosso-aiba;

			h4,h5
			{
				font-family: $roboto_slab;
				//text-align: center;
			}

			h5
			{
				font-size: 15px;
				font-weight: 300;
				margin-bottom: 30px;
				@include pad(0 0 25px);
				border-bottom: 1px solid  #CCC;
				color: whitesmoke;	
			}

			h4
			{
				font-size: 21px;
				margin-bottom: 10px;	
				color: white;	

				span
				{
					font-weight: 300;
				}					
			}

			p
			{
				color: white;
			}

			@include media ($medium-screen) 
		    {
		    	h5
				{
					font-size: 18px;
				}

				h4
				{
					font-size: 24px;
				}
		    }

		    @include media ($large-screen) 
		    {
		    	h5
				{
					font-size: 22px;
				}

				h4
				{
					font-size: 28px;
				}
		    }
		}
	}

	article
	{
		@include span-columns(8);
		@include clearfix;

		.aba
		{		
			position: relative;
			background-color: #EEE;
			@include clearfix;
			@include pad(15px 20px 0px);
			@include transition(all 0.3s ease-out);
			margin-top: 20px;

			
			.form-signin
			{
				@include span-columns(6);
				@include shift(3);
				display:block !important;
				padding-bottom: 30px;
				margin-top: 30px;

		        span
		        {
		          display: block;
		          font-family: $an_demi;
		          text-transform: uppercase;
		          margin-bottom: 10px;
		          color: whitesmoke;
		        }

		        input
		        {
		          border-radius: 0;
		          border: none;
		        }

		        .sign-up
		        {
		          position: relative;
		          display: block;
		          text-align: center;  
		          border:1px solid white;
		          @include pad(5px 10px);
		          font-family: $an_demi;
		          text-transform: uppercase;
		          font-size: 14px;
		          margin: 30px 0 20px;
		          cursor: pointer;
		          background-color: $rosso-aiba;

		          a
		          {
		            color: white;
		          }


		          &:hover
		          {
		            background-color: white;
		            a
		            {
		              color: $rosso-aiba;
		            }
		          }
		        }

		        .fs 
		        {
		          position: relative;
		          button
		          {
		            position: absolute;
		            right: 0;
		            top: 0;
		            background-color: #DEDEDE;
		            width: auto;
		            display: block;
		            @include pad(10px);
		            margin: 0;
		            border-radius: 0;
		            border-bottom: 1px solid #999;
		            color: #666;
		          }
		        }
		      }
			}
	}
}