/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */


/* general elements */
a { text-decoration: underline; color: #0a315f; }
a:hover { text-decoration: none; }
.floatleft { float: left; }
.block { display: block; }
.floatright { float: right; }
.green { color: #58742b; }
.red { color: #d20000; }
.orange { color: #d13d03; }
.clear {
	clear: both;
	height: 0%;
	line-height: 0.0em;
	margin: 0px;
	padding: 0px;
	display: block;
}

/* Centers the layout */
#centered {
	width: 977px;
	margin: 0 auto;
	text-align: left;
}




.form{
    font-family : tahoma, garamond, Palatino Lynotipe,Times New Roman;
	color:#800000;
	line-height:20px;
	text-align:center;
	margin-left : 1px;
	margin-right : 1px;
	font-size:12px;

}

.form2{
    font-family : tahoma, garamond, Palatino Lynotipe,Times New Roman;
	color:#800000;
	line-height:20px;
	text-align:right;
	margin-left : 3px;
	margin-right : 3px;
	font-size:12px;

}

.testo{
    font-family : tahoma, garamond, Palatino Lynotipe,Times New Roman;
	color:#800000;
	line-height:20px;
	text-align:justify;
	margin-top : 10px;
	margin-left : 20px;
	margin-right : 20px;
	font-size:12px;

}

.testo2{
    font-family : tahoma, garamond, Palatino Lynotipe,Times New Roman;
	color:#800000;
	text-align:justify;
	font-size:14px;
}






/* -------------------------------------- */
/* -------  TESTATA  ------------ */



#testata {
	height: 264px;
	margin-bottom: -2px;
}





/* -------------------------------------- */
/* -------  HEADER  ------------ */
#header {
	background: url(images/header.jpg) no-repeat;
	height: 264px;
	padding-left: 45px;
}
	/* twitter link! */
	#header a#twitterlink {
		height: 52px;
		width: 52px;
		margin-top: 95px;
		display: inline-block;
		text-indent: -100000px;
	}
	/* The logo */
	#header a#logo {
		display: inline-block;
		width: 500px;
		height: 120px;
		text-indent: -100000px;
	}

/* Alternate header */
#alternate_header {
	background: url(images/alternate_header.jpg) no-repeat;
	height: 264px;
	padding-left: 68px;
}
	/* The "logo" text */
	#alternate_header h1 {
		color: #b05533;
		padding-top: 90px;
		font: bold 3.1em Tahoma;
	}
	/* The slogan */
	#alternate_header h2 {
		font: 1.8em Tahoma;
		color: #4a3d2f;
		margin-top: 10px;
		padding-left: 41px;
	}
	#alternate_header a {
		text-decoration: none;
	}

/* -------------------------------------- */
/* -------  NAVIGATION  ------------ */
#navigation {
	background: url(images/navigation.gif) no-repeat;
	height: 65px;
}
	#navigation ul {
		display: table;
		padding-left: 15px;
	}
		#navigation ul li {
			display: table-cell;
			padding-right: 10px;
		}
			#navigation ul li a {
				display: block;
				font-size: 1.2em;
				color: #ffffff;
				text-decoration: none;
			}
				#navigation ul li a:hover {
					text-decoration: underline;
				}
				#navigation ul li a span {
					display: block;
					padding: 25px 29px 25px 25px;
				}
				
				/* Active links */
				#navigation ul li.active a {
					background: url(images/navigation_active.gif);
					font-weight: bold;
				}
					#navigation ul li.active a span {
						background: url(images/navigation_active_right.gif) top right no-repeat;
					}
					
/* -------------------------------------- */
/* -------  CONTENT  ------------ */
#content {
	background: url(images/container_bg.gif) repeat-y;
}
	/* Padding for the content */	
	#padding {
		padding: 30px 0px 25px 32px;
		background: url(images/padding_bg.gif) no-repeat;
	}
		/* Clears the floats */
		#padding:after {
    		content: ".";
    		display: block;
    		height: 0;
    		clear: both;
    		visibility: hidden;
		}
		#padding {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html #padding { height: 1%; }
		#padding { display: block; }
		/* End hide from IE-mac */
	
	
	
/* -------------------------------------- */
/* -------  INDEX  ------------ */
#content2 {

background: url(images/container_bg2.gif) repeat-y;
	}
#footer2 .bg2 {
		background: url(images/footer_bg2.gif) repeat-x #584b3c;
		
	}
	
