/*	
	============================================================================================================================================
																	START
	============================================================================================================================================
*/

	body {
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		line-height: 24px;
		overflow: hidden;
		-webkit-text-size-adjust:100%;
	}

/*	
	------------------------------------------------------
						TEXT
	------------------------------------------------------
*/

	h1 {
		font-size: 32px;
		line-height: 38px;
		text-transform: uppercase;
		font-weight: 400;
		text-shadow: 0px 0px 7px #000000;
	}
	h2{
		font-size: 20px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: 300;
		margin-bottom: 20px;
	}
	strong {
	}
	em {
		font-weight: 300;
	}
	p {
		margin-bottom: 15px;
		font-size:14px;
	}
	a {
		text-decoration: underline;
		color: #fff;
	}
	a:hover {
		text-decoration: none;
	}
	a.blue {
		background: #00AEA8;
		padding: 0 6px;
	}
	a.red {
		background: #d1281f;
		padding: 0 6px;
	}
	.quote {
		font-weight: 400;
	}

/*	
	------------------------------------------------------
						ALTRO
	------------------------------------------------------
*/	

	.clear {
		clear: both;
	}
	.keyboard {
		position: absolute;
		bottom: 42px;
		right: 15px;
		z-index: 1000;
	}
	.keyboard img {
		vertical-align: middle;
	}
	pre.prettyprint {
		font-size: 12px;
		line-height: 16px;
		border: none;
		padding: 15px;
		background: url(../images/code.png) left top repeat;
		-moz-tab-size: 3;
		-o-tab-size: 3;
		tab-size: 3;
		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
		border-radius: 2px;
	}
	code.prettyprint {
		font-size: 12px;
		line-height: 12px;
		border: none;
		padding: 3px 6px;
		margin: 0 4px;
		background: url(../images/code.png) left top repeat;
		-moz-tab-size: 3;
		-o-tab-size: 3;
		tab-size: 3;
		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
		border-radius: 2px;
	}
	.prettyprint.distance {
		margin-bottom: 15px;
	}
	
	div.note {
		padding: 8px;
		position: relative;
		display: block;
		margin-bottom: 15px;
	}
	div.note .text {
		position: relative;
		z-index: 200;
		font-size: 15px;
		line-height: 17px;
		font-weight: 300;
	}
	div.note .bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #00AEA8;
		z-index: 100;
		opacity: 0.5;
		border-radius: 2px;
	}
	
	.example-scroll {
		font-size: 12px;
		line-height: 15px;
		color: #eee;
		position: relative;
	}
	
/*	
	============================================================================================================================================
																	HEAD
	============================================================================================================================================
*/

	.fsn-bar {
		background: #1a1a1a url(../images/bg_menu.png);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
		overflow: hidden;
	}
	.fsn-bar .bar-body {
		width: 980px;
		margin: 0 auto;
	}
	
	.logo  {
		float: right;
	}
	
/*	
	------------------------------------------------------
						MENU
	------------------------------------------------------
*/
	
	
	.menu .fsn-menu-item {
		float: left;
	}
	.menu .fsn-menu-item.right {
		float: right;
	}
	.menu .fsn-menu-item span,
	.menu .fsn-menu-item a {
		color: #a9a9a9;
		text-transform: uppercase;
		font-size: 13px;
		line-height: 13px;
		padding: 20px 22px;
		display: block;
	}
	.menu .fsn-menu-item.fsn-current {
		color:#fff;
	}
	.menu .fsn-menu-item:hover a,
	.menu .fsn-menu-item:hover span {
		color: #ccc;
	}
	.menu .fsn-menu-item.fsn-current span {
		color: #fff;
	}
/*	
	============================================================================================================================================
																	CONTENT
	============================================================================================================================================
*/

	.content-left {
		float: left;
		width: 300px;
		padding-top: 30px;
	}
	.content-right {
		float: right;
		width: 590px;
		padding: 30px 10px 20px 10px;
		/*background:url(../images/bg-content.png);*/
                color: #000000;
	}
	.content-left.s2 {
		float: left;
		width: 340px;
	}
	.content-right.s2 {
		float: right;
		width: 640px;
	}
	
	.content-left .image {
		margin-top: 70px;
	}

/*	
	------------------------------------------------------
						DOTS
	------------------------------------------------------
*/
	
	.fsn-dots .fsn-dots-item {
		background: #fff;
		opacity: 0.3;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);
		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);
	}
	.fsn-dots .fsn-dots-item:hover {
		opacity: 0.4;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);
		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);
	}
	.fsn-dots .fsn-dots-item.fsn-current {
		background: #fff;
		opacity: 0.9;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	}
	
/*	
	------------------------------------------------------
						NAVIGATION ARROWS
	------------------------------------------------------
*/
	
	.fsn-navigation-arrow {
		background-image: url(../images/arrows.png);
	}
	.fsn-navigation-arrow.left {
		background-position: left top;
	}
	.fsn-navigation-arrow.right {
		background-position: right top;
	}
	
