﻿/*
Questo file CSS è disegnato per il sito [www.Xilium.it], sezione [vCard], media "handheld".

*/


@media screen and (max-width: 460px) {

	div	{ font-size:inherit;}

	.aMob	{ display:block; }
	.aPc	{ display:none; }

	#BG	{ padding-bottom:0px; }

	#CONTENT	{
		margin:0px; 
		overflow:visible;
		width: 100%;
		min-height: 0px; height: auto;
		box-shadow:none;
	}

	#CONTENT a.Button	{opacity:1;}


	#TOP	{
		width: 100%; height:auto; overflow:auto; border-bottom-width:1px;
	}

	#TOP #Title	{float:left; width:auto; height:auto; padding:0px 0px 0px 0.5em;}
	#TOP #Title .d1	{width:auto; height:auto; background-image:none; padding-left:0px;}
	#TOP #Title .d2	{width:auto; height:auto; background-image:none; padding-right:0px;}
	#TOP #Title .d3	{float:left; width:auto; height:auto; background-image:none; padding:0px 0.5em 0px 1.6em;}
	#TOP #Title .text	{width:auto; min-width:0px; max-width:400px; float:left; margin:0.3em auto 0px; color:White; font-size:1.0em; font-weight:bold;}
	#TOP #Title .cmd	{width:1.3em; height:1.3em; position:absolute; left:0.5em; top:0.1em;}
	#TOP #Title .cmd img	{height:1.3em;}

	#TOP #Info	{display:block; clear:both; padding:0.8em 0.5em 0px 0.5em; font-size:0.8em;}

	#TOP #Logo	{float:right; width:auto; height:auto; padding:0.2em 0.5em 0px 0.5em;}
	#TOP #Logo .logo	{display:block; width:auto; height:auto; float:right;}
	#TOP #Logo .logo span	{float:left; display:block; font-size:0.8em; padding-top:0.6em; padding-right:0.5em;}
	#TOP #Logo .logo a		{float:left; display:block; text-decoration:none;}
	#TOP #Logo .logo a img		{height:1.6em;}


	#BODY	{
		width:100%;
		min-height:240px; height:auto;
		overflow: visible;
	}

	#BODY h1	{font-size:1.4em; font-weight:bold; margin:0px 0px 0.3em 0px;}
	#BODY h3	{font-size:1.2em; font-weight:normal; margin:0px 0px 1em 0px;}
	#BODY h4	{font-size:1.2em; font-weight:bold; margin:2.0em 0px 1em 0px;}
	#BODY h5	{font-size:1.0em; font-weight:bold; margin:1.5em 0px 0.5em 0px;}

	#BODY #Background	{}
	#BODY #Content		{}

	#Content .ColonnaSX				{float:left; width:74%; padding:1em 0px 0px 1em; margin:0px;}
	#Content .ColonnaSX .logo		{}
	#Content .ColonnaSX .logo img	{width:100%;}

	#Content .ColonnaSX .titolo		{margin:0.5em 0px 0px;}
	#Content .ColonnaSX .info		{margin:0px; font-weight:bold;}



	#Content .ColonnaDX				{float:right; width:auto; padding:0px; margin:0px 0.5em 0px 0px;}
	#Content .ColonnaDX .linkPrincipali	{float:right; width:auto; padding-top:0.5em; margin:0px;}
	#Content .ColonnaDX .linkPrincipali	a	{display:block; float:none; position:static; width:4em; height:auto; text-align:center; margin:1em 0px 0px 0px;}
	#Content .ColonnaDX .linkPrincipali	a .over1	{display:none;}
	#Content .ColonnaDX .linkPrincipali	a .over2	{display:none;}
	#Content .ColonnaDX .linkPrincipali	a img		{display:block; float:none; position:static; width:3.6em; height:auto; margin:0px auto;}
	#Content .ColonnaDX .linkPrincipali	a .fix1		{display:block; float:none; position:static; width:100%;  height:auto; text-align:center; margin:0px 0px 0.4em 0px; font-size:0.9em;}
	#Content .ColonnaDX .linkPrincipali	a .fix2		{display:none;}
	#Content .ColonnaDX .linkPrincipali	a:hover 	{}
	#Content .ColonnaDX .linkPrincipali	a:hover .over1	{display:none;}

	#Content .ColonnaSX .linkPrincipali	a.aFix		{margin-right:0px;}

	#Content .Dati					{float:none; clear:both; width:auto; padding:1em;}
	#Content .Dati .descrizione		{padding:1em 0px 0px;}

	#Content .gruppoDati		{margin:1.1em 0px 0px 0px;}
	#Content .gruppoDati .titolo	{font-size:1em; margin:0px; padding:0.3em 0px 0.3em 2em;}
	#Content .gruppoDati .dati		{font-size:100%; font-weight:normal; margin:0.4em 0px 0px 2em; line-height:130%;}
	#Content .gruppoDati .dati h3	{margin-bottom:0px;}


	#Content .lbl	{display:inline-block; width:5em; font-size:inherit;}
	#Content .val	{font-size:inherit;}

	#Content .contatti a		{margin-right:1em;}
	#Content .contatti a img	{height:2em;}


	#BOTTOM				{display:none;}
	#BOTTOM	.testo		{}
	#BOTTOM	.testo a	{}

	#BOTTOM_Above		{}
	#BOTTOM_Above div	{}




}







