.soci
{
	@include span-columns(11);
	@include shift(.5);	
	//margin-top: 100px;
	//margin-bottom: 100px;
	color: #333;
	background-color: #fff;
	@include pad(60px);
	//border-bottom: 3px solid #CCC;
	//
	//border: 1px solid #CCC;


	ul.cerca
	{
		@include span-columns(12);
		@include clearfix;
		@include omega();
		li
		{
			@include span-columns(12);
			margin-bottom: 30px;

			&:last-child
			{
				margin-bottom: 0px;
			}

			@include media ($medium-screen) 
      		{
				@include span-columns(6);
				margin-bottom: 0px;
      		}

			span.mdl
			{
				
				input
				{
					@include span-columns(5 of 6, block-collapse);
					border:2px solid #CCC;
					border-radius: 0;
					z-index: 10;
					@include pad(14px 10px);
				}

				i
				{
					@include span-columns(1 of 6);
					height: 50px;
					text-align: center;
					line-height: 45px;
					border:2px solid #CCC;
					border-left: none;
					color: #CCC;
				}
			}
			
		}
		margin-bottom: 40px;
	}

	hr
	{
		@include span-columns(12);
		margin-bottom: 60px;
	}

	ul.regioni
	{
		@include span-columns(12);
		@include pad(10px);
		border: 5px solid #CCC;
		background-color: white;
		//margin-bottom: 100px;

		.italia
		{
			position: relative;
			display: none;
			width:230px;
			margin: 30px 0 0 10px;
		}

		>li
		{
			@include span-columns(12);
			position: relative;

			font-size: 14px;
			line-height: 18px;

			ul
			{
				@include pad(0);

				li
				{
					text-align: center;
					font-size: 16px;
					margin-bottom: 5px;
				}
			}

			@include media ($medium-screen) 
      		{
				@include span-columns(4);

				.italia
				{
					display: block;
					text-align: center;
					margin: 30px auto 0; 
				}

				ul
				{
					@include pad(30px 0);

					li
					{
						text-align: left;
						font-size: 14px;
						margin-bottom: 5px;
					}
				}
      		}
		}
	}

	aside.regioni
	{
		@include span-columns(3.5);
		@include clearfix;
		background-color: #fff;

		.italia
		{
			@include span-columns(6);
			@include shift(3);
			@include omega();
			@include pad(10px);
		}

		.select
		{
			@include span-columns(12);
			position: relative;
			display: block;
			background-color: $rosso-aiba;
			cursor: pointer;
			@include clearfix;

			select
			{
				position: relative;
				margin: 0;
				background-color: transparent;
				border-radius: 0 !important;
				padding-right: 30px !important;
				z-index: 999;
				width: 100% !important;

				>option
				{
					color: #222 !important;
				}
			}

			i
			{
				position: absolute;
				top: 0;
				right: 0;
				line-height: 36px;
				color: white;
				padding-right: 10px;
			}
		}

		@include media ($medium-screen) 
  		{

  		}		
	}


	.result
	{
		@include span-columns(8.5);
		li
		{
			border-bottom: 1px solid #ccc;
			border-left: 3px solid $rosso-aiba;
			padding: 20px;
			margin-bottom: 10px;

			&:hover
			{
				background-color: #EFEFEF;
			}	

			.titolo
			{
				font-weight: bold;
			}
		}
	}

	
	
}