@charset "UTF-8";
/* CSS Document */
*{
	padding: 0px;
	margin: 0px;
}

body{
	background-color: #fff;
	text-align: center;
	font-family: Arial, "sans serif";
}

body{
	background: url(images/header_bg.png) repeat-x top; 
	width: 100%;
	/*height: 920px;
	position: absolute;
	z-index: 1;*/
}

#container{
	margin: 0 auto;
  	width: 980px;
  	height: auto;
	text-align: left;
	z-index: 50;
}

#header{
	width: 980px;
	//top: 0px;
	height: 100px;
}
	#header ul{
                z-index: 2;
                position:relative;
                float: right;
                margin-bottom: -7px;
                padding: 0px;
                margin: 0px 0px 0px 0px;
                top: 55px;
		}
	#header ul li{
		float: left;
		list-style-type: none;
		margin: 0px 0px 0px 21px;
		}
	#header ul li a:link{
		font-size: 0.9em;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		}
	#header ul li a:visited{
		font-size: 0.9em;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		}
	#header ul li a:hover{
		font-size: 0.9em;
		text-decoration: none;
		color: #006838;
		font-weight: bold;
		}
	#header ul li a:active{
		font-size: 0.9em;
		text-decoration: none;
		color: #006838;
		font-weight: bold;
		}
					
			
			
/*------------------------THE BUTTONS-------------------------*/
                        #login_popup input { color: #6D6E71; }
                        .overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 199; }
                        #login_popup input:focus { color: black; }
			div.login {
				z-index: 200;
				margin: 0px 0px 0px 753px;
                                height: 211px;
				position: fixed;				
				display: block;
                                overflow: hidden;
                                width: 229px;
                                top: -165px;
                                background: url(images/login_popup.png) no-repeat;
				}
                                div.login img {
                                    position: absolute;
                                    bottom: 0px;
                                }
                                div.login a { font-size: 11px; color: white; }
                                div.login input {
                                    border: 1px solid #CFD0D2;
                                    color: #2B2929;
                                    height: 18px;
                                    margin-top: 5px;
                                    padding: 3px 6px 3px 5px;
                                    width: 150px;
                                }

			h3.feedback a{
				z-index: 300;
				position: fixed;
				margin: -200px 0 0 -25px;
				display: block;
				width: 72px; height: 107px;
				left: 0px; top: 388px;
				background-image: url("images/feedback_btn.png"); 
				background-repeat: no-repeat;
				}
				h3.feedback a span{
					z-index: 300;
					width:72px; height: 107px;
					display: none;
					}
			
			h3.take_tour a{
				width: 105px; height: 27px;
				display: block;
				margin: 25px 0 0 0px;
				background-image: url("images/take_tour_btn.png");
				background-repeat: no-repeat;
				}
					h3.take_tour a span{
						width: 100px; height: 27px;
						display: none;
						}
				
			
/*----------------------------------------------------------*/


#video{
	margin: -20px 0 0 -10px;
	width: 1005px;
        z-index: 1;
        position: relative;
        top: -23px;
}
	#video p{
		background: url(images/video_bg2.png) left repeat-y;
		height: 550px;
		padding-left: 9px;
                z-index: 1;
	}
	#video:before {
		display: block;
		line-height: 0px;
		background: url(images/video_bg0.png) bottom left no-repeat;
		/*content: url(images/video_bg1.png); */
                content: url(images/top_video_bg.png);
                z-index: 199;
                position: relative;
                top: 21px;
	}
	#video:after{
		display: block;
		line-height: 0;
		background: url(images/video_bg0.png) bottom left no-repeat;
		/*content: url(images/video_bg3.png);*/
                content: url(images/bottom_video_bg.png?2);
                position: relative;
                top: -16px;
	}


