@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:960px) and (orientation:portrait){
	div.container#atv-utv-motocross-enduro{
		background-image:url(../media/back-home-mobile.jpg);
	}
}
@media only screen and (max-width:960px){
	
	body{
		font-size:0.9em;
	}
	
	h1{
		font-size:2em;
		padding-top:3.5em;
	}
	h2{
		font-size:1em;
	}
	
	div.menu{
		height:auto;
		background-size:100% 100%;
		padding:2em 0 4em 0;
		overflow:hidden;
		width:100%;
	}
	div.menu > div{
		display:block;
		max-width:none;
		height:auto;
		width:auto;
	}
	div.menu > div > div,
	div.menu > div > div:nth-child(1),
	div.menu > div > div:nth-child(2){
		display:block;
		width:auto;
	}

	}
	div.menu > div > div:nth-child(1){
		float:left;
		text-align:left;
		padding-left:1em;
	}
	div.menu > div > div:nth-child(1) > a > img{
		height:8em;
		width:auto;
	}
	div.menu > div > div:nth-child(2){
		padding-right:1em;
	}

	div.menu > div > div:nth-child(2) > span{
		position:relative;
		top:2em;
		font-size:1.5em;
	}
	div.menu > div > div:nth-child(2) > span > img{
		height:1em;
		width:auto;
	}
	
	div.menu > div > div:nth-child(2) > div{
		clear:both;
		text-align:justify;
		padding-left:1em;
		padding-top:0em;
	}
	div.menu > div > div:nth-child(2) > div:after{
		content:"";
		width:100%;
		display:inline-block;
	}
	
	div.menu > div > div:nth-child(2) > div > a,
	div.menu > div > div:nth-child(2) > div > a:visited,
	div.menu > div > div:nth-child(2) > div > a:active{
		margin-left:0;
	}
	
	div.menu > div > div:nth-child(2) > div > a > span{
		display:none;
		visibility:hidden;
	}
	
	div.container > div > div{
		padding:0 1em 0 1em !important;
	}
	div.container > div.orange-bar > div{
		padding:0 !important; 
	}
	
	
	
	div.homesquare{
		width:auto;
		margin-right:2em;
		margin-left:2em;
		font-size:0.7em;
		background-color:rgba(0,0,0,0.2);
	}
	
	div.orange-bar > div{
		height:auto;
		text-align:center;
		line-height:normal;
	}
	div.orange-bar > div:after{
		display:none;
	}
	div.orange-bar > div > img{
		display:inline-block;
		margin:0.8em;
	}

	div.moto-squares,
	div.moto-squares > div{
		text-align:center;
		width:auto;
		display:block;
		overflow:hidden;
	}
	div.moto-squares:after{
		display:none;
	}
	
	div#accesorios-refacciones-motos-mayoreo.fullheight,
	div#accesorios-refacciones-motos-mayoreo.fullheight > div.fullheight{
		height:auto;
	}
	
	div.mayoreo-square{
		padding:2em;
		margin-bottom:5em;
	}
	div.mayoreo-square > div.tabla,
	div.mayoreo-square > div.tabla > div,
	div.mayoreo-square > div.tabla > div:nth-child(1),
	div.mayoreo-square > div.tabla > div:nth-child(2){
		display:block;
		width:auto;
		text-align:center;
	}
	div.mayoreo-square > div.tabla img{
		width:30%;
		height:auto;
	}
	
	div.mayoreo-square > div.lista > div{
		text-align:center;
		padding:0 0.3em 0 0.3em;
		font-size:0.8em;
		line-height:1.5em;
	}
	
	#tienda-motocross-atv-chiluca:after{
		background-size:cover;
		top:-7em;
		height:7em;
	}
	
	#tienda-motocross-atv-chiluca:before{
		background-position:bottom left;
		width:50%;
		height:5em;
		top:-7em;
	}
	
	div.tienda-foto{
		height:15em;
	}
	
	div.tabla-contacto,
	div.tabla-contacto > div{
		width:auto;
		display:block;
	}
	div.tabla-contacto > div:nth-child(2){
		text-align:center;
		padding-bottom:1em;
	}
	
	
	input{
		border:none !important;
		-webkit-apperance:none;
	}
	
}