/* CSS Document */

/*####################  ORGANIGRAMMA  #######################*/

@media only screen and (min-width: 0px) 
{
	/* H2 */
	
	h2{
		margin:0px;
	}

	ul#organigramma{
		list-style:none;	
	}
		ul#organigramma li{
			background-image:url(../../images/bck_contatti.png);
			border:solid 1px #fff;
			
				
			padding: 0vw;
			margin-bottom: 9vw;	
		}
			ul#organigramma li img{
				width: 100%;
			}	
			ul#organigramma li div.name{
				font-family:'OpenSans_CondBold';
				text-transform:uppercase;
				color:#3B8888;
				
				
				font-size:7vw;				
				margin-top:3vw;
			}	
			ul#organigramma li div.role{
				color:#000;
				
				
				font-size:5vw;
				line-height:5vw;
				font-weight:400;
				margin-top:2vw;
			}	
			ul#organigramma li div.email{
				margin-top:2vw;
			}	
				ul#organigramma li div.email a{
					font-size:5vw;
				}		
}


/* TABLETS+ */

@media only screen and (min-width: 480px) 
{
	/* H2 */
	
	h2{
		margin:15px 0px 0px 0px;
	}

	ul#organigramma{
		position:absolute;
		
		
		top:156px;
		left:20px;		
	}
		ul#organigramma li{
			float:left;
			
			
			height:218px;			
			padding: 12px 12px 12px 12px;
			margin-right:11px;
			/* Firefox v1.0+ */
			-moz-border-radius:10px;
			/* Safari v3.0+ and by Chrome v0.2+ */
			-webkit-border-radius:10px;
			/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
			border-radius:10px;		
		}
			ul#organigramma li img{
				width: auto;
			}		
			ul#organigramma li div.name{
				font-size:16px;				
				margin-top:9px;
			}	
			ul#organigramma li div.role{
				font-size:12px;
				line-height:12px;
				font-weight:400;
				margin-top:2px;
			}	
			ul#organigramma li div.email{
				margin-top:9px;
			}	
				ul#organigramma li div.email a{
					font-size:14px;
				}		
}

			

/*####################  TABELLA CONTATTI  #######################*/

@media only screen and (min-width: 0px) 
{
	div#col_sx{
	}	
		table#contacts{
			border-collapse:collapse;
			border-top:solid 1px #CEE1E1;
			
			
			width:100%;
			font-size:5vw;			
		}
			table#contacts tr:nth-child(odd){
				background-color:#F0F6F6;
			}	
				table#contacts td{
					border-bottom:solid 1px #CEE1E1;		
					
					
					padding: 6vw 2vw;
				}	
				table#contacts td.sx{
					font-weight:bold;
					color:#4B9E9E;
				}	
				table#contacts td.dx{
	
				}	
}


/* TABLETS+ */

@media only screen and (min-width: 480px) 
{
	div#col_sx{
		float:left	
	}	
		table#contacts{
			width:444px;
			font-size:15px;			
		}
			table#contacts tr:nth-child(odd){
			}	
				table#contacts td{
					padding: 12px 0px;				
				}	
				table#contacts td.sx{
				}	
				table#contacts td.dx{
	
				}	
}



/*####################  TABELLE ORARI  #######################*/

@media only screen and (min-width: 0px) 
{
	/* TABELLE ORARI */	
																
	div#col_dx{
		
	}

		table.times{
			border-collapse:collapse;
			
			
			width:100%;			
		}	
			table.times thead{
				background-color:#398282;
				color:#FFBF00;
				font-family:'OpenSans_CondLight';
				text-transform:uppercase;
				
				
				font-size:7vw;				
			}	
			
			table.times tbody{
				background-color:#94BBBB;
				color:#fff;
				
				
				font-size:3.6vw;
			}		
				table.times tr{
	
				}
					table.times td{
						border-right:solid 2px #fff;
						border-bottom:solid 2px #fff;
						text-align:center;
						background-position:center bottom;
						background-repeat:no-repeat;
						
												
						line-height:4vw;
						padding:4vw 0vw;						
					}
						/* "SEMPRE" */		
						table#times_3 tbody td:nth-child(6),
						table#times_3 tbody td:nth-child(7){
							transform: rotate(-90deg);
						}		
	
}


/* TABLETS+ */

@media only screen and (min-width: 480px) 
{
	/* TABELLE ORARI */	
																
	div#col_dx{
		float:right;
	}

		table.times{
			width:444px;			
		}	
			table.times thead{
				font-size:22px;				
			}	
			
			table.times tbody{
				font-size:13px;
			}		
				table.times tr{
	
				}
					table.times td{
						height:34px;						
						line-height:12px;
						padding:2px;						
					}	
						/* "SEMPRE" */		
						table#times_3 tbody td:nth-child(6),
						table#times_3 tbody td:nth-child(7){
							transform: none;
						}		
}	
	


																									
/*####################  MAPPA GOOGLE  #######################*/

@media only screen and (min-width: 0px) 
{
	div#address{
		text-align:center;
		
		
		padding-top:21px;
		margin-bottom:11px;
	}
	
	div.map{
		background-color:#bbb;	
		background-position: center;
		background-size: cover;
		
		
		width:100%;
		height:100vw;
		margin-left:0px;		
	}		
}


/* TABLETS+ */

@media only screen and (min-width: 480px) 
{
	div#address{
		padding-top:21px;
		margin-bottom:11px;
	}
	
	div.map{
		width:950px;
		height:405px;
		margin-left:-21px;		
	}			
}