/*-------------------------------------------    
    extra utility
-------------------------------------------*/
@import url("utility.css");

/**
 * 
 * #d6e039 = verde
 *
 */

/*-------------------------------------------    
	stili generici + reset, thanks eric.
-------------------------------------------*/
@import url("reset.css");

.inner:after, #lanci:after, #content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
#skip { display:none; }

/*-------------------------------------------    
	struttura
-------------------------------------------*/

.inner { margin:0 auto; position:relative; width:960px; }
h1, h2, h3 { font-family:Georgia, "Times New Roman", Times, serif; }

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
	#header { background:#000; height:125px; width:100%; }
		#logo { background:url(../images/logo.jpg) no-repeat top left; display:block; float:left; height:85px; margin:20px 0; position:absolute; text-indent:-9999em; width:291px; }
		#nav { float:right; margin:55px 0 0; }
			#nav li { float:left; height:70px; margin:0 0 0 30px; }
			  #nav li.current { background:url(../images/bg_nav_current.jpg) bottom center no-repeat; }
				#nav li a { color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; text-decoration:none; }
				  #nav li a:hover { color:#d6e039 }
				  #nav li.current a { color:#d6e039; }
				#nav li span { color:#fff; display:block; font-size:14px; }

	#content { background:#d6e039; padding:0 0 100px; }
		#flash { padding:40px 0 0; }
		.submenu { float: right; z-index: 99; position: absolute; right: 0; }
			.submenu li { float:left; font-size:13px; margin:20px 0 0 5px; }
				.submenu li a { color:#000;  font-weight:bold; padding:0;  }
		#visual { position:relative; }
		.noi #visual { background:url(../images/header/noi.jpg) no-repeat right 30px; padding:75px 0 75px; }
		.cosa #visual { background:url(../images/header/cosa.jpg) no-repeat right 175px; padding:75px 0 75px; }
		.dove #visual { /*background:url(../images/header/dove.jpg) no-repeat right 0;*/ padding:75px 0 75px; }
		.come #visual { background:url(../images/header/come.jpg) no-repeat right 115px; padding:75px 0 75px; }
		.grafica #visual { background:url(../images/header/grafica.jpg) no-repeat right 35px; padding:75px 0 125px; }
		.personalizzazioni #visual { background:url(../images/header/personalizzazioni.jpg) no-repeat right 70px; padding:75px 0 125px; }
		.stampa #visual { background:url(../images/header/stampa.jpg) no-repeat right 65px; padding:75px 0 125px; }
			#visual h1 { font-size:55px; }
			#visual h2 { font-size:35px; }
			#visual h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; margin:25px 0 10px; }
			#visual p { font-size:14px; line-height:130%; }
			#visual a { color:#000; }
		#lanci { display:block; margin:55px 0 0; }
			#lanci li { display:block; float:left; width:310px; }
			  #lanci li.even { margin:0 15px; }
			  	#lanci li h3 { margin:0 0 5px; }
			    	#lanci li h3 a { color:#000; font-size:23px; text-decoration:none; }
					  #lanci li h3 a:hover { text-decoration:underline; }
				#lanci li img { display:block; margin:0 0 5px; }
				#lanci li p a { color:#000; font-size:12px; font-weight:bold; margin:5px 0 0; }
				  #lanci li p a:hover { text-decoration:none; }
				  
		#lanci_txt { display:block; margin:35px 0 0; }
			#lanci_txt li { display:block; float:left; margin:0 53px 0 0; width:200px; }
			#lanci_txt li.last { margin:0; }
				#lanci_txt li h4 { font-size:16px; font-weight:bold; }
				#lanci_txt li p { font-size:14px; line-height:120%; margin:15px 0; }
				#lanci_txt li a { color:#000; font-size:14px; }
				  
		.come h4, .dove h4, .cosa h4, .noi h4 { color:#000; font-size:23px; }
		.come #lanci, .dove #lanci, .cosa #lanci, .noi #lanci { margin:15px 0 0; }
		
		.privacy #content .inner h2 { padding:30px 0; }
		.privacy #content .inner p { font-size:13px; line-height:130%; }
		.privacy #content .inner p a { color:#000; }
				  
		form { margin:20px 0 0;}
		form label { display:block; margin:0 0 10px; }
			form label span { display:block; float:left; font-size:13px; height:25px; width:50px; }
			form label input { background:#fff; border:1px solid #000; height:25px; margin:0; padding:0; width:275px }
			form label textarea { background:#fff; border:1px solid #000; height:100px; width:275px }
			
			form label.privacy span { width:auto; }
			form label.privacy input { height:auto; margin:0 0 0 10px; width:auto; }
			
			form .submit { background:url(../images/header/btn_invia.jpg) no-repeat top left; border:none; padding:0; text-indent:-9999em; margin:0 0 0 250px; display:block; height:42px; width:77px; clear:both; }
				
	#footer { background:#000; color:#fff; font-size:11px; padding:20px 0 200px; }
		#footer a { color:#fff; }
			#footer a:hover { text-decoration:none; }
		#footer ul li { float:left; }
		#footer .facebook { background:url(../images/facebook.jpg) right center no-repeat; color:#fff; float:right; height:30px; line-height:140%; margin:0 0 40px; padding:0 90px 0 0; text-align:right; text-decoration:none; }
		#footer .credits { clear:both; display:block; }
		
.streetview { position: absolute; top: 90px; right: 0;}
