@charset "UTF-8";
/* CSS Document */

#container {
	width: 980px;
	margin: 0 auto;
	}
	
#supertop {
	width: 90px;
	height: 25px;
	background: url(../images/bg_supertop.png) bottom  no-repeat;
	font-size: 0.7em;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
 	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	}
	
	#supertop a {color: #b3b3b3}
	
	#supertop a:hover {color: #FF7BAC}
	
h1 {
	font-size: 2.8em;
	text-transform: uppercase;
	padding: 20px 0 0 50px;
	color: #333;
	font-weight: bold;
	display:block;
	text-shadow: 1px 1px 0px #ccc;
	font-family: 'DeliciousBold', Trebouchet MS, Arial, Helvetica, sans-serif;
	}
	
h2 {
	font-size: 14px;
	color: #FF7BAC;
	text-transform: uppercase;
	display: block;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-family: 'DeliciousBold', Trebouchet MS, Arial, Helvetica, sans-serif;
	}
	
.sinistra {
	float:left;
	}

.destra {
	float: right;
	}

/*TOPMENU*/

#topmenu {
	height: 170px;
	width:919px;
	text-transform: uppercase;
	float: left;
	margin-left:30px;
	}
	
	.topmenu_block {
		width: 229px;
		height: 170px;
		float:left;
		}
	
		
		.topmenu_item a {
			display: block;
			margin-top: 40px;
			margin-left: auto;
			margin-right: auto;
			width: 202px;
			height:51px;
			background: url(../images/bg_topmenu1.png) no-repeat;
			padding-top: 33px;
			text-align: center;
			font-size: 1.1em;
			font-family:'DeliciousBold', Trebouchet MS, Arial, Helvetica, sans-serif;
			color: #666;
			}
	
/*end topmenu*/


/*LOGO*/

#logo {
	height: 295px;
	background: url(../images/bg_block1_logo.png) no-repeat;
	clear: both;
	}
	
/*end logo */

/*WELCOME */

#welcome {
	height: 303px;
	background: url(../images/bg_block2_benvenuti.png) no-repeat;
	font-size: 14px;
	}
	
#welcome h1 {
	margin: 0 0 10px 0;
	font-size: 3.2em;
	padding-left: 0;
	}

.presentazioneSX {
	width: 279px;
	margin: 15px 0 0 50px;
	}
	
	.presentazioneSX p {
		text-align: justify;
		}
		
.presentazioneDX {
	width: 521px;
	padding: 30px  0 0 50px;
	}
	
	.presentazioneDX ul {
		list-style-image: url(../images/bullet.png);
		margin: 25px 0 0 12px;
		}
		
	.presentazioneDX li {
		padding-bottom: 10px;
		}
	
	.presentazioneDX img {
		padding-top: 20px;
		}
		
/*end welcome */

/*PORTFOLIO*/

