@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,100,700);
#team{
	/*width: 1020px;*/
	width:765px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
	
#colonna_tripla{
	width: 215px;
	/*margin-right: 15px;*/
	margin: 20px;
	float:left;
	}
	
#colonna_tripla p{
	text-align:center;
	color:rgba(255,255,255,1);
	font-size:16px;
	font-weight:400;
	margin-bottom:20px;
	margin-top:20px;
	}

.clear-float {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
} 

.photo{
	width:215px;
	height:auto;
	}
	
.photo img{
	width:100%;
	height:auto;
	} 
	
.name{
	width:215px;
	height:50px;
	margin-top:10px;
	background-color: rgba(245,245,245,1);
	text-align:center;
	color:#97815B;
	font-size:18px;
	line-height:50px;
	font-weight:400;
	border-bottom: 2px solid #97815B;
	}
	
.info{
	width:215px;
	/*height:150px; compreso il CV*/
	height:100px;
	background-color: rgba(245,245,245,1);
	color: rgba(102,102,102,1);
	text-align:center;
	font-size:14px;
	line-height:50px;
	font-weight:300;
	border-bottom: 2px solid #97815B;
	}  

.info img{
	line-height:50px;
	margin-right:10px;
	}

.info a {
	color: rgba(102,102,102,1);
	text-decoration: none;
}
.info a:hover {
	color: #97815B;
}  
	
#colonna_contatti {
	background-color: rgba(245,245,245,1);
	height: 310px;
	width: 933px;
	padding-left: 37px;
	/*margin-top: 100px;*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	margin-bottom:20px;
}

#contatti_form #colonna_contatti h1 {
	color: #97815B;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 20px;
	border-bottom: 1px solid #97815B;
	margin-right: 37px;
	margin-top:20px;
	font-weight: 300;
}

.form{
	width: 437px;
	float:left;
}

#contatti_form input[type=text] ,#contatti_form input[type=email],#contatti_form input[type=tel]{
	font-family: 'Roboto', source-sans-pro, sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
	/*margin-left:18px;*/
	width: 437px;
	height: 30px;
	line-height: 28px;
	font-size: 14px;
	text-indent: 5px;
	background-color: #FFF;
	border: 1px solid rgba(240,240,240,1);
	border-radius: 2px;
}
#contatti_form #contatti_richiesta {
	font-family:'Roboto', source-sans-pro, sans-serif;
	font-weight:300;
	background-color: #FFFFFF;
	border:1px solid rgba(240,240,240,1);
	border-radius:2px;
	margin-left:18px;
	width: 437px;	
	padding-left: 5px;
	padding-top: 5px;
	height: 150px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	float:left;
}

#contatti_form label {
	line-height: normal;
}

#contatti_form #contatti_invia {
	font-family:lato;
	font-weight:300;
	font-size:16px;
	margin-bottom:20px;
	border-style: none;
	width: 180px;
	margin-left: 358px;
	height: 30px;
	/*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.44);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.44);*/
	border-radius: 1px;
	margin-top: 24px;
	background-color: #97815B;
	color: rgba(255,255,255,1.00);
}

#contatti_form #contatti_invia:hover {
	background-color: #666666;
	/*-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.57);
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.57);*/
}



/*  tablet  */		
@media only screen and (min-width:768px) and (max-width:1023px) {
#team{
	width:690px;
	height:auto;
	margin-left:auto;
	margin-right:auto;}
	
#colonna_tripla{
	width: 285px;
	/*margin-right: 15px;*/
	margin: 30px;
	float:left;
	}
#colonna_tripla p{
	text-align:center;
	color:rgba(255,255,255,1);
	font-size:14px;
	font-weight:400;
	margin-bottom:20px;
	margin-top:20px;
	}
.photo{
	width:285px;
	height:auto;
	}

.name{
	width:285px;
	height:50px;
	}
	
.info{
	width:285px;
	font-size:16px;
	} 

#colonna_contatti {width: 624px;} 
 
.form{width: 282px;}

#contatti_form input[type=text] ,#contatti_form input[type=email],#contatti_form input[type=tel]{width: 280px;}

#contatti_form #contatti_richiesta {width: 280px;}

#contatti_form #contatti_invia {margin-left: 204px;}
}
				
/* smartphone-tablet */ 
@media screen and (min-width:581px) and (max-width:767px){
#team{
	width:290px;
	margin-left:auto;
	margin-right:auto;
	}
	
#colonna_tripla{
	width:290px;
	margin-bottom: 20px;
	float:none;
	margin-left:0px;
	margin-right:0px;
	}
	
.photo{
	width:290px;
	height:auto;
	}

.name{
	width:290px;
	}
	
.info{
	width:290px;
	font-size:16px;
	}   

.form{
	width: 302px;
	float:none;
}	
#contatti_form #colonna_contatti h1 {
	margin-right: 15px;
	font-weight: 300;
}
#colonna_contatti {
	width: 275px;
	height: 480px;
	padding-left: 15px;	
}
#contatti_form input[type=text] ,#contatti_form input[type=email],#contatti_form input[type=tel]{
	width: 257px;
}
#contatti_form #contatti_richiesta {
	width: 252px;	
	float:none;
	margin-left:0px;
}
#contatti_form #contatti_invia {
	font-family:lato;
	font-weight:300;
	font-size:16px;
	margin-bottom:20px;
	border-style: none;
	width: 100px;
	margin-left: 80px;
	height: 30px;
	/*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.44);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.44);*/
	border-radius: 1px;
	margin-top: 24px;
	background-color: #97815B;
	color: rgba(255,255,255,1.00);
}
}

/*  smartphone  */
@media only screen and (max-width:580px){
#team{
	width:265px;
	margin-left:auto;
	margin-right:auto;
	}
	
#colonna_tripla{
	width: 265px;
	/*margin-right: 15px;*/
	margin-bottom: 20px;
	float:none;
	margin-left:0px;
	margin-right:0px;
	}
	
.photo{
	width:265px;
	height:auto;
	}

.name{
	width:265px;
	}
	
.info{
	width:265px;
	font-size:16px;
	}   

.form{
	width: 237px;
	float:none;
}
	
#contatti_form #colonna_contatti h1 {
	margin-right: 15px;
	font-weight: 300;
}
#colonna_contatti {
	width: 250px;
	height: 480px;
	padding-left: 15px;	
}
#contatti_form input[type=text] ,#contatti_form input[type=email],#contatti_form input[type=tel]{
	width: 234px;
}
#contatti_form #contatti_richiesta {
	width: 229px;
	float:none;
	margin-left:0px;	
}
#contatti_form #contatti_invia {
	font-family:lato;
	font-weight:300;
	font-size:16px;
	margin-bottom:20px;
	border-style: none;
	width: 100px;
	margin-left: 67px;
	height: 30px;
	/*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.44);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.44);*/
	border-radius: 1px;
	margin-top: 24px;
	background-color: #97815B;
	color: rgba(255,255,255,1.00);
}

}