/*	
	------------------------------------------------------
						PAGES
	------------------------------------------------------
*/
	
	.fsn-page-body {
		color: #fff;
	}	
	.fsn-page {
		/*background-image: url(../images/bg.png);
		background-color: #000;*/
	}
	
/*	
	============================================================================================================================================
																	FOOTER
	============================================================================================================================================
*/

	.fsn-footer {
		background: #1a1a1a url(../images/bg_menu.png);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
		overflow: hidden;
	}
	.fsn-footer .footer-body {
		width: 980px;
		margin: 0 auto;
		padding: 8px 0;
	}
	.fsn-footer .footer-body p {
		margin: 0;
		font-size: 11px;
		line-height: 11px;
		color: #666;
		text-align: center;
	}
	.fsn-footer .footer-body img {
		vertical-align:middle;
		margin:0 10px;
	}
	.fsn-footer .footer-body a.disabled {
		vertical-align:middle;
		margin:0 10px;
	}
	.fsn-footer .footer-body .divide {
		padding: 0 5px;
		color: #555;
	}
	.fsn-footer .footer-body a {
		color: #888;
	}
	.fsn-footer .footer-body a:hover {
		text-decoration: underline;
	}
	
	.brands {
		float:left;
		width:50%;
		}
	.brands li {
		padding:5px 0;
		/*font-size:14px;*/
		text-align:center;
                font-size:18px;
                color:#000000;
		}
        .brands li a {
            font-size:18px;
            color:#000000;
            text-decoration: none;
        }        
		
	#zoom {
		position:relative;
		float:right;
		margin:3px 10px 0 0;
		}
	#zoom a{
		margin:0 0 0 10px;
		}
	#zoom .open {
		
		}
	#zoom .close {
		display:none;
		}
	#gmap {
		display: block;
		width: 100%;
		height: 370px;
	}

#gmap {
    background: #000;
}
.flip {
  -moz-transform: scaleX(-1);    /* Gecko */
  -o-transform: scaleX(-1);      /* Operah */
  -webkit-transform: scaleX(-1); /* webkit */
  transform: scaleX(-1);         /* standard */
  filter: FlipH;                 /* IE 6/7/8 */
  display: inline-block;
}


/* ********************************
GO TOP BUTTON
********************************** */
.go-top {
	width: 40px;
	height:25px;
	position:fixed;
	z-index:500;
	text-align:center;
	bottom: 10px;/*35px;*/
	right: 10px;
	text-decoration:none;
	color:white;
	cursor:pointer;
	font-size:12px;
	background:url("../images/ico_go_top.png") no-repeat 0 0;
	/*
		background:url("../img/ico_go_top.png") no-repeat 0 0;
		background:url('../img/up_arrow.png') center no-repeat;
		*/
	display:none;
	-webkit-transition:bottom 0.3s ease-out;
	-moz-transition:bottom 0.3s ease-out;
	-o-transition:bottom 0.3s ease-out;
	transition:bottom 0.3s ease-out;
}



#big_logo_home .content-left {
    width: 100%;
    padding-top: 16%;
}
#big_logo_home .hometitle_line2{
    margin-top: 35px;
    font-size: 300%;
    text-align: center;
    color: #000000;
    
}

#big_logo_home img{
    display:block;
    margin: 0 auto;
    max-width: 70%;
}

#_contatti h4,
#_contatti a{
    color:#000000;
    text-decoration: none;
}

.social{    
    text-align: center;
    margin-top: 45px;
}
.social > a {
    display: inline-block;
    margin: 0 15px;
    max-width: 50px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.social > a:hover {
    opacity: 0.6;
}
.social > a > img {
    
}


/*
 * mobile start
 */
@media screen and (max-width: 768px){
	
	#fsn > section > article:nth-child(1){}
        #big_logo_home img{
            max-width: 90%;
        }
        #big_logo_home .content-left {
            width: auto;
            padding: 20% 0;
        }
	article {
		color:#FAFAFA;
	}
	.fsn-bar .bar-body{
		width:auto;
		max-width:980px;
		padding: 0 20px;
	}
	.menu,
	.logo {
    	float: none;
		max-width:100%;
		margin: 0 auto;
		display:block;
		text-align:center;
	}
	.menu .fsn-menu-item{
		float: none;
		display:inline-block;
	}
	#article{
		float:left;
	}
	.content-left {
    	float: none;
    	width: 86%;
    	padding: 5%;
		margin: 0 auto;
	}
	.content-right {
		float: none;
    	width: 86%;
    	padding: 5%;
		margin: 0 auto;
	}
	#fsn > section > article:nth-child(2) > div.content-right{
		clear:both;
	}
	.content-left h1{
		padding:0;
		margin:0 auto;
		text-align:center;
	}
	
	footer{
		background:#000000;
		color:#FFFFFF;
		text-align:center;
		position:relative;
		margin-top:2%;
	}
	footer p {
		margin:0;
		padding:15px 5px;
	}
        #zoom { display: none; }

        
        #big_logo_home .hometitle_line2{
            margin-top: 20px;
            font-size: 200%;
        }

        .social{
            margin-top: 25px;
        }
        .social > a {
            margin: 0 10px;
            max-width: 25px;
        }		
}