/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */


	
	body {
		background-color:#fff;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:14px; 
		line-height:21px;
		color:#888;
	}
	
	p {
		margin:0 0 5px 0;
	}
	
	strong {
		color:inherit;
	}

	img {
		max-width:100%;
		height:auto;
	}
	
	h1 {
		display:none;
	}
	
	h2 {
		margin-bottom:20px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:24px; 
		font-weight:bold;
		line-height:28px;
		color:#fff;
	}
	
	h3 {
		margin-bottom:20px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:20px; 
		line-height:28px;
		color:#888;
	}
	
	.section_title {
		position:absolute;
		width:100%;
		margin-top:330px;
		text-align:center;
		padding:0 auto;
		text-align:center;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:40px;
		font-weight:bold;
		line-height:60px;
		color:#fff;
		text-shadow: 0px 0px 5px #000;
		z-index:2000;
	}
	
	#intro .section_title span {
		display:none;
	}
	
	#intro .section_title {
		margin-top:230px;
	}
	
	#intro .section_title img {
		width:200px;
		height:auto;
	}
	
	
	
	
	/* Nascondo la navigazione di flexslider nelle sezioni che non sono l'intro */
	#progetto .flex-control-nav, #scuola .flex-control-nav, #lavoro .flex-control-nav, #esperienze .flex-control-nav	{
	display:none;
	}
	
	
	
	/* HEADER */
	
	.band_header {
		width:100%;
		height:70px;
		padding:10px 0;
		background-color:#fff;
		
		/* fixed on top */
		position:fixed;
		top:0px;
        z-index:3000;
		/*opacity: 0.9; filter: alpha(opacity=90);*/
	}
	
	#header #logo {
		display:block;
		float:left;
		max-width:300px;
		max-height:100%;
	}
	
	
	/* NAV */
	
	#nav {
		float:right;
		text-align:right;
		padding-top:34px;
	}
	
	#nav ul {
		float:right;
	}
	
	#nav ul li {
		float:left;
		padding:0 14px 0 14px;
	}
		
	#nav ul li a {
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-weight:400;
		font-size:16px;
		color: #e5007d;
		text-decoration:none;
	}

	#nav ul li a:hover {
		color:#888;
		text-decoration:none;
	}

	#nav select {
		display: none;
		width: 100%;
		height: 28px;
		margin: 0;
	}

	#nav select ul li {
		display: inline;
		float: left;
		position: relative;
	}

	#nav select ul li a {
		display: inline-block;
		text-decoration: none;
	}
	
	#nav select ul li a:hover {
		cursor: pointer;
	}
	
	
	/* CONTENT */
	
	.band_content {
		padding:40px 0 90px 0;
	}
	
	.band_divider {
		height:20px;
		margin-bottom:30px;
		background-color:#fff;
	}
	
	.green {
		background:url(../images/divider_green.jpg) left top repeat;
	}
	
	.yellow {
		background:url(../images/divider_yellow.jpg) left top repeat;
	}
	
	.purple {
		background:url(../images/divider_purple.jpg) left top repeat;
	}
	
	.slider {
		margin-bottom:20px;
	}
	
	
	/* HOME */
		
	/* HOME */ /* INTRO */
	
	#intro .home_intro_band {
	/* distance from top under the fixed header */
		margin-top:90px;
	}
	
	
	/* HOME */ /* CLAIM */
			
	.home_claim_band {
		background-color:#fff;
		text-align:left;
	}
	
	.home_claim_band h2 {
		margin-bottom:20px;
		font-family: Verdana, Helvetica, Arial, sans-serif; 
		font-size:18px; 
		line-height:24px;
		color:#888;
	}
	
	/* HOME */ /* CONTATTI */
	
	.home_contatti_band {
		padding:0;
		margin:0;
		background-color: #e5007d;
		color:#fff;
	}
	
	.home_contatti_band_2 {
		background-color:#b1b1b2;
		padding:20px 0;
		margin:0;
	}
	
	.home_contatti_band img {
		margin-bottom:-5px;
	}
	
	.home_contatti_band p {
		padding: 120px 0 0 20px;
	}
	
	.section_title_contatti {
		margin:20px 0 0 20px;
		text-align:left;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:18px;
		font-weight:bold;
		line-height:24px;;
		text-transform: uppercase;
		color:#e5007d;
	}
	
	#address {
		padding:120px 0 0 20px;
		color:#fff;
	}
	
	
	/* FOOTER */
	
	.band_footer {
		width:100%;
	}
	
	#footer {
		padding-top:30px;
		font-size:12px;
		line-height:16px;
		color:#fff;
	}
	
	#footer p {
		margin-bottom:10px;
	}
	
	#footer a {
		color:#fff;
		text-decoration:none;
	}
	
	#footer a:hover {
		color:#ffdd0b;
		text-decoration:none;
	}
	
	#footer_data, #footer_icons, #footer_contacts {
		min-height:140px;
		background:url(../images/footer_vertical_dot.png) right top repeat-y;
	}
	
	#footer_data {
		font-style:italic;
	}
	
	#footer_data h5 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:14px;
		font-weight:700;
		font-style:normal;
		color:#ffdd0b;
	}
	
	#footer_icons {
		font-weight:700;
	}
	
	#footer_icons a {
		display:block;
		height:24px;
		padding:4px 0 0 40px;
		margin-bottom:6px;
		font-size:12px;
	}
	
	#footer_icons_facebook {
		background:url(../images/icon_facebook.png) left no-repeat;
	}
	
	#footer_icons_english {
		background:url(../images/icon_eng.png) left no-repeat;
	}
	
	#footer_icons_googlemaps {
		background:url(../images/icon_googlemaps.png) left no-repeat;
	}
	
	#footer_icons_mail {
		background:url(../images/icon_mail.png) left no-repeat;
	}

	#footer a img {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	
	#footer a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	#footer_partners_davide {
		display:block;
		margin-top:10px;
	}
	
	#sub_footer {
		margin-top:30px;
		font-size:12px;
		font-style:italic; 
		color:#999;
	}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		/* HEADER */
		
		.band_header {
			height:100px;
		}
		
		#header #logo {
			float:none;
			max-width:220px;
		}
		
		/* NAV */
		
		#nav {
			float:left;
			padding-top:20px;
		}
		
		#nav ul {
			float:none;
		}
		
		/* CONTENT */
		
		.home_contatti_band p {
			padding: 20px;
		}
		
		#address {
			padding:20px;
		}
		
		/* FOOTER */
		
		#footer_data, #footer_icons, #footer_contacts {
			min-height:0;
			background:none;
		}
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		
		
		/* NAV */
			
			#nav {
				width:100%;
			}
			
			#nav select {
				display: inline-block;
			}
		
			#nav ul {
				display: none;
			}
			
			
			.home_claim_band h2 { 
				font-size:24px; 
				line-height:30px;
			}
			
	
		/* CONTENT */
	
			#intro .section_title {
				margin-top:180px;
			}
			
			#intro .section_title img {
				width:120px;
				height:auto;
			}
			
			.section_title {
			margin-top:230px;
			font-size:30px;
			line-height:36px;
			}

			
		/* FOOTER */
		
			#footer div {
				margin-bottom:20px;
			}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/* CONTENT */
	
		

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.band_header {
			width:100%;
			height:85px;
			padding-top:5px;
		}
		
		#header #logo {
			max-width:160px;
			max-height:100%;
			margin-bottom:-10px;
			padding-bottom:-10px;
		}
		
		.home_intro_band {
			/* distance from top under the fixed header */
			margin-top:90px;
		}
				
		.section_title {
			margin-top:130px;
			font-size:30px;
			line-height:36px;
			}
			
		#intro .section_title {
				margin-top:100px;
			}	
	
		
	}
	
	
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/