@media (min-width: 1200px) {

	/* Structure > 1200px */
	
	#page { width:1200px; margin: 0 auto; }
	
	.table_input_cat  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; text-transform:uppercase; font-size:13pt; font-weight:bold; padding:2% 0% 2% 0%; }	
	.voce_elenco  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; }
	
	/*** Menu ***/
	#mainmenu			{display:block;}

	#mainmenu ul 		{margin: 50px 0px 0px 0px; float:right; list-style: none; }
	#mainmenu ul li 	{float: left; margin: 0 0px 0 0; position: relative;}
	#mainmenu a 		{COLOR: #727271; display: block; padding: 15px 0px 15px 25px; font-family: 'Ubuntu', sans-serif; font-weight:bold; bottom:0px; }
	#mainmenu a:hover	{COLOR: #ed1c24;}
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:180px; padding: 0; margin: 0px 0px 0px 25px; background-color:#FFFFFF; font-size:11pt; }
	#mainmenu li li   	{ border:none; width:180px; background-color:#FFFFFF; border-bottom:1px solid #727271; } 
	#mainmenu li li a	{ padding:10px; }
	
	#mainmenu ul li.hover,
	#mainmenu ul li:hover {
	  position: relative;
	  z-index: 599;
	  cursor: default;
	}
	
	#mainmenu ul ul {
	  visibility: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 598;
	  width: 100%;
	}
	
	#mainmenu ul ul li {
	  float: none;
	}
	
	#mainmenu ul ul ul {
	  top: 0;
	  left: auto;
	  right: -99.5%;
	}
	
	#mainmenu ul li:hover>ul {
	  visibility: visible;	}
	
	#mainmenu ul ul {
	  bottom: 0;
	  left: 0;
	}
	
	#mainmenu ul ul {
	  margin-top: 0;
	}
	
	#mainmenu ul ul li {
	  font-weight: normal;
	}
	
	.voce_100 { width: 100%; float:left; text-align:left; }
	.voce_100_padd { width: 96%; float:left; text-align:left; padding:2%; }
	.voce_67, #scheda_immobile_sx { width: 63%; padding:2%; float:left; text-align:left; }
	.voce_50 { width: 46%; float:left; text-align:left; padding:2%; }
	.voce_50_no_padd { width: 50%; float:left; text-align:left; }
	.voce_33, #scheda_immobile_dx { width: 29%; float:left; text-align:left; padding:2%; }	
	.voce_25, #elenco_immobili_dx { width: 21%; float:left; text-align:left; padding:2%; }
	.voce_25_no_padd { width: 25%; float:left; text-align:left; }
	.voce_75, #elenco_immobili_sx { width: 71%; float:left; text-align:left; padding:2%; }
	.voce_75_no_padd { width: 75%; float:left; text-align:left; }
	
	.header {
		background-image:url(../graphics_/header-vitagliano-immobiliare.png); 
		background-position:bottom center; 
		background-repeat:no-repeat; 
		background-size: 100%;
	}
	
	.telefono-social {
		text-align: right; 
		margin-top: 10px;
		font-size: 18px;
	}
	
	#box_cerca_parametri { width: calc(100% - 4px); position:relative; float:left; border:solid 2px #ed1c24; background-color:#FFFFFF; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9; filter: alpha(opacity=90); }
	
	/*#box_logo_agenzia { width: 15.5%; float:left; text-align:left; padding:0.5%; }	*/
	#box_logo_agenzia { width: 18%; float:left; text-align:left; padding:1%; }
	
	#mobile  { display:none }	
	#logo { width: 100%; float:left; padding:15px 0px 15px 0px; z-index:10; }
	#menu_h { width: 100%; float:left; z-index:100; height:400px; }

	#elenco_box_foto {
		width:33%;
		float:left; 
		height:200px;
	}
	
	#scheda_box_foto {
		width:100%;
		float:left; 
		height:350px;
	}
	
	div.cropper {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}	

}

