/* 	Screen CSS for under.ground - created By Andrew Bramley of http://www.visual-aid.co.uk 	*/


/*	General layout styles to set up the type, colours and remove unwanted margins and paddings	*/
body {
	margin:	0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFF;
}
	img {
		padding: 0;
		margin: 0;
		border:	none;
	}
	h1, h2, h3, p, ul, li, ol, blockquote {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		margin:	0;
	}
	a {
		color: #1E82B9;
	}
	a:hover {
		color: #EA581A
	}

/* 	The image style is not used in the layout but if you add any images this will allow them to 	*/
/*	float in the content; the margins and border can all be changed as necessary 					*/
img {
	float: right;
	margin-right: 25px;
	margin-left: 5px;
	margin-top:	5px;
	margin-bottom: 5px;
	border: hidden;
}	
	/* dashed=bordo trattegiato*/
	/* dotted=puntinato */
	/* solid=lineare */
	/* double= doppio */
	/* hidden=nessuno */


/* 	header immagine superiore */
#header {
	    background-image: url(images_page/sfondo_riga_19.gif);
	/* background-color: #000000; */
}
/*	barra superiore your special partner*/
	#heading {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:2.5em;
		font-weight:bold;
		color:#FFFFFF;
		padding-left:5%;
		padding-top:.5em;
		padding-bottom:2px;
		background-image: url(images_page/barra_rossa_20.gif);
		/*background-color:#AD0A00;*/
	}
	.sub_heading {
		color:#333333;
		font-size:.7em;
		font-variant:small-caps;
	}
	#header #header_image {
		width:750px;
		height:190px;
		margin: 0 auto;
		background-attachment: scroll;
		/* background-image: url(images_page/itbarra750_35c.gif);*/
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	
/*	The content wrapper holds the faded underground map image and sets the width of the content */
#content_wrapper {
	width:750px;
	height:221px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images_page/content_background_790x233.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

	/* The content div sets up the main content of the page, paragraphs, headings etc... */
	#content {
		float:right;
		clear:right;
		width:540px;
		min-height:300px;
		background-attachment: scroll;
		background-image: url(images_page/right_shadow_12x300.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}
		#content p {
			margin-top:1.5em;
			margin-left:15px;
			margin-right: 20px;
			text-align: justify;
			color: #333333;
			font-size: 1em;
			line-height: 1.3em;
		}
		#content h1, h2, h3 {
			margin-top:1.5em;
		}
		/*ul= tipo cerchio con immagine*/	
			
		#content ul {
			margin-top:1.5em;
			margin-left: 40px;
			list-style-type: disc;
			list-style-image: url(images_page/list_10x10.gif);
		}
		#content ol {
			margin-top:1.5em;
			margin-left: 40px;
		}
		#content li {
			line-height:1em;
		}
		/* 	The blockquote styling is here, this includes a class called readmore, this allows a link to be placed
			at the bottom right of the blockquote */
		#content blockquote {
			float:left;
			width:480px;
			background-color: #CCCCCC;
			border-left-width: 4px;
			border-left-style: solid;
			border-left-color: #1E81B9;
			padding-bottom: 2px;
			padding-top: 2px;
			margin-left:20px;
			margin-top:1em;
			margin-bottom:1em;
		}
			#content blockquote .readmore {
				float:right;
				font-size:.8em;

				padding-top:1em;
				padding-right:10px;
			}
		
		/* 	The clases below controls the 2 column layout within the main content. */
		.column {
			width:280px;
			float:left;
		}
		.right {
			margin-left:20px;
			/* Use this space to individually style the right column */
		}
		.left {
			/* Use this space to individually style the left column */
		}


	/* The navigation is styled here */
	#navigation {
		float:left;
		clear:left;
		width:197px;
		min-height:300px; /* Minimum height is set to stop the shadow being cut off if not enough content is entered */
		border-right-width: 5px;
		border-right-style: solid;
		border-right-color: #1E81B9;
		background-image: url(images_page/left_shadow_12x300.jpg); /* the left shadow image */
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: left top;
	}
		/* The menu is styled using an unordered list */
		#navigation ul {
			float:right;
			margin-bottom:2em;
			width:180px;
		}	
		
		/* 	Impostazioni di quando nel menu è allo stato di base */	
		#navigation li {
			font-weight: bold;
			font-variant: normal;

			line-height:1.2em;
			list-style-type: none;
			text-align: right;
			margin-top:1em;
			padding-right:15px;
			background-attachment: scroll;
			background-image: url(images_page/menu_list_6x6.gif);
			background-repeat: no-repeat;
			background-position: right center;
		}
		
		/* 	Impostazioni di quando i link del menu sono allo stato base */
		#navigation li a {
			text-decoration:none;
			color: #000000;		
			font-weight: bold;
			font-variant: normal;
			line-height:1.2em;
			list-style-type: none;
			text-align: right;
			margin-top:1em;
			padding-right:15px;
			background-attachment: scroll;
			background-image: url(images_page/bullet_blue_nosf.gif);
			background-repeat: no-repeat;
			background-position: right center;						
		}	
		
		/* 	Impostazioni di quando i link del menu sono attivi */
		#navigation li a:hover{
		
			font-weight: bold;
			font-variant: normal;
			line-height:1.2em;
			list-style-type: none;
			text-align: right;
			margin-top:1em;
			padding-right:15px;
			background-attachment: scroll;
			background-image: url(images_page/bullet_red.gif);
			background-repeat: no-repeat;
			background-position: right center;									
		}
		
			/* 	The active class is to allow the 'current' link to be distinguished from other links
				This is set in the HTML by adding 'class="active"' to the link */
			
		/* 	Impostazioni di quando i link del menu sono attivi e sopra con testo sottolineato */
			#navigation li a:hover, #navigation li .active 
		{
			text-decoration:underline;
			color: #EA581A;
		}
			
		/* Extra content box ordini web e lingua */
		#navigation .extra_content {
			background-color: #CCCCCC;
			border-left-width: 4px;
			border-left-style: solid;
			border-left-color: #1E81B9;
			margin-bottom:1em;
			margin-left:20px;
			padding-top:3px;
			padding-bottom:3px;
			font-size:1em;
			width:165px;
			clear:both;
		}
			#navigation .extra_content h1 {
				display:block;
				text-align:center;

				font-size:1em;
				margin:0;
			}
			#navigation .extra_content p {
				padding:0;
				margin-top:1.2em;
				margin-left:5px;
				margin-right:5px;
				margin-bottom:.2em;
				text-align:justify;
			}
	
		/* tabella home page 2 celle centrali */
	#tabella {
		clear:both;
		float:left;
		margin-top:2em;
		width:100%;
		line-height:1em;
		border-top-width: 0px;
		border-top-style: hidden;
		border-top-color: hidden;
		padding-top:1.5em;
	}
		#tabella p {
			line-height:1,2em;
			padding:0;
			margin:0;
			text-align:justify;
			text-justify:distribuite
		}
		#tabella a {
			color:#1E82B9;
		}
			#tabella a:hover {
				color:#EA581A;
			}
	
	
	/* tabella pagine 1 cella allineamento sx */
	#tabellasx {
		clear:both;
		float:left;
		margin-top:2em;
		width:100%;
		line-height:1em;
		border-top-width: 0px;
		border-top-style: hidden;
		border-top-color: hidden;
		padding-top:1.5em;
	}
		#tabellasx p {
			line-height:1,2em;
			padding:0;
			margin:2;
			text-align:justify;
			text-justify:distribuite;
		}
		#tabellasx a {
			color:#1E82B9;
		}
			#tabellasx a:hover {
				color:#EA581A;
			}
	
	