#intro{
	width: 980px;
	height: 315px;
        margin-top: -34px;
	
}
	#intro .leftcol{
		width: 675px;
		float: left;
	}
        #intro .leftcol > div {
            float: left;
            width: 48%;
            height: 120px;
            color: #6D6E71;
            font-size: 0.81em;
            word-spacing: normal;
            line-height: 1.4em;
            letter-spacing: 0;
            margin-top: 15px;
        }

        #intro .leftcol .first, #intro .leftcol .third { margin-right: 25px; }
        #intro .leftcol > div h2 { margin-bottom: 3px; font-size: 1.325em;  }

	#intro .leftcol .easyfields_link{
		text-decoration: none;
		color: #00A651;
		}
		#intro .leftcol p{

			font-size: 1.313em;
			line-height: 28px;
			color: #231F20;
			}
			#intro .leftcol ul{
				list-style-type: none;
				padding: 0;
				margin: 20px 0 0 0px;
				}	
				#intro .leftcol li{
					width: 500px;
					font-size: 1.125em;
					color: #6D6E71;
					margin-bottom: 7px;
					background-image: url(images/check.png);
					background-repeat: no-repeat;
					background-position: 0;
					padding-left: 1.5em;
					}
					
	#intro #social {
		margin-top: 15px;
		width: 300px;
		height: 100px;
		float: right;
		text-align: right;
		}
		.facebook_box {
			margin: -14px 0 0 40px;
			width: 275px;
			height: 110px;
			background-image:url(images/facebook_box.png);
			}
			#social h5{
				position: absolute;
				font-weight: lighter;
				font-size: 0.688em;
				color: #6D6E71;
				margin: -87px 0 0 65px;
				}
				#social p.follow_facebook{
					position: absolute;
					font-size: 0.875em;
					margin: -50px 0 0 117px;
					}
                                        #social p.follow_facebook a{
                                            text-decoration: none;
                                            color: black;
                                        }
					#social img{
						position: absolute;
						display: block;
						border: 0px;
						margin: -57px 0 0 75px;
					}
						#social .like_btn{
							position: relative;
							width: 70px; max-width: 80px;
							margin: -15px 0px 18px 50px;
						}
						

hr{
	position: absolute;
	border-color: #EEE;
	width: 980px;
}

h2{
	font-size: 1.125em;
	color: #231F20;
	font-weight: lighter;
}
#part1{
	height: 285px;
}
#part1 #iphone_ipad{
	float:left;
	margin: 10px 0 0 -25px;
}
	#part1 #rightcol1{
		margin: 30px 0 0 30px;
		float:left;
		width: 500px
		}
		/*------------------------------*/
		#part1 #rightcol1 p, #part2 p, #part3 p, #contattaci p, .columns p{
			margin-bottom: 15px;
			color: #6D6E71;
			word-spacing: normal;
			text-align: left;
			letter-spacing: 0;
			line-height: 1.4em;
			font-size: 0.81em;
			}
		/*------------------------------*/


#part2{
	height: 305px;
	position: relative;
}
	#part2 .leftcol2{
		clear: left;
		float: left;
		margin-top: 20px;
		width: 560px;
		}
		#part2 .leftcol2 h2{
			margin-bottom: 5px;
			}
		#macbook img{
			position: absolute;
			margin-left: -170px;
			z-index: 2;
			}

#part3{
	height: 340px;
}
	#part3 #browser{
		margin-left: -10px;
		float: left;
		}
		#part3 #rightcol2{
			float: left;
			margin-left: 30px;
			width: 600px;
			}
			#part3 #rightcol2 h2{
				margin-bottom: 5px;
				}
	