@media (min-width: 981px) and (max-width: 1199px) {

	/* Structure 981 to 1199 */
	
	#page { width:100%; margin: 0 auto; background-color:#FFFFFF; }
	
	.table_input_cat  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; text-transform:uppercase; font-size:13pt; font-weight:bold; padding:2% 0% 2% 0%; }
	.voce_elenco  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; }

	/*** Menu ***/
	#mainmenu			{display:block;}

	#mainmenu ul 		{margin: 20px 0px 0px 0px; float:right; list-style: none; }
	#mainmenu ul li 	{float: left; margin: 0 0px 0 0; position: relative;}
	#mainmenu a 		{COLOR: #727271; display: block; padding: 15px 0px 15px 25px; font-family: 'Ubuntu', sans-serif; font-weight:bold; bottom:0px; }
	#mainmenu a:hover	{COLOR: #ed1c24;}
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:180px; padding: 0; margin: 0px 0px 0px 25px; background-color:#FFFFFF; font-size:11pt; }
	#mainmenu li li   	{ border:none; width:180px; background-color:#FFFFFF; border-bottom:1px solid #727271; } 
	#mainmenu li li a	{ padding:10px; }
	
	#mainmenu ul li.hover,
	#mainmenu ul li:hover {
	  position: relative;
	  z-index: 599;
	  cursor: default;
	}
	
	#mainmenu ul ul {
	  visibility: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 598;
	  width: 100%;
	}
	
	#mainmenu ul ul li {
	  float: none;
	}
	
	#mainmenu ul ul ul {
	  top: 0;
	  left: auto;
	  right: -99.5%;
	}
	
	#mainmenu ul li:hover>ul {
	  visibility: visible;	}
	
	#mainmenu ul ul {
	  bottom: 0;
	  left: 0;
	}
	
	#mainmenu ul ul {
	  margin-top: 0;
	}
	
	#mainmenu ul ul li {
	  font-weight: normal;
	}
	
	.voce_100  { width: 100%; float:left; text-align:left; }
	.voce_100_padd { width: 96%; float:left; text-align:left; padding:2%; }
	.voce_67, #scheda_immobile_sx { width: 63%; padding:2%; float:left; text-align:left; }
	.voce_50 { width: 46%; float:left; text-align:left; padding:2%; }
	.voce_50_no_padd { width: 50%; float:left; text-align:left; }
	.voce_33, #scheda_immobile_dx { width: 29%; float:left; text-align:left; padding:2%; }	
	.voce_25, #elenco_immobili_dx { width: 21%; float:left; text-align:left; padding:2%; }
	.voce_25_no_padd { width: 25%; float:left; text-align:left; }
	.voce_75, #elenco_immobili_sx { width: 71%; float:left; text-align:left; padding:2%; }
	.voce_75_no_padd { width: 75%; float:left; text-align:left; }
	
	.header {
		background-image:url(../graphics_/header-vitagliano-immobiliare.png); 
		background-position:bottom center; 
		background-repeat:no-repeat; 
		background-size: 100%;
	}
	
	.telefono-social {
		text-align: right; 
		margin-top: 10px;
		font-size: 18px;
	}
	
	#box_cerca_parametri { width: calc(100% - 4px); position:relative; float:left; border:solid 2px #ed1c24; background-color:#FFFFFF; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9; filter: alpha(opacity=90); }

	/*#box_logo_agenzia { width: 15.5%; float:left; text-align:left; padding:0.5%; }	*/
	#box_logo_agenzia { width: 18%; float:left; text-align:left; padding:1%; }	
	
	#mobile  { display:none }	
	#logo { width: 31%; padding:1%; float:left; }
	#menu_h { width: 65%; padding:1%; float:right; height:270px }
	
	#elenco_box_foto {
		width:33%;
		float:left; 
		height:200px;
	}
	
		div.cropper {
		  width: 100%;
		  height: 100%;
		  overflow: hidden;
		}	
		
	#scheda_box_foto {
		width:100%;
		float:left; 
		height:350px;
	}		

}