#portfolio {
	height: 303px;
	background: url(../images/bg_block3_portfolio.png) no-repeat;
	border-right: 1px solid #e2e2e2;
	}
	
	
	#port_menu {
		height: 103px;
		margin-left: 32px;
		padding-left: 20px;
		}
		
		/*******menu e quadratini*******/
		
		#port_menu .categorie{
			background: url(../images/bg_portmenu.png) no-repeat;
			width: 184px;
			height: 58px;
			clear:both;
			position: relative;
			margin-top: 4px;
			}
			
			
		#port_menu .categorie .quadratini a{
			margin: 5px 0 0 10px;
			text-align: center;
			display: block;
			width: 163px;
			height: 20px;
			padding-top: 15px;
			position: absolute;
			top: 0;
			left: 0;
			}
			
		.quadratini {
			padding: 47px 0 0 12px;
			width:163px;
			clear: both;
			}
			
		
		.quadratini span {
			display:block;
			width: 6px;
			height: 6px;
			margin: 0;
			padding: 0;
			float: left;
			margin-right: 8px;
			background: #ccc;
			cursor: pointer;
			}
			
		.quadratini span.jFlowSelected {
			background: #FF7BAC;
		}
		
		.jFlowControl:hover {
			background: #FFDEEB;
			}
		
		span.empty {
			background: #F2F2F2;
			cursor: default;
			}
			
		
		/********FINE menu e quadratini*******/
		
			
		#port_menu h2 {
			margin: 5px 0 20px 0;
			width: 190px;
			}
			
	#port_slider {
		width: 685px;
		height: 301px;
		}
		
	#port_slider a {
		color: #fff;
		}
		
		
	.jFlowPrev {
		position: absolute;
		width: 52px;
		height: 80px;
		background: url(../images/prev.png) no-repeat;
		left: -60px;
		top: 720px;
		cursor: pointer;
		}
		
	.jFlowNext {
		position: absolute;
		width: 52px;
		height: 80px;
		background: url(../images/next.png);
		left: 990px;
		top: 720px;
		cursor: pointer;
		}
		
	.jFlowSlideContainer span {
		background: url(../images/bg_portInfo1.png) no-repeat;
		position: absolute;
		bottom: 0;
		width: 417px;
		height: 49px;
		right:0;
		padding: 10px;
		line-height: 0.5em;
		}
		
	.jFlowSlideContainer {
		}
	
	.jFlowSlideContainer h3 {
		padding-bottom: 10px;
		margin-top: 13px;
		*padding-top: 10px;
		font-weight:normal;
		}
		
		a.lens {
			display: block;
			background: url(../images/port_lens_sprite.png);
			width: 37px;
			height: 37px;
			float: left;
			margin: 7px 15px 0 5px;
			}
			
		a.lens:hover {
			background-position: 0 -37px;
			}
			
		
	.jFlowSlideContainer p {
		color: #ccc;
		font-size: 12px;
	    }
	
		
/*end portfolio*/

/*CONTATTACI */

#contacts {
	height: 303px;
	background: url(../images/bg_block4_contatti.png) no-repeat;
	}
	
#recapiti {
	width: 293px;
	height: 201px;
	margin-left: 30px;
	}
	
	#contacts .sinistra h1 {padding-bottom: 20px;}
	
	.recapito1, .recapito2, .recapito3 {
		clear:both;
		margin-left: 30px;
		padding-bottom: 20px;
		font-size: 16px;
		}
		
	.recapito1 {
		background: url(../images/bg_indirizzo.png) no-repeat top left;
		}
		
	.recapito2 {
		background: url(../images/bg_tel.png) no-repeat top left;
		}
		
	.recapito3 {
		background: url(../images/bg_mail.png) no-repeat top left;
		}
		
	.recapito1 p, .recapito2 p, .recapito3 p {
		padding-left: 35px;
		}
	
#contactForm {
	width: 586px;
	height: 251px;
	background: url(../images/bg_contactForm.png) repeat-x;
	padding: 30px 20px 20px 20px;
	}
	
	.contactForm_msg{
		float: left;
		width: 266px;
		margin-top: 25px;
		}
		
	.contactForm_name, .contactForm_mail{
		margin-top: 10px;
		float:right;
		width: 280px;
		}
		
			.contactForm_name {
				margin-top: 25px;
				}
		
	.contactForm_msg .text_input {
		height: 155px;
		width: 266px;
		}
		
		
	.contactForm_name .text_input, .contactForm_mail .text_input {
		width: 273px;
		height: 25px;
		font-size: 1em;
		color: #666;
		}
		
		
	.text_input {
		margin-top: 5px;
		padding: 2px 5px 0 5px;
		background: #F2F2F2;
		border: 1px solid #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
		
		input:focus, input:hover {
			background: #EAEAEA;
			}
			
		
	label {
		text-transform: uppercase;
		padding-left: 5px;
		}
		
	textarea {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #666;
		}
		
		textarea:hover, textarea:focus {
			background: #EAEAEA;
			}
	
	.error {
		text-transform: lowercase;
		color: #FF7BAC;
		font-size: 0.8em;
		}
		
	#submit_btn {
		width: 280px;
		height: 52px;
		margin-top: 15px;
		font-size: 0.8em;
		text-transform: uppercase;
		font-weight: bold;
		background: #FFDEEB;
		color: #FF7BAC;
		border: none;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		cursor: pointer;
		}
		
		
	#confirmation {
		width: 586px;
		height: 256px;
		text-align: center;
		background: url(../images/confirmation.png) top center no-repeat;
		}
		
		#confirmation .thanks {
			font-size: 5em;
			font-weight: bold;
			color: #666;
			}
		
		#confirmation p {
			padding-top: 70px;
			color: #333;
			}
	