/* tabella pagine 1 cella allineamento dx */
	#tabelladx {
		clear:both;
		float:left;
		margin-top:2em;
		width:100%;
		line-height:1em;
		border-top-width: 0px;
		border-top-style:hidden ;
		border-top-color:hidden ;
		padding-top:1.5em;
	}
		#tabelladx p {
			line-height:1,2em;
			padding:0;
			margin:2;
			text-align:justify;
			text-justify:distribuite
		}
		#tabelladx a {
			color:#1E82B9;
		}
			#tabelladx a:hover {
				color:#EA581A;
			}	
		
	/* The footer is styled here */
	#footer {
		clear:both;
		float:left;
		margin-top:2em;
		width:100%;
		line-height:1em;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #333333;
		padding-top:1.5em;
	}
		#footer p {
			line-height:2em;
			padding:0;
			margin:0;
			text-align:center;
		}
		#footer a {
			color:#000000;
		}
			#footer a:hover {
				color:#EA581A;
			}
/* menu per il form*/
			
.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("images_page/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid}


.dropdown {	COLOR: #333333;
		WIDTH: 210PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("images_page/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		BORDER: #000000 1px solid}

.submitbutton { background-image: url("menupitcs/submit.gif");
		FONT: 11px verdana, arial, sans-serif;
		font-weight: bold;
		letter-spacing: 0px;
		color: #003399;
		WIDTH: 300PX;
		HEIGHT: 21PX;
		cursor:hand;
		BORDER: #003399 1px solid;
		background-color:#FFFFFF; }

.submitbuttonon { background-image: url("images_page/submiton.gif");
		  FONT: 11px verdana, arial, sans-serif;
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #225A71;
		  WIDTH: 300PX;
		  HEIGHT: 21PX;
		  cursor:hand;
		  BORDER: #225A71 1px solid;
		  background-color:#FFFFFF; }


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER-BOTTOM: #000000 1px solid;
		BORDER-LEFT: #000000 1px solid;
		BORDER-RIGHT: #000000 1px solid;
		BORDER-TOP: #000000 1px solid }	

/* End - Visit http://www.visual-aid.co.uk for more free templates */