@media (min-width: 768px) and (max-width: 980px) {

	/* Structure 768 to 1000 */
	
	#page { width:100%; margin: 0 auto; background-color:#FFFFFF; }
	
	.table_input_cat  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; text-transform:uppercase; font-size:13pt; font-weight:bold; padding:2% 0% 2% 0%; }
	.voce_elenco  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; }
	
	/*** Menu ***/
	#mainmenu			{display:block;}

	#mainmenu ul 		{margin: 20px 0px 0px 0px; float:right; list-style: none; }
	#mainmenu ul li 	{float: left; margin: 0 0px 0 0; position: relative;}
	#mainmenu a 		{COLOR: #727271; display: block; padding: 15px 0px 15px 25px; font-family: 'Ubuntu', sans-serif; font-weight:bold; bottom:0px; }
	#mainmenu a:hover	{COLOR: #ed1c24;}
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:180px; padding: 0; margin: 0px 0px 0px 25px; background-color:#FFFFFF; font-size:11pt; }
	#mainmenu li li   	{ border:none; width:180px; background-color:#FFFFFF; border-bottom:1px solid #727271; } 
	#mainmenu li li a	{ padding:10px; }
	
	#mainmenu ul li.hover,
	#mainmenu ul li:hover {
	  position: relative;
	  z-index: 599;
	  cursor: default;
	}
	
	#mainmenu ul ul {
	  visibility: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 598;
	  width: 100%;
	}
	
	#mainmenu ul ul li {
	  float: none;
	}
	
	#mainmenu ul ul ul {
	  top: 0;
	  left: auto;
	  right: -99.5%;
	}
	
	#mainmenu ul li:hover>ul {
	  visibility: visible;	}
	
	#mainmenu ul ul {
	  bottom: 0;
	  left: 0;
	}
	
	#mainmenu ul ul {
	  margin-top: 0;
	}
	
	#mainmenu ul ul li {
	  font-weight: normal;
	}
	
	.voce_100  { width: 100%; float:left; text-align:left; }
	.voce_100_padd, #scheda_immobile_sx, #scheda_immobile_dx { width: 96%; float:left; text-align:left; padding:2%; }
	.voce_67 { width: 63%; padding:2%; float:left; text-align:left; }
	.voce_50 { width: 46%; float:left; text-align:left; padding:2%; }
	.voce_50_no_padd { width: 50%; float:left; text-align:left; }
	.voce_33 { width: 29%; float:left; text-align:left; padding:2%; }	
	.voce_25, #elenco_immobili_dx { width: 21%; float:left; text-align:left; padding:2%; }
	.voce_25_no_padd { width: 25%; float:left; text-align:left; }
	.voce_75, #elenco_immobili_sx { width: 71%; float:left; text-align:left; padding:2%; }
	.voce_75_no_padd { width: 75%; float:left; text-align:left; }
	
	.header {
		background-image:url(../graphics_/header-vitagliano-immobiliare.png); 
		background-position:bottom center; 
		background-repeat:no-repeat; 
		background-size: 100%;
	}
	
	.telefono-social {
		text-align: right; 
		margin-top: 10px;
		font-size: 18px;
	}
	
	#box_cerca_parametri { width: calc(100% - 4px); position:relative; float:left; border:solid 2px #ed1c24; background-color:#FFFFFF; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9; filter: alpha(opacity=90); }
	
	/*#box_logo_agenzia { width: 31%; float:left; text-align:left; padding:1%; }	*/
	#box_logo_agenzia { width: 18%; float:left; text-align:left; padding:0.5%; }
	
	#mobile  { display:none }
	#logo { width: 100%; float:left; text-align:center; }
	#menu_h { width: 96%; padding:2%; float:left; text-align:center; height:270px }
	
	#elenco_box_foto {
		width:33%;
		float:left; 
		height:200px;
	}
	
		div.cropper {
		  width: 100%;
		  height: 100%;
		  overflow: hidden;
		}	
		
	#scheda_box_foto {
		width:100%;
		float:left; 
		height:350px;
	}

}

@media (min-width: 481px) and (max-width: 767px) {

	/* Structure 481 to 767 */
	
	#page { width:100%; margin: 0 auto; background-color:#FFFFFF; }
	
	.table_input_cat  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; text-transform:uppercase; font-size:13pt; font-weight:bold; padding:2% 0% 2% 0%; }
	.voce_elenco  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; }

	/*** Menu ***/
	.btn-responsive-menu{display:block;}
	#mainmenu			{display:none;}

	#mainmenu ul 		{margin: 20px 0px 0px 0px; float:right; list-style: none; }
	#mainmenu ul li 	{float: left; margin: 0px 350px 0px 0px; position: relative; width:100%;}
	#mainmenu a 		{COLOR: #FFFFFF; display: block; padding: 5px 0px 5px 25px; font-family: 'Ubuntu', sans-serif; font-weight:bold; bottom:0px; background-color:#ed1c24; }
	#mainmenu a:hover	{COLOR: #EEEEEE;}
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:180px; padding: 0; margin: 0px 0px 0px 25px; background-color:#2c343c; font-size:11pt; }
	#mainmenu li li   	{ border:none; width:180px; background-color:#2c343c; border-bottom:1px solid #FFFFFF; } 
	#mainmenu li li a	{ padding:10px; }
	
	#mainmenu ul li.hover,
	#mainmenu ul li:hover {
	  position: relative;
	  z-index: 599;
	  cursor: default;
	}
	
	#mainmenu ul ul {
	  visibility: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 598;
	  width: 100%;
	}
	
	#mainmenu ul ul li {
	  float: none;
	}
	
	#mainmenu ul ul ul {
	  top: 0;
	  left: auto;
	  right: -99.5%;
	}
	
	#mainmenu ul li:hover>ul {
	  visibility: visible;	}
	
	#mainmenu ul ul {
	  bottom: 0;
	  left: 0;
	}
	
	#mainmenu ul ul {
	  margin-top: 0;
	}
	
	#mainmenu ul ul li {
	  font-weight: normal;
	}
	

	.voce_100, .voce_50_no_padd  { width: 100%; float:left; text-align:left; }
	.voce_100_padd, .voce_50, #scheda_immobile_sx, #scheda_immobile_dx, #elenco_immobili_sx, #elenco_immobili_dx { width: 96%; float:left; text-align:left; padding:2%; }
	.voce_67 { width: 63%; padding:2%; float:left; text-align:left; }
	.voce_33 { width: 29%; float:left; text-align:left; padding:2%; }	
	.voce_25 { width: 46%; float:left; text-align:left; padding:2%; }
	.voce_25_no_padd { width: 50%; float:left; text-align:left; }
	.voce_75 { width: 71%; float:left; text-align:left; padding:2%; }
	.voce_75_no_padd { width: 75%; float:left; text-align:left; }
	
	.header {
		background-image:url(../graphics_/header-vitagliano-immobiliare.png); 
		background-position:bottom left; 
		background-repeat:no-repeat; 
		background-size: 100%;
		height: 150px;
	}
	
	.telefono-social {
		text-align: right; 
		margin-top: 10px;
		font-size: 14px;
	}
	
	#box_cerca_parametri { display:none; }
	#box_logo_agenzia { display:none; }	
	
	#mobile  { width: 100%; float:left; text-align:left; }
	#logo { width: 100%; float:left; text-align:center; }
	#menu_h { width: 96%; padding:2%; float:left; text-align:center; }
		
	#elenco_box_foto {
		width:47%;
		float:left; 
		height:200px;
	}
	
		div.cropper {
		  width: 100%;
		  height: 100%;
		  overflow: hidden;
		}	
	
	#scheda_box_foto {
		width:100%;
		float:left; 
		height:350px;
	}

}