#header2 {
	background: url(images/header2.jpg) no-repeat;
	height: 264px;
	padding-left: 45px;
}	
	

/* -------------------------------------- */
/* -------  LEFT COLUMN  ------------ */
#left {
	width: 641px;
	float: left;
	margin-top: 3px;
}

	/* Heading styles */
	#left h1 {
		color: #16586d;
		font: 2.3em Tahoma;
		margin-bottom: 6px;
	}
	#left h2 {
		color: #16586d;
		font: 1.9em Tahoma;
		margin-bottom: 10px;
	}
	#left h3 {
		color: #3d3935;
		font: bold 1.2em Tahoma;
		background: url(images/arrow_right.png) no-repeat 0px 3px;
		padding-left: 34px;
	}
		#left h3 span {
			font-weight: normal;
		}
	
	/* Paragraph styles */	
	#left p {
		line-height: 1.9em;
		margin-bottom: 1.8em;
	}
	
	/* Image styles */
	#left .img1 {
		display: block;
		border: 9px solid #dde9ec;
		padding: 2px;
		float: left;
		margin: 2.3em 1.8em 1.6em 0em;
	}
	
	
	



.excelsior {
	
		border: 9px solid #dde9ec;
		padding: 2px;
		float: left;
		margin: 0em 1em 0em 0em;

	}
	
	.immagini {
	
		border: 0px solid #dde9ec;
		padding: 2px;
		float: left;
		margin: 0em 1em 0em 0em;

	}		




		
	
	#left .img2 {
		display: block;
		border: 5px solid #dde9ec;
		padding: 1px;
		float: left;
		margin: 0.4em 2.2em 0em 0em;
	}
	
	
	/* The "blog" section */
	#posts {
		background: url(images/divider.gif) no-repeat;
		padding: 40px 20px 0px 20px;
	}
		#posts.nobackground {
			background: none;
			padding: 20px 20px 0px 20px;
		}
		.post {
			background: url(images/divider.gif) no-repeat bottom;
			padding: 0px 0px 46px;
			margin-bottom: 15px;
		}
			.post p {
				
			}
			.post a.comments {
				display: block;
				background: url(images/comments.gif) no-repeat;
				width: 84px;
				font-size: 1.8em;
				text-align: center;
				float: right;
				padding: 12px 0px 21px 0px;
			}
				.post a.comments:hover {
					background-position: bottom;
					color: #ffffff;
				}
	
	/* The icons section */			
	#icons {
		padding: 0px 20px;
		line-height: 1.8em;
	}
		#icons img {
			float: left;
			margin: 6px 19px 4px 0px;
		}
		#icons .div1 {
			float: left;
			width: 285px;
			margin-bottom: 30px;
		}
		#icons .div2 {
			float: right;
			width: 285px;
			margin-bottom: 30px;
		}
	
	/* The padding for the two-column box */
	#two-colpadding {
		padding: 10px 22px 20px 23px;
		clear: both;
	}
	/* The two-column box */
	#two-col {
		padding-bottom: 15px;
		background: url(images/twocol_divider.gif) repeat-y top center #c6dce2;
	}
		/* Clears the floats */
		#two-col .bg:after {
    		content: ".";
    		display: block;
    		height: 0;
    		clear: both;
    		visibility: hidden;
		}
		#two-col .bg {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html #two-col .bg { height: 1%; }
		#two-col .bg { display: block; }
		/* End hide from IE-mac */
		
		/* Blue background */
		#two-col .bg {
			background: url(images/two-col.gif) no-repeat top center;
			padding: 36px 35px 15px 35px;
		}
		
		
			#poesie .bg2 {
			background: url(images/poesie.jpg) no-repeat top center;
			padding: 36px 35px 15px 35px;
		}
		
				
			#principi .bg3 {
			background: url(images/principi.jpg) no-repeat top center;
			padding: 36px 35px 15px 35px;
		}
		
		
		/* Header styleing */
		#two-col h2 {
			color: #1a5d72;
			font: 1.6em Tahoma;
		}
		
		/* Left column */
		#two-col .left {
			float: left;
			width: 230px;
		}
		/* Right column */
		#two-col .right {
			float: right;
			width: 230px;
		}
	
	
	
	
	
	
	/* Random text box */	
	#text {
		padding: 9px 32px 9px 25px;
	}
		#text h1 {
			margin-bottom: 9px;
		}
		
