/*--------------------------------------------------------------------------
	1. Body
--------------------------------------------------------------------------*/

body {
	color: #333;
	background: #fff;
	font: 14px/22px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}




/*--------------------------------------------------------------------------
	2. Typography
--------------------------------------------------------------------------*/

/* Headings Default */
h1 { font-size: 17px; line-height: 20px; font-weight: bold; }
h2 { font-size: 18px; line-height: 27px; }
h3 { font-size: 14px; line-height: 22px; }
h4 { font-size: 13px; line-height: 23px; }
h6 { font-size: 12px; line-height: 14px; }

/* Links */
a, a:visited { color: #FBBA00; text-decoration: none; underline; outline: 0; }
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }
#box-testo p {margin-bottom:14px;}

/* Highlighted Text */
::selection { 
	background: #FBBA00; 
	color:#fff; 
	text-shadow: none; 
}

/* Firefox */
::-moz-selection { 
	background: #FBBA00; 
	color:#fff; 
	text-shadow: none; 
}

em, .italic { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

.font-color-primary {
	color: #FBBA00;
}

.font-color-gray {
	color: #bbb;
}

.font-color-black {
	color: #111;
}




/*--------------------------------------------------------------------------
	3. Page Sections
--------------------------------------------------------------------------*/

/* Common Elements */
img {
	max-width: 100%;
}

h3 {
	font: normal 300 12px/22px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 20px; 
}

h5 { 
	font: normal 11px/21px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 3px;
}




	/*---------------------------------------------------
		3.1 Topbar

		* This is the fixed top navigation
	---------------------------------------------------*/

	/* Topbar (fixed) */
	/* Please refer to responsive_custom.css for CSS in smaller viewport */
	#section-topbar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10000;
		overflow: visible;
		font: normal 16px/24px  'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#section-topbar a {
	  color: #fff;
	}

	#topbar-inner {
		background: #111;
		line-height: 0;
		text-align: center;
	}

	/*
		Top Bar

		By default, top navigation bar uses "fixed" position
	*/
	#section-topbar ul#nav {
		display: inline-block;
		position: relative;
		margin: 0;
		padding: 0;

		border-right: 1px solid #222;

		/* For IE, the outcast */
		zoom:1;
		*display: inline;
	}

	#section-topbar ul#nav > li {
		display: block;
        float: left;
        padding: 0;
	}


	#section-topbar ul#nav a {
	  display: block;
	  font: normal 11px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	  text-decoration: none;
	  padding: 18px 20px 18px 20px;
	  border-left: 1px solid #222;
	}

		#section-topbar ul#nav a:hover {
		  background: #222;
		  text-decoration: none;
		  border-left: 1px solid #111;
		}

		#section-topbar ul#nav .active a {
			background: #FBBA00;
			border-left: 1px solid #111;
		}

			#section-topbar ul#nav .active a:hover {
				background: #FBBA00;
			}


		/* jQuery UI tooltip for menu items */
		.ui-tooltip {
			color: #eee;
			background: #222;
			padding: 10px 15px;
			font: normal 300 12px/22px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			letter-spacing: 2px;
			position: absolute;
			z-index: 9999;
			max-width: 300px;
		}

		body .ui-tooltip {
			border: none;
		}




	/*---------------------------------------------------
		3.2 Header

		Includes full-width background iamge and intro paragraph
	---------------------------------------------------*/

	#section-intro {
	}

		/* Profile Image (Full background) */
		#section-profileImage  {
			background: #222 url('carlocompagno.jpg') no-repeat center center;
			background-size: cover;
			height: 440px;
		}

			#section-profileImage #box-name {
				color: #333;
				font-size: 16px;
				line-height: 26px;
				margin-top: 180px;
				text-align: left;
			}

				#section-profileImage #box-name h2 {
					color: #333;
					font: normal bold 36px/46px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
					letter-spacing: 3px;
					text-transform: uppercase;
				}


				#section-profileImage #box-name p {
					color: #555;
					font: normal 300 14px/24px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
					margin-top: 10px;
				}

				#section-profileImage #box-name a {
					color: #555;
				}

					#section-profileImage #box-name a:hover {
						color: #FBBA00;
					}

		/* About */
		#section-about {
			color: #fff;
			background: #FBBA00;
			padding: 40px 0;
		}

			#section-about h3 span.underline {
				padding-bottom: 3px;
				border-bottom: 1px solid #fff;
			}

			p.intro {
				color: #fff;
				font: normal 29px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
                                padding-right:29px;
			}
			
			a.link-print, a.link-pdf {
				color: #fff;
				font: normal 11px/21px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
				letter-spacing: 1px;
				text-transform: uppercase;
				display: block;
				padding: 8px 0 8px 40px;
				margin-bottom: 10px;
			}

			a.link-print {
				background: url('../images/icons/icon_print.png') no-repeat left center;
			}

			a.link-pdf {
				background: url('../images/icons/icon_pdf.png') no-repeat left center;
			}


			
	/*---------------------------------------------------
		3.5 Contact / References / Testimonials
	---------------------------------------------------*/
	
	#section-contact {
		color: #333;
		padding: 0px 0;
		background: #f3f3f3;
		padding: 80px 0;
	}
	
		#section-contact h3 {
			font-weight: bold;
			color: #333;
			margin-bottom: 25px;
		}

			#section-contact h3 span.underline {
				padding-bottom: 3px;
				border-bottom: 1px solid #333;
			}

		#section-contact p.desc {
			color: #777;
			margin-bottom: 40px;
		}
		
		/* Register Form */
		#section-contact form {
			margin-bottom: 40px;
		}

		#section-contact form p,
		#section-contact label,
		#section-contact legend { 
			font: normal 13px/23px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		#section-contact label {
			display: inline-block;
			float: left;
			width: 155px;
			margin: 6px 0;
		}
		
		#section-contact input, 
		#section-contact textarea, 
		#section-contact select { 
			width: 280px; 
			padding: 14px 20px; 
			color: #eee; 
			background: #333;
			margin: 0 0 35px 0; 
			border: 0;
			outline: none;
		}
		
		#section-contact input:focus, 
		#section-contact textarea:focus, 
		#section-contact select:focus { 
			color: #fff;
			background-color: #FBBA00;
		}
		
		#section-contact button.submit {
			font: bold 20px/30px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			letter-spacing: 4px;
			display: block;
			cursor: pointer;
			color:#fff;
			background:#FBBA00;
			padding: 20px 28px;
			border: none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;
			border-radius: 3px;
		}
		
		#section-contact button.submit:hover { 
			color: #FBBA00;
			background: #fff; 
		}
		
		#section-contact span.required { 
			color: #FBBA00;
			font-size: 13px;  
		} /* Select the color of the * if the field is required. */


		#contact-warning,
		#contact-success {
			font: normal 12px/23px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
		}

		#contact-warning {
			display: none;
			color: #fff;
			background: #dd3333;
			padding: 20px 25px;
			margin-bottom: 30px;
		}
		
		#contact-success {
			display: none;
			color: #77aa44;
			background: #111;
			padding: 20px 25px;
			margin-bottom: 30px;
		}

		/* HTML5 Placeholder */
		::-webkit-input-placeholder {
		   color: #FBBA00;
		}

		:-moz-placeholder {  
			color: #FBBA00;
		}


		#box-references {}

			#box-references h3 {
				margin-bottom: 0; 
			}

			#box-references p.desc {
				font: normal 13px/24px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
			}

			#box-references .item {
				color: #666;
				margin-top: 20px;
			}

				#box-references .item h4 {
					color: #fff;
					font: normal 15px/25px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
					margin-top: 15px;
				}

				#box-references .item p {
					color: #888;
					font: normal 13px/24px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
					margin-bottom: 30px;
				}

					#box-references .item p a {
						color: #bbb;
					}

					#box-references .item p a:hover {
						color: #fff;
					}


			#box-testimonials .item {
				margin: 30px 0;
			} 

			#box-testimonials h3 {
				margin-bottom: 0; 
			}

			#box-testimonials blockquote p.quote {
				color: #333;
				font: italic 15px/26px 'PT Serif', Georgia, serif;
			}

			#box-testimonials blockquote h4 {
				color: #FBBA00;
				font: normal 15px/25px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
				margin-top: 10px;
			}

			#box-testimonials blockquote p.position {
				color: #666;
				font: normal 11px/21px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				letter-spacing: 2px;
			}



	
	/*---------------------------------------------------
		3.6 Footer
	---------------------------------------------------*/

	#section-footer {
		color: #777;
		background: #111;
		font: normal 13px/23px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

		#section-footer p {
			margin-top: 32px;
		}

		#section-footer a { color: #fff; }

		#section-footer a:hover { color: #FBBA00; }


		#section-footer ul#social {
			float: right;
			border-left: 1px solid #111;
		}

		#section-footer ul#social li {
			display: inline-block;
			float: left;
		}

		#section-footer ul#social li a {
			display: block;
			line-height: 0;
			padding: 30px;
		}

		@media only screen and (max-width: 767px) {
			#section-footer ul#social li a {
				background: #FBBA00;
			}
		}

		#section-footer ul#social li a:hover {
			background: #FBBA00;
		}