@import url("font-awesome.min.css");

@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic");

@import url("https://fonts.googleapis.com/css?family=Great Vibes");

@import url("https://fonts.googleapis.com/css?family=Milonga");




@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) and (orientation : portrait) {
	
	/* ---------------------------------------- LOGO MOBILE ---------------------------------- */	
	
	
	
.background_logo {
	
 background-color: white;
    background-image: url("images/Immagine.png"), url("images/Immagine2.png");
    background-position: left top, right -164px;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 56% 23em, 58% 23em;
    padding: 5px 0 10px;
    text-align: center;
	
	}		
	
	
.logo_mobile {
    height: auto;
    margin-bottom: -2%;
    margin-left: -7px;
    padding: 0;
    width: 56%;
}		
	
	
	/* -----------------------------------------BARRA MENU-------------------------------*/


#titleBar .title {
    color: transparent;
    display: block;
    font-weight: 600;
    position: relative;
    text-align: center;
    z-index: 1;
}

#banner header h2 {
    display: inline-block;
    font-size: 17.25px;
    margin: 0;
    vertical-align: middle;
}

#titleBar {
    backface-visibility: hidden;
    background-color: #37c0fb;
    background-image: -moz-linear-gradient(center top , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url("images/bg01.png");
    border: 5px solid #fff;
    border-radius: 23px;
    box-shadow: 0 0 0 0 #fff;
    display: block;
    height: 44px;
    left: 0;
    line-height: 36px;
    position: fixed;
    top: 1px;
    transition: transform 0.5s ease 0s;
    width: 6%;
    z-index: 10001;
}

#titleBar .toggle::before {
    color: #fff;
    content: "";
    display: block;
    height: 44px;
    opacity: 1;
    text-align: center;
    width: 37px;
}


#page-wrapper {
    backface-visibility: hidden;
    padding-bottom: 14px;
    padding-top: 0px;
    transition: transform 10.5s ease 6s;
}

/*   ----------------------------------------------IMG FOTO AUTO ARTICOLO------------------------------------------      */

.img_automezzi_1 {
	
width: 50%;	
	
	}
	
	.img_automezzi_2 {
	
float: left;
    height: 306px;
    width: 50%;
	
	}
	
	.img_automezzi_3 {
	margin-top: -7px;
    height: auto;
    width: 100%;
	
	}
	

	


	
	
	
	/* ---------------------------------------- CONTATTI MAPPA ---------------------------------- */  


#contatti_mappa {
    background: rgb(238, 238, 238) none repeat scroll 0 0;
    box-shadow: 0 0 25px #333333;
    float: none;
    height: 341px;
    left: 14%;
    position: relative;
    top: -5px;
    width: 500px;
}


#div_contatti2 {
    font-size: 20px;
    left: 25%;
    padding: 20px 0 0;
    position: relative;
    text-align: justify;
    top: 32px;
     width: 50%;
}


/* ---------------------------------------- CONTATTI MAPPA MOBILE ---------------------------------- */    
  
#contatti_mappa_mobile {

display: none;

} 

/*--------------------------------------------- SCRITTA CONTATTI --------------------------------*/

.scritta_contatti {
	
text-align: center; 
font-family: 'Indie Flower';
font-size: 2.5em;	
 color: inherit;
    font-weight: 600;
    line-height: 0.75em;
    margin-bottom: 1em;
 
    
	
	
	}	


.scritta_aperti{
	
	font-family: 'Indie Flower';
	font-size: 0.7em;
 font-weight: bold;	
  
	}
	
	.h24 {
		
background-color: yellow;
    
    border-radius: 14px;
    padding: 0 4px;
    text-decoration: underline;
	
		
		}
	
		
		
	}
	
	
	
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
	
	
#header {

background-color: white;
    background-image: url("images/Immagine.png"), 
                      url("images/Immagine2.png");
   background-position: left top, right -151px;
    background-repeat: no-repeat, no-repeat, repeat;
   background-size: 52% 25em, 54% 24em;
    padding: 5px 0 0;
    text-align: center;


}	

/* ---------------------------------------- LOGO ---------------------------------- */

.logo {
    height: 250px;
    margin-left: -1%;
    padding: 0;
    width: 600px;
}
	
	
	
	
/* ---------------------------------------- LOGO MOBILE ---------------------------------- */
	
	

	
.logo_mobile {
    display: none;
}			
	
	
	
#header {
	
background-position: left top, right -150px;	
	
	}	
	
	
/*   ----------------------------------------------IMG FOTO AUTO ARTICOLO------------------------------------------      */

.img_automezzi_1 {
	
width: 50%;	
	
	}
	
	.img_automezzi_2 {
	
float: left;
    height: 360px;
    width: 50%;
	
	}
	
	.img_automezzi_3 {
	margin-top: -7px;
    height: auto;
    width: 100%;
	
	}
	

	

	
	
	
/* ---------------------------------------- CONTATTI MAPPA MOBILE ---------------------------------- */ 	
	
	
	#contatti_mappa_mobile {

display: none;

} 

/* ---------------------------------------- CONTATTI MAPPA ---------------------------------- */  

#contatti_mappa {
    background: rgb(238, 238, 238) none repeat scroll 0 0;
    box-shadow: 0 0 25px #333333;
    height: 341px;
    left: 3%;
    position: relative;
    top: 121px;
    width: 500px;
}

/*--------------------------------------------- SCRITTA CONTATTI --------------------------------*/

.scritta_contatti {
	
text-align: center; 
font-family: 'Indie Flower';
font-size: 2.5em;	
 color: inherit;
    font-weight: 600;
    line-height: 0.75em;
    margin-bottom: 1em;
 
    
	
	
	}	


.scritta_aperti{
	
	font-family: 'Indie Flower';
	font-size: 0.7em;
 font-weight: bold;	
  
	}
	
	.h24 {
		
background-color: yellow;
    
    border-radius: 14px;
    padding: 0 4px;
    text-decoration: underline;
	
		
		}
		
		#div_contatti2 {
    font-size: 20px;
    left: 145px;
    margin-bottom: -33px;
    padding: 20px 0 0;
    position: relative;
    text-align: justify;
    top: -11px;
}

	
	
}