/*########################################################################################
		GENERALE
########################################################################################*/

* {
	margin: 0px;
	padding: 0px;
	border: none;
}

html, body {
	font-family: Calibri, Tahoma, "Trebuchet MS";
	font-size: 18px;
	color: #848484;
	background: white url(../img/template/bg_page.jpg) center top repeat-x;
}

#telaio, #header, #banner, #menu, #content, #footer, #in_footer {
	margin: 0 auto;
}

p {
	margin: 10px 0 10px 0;
	text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	margin: 15px 0 15px 0;
}

a:link, a:visited {
	color: #282828;
	border: none;
}

a:hover {
	border: none;
}



/*########################################################################################
		TELAIO
########################################################################################*/

#telaio {
	width: 100%;
	background: url(../img/template/bg.jpg) center top no-repeat;
}





/*########################################################################################
		HEADER, BANNER, MENU
########################################################################################*/

#header {
	position: relative;
	width: 1000px;
	height: 400px;
	}
	
	#banner {
		margin: 0px;
		}
		
		#banner a {
			display: block;
			width: 1000px;
			height: 247px;
			overflow: hidden;
			line-height: 9999em;
		}
		
	#flags {
		position: absolute;
		top: 180px;
		left: 290px;
		width: 120px;
		height: 50px;
	}
		
	#menu {
		width: 950px;
		height: 50px;
		padding-top: 10px;
		padding-left: 50px;
		}
		
		#menu ul {
			list-style: none;
			}
			
			#menu ul li {
				display: inline;
				}
				
				#menu ul li a:link, #menu ul li a:visited {
					display: block;
					float: left;
					height: 40px;
					line-height: 40px;
					padding: 0px 20px 0px 20px;
					color: #a6a35c;
					text-decoration: none;
					font-size: 18px;
					}
					
					#menu ul li a:hover {
						background-color: #313131;
						color: white;
						}



/*########################################################################################
		CONTENT
########################################################################################*/

#content {
	width: 900px;
	padding-bottom: 70px;
	}
	
	#content ul {
		margin: 30px 0px 30px 20px;
		list-style: circle;
		}
		
		#content ul li {
			margin: 5px 0px 5px 0px;
			
			}




/*########################################################################################
		FOOTER
########################################################################################*/

#footer {
	width: 100%;
	background-color: #282828;
	color: white;
	}
	
	#footer #in_footer {
		width: 1000px;
		height: 300px;
		padding-top: 30px;
		}
		
		#footer #in_footer p {
			text-align: center;
			color: #dddddd;
			font-size: 14px;
			}
			
			#footer #in_footer .copy {
				font-size: 12px;
			}
			
		#footer #in_footer #logo_basso {
			margin: 0px;
			margin-top: 30px;
			}
			
			#footer #in_footer #logo_basso a {
				display: block;
				width: 223px;
				height: 95px;
				overflow: hidden;
				line-height: 9999em;
				background: url(../img/template/logo-basso.jpg) center center no-repeat;
				margin: 0 auto;
				}

			
			
/*########################################################################################
		FORM
########################################################################################*/

.form {
	
	}
	
	.form fieldset {
		width: 420px;
		padding: 10px 0px 10px 30px;
		border: 1px solid #e0e0e0;
		background-color: #f5f5f5;
		margin-bottom: 30px;
	}
	
	.form legend {
		padding: 6px 14px 6px 14px;
		background-color: #848484;
		border: 1px solid #e0e0e0;
		color: white;
		font-weight: bold;
		
  	}

	.form textarea {
		width: 300px;
		height: 140px;
	}
	
	.form input[type=text], .form input[type=password]{
		width: 300px;
		height: 36px;
		}
		
		.form input[type=text], .form input[type=password], .form textarea {
			border: 1px solid #aeaeae;
			margin-bottom: 3px;
			padding: 6px;
			background-color: white;
			color: #313131;
			font-weight: bold;
			
			border-radius: 5px;
			-moz-border-radius: 5px; /* firefox */
  			-webkit-border-radius: 5px; /* safari, chrome */
			}
			
			.form input[type=text]:hover, .form input[type=password]:hover, .form textarea:hover {
				border: 1px solid #a6a35c;
			}
			
			.form input[type=text]:focus, .form input[type=password]:focus, .form textarea:focus {
				background-color: white;
				color: #313131;
				font-weight: bold;
			}

	.form select {
		height: 32px;
		font-size: 14px;
		border: 1px solid #a6a35c;
	}
	
	.form input[type=submit], .form input[type=reset] {
		width: 90px;
		height: 34px;
		font-size: 16px;
		text-align: center;
		background-color: #313131;
  		background-image: -moz-linear-gradient(top, #313131, #282828);
		background-image: -webkit-gradient(linear, left top,left bottom, from(#313131), to(#282828));
 		background-image: linear-gradient(top, #313131, #282828);

		color: white;
		cursor:pointer !important; 
		cursor:hand;
		margin-top: 10px;
		margin-right: 10px;
			
		border-radius: 7px;
		-moz-border-radius: 7px /* firefox */
  		-webkit-border-radius: 7px /* safari, chrome */
		}

		
		
		
		
/*########################################################################################
		CLASSI VARIE
########################################################################################*/

.wrapper {
	clear: both;
}

.al_d {
	text-align: right;
}

.al_c {
	text-align: center;
}

.al_j {
	text-align: justify;
}

.dx {
	float: right;
}

.sx {
	float: left;
}

.pad_l {
	padding-left: 450px;
}

.pad_r {
	padding-right: 450px;
}

.shadow1 {
	-moz-box-shadow: 2px 2px 7px black;
	-webkit-box-shadow: 2px 2px 7px black;
	box-shadow: 2px 2px 7px black;
}

.bordatura {
	border-radius: 7px;
	-moz-border-radius: 7px; /* firefox */
  -webkit-border-radius: 7px; /* safari, chrome */
}

.bordatura2 {
	border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px; /* firefox */
  -webkit-border-radius: 0px 0px 7px 7px; /* safari, chrome */
}