#footer_container{
	position: absolute;
	z-index: 1;
	margin-top: 30px;
	width: 100%;
	height: 300px;
	background-color: #F5F5F6;
}
#footer_container #footer{
	margin: 0 auto;
	width: 980px;
	background-image: url(images/footer_bg.png);
	background-repeat: no-repeat;
	height: 270px;
	text-align: left;
        padding-top: 25px;
}
	#footer_container #footer .title{
		color: #404041;
		padding-top: 20px;
		font-size: 1.313em;
		}
		#footer p, #footer_container #bottom_footer{
			font-size: 0.75em;
			color: #929497;
			}
			#footer p.mailto a{
				color: #929497;
				}
			#footer p.mailto a:hover{
				color: #404041;
				}
				#footer h4, #contattaci #contact_form form label{
					font-size: 0.938em;
					color: #404041;
					}
					#footer #right_nav{
						float: right;
						}
					#footer #right_nav ul{
						list-style-type: none;
						float: left;
						margin-left: 50px;
						}
					#footer #right_nav ul li a{
						list-style-type: none;
						text-decoration: none;
						font-size: 0.875em;
						color: #939598;
						}
						#footer #right_nav ul li a:hover{
							color: #404041;
							}
							
							#footer #num_email{
								margin-top: 5px;
								font-size: 0.75em;
								height: 14px; width: 220px;
								padding: 5px;
								color: #A7A9AC;
								border: #B3B3B3 2px solid;
								font-family: Arial, Helvetica, sans-serif;
								}
								#footer .btn{
									position: absolute;
									margin-top: 4px; margin-left: 5px;
									width: 50px; height: 28px;
								}
							
			#footer_container #bottom_footer{
				text-align: left;
				width: 980px;
				margin: -40px auto;
				}
				#footer_container #bottom_footer p{
					width: 980px;
					padding-top: 5px;
					}
					#footer_container #bottom_footer p a{
						text-decoration: none;
						color: #929497;
						float: right;
						}
						#footer_container #bottom_footer p a:hover{
							color: #404041;
							}
						
						
			
	
/*---------------CONTATTACI------------------*/



#contattaci{
	margin: -20px 0 50px -10px;
	width: 1005px;
	height: 600px;
}
	#contattaci #middle{
		padding-left: 10px;
		height: 570px;
		background: url(images/video_bg2.png) left repeat-y;
	}

	#contattaci:before {
		display: block;
		line-height: 0px;
		background: url(images/video_bg0.png) bottom left no-repeat;
		content: url(images/video_bg1.png); 
	}
	#contattaci:after{
		display: block;
		line-height: 0;
		background: url(images/video_bg0.png) bottom left no-repeat;
		content: url(images/video_bg3.png); 
	}

	
#contattaci #contact_form{
	position: absolute;
	width: 425px; height: 530px;
	margin: 20px 0 0 30px;
	padding-right: 30px;
	border-right: #888 1px solid;
}
	#contattaci #map{
		float: right;
		width: 425px; height: 550px;
		margin: 20px 50px 0 0 ;
		}

#contattaci h2{
	font-size: 1.313em;
	line-height: 28px;
	color: #231F20;
	font-weight: lighter;
}

#contattaci a{
	color: #006838;
}
	#contattaci #contact_form form input, #contact_form form textarea{
		border: #B3B3B3 1px solid;
		font-family: Arial, Helvetica, sans-serif;
		color: #555; font-size: 0.813em; 
		padding: 3px;
		margin-top: 4px;
		}
		#contattaci #contact_form form input.btn{
			float: right;
			margin-right: 6px; margin-top: 5px;
			border: 0px;
			}
			#contattaci #contact_form form .form_element{
				float: left;
				margin: 15px 50px 5px 0px;
				}
	
	
/*---------------SERVIZI------------------*/
	