/* -------------------------------------- */
/* -------  RIGHT COLUMN  --------------- */		
#right {
	width: 277px;
	float: right;
	background: url(images/right_bg.gif) repeat-y;
}
	#right #last {
		margin-bottom: 0px;
	}
	/* Header styles */
	#right h1 {
		font: 1.7em Tahoma;
		margin-bottom: 7px;
	}
	
	/* Paragraph styles */
	#right p {
		line-height: 1.8em;
	}
	
	#right .padding {
		padding: 21px 24px 11px 0px;
		background: url(images/right_top.gif) no-repeat;
	}
	#right .box_one {
		background: url(images/right2_box1.gif) repeat-y;
		margin-bottom: 20px;
		padding: 25px;
	}
		#right .box_one ul {
			list-style: none;
			padding: 4px 0px;
		}
			#right .box_one ul li {
				padding: 0px;
				margin: 0px;
				background: url(images/bullet_blue.png) no-repeat 0px 8px;
			}
				#right .box_one ul li a {
					display: block;
					padding: 7px 0px 7px 27px;
				}
					#right .box_one ul li a:hover {
						background: url(images/arrow2.gif) no-repeat #16586d;
						color: #ffffff;
					}
					
					
					
									/* Active links */
				#right .box_one ul li.active a {
					background: url(images/arrow2.gif) no-repeat #16586d;
						color: #ffffff;
				}
				
					
					
					
					
					
					
					
					
	#right .box_two {
		background: url(images/right2_box2.gif) no-repeat #c6dce2;
		margin-bottom: 20px;
		padding: 25px;
	}
		#right .box_two ul {
			list-style: none;
			padding: 4px 0px;
		}
			#right .box_two ul li {
				padding: 0px;
				margin: 0px;
				background: url(images/bullet_blue.png) no-repeat 0px 8px;
			}
				#right .box_two ul li a {
					display: block;
					padding: 7px 0px 7px 27px;
				}
					#right .box_two ul li a:hover {
						background: url(images/arrow.gif) no-repeat #16586d;
						color: #ffffff;
					}
	
	#right .twitterrr {
		background: url(images/right2_twitter.gif) no-repeat #195c71;
		padding: 32px 25px;
		margin-bottom: 20px;
		margin-top: -4px;
	}
		#right .twitterrr h1 {
			color: #ffffff;
			font: 1.6em Tahoma;
		}
		#right .twitterrr a.cite {
			text-align: right;
				display: block;
				color: #ffffff;
		}
		
		
			#right .logoufficiale {
		background:  #f3f4f3;
		padding: 32px 25px;
		margin-bottom: 20px;
		margin-top: -4px;
	}
		#right .logoufficiale h1 {
			color: #ffffff;
			font: 1.6em Tahoma;
		}
		#right .logoufficiale a.cite {
			text-align: right;
				display: block;
				color: #ffffff;
		}
		
		
	/* The RSS button */
	a#rss {
		background: url(images/rss.gif) no-repeat;
		height: 85px;
		display: block;
		text-indent: -10000px;
		margin: -13px 0px 12px 0px;
	}


/* -------------------------------------- */
/* -------  FOOTER  --------------------- */		
#footer {
	padding: 0px 34px 0px 0px;
	color: #cccccc;
	text-decoration: none;
	
	

}
	/* Footer background */
	#footer .bg {
		background: url(images/footer_bg.gif) repeat-x #584b3c;
		padding: 35px 45px;	
	}
		/* Clears the floats */
		#footer .bg:after {
    		content: ".";
    		display: block;
    		height: 0;
    		clear: both;
    		visibility: hidden;
		}
		#footer .bg {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html #footer .bg { height: 1%; }
		#footer .bg { display: block; }
		/* End hide from IE-mac */
		
	#footer .left {
		float: left;
		width: 400px;
		margin-bottom: 20px;
		text-decoration: none;
	}
	#footer .right {
		float: right;
		width: 440px;
		margin-bottom: 20px;
	}
	/* Footer header */
	#footer h2 {
		font: 1.6em Tahoma;
		margin-bottom: 11px;
	}
	
	/* Archives! */
	#footer #archives {
		background: #4c4133;
		padding: 13px 25px;
		clear: both;
	}
	
	/* Archives list */
	#footer ul.archives {
		display: table;
		list-style: none;
		height: 33px;
	}
		#footer ul.archives li {
			display: table-cell;
			padding-right: 10px;
		}
			#footer ul.archives li a {
				display: inline-block;
				padding: 4px 10px;
				background: #72614e;
				color: #ffffff;
			}
				#footer ul.archives li a:hover {
					background: #c7481e;
				}
				
				
		#footer .left a:hover {
						color: #000000;
						text-decoration: none;
					}			
				
			#footer .left a { text-decoration: none; color: #cccccc; }
				
				
