/* custom responsive */

@media (min-width: 770px) {
	.row-fluid .span8 {
		width: 50.812%;
	}

	.row-fluid .span2 {
		width: 21.5299%;
	}

}

/* tablet verticale */
@media (max-width: 981px) {

	.row-fluid .span7 {
		width: 100% !Important;
	}

	header.testata .span7 {
		border-right: 0px !Important;
	}

	.navbar {
		margin-bottom: 20px;
		margin-left: 20px;
		overflow: visible;
	}

	aside {
		width: 100% !Important;
	}

	aside div {

		padding: 20px;
	}
	section.span8 {
		width: 95% !important;
	}

	form {
		width: 380px;
	}

	header.testata h1 {
		font-size: 0.9em;
	}

	.menu {
		border-bottom: 0px !Important;
	}
}

/* smartphone verticale */
@media (max-width: 480px) {

	body, html {
		padding: 0px !Important;
	}

	.datepicker {
		left: 20px !important;
	}

	.menu .navbar .nav  li  a {
		padding: 0px;
	}

	.nav.navbar-nav {
		margin-bottom: 20px;
	}

	section.span8 {
		margin-left: 10px !Important;
	}
	form {
		width: 280px !Important;
	}

	.menu input {
		width: 280px !Important;
	}
/* qui */
	header.testata .span7 img {
		display: block;
		margin-left: 130px;
		
		
	}

	header.testata h1 {
    
    text-align: center;
    margin-left: 40px;
	}



	header.testata .span4 img {
		
		width: 80%;
		
	}

header.testata .span4 {
	display: block;
	margin-left:40px;
}


.navbar .nav  li {
	display: block;
	float: none;
	clear: both;
}

.title-page {

    margin-top: 50px;
}
.date { display:block;
		
	}
#pipe {
	display:none; 
}
}


/* smartphone orizzontale */
@media (min-width: 480px) AND (max-width: 620px) {

	body {
		padding: 0px !important;
	}

	.span7 {
		text-align: center !important;
	}

	.datepicker {
		left: 20px !important;
	}
	.menu .navbar .nav li a {
		padding: 0px !Important;
		font-size: 0.8em !important;
	}

	.navbar .nav {
		margin-left: 15px !important;
	}

	header.testata h1 {
		margin-left: 140px !Important;
		text-align: center !important;
	}
	header .span4 img {
		width: 50%;
		margin-left: 130px;
	}

	header.testata .span5 img {
		margin-left: 25px;
	}
	.span8 {
		width: 95% !Important;
		margin-left: 20px !important;
	}

	header.testata .span7 img {

		margin-left: 200px !important;
	}
	
	.nav.navbar-nav li {
		padding-right: 10px;
	}
	
	

}


@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

		header.testata h1 {
		margin-left: 30px !Important;
		text-align: center !important;
	}
	
	
	
}