#servizi_box{
	margin: -20px 0 50px -10px;
	width: 1005px;
	height: 380px;
}
	#servizi_box .columns{
		padding: 20px 0px 0 30px;
		height: 325px;
		background: url(images/video_bg2.png) left repeat-y;
	}

	#servizi_box:before {
		display: block;
		line-height: 0px;
		background: url(images/video_bg0.png) bottom left no-repeat;
		content: url(images/video_bg1.png); 
	}
	#servizi_box:after{
		display: block;
		line-height: 0;
		background: url(images/video_bg0.png) bottom left no-repeat;
		content: url(images/video_bg3.png); 
	}

	.line1{
		height: 170px;
		border-bottom: 2px solid #E6E7E8;
	}
	.line2{
		height: 180px;
		margin-top: 25px;
		border-bottom: 2px solid #E6E7E8;
	}
	.line3{
		height: 205px;
		margin-top: 25px;
	}
	
		.col1{
			width: 326px;
			float: left;
		}
		.col2{
			width: 326px;
			float: left;
		}
		.col3{
			width: 326px;
			float: left;
		}
	
		.columns h3{
			font-size: 1.125em;
			color: #231F20;
			font-weight: lighter;
			width: 235px;
			margin-left: 70px; margin-bottom: 2px;
		}
		.columns img{
			float: left;
		}
		.columns p{
			width: 240px;
			margin-left: 70px;
		}
		
		#servizi_box h2, #prezzi_box h2{
			font-size: 1.5em;
			font-weight: bold;
			margin-top: 20px;
			color: #231F20;
		}
		#servizi_box .columns p{
			margin-left: 0px;
			width: 270px;
		}
		
			#servizi_box .col1{
				margin-left: 20px;
				padding-left: 0px;
				width: 300px;
				height: 225px;
				background: url(images/servizi_border.png) top right no-repeat;
			}
			#servizi_box .col2{
				padding-left: 25px;
				width: 290px;
				height: 225px;
				background: url(images/servizi_border.png) top right no-repeat;
				
			}
			#servizi_box .col3{
				padding-left: 25px;
				width: 315px;
			}
				#servizi_box .pdf_link{
					margin-top: 60px;
				}
					#servizi_box .col3 b{
						color: #231F20;
						font-size: 1.2em;
					}
						#servizi_box .pdf_link img{
							margin-top: -15px;
						}
			
			#servizi_box img.servizi_fields{
				position: absolute;
				margin: -211px 0 0 13px;
			}
	

/*---------------PREZZI------------------*/


#prezzi_box{
	margin: -20px 0 40px -10px;
	width: 1005px;
	height: 680px;
}
	#prezzi_box .columns{
		padding: 0px 0px 0px 40px;
		height: 595px;
		background: url(images/video_bg2.png) left repeat-y;
	}

	#prezzi_box:before {
		display: block;
		line-height: 0px;
		background: url(images/video_bg0.png) bottom left no-repeat;
		content: url(images/video_bg1.png); 
	}
	#prezzi_box:after{
		display: block;
		line-height: 0;
		background: url(images/video_bg0.png) bottom left no-repeat;
		content: url(images/video_bg3.png); 
	}

#prezzi_box .columns p{
	margin-left: 0px;
	width: 272px;
	height: 90px;
}

#prezzi_box .columns .col1, #prezzi_box .columns .col2, #prezzi_box .columns .col3{
	width: 320px;
	margin-top: -5px;
}

				#prezzi_box .columns p.campi{
					height: auto;
					padding-bottom: 1px;
					border-bottom: 1px solid #E6E7E8;
				}
					#prezzi_box .columns p.campi b{
						color: #231F20;
					}
				#prezzi_box .columns p.price{
					height: auto; margin: -8px 0 -8px 0;
					font-size: 1.9em; font-weight: bold;
					color: #00A651;
				}
				#prezzi_box .columns p.sub_price{
					height: 35px;
					font-size: 1em;
					color: #231F20;
				}
				#prezzi_box .columns p.asterix{
					height: auto; padding-top: 30px;
					font-size: 0.73em; color: #A7A9AC;
				}
		#prezzi_box #prezzi_paypal{
			margin-top: 35px;
			margin-bottom: -30px;
		}
		#prezzi_box #prezzi_paypal .campi{
			width: 590px;
			margin-top: -10px;
			font-size: 0.7em;
		}
		#prezzi_box #prezzi_paypal img{
			margin-top: -15px;
		}
		#prezzi_box #prezzi_paypal p.pagamento_online{
			width: 500px;
			margin: 23px 0 0 75px;
		}