/* -------------------------------------- */
/* -------  FEATURE LIST  --------------- */				
div#feature_list {
	width: 641px;
	height: 240px;
	overflow: hidden;
	position: relative;
	background: url(images/feature_bg.gif) no-repeat;
}
	div#feature_list ul {
		position: absolute;
		top: 0;
		list-style: none;	
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
		div#feature_list ul#tabs {
			right: 0;
			top: 22px;
			z-index: 2;
			width: 195px;
		}
			div#feature_list ul#tabs li {
			}
				div#feature_list ul#tabs li a {
					text-decoration: none;	
					display: block;
					padding: 15px 0px 12px 54px;
					outline: none;
					margin-bottom: 6px;
				}
					div#feature_list ul#tabs li a .title {
						color: #ffffff;
						text-decoration: underline;
						font: bold 1.0em Tahoma;
					}
					div#feature_list ul#tabs li a em {
						color: #163c4c;
						font: 0.9em Tahoma;
						display: block;
						padding: 5px 0px;
					}

						div#feature_list ul#tabs li a:hover {
			
						}

					div#feature_list ul#tabs li a.current {
						background:  url('images/active_tab.gif');
						color: #FFF;
					}
						div#feature_list ul#tabs li a.current .title {
							color: #c34018;
							text-decoration: underline;
						}
						div#feature_list ul#tabs li a.current em {
							color: #131313;
						}

							div#feature_list ul#tabs li a.current:hover {
								text-decoration: none;
								cursor: default;
							}

		div#feature_list ul#output {
			left: 0;
			width: 478px;
			height: 240px;
			position: relative;
		}

			div#feature_list ul#output li {
				position: absolute;
				width: 478px;
				height: 240px;
			}

				div#feature_list ul#output li a {
					position: absolute;
					bottom: 16px;
					left: 16px;
					padding: 8px 12px;
					text-decoration: none;
					color: #FFF;
					background: #a7220a;
					
				}
		
					div#feature_list ul#output li a:hover {
						background: #2b697e;
					}
					
/* -------------------------------------- */
/* -------  TOOLTIP  -------------------- */					
#tooltip {
	position: absolute;
	margin-left: 10px;
	border: 1px solid #bab675;
	background: #f7f5d1;
	padding: 2px 9px;
	color: #46453a;
	display:none;
}


#portfolio {
	padding: 10px 25px 10px 10px;
}
	#portfolio h1 {
		font: 2.4em Tahoma;
		margin-bottom: 15px;
	}
	#portfolio img {
		display: block;
		border: 2px solid #16586d;
		margin-bottom: 9px;
	}
	#portfolio .label {
		display: inline-block;
		background: #16586d;
		padding: 4px 8px;
		margin-right: 10px;
		font-weight: bold;
		color: #ffffff;
	}
	#portfolio ul {
		list-style: none;
	}
		#portfolio ul li {
			margin-bottom: 10px;
			display: block;
		}
		
/* -------------------------------------- */
/* -------  FORM  ----------------------- */
#form {
	padding: 10px;
}
	#form fieldset {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
		/* Labels */
		#form label {
			font-size: 1.2em;
			width: 90px;
			display: inline-block;
			text-align: right;
			margin-right: 15px;
			margin-bottom: 15px;
		}
		
		/* The regular inputs */
		#form .input1 {
			border: 1px solid #d9e6ee;
			padding: 5px 7px;
			margin-bottom: 15px;
			width: 200px;
		}
		
		/* Selection list */
		#form select {
			width: 210px;
			font: 1.2em Tahoma;
			border: 1px solid #d9e6ee;
			padding: 5px 7px;
			margin-bottom: 15px;
		}
		
		/* Text area */
		#form textarea {
			border: 1px solid #d9e6ee;
			vertical-align: top;
			width: 350px;
			font: 1.1em Tahoma;
			line-height: 1.7em;
			padding: 9px;
			height: 200px;
		}
		
		/* Indentation for the submit button */
		#form .indent {
			padding-left: 107px;
			padding-top: 15px;
		}
		/* The button */
		#form .submitbutton {
			width: 200px;
			padding: 6px 0px;
		}
		
		
#navigation ul li { 
	float:left;
}
#footer ul li {
	float: left;
}