/*
* 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
================================================== */

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


/* SUB-MENU (bikes.html) */

	.toggle-nav { 
			display:none;
	}

	.menu {
			width:100%;
			padding:11px 0;
			background:#4b4b4b;
		}

	.menu ul {
		display:inline-block;
	}

	.menu li {
		margin:0px 40px 0px 0px;
		float:left;
		list-style:none;
		font-size:16px;
		font-weight: 300;
	}

	.menu li:last-child {
		margin-right:0px;
	}

	.menu a {
		color:#fff;
		transition:color linear 0.15s;
		text-decoration: none;
	}

	.menu a:hover, .menu .current-item a {
		text-decoration:none;
		color:#598F93;
	}


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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.margin-bottom-20-desktop { /* AGGIUNTO */
		margin-bottom: 20px !important;
		}
		.menu li {
		margin:0px 20px 0px 0px;
		}
}

	/* Desktop - AGGIUNTO */
	@media only screen and (min-width: 768px) {
		
		.margin-bottom-20-desktop { /* AGGIUNTO */
		margin-bottom: 20px !important;
		}
}


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.margin-vertical-20 { /* AGGIUNTO */
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		}
		.margin-top-15 { /* AGGIUNTO */
		margin-top: 15px !important;
		}
		.margin-top-55 { /* AGGIUNTO */
		margin-top: 55px !important;
		}
		.margin-bottom-25-mobile { /* AGGIUNTO */
		margin-bottom: 25px !important;
		}
		
	
	/* SUB-MENU (bikes.html) */

		.menu {
			position:relative;
			display:inline-block;
			
		}

		.menu ul.active {
			display:none;
		}

		.menu ul {
			width:100%;
			position: relative;
			top:120%;
			left:0px;
			padding-top:3px;
			background:#4b4b4b;
		}
		
		.menu li {
			margin:5px 0px 15px 43px;
			float:none;
			display:block;
			text-align: left;
		}

		.menu a {
			display:block;
		}

		.toggle-nav {
			padding:0 16px;
			float:left;
			display:inline-block;
			color:#fff;
			font-size:18px;
			font-weight: 300;
			transition:color linear 0.15s;
		}

		.toggle-nav:hover, .toggle-nav.active {
			text-decoration:none;
			color:#fff;
		}
		
		.toggle-bigger {
			font-size:22px;
		}


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.hidden-voicemenu { /* AGGIUNTO */
		margin-left:14px;
		}
		.focusedbox-bigtext-b { /* AGGIUNTO */
		text-align: justify;
		padding: 20px 0 0 0;
		}
		.advcolumns-left {  /* AGGIUNTO 2022 per lastbreyt.com */
			margin-left: 0 !important;
			margin-right: 0 !important;
			margin-bottom: -3px !important;
		}
		.advcolumns-right {  /* AGGIUNTO 2022 per lastbreyt.com */
			margin-left: 0 !important;
			margin-right: 0 !important;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.hidden-voicemenu { /* AGGIUNTO */
		visibility: hidden;
		margin-left:-52px;
		}
		.focusedbox-bigtext-b { /* AGGIUNTO */
		text-align: left;
		padding: 20px 0 0 0;
		}
		.advcolumns-left {  /* AGGIUNTO 2022 per lastbreyt.com */
			margin-left: 0 !important;
			margin-right: 0 !important;
			margin-bottom: -3px !important;
		}
		.advcolumns-right {  /* AGGIUNTO 2022 per lastbreyt.com */
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
		
	}


/* #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; }
*/