@media (max-width: 480px) {

	/* Structure  < 480 */
		
	#page { width:100%; margin: 0 auto; background-color:#FFFFFF; }
	
	.table_input_cat  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; text-transform:uppercase; font-size:13pt; font-weight:bold; padding:2% 0% 2% 0%; }
	.voce_elenco  { BORDER-BOTTOM: #DDDDDD 1px solid; background-color:#FFFFFF; }
	
	#mobile  { width: 100%; float:left; text-align:left; }
	#logo { width: 100%; float:left; text-align:center; }
	#menu_h { width: 96%; padding:2%; float:left; text-align:center; }

	/*** Menu ***/
	.btn-responsive-menu{display:block;}
	#mainmenu			{display:none;}

	#mainmenu ul 		{margin: 20px 0px 0px 0px; float:right; list-style: none; }
	#mainmenu ul li 	{float: left; margin: 0px 350px 0px 0px; position: relative; width:100%;}
	#mainmenu a 		{COLOR: #FFFFFF; display: block; padding: 5px 0px 5px 25px; font-family: 'Ubuntu', sans-serif; font-weight:bold; bottom:0px; background-color:#ed1c24; }
	#mainmenu a:hover	{COLOR: #EEEEEE;}
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:180px; padding: 0; margin: 0px 0px 0px 25px; background-color:#2c343c; font-size:11pt; }
	#mainmenu li li   	{ border:none; width:180px; background-color:#2c343c; border-bottom:1px solid #FFFFFF; } 
	#mainmenu li li a	{ padding:10px; }
	
	#mainmenu ul li.hover,
	#mainmenu ul li:hover {
	  position: relative;
	  z-index: 599;
	  cursor: default;
	}
	
	#mainmenu ul ul {
	  visibility: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 598;
	  width: 100%;
	}
	
	#mainmenu ul ul li {
	  float: none;
	}
	
	#mainmenu ul ul ul {
	  top: 0;
	  left: auto;
	  right: -99.5%;
	}
	
	#mainmenu ul li:hover>ul {
	  visibility: visible;	}
	
	#mainmenu ul ul {
	  bottom: 0;
	  left: 0;
	}
	
	#mainmenu ul ul {
	  margin-top: 0;
	}
	
	#mainmenu ul ul li {
	  font-weight: normal;
	}
	
	.voce_100, .voce_50_no_padd, .voce_25_no_padd { width: 100%; float:left; text-align:left; }
	.voce_100_padd, .voce_50, .voce_67, .voce_33, .voce_25, .voce_75, .voce_75_no_padd, #scheda_immobile_sx, #scheda_immobile_dx, #elenco_immobili_sx, #elenco_immobili_dx { width: 96%; float:left; text-align:left; padding:2%; }
	
	.header { 
		background-image:url(../graphics_/header-vitagliano-immobiliare.png); 
		background-position:bottom left; 
		background-repeat:no-repeat; 
		background-size: 100%;
	}
	
	.telefono-social {
		text-align: right; 
		margin-top: 10px;
		font-size: 14px;
	}
	
	#box_cerca_parametri { display:none; }
	#box_logo_agenzia { display:none; }	
	

	
	#elenco_box_foto {
		width:100%;
		float:left; 
		height:200px;
	}
	
		div.cropper {
		  width: 100%;
		  height: 100%;
		  overflow: hidden;
		}
		
	#scheda_box_foto {
		width:100%;
		float:left; 
		height:350px;
	}
	
}