/*end contacts*/

/*TEAM*/

#team {
	height: 357px;
	background: url(../images/bg_block5_team.png) no-repeat;
	}
	
#profili_all {
	height: 230px;
	margin-left: 30px;
	padding-top: 5px;
	}
	
 .profilo1, .profilo2, .profilo3 {
	 width: 303px;
	 background: url(../images/profilo_dj.png) no-repeat bottom left #fff;
	 height: 235px;
	 border-right: 1px solid #ccc;
	 float: left;
	 padding-left: 2px;
	 }
	 
.profilo1 {
	margin-left: 2px;
	}
	 
.profilo2 {
	background: url(../images/profilo_mor.png) no-repeat bottom left #fff;
	}
	
.profilo3 {
	border-right: none;
	background: url(../images/profilo_mon.png) no-repeat bottom left #fff;
	}
	 
	 
	.prof_name {
		float: left;
		padding-left: 20px;
		text-transform: uppercase;	
		}
		
	.prof_stats {
		float: right;
		padding:15px 20px 0 0;
		}
  

/* end team */

/*TORNA SU*/

#content {
	position:relative;
	}

#reale {
	width: 950px;
	}
	
#content #tornasu {
	width: 30px;
	height: 162px;
	position: absolute;
	left: 950px;
	top: 0;
	margin-top: 20px;
	}

/*end tornasu */

/*FOOTER*/

#trasp_bottom {
	background: url(../images/trasp_bottom.png);
	position: fixed;
	height: 45px;
	bottom: 0;
	width: 100%;
	z-index: 99;
	}

#footer{
	background: url(../images/bg_block6_footer_1px.png) repeat-x;
	margin-top: 50px;
	z-index:100;
	position: relative;
	text-align: center;
	}

	#footer_inner {
		background: url(../images/bg_block6_footer.png) no-repeat;
		width: 950px;
		margin: 0 auto;
		height: 155px;
		padding-top: 80px;
	}
	
	#footer_inner p {
		font-size: 1.6em;
		color: #F2F2F2;
		text-transform: uppercase;
		text-shadow: 2px 2px 0px #000;
		}
	
	#footer .domande p {
		clear:both;
		padding-top: 20px;
		font-size: 0.9em;
		}
	
	#footer .copy p {
		font-size: 0.6em;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 15px;
		text-transform: uppercase;
		}

/*end footer*/

/*GENERAL CLASSES */

.clear {clear:both;}
.floatleft {float:left;}
.floatright {float: right;}
.rosa {color: #FF7BAC;font-family: 'DeliciousBold', Trebouchet MS, Arial, Helvetica, sans-serif;}
.bold {font-weight: bold;}
.reca_title {color:#FF7BAC;}
.lightgrey {color: #666;}
.darkgrey {font-weight: normal;}
.cursor {cursor: default;}
.cursorhelp {cursor: help;}

/*SOCIAL BUTTONS */

/* Shadow Nav */
		
#social {
	margin: 0 auto;
	}
		
		#nav-shadow {
			padding: 20px 0 0 365px;
			width: 497px;
			text-align: center;
			list-style: none;
			*margin-left: -85px;
			}
			
		#nav-shadow ul {
			margin: 0 auto;
			}
			
		#nav-shadow li {
			width: 54px;
			height: 43px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 31px;
			height: 31px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/icons1.png) no-repeat;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background-position: 0px -0px;
			}
			
		#nav-shadow li.button-color-2 a {
			background-position: -45px -0px;
			}
			
		#nav-shadow li.button-color-3 a {
			background-position: -89px -0px;
			}
			
		#nav-shadow li.button-color-4 a {
			background-position: -133px -0px;
			}
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}
			
/* end social buttons */