@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Black+Ops+One|Coda:400,800&subset=latin,latin-ext);

@font-face {
    font-family: 'Harvest';
    src: url('fonts/harvest_regular-webfont.eot');
    src: url('fonts/harvest_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/harvest_regular-webfont.woff2') format('woff2'),
         url('fonts/harvest_regular-webfont.woff') format('woff'),
         url('fonts/harvest_regular-webfont.ttf') format('truetype'),
         url('fonts/harvest_regular-webfont.svg#harvestregular') format('svg'),
		 local('Harvest');
    font-weight: normal;
    font-style: normal;

}
html,body{
	height:100%;
}  
body{
	margin:0;
	padding:0;
	font-family:Coda,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:0.95em;
	color:#fff;
	background-color:#1D1F25;
}

a, a:visited, a:active{
	color:#EB5F13;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:underline;
}
a img{border:none}


a.button,
a.button:visited,
a.button:active{
	display:inline-block;
	padding:0.5em 1.5em 0.5em 1.5em;
	text-transform:uppercase;
	border:#EB5F13 1px solid;
	color:#EB5F13;
	text-decoration:none;
}

a.button:hover,
a.button:focus{
	background-color:#EB5F13;
	color:#fff;
	border-color:#fff;
	text-decoration:none;
}




form{
	margin:0px;
	padding:0px;
}
p.justificado{
	text-align:justify;
}
p.indent{
	text-indent:2em;
}
img.derecha{
	float:right;
	margin:0px 0px 20px 20px;
}
img.izquierda{
	float:left;
	margin: 0px 20px 20px 0px;
}
img.borde{
	border:#ccc 1px solid;
	padding:3px;
	background-color:#FFF;
}




h1{
	color:#EB5F13;
	text-transform:uppercase;
	text-align:center;
	font-family:'Black Ops One',Impact,'Arial Black',Helvetica,sans-serif;
	margin:0;
	padding-top:3em;
	font-size:3em;
	line-height:1em;
	font-weight:normal;
}
h2{
	font-family:Harvest,Impact,'Arial Black',Helvetica,sans-serif;
	color:#fff;
	margin:0;
	padding-bottom:2em;
	line-height:1em;
	font-size:1.1em;
	font-weight:normal;
	text-align:center;
}
#tienda-motocross-atv-chiluca h2{
	color:#555;
}



div.menu{
	width:100%;
	height:125px;
	background:transparent url(../media/menu-back.png) repeat-x top center;
	position:fixed;
	top:0;
	left:0;	
	text-align:center;
	z-index:3;
}
div.menu > div{
	display:table;
	width:100%;
	max-width:1366px;
	height:80%;
	margin:auto;
}
div.menu > div > div{
	display:table-cell;
	width:50%;
	vertical-align:middle
}
div.menu > div > div:nth-child(1){
	text-align:left;
	padding-left:2em;
	width:30%;
}
div.menu > div > div:nth-child(2){
	text-align:right;
	padding-right:2em;
	width:70%;
}

div.menu > div > div:nth-child(2) > span{
	font-family:Harvest,Impact,'Arial Black',Helvetica,sans-serif;
	display:block;
	font-size:1.3em;
	line-height:1em;
	padding-bottom:0.5em;
}
div.menu > div > div:nth-child(2) > span > img{
	vertical-align:middle;
	margin-left:0.5em;
}
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{
	color:#fff;
	display:inline-block;
	margin-left:2em;
}


div.container{
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
	background-size:cover;
	position:relative;
	z-index:2;
	text-align:center;
}
div.container.fullheight{
	height:100%;
}
div.container#atv-utv-motocross-enduro{
	background-image:url(../media/back-home.jpg);
}
div.container#accesorios-refacciones-motos-mayoreo{
	background-image:url(../media/back-mayoreo.jpg);
}

div.container#tienda-motocross-atv-chiluca{
	background-color:#FFF;
	color:#555;
}

div.container.separador:before,
div.mapa-google:before{
	height:1em;
	width:100%;
	content:"";
	position:absolute;
	top:-1em;
	left:0;
	background:transparent url(../media/separador-negro-top.svg) repeat-x top left;
	background-size:contain
}
div.container.separador.invertido:before,
div.mapa-google:before{
	top:0;
	background:transparent url(../media/separador-negro-bottom.svg) repeat-x top left;
}


div.container > div{	
	max-width:1366px;
	position:relative;
	margin:auto;
	text-align:left;
}
div.container > div.fullwidth{
	width:auto;
	max-width:none;
	text-align:center;
}
div.container > div.fullheight{
	height:100%;
}
div.container > div > div{
	padding:0 2em 0 2em;
	position:relative;
}
div.container > div.fullwidth > div{
	max-width:1366px;
	margin:auto;
}
div.container > div.fullheight > div{
	height:100%;
}

div.container > div > div div.down{
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
div.container > div > div div.down.nofloat{
	position:static;
}

div.container p{
	font-size:0.8em;
}



div.homesquare{
	width:50%;
	padding:2em;
	border:#fff 1px solid;
	text-shadow:rgba(0,0,0,0.2) 1px 1px 0;
	color:#fff;
	position:absolute;
	top:50%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background-color:rgba(29,31,37,0.3);
}
div.homesquare > h1,
div.homesquare > h2{
	text-align:left;
	color:#fff;
	padding:0;
}
div.homesquare > h1{	
	font-size:2.5em;
	line-height:1em;
	font-weight:normal;
	margin:0;
}
div.homesquare > h2{	
	font-size:1.3em;
	line-height:1.3em;
	font-weight:normal;
	margin-top:0;
}
div.homesquare > img{
	width:100%;
	height:auto;
	max-width:634px;
}

div.orange-bar{
	background-color:#EB6014;
}
div.orange-bar > div{
	height:5em;
	text-align:justify;
	line-height:5em;
	padding:0 2em 0 2em;
}
div.orange-bar > div:after{
	content:"";
	display:inline-block;
	width:100%;
	height:0;
}
div.orange-bar > div > img{
	vertical-align:middle;
}
div.orange-bar > div > span{
}


div.moto-squares{
	text-align:justify;
	overflow:hidden;
}
div.moto-squares:after{
	content:"";
	display:inline-block;
	width:100%;
}
div.moto-squares > div{
	width:46%;
	margin-top:2em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:1.5em;
	vertical-align:top;
	text-align:center;
	display:inline-block;
	position:relative;
}
div.moto-squares.tienda > div:nth-child(2):before{
	position:absolute;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width:1px;
	height:80%;
	background-color:#555;
	content:"";
	display:inline-block;
}

div.moto-squares > div > h3{
	font-family:Harvest,Impact,'Arial Black',Helvetica,sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:1.4em;
	margin:auto;
	margin-bottom:1em;
}
div.moto-squares.tienda > div > h3{
	color:#EB5F13;
}
div.moto-squares > div > p{
	margin-top:1em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
}
div.moto-squares > div > img{
	width:100%;
	height:auto;
}

div.moto-squares.tienda > div > img{
	width:311px;
}



					
div.mayoreo-square{
	padding:3em;
	border:#fff 1px solid;
	text-align:center;
}
@media only screen and (min-height:980px){
	div.mayoreo-square{
		position:absolute;
		top:50%;
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}
}
div.mayoreo-square > div{
	display:table;
	text-align:left;
}
div.mayoreo-square > div > div{
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
div.mayoreo-square > div.tabla > div:nth-child(1){
	width:30%;
}
div.mayoreo-square > div.tabla > div:nth-child(2){
	text-align:right;
}
div.mayoreo-square > div.lista{
	width:60%;
	margin:auto;
	padding-top:2em;
}
div.mayoreo-square > div.lista > div{
	width:25%;
	vertical-align:top;
}
div.mayoreo-square > div.lista ul{
	margin:0;
	overflow:hidden;
	padding:0;
	list-style:none;
	font-family:Harvest,Impact,'Arial Black',Helvetica,sans-serif;
}


#tienda-motocross-atv-chiluca:after{
	content:"";
	position:absolute;
	top:-334px;
	left:0;
	width:100%;
	height:334px;
	display:block;
	background:transparent url(../media/separador-arbol1.png) no-repeat bottom right;
	z-index:-1;
}
#tienda-motocross-atv-chiluca:before{
	content:"";
	position:absolute;
	top:-254px;
	left:0;
	width:300px;
	height:189px;
	display:block;
	background:transparent url(../media/separador-arbol2.png) no-repeat bottom right;
	background-size:contain;
	z-index:-1;
}
div.tienda-foto{
	background:transparent url(../media/foto-tienda.jpg) no-repeat center center;
	background-size:cover;
	height:400px;
}
div.tienda-foto > div{
	height:100%;
}

div.mapa-google > iframe{
	width:100%;
	height:400px;
	border:none;
}



div.tabla-contacto{
	display:table;
	width:100%;
}
div.tabla-contacto > div{
	display:table-cell;
	vertical-align:top;
	width:50%;
	text-align:left;
	padding-bottom:4em;
}
div.tabla-contacto > div:nth-child(2){
	text-align:right;
}
div.tabla-contacto p.tels{
	font-family:Harvest,Impact,'Arial Black',Helvetica,sans-serif;
	font-size:1.2em;
}

div.copy > div{
	font-size:0.8em;
	padding-top:3em !important;
	padding-bottom:3em !important;
	text-align:center;
}
div.copy > div > span{
	font-size:0.8em;
}

input,textarea{
	font-family:Arial,Helvetica,Sans-serif;
	line-height:30px;
	height:30px;
	padding:0;
	display:block;
	margin-bottom:1.5em;
	background:transparent url(../media/field-bg.png) repeat-x top left;
	border:none;
	color:#fff;
	width:100%;
	outline:none;
}
textarea{
	height:90px;
	background-repeat:repeat;
	overflow:hidden;
}


#atv-utv-motocross-enduro div.homesquare,
#equipo-accesorios-motocross-atv div.orange-bar,
#equipo-accesorios-motocross-atv div.moto-squares > div,
#accesorios-refacciones-motos-mayoreo div.mayoreo-square,
#tienda-motocross-atv-chiluca div.moto-squares > div,
#motocross-enduro-atv-mexico div.mapa-google{
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}

#atv-utv-motocross-enduro div.homesquare{
	left:-20%;
	opacity:0;
}
#atv-utv-motocross-enduro.abierto div.homesquare{
	left:2em;
	opacity:1;
}

#equipo-accesorios-motocross-atv div.orange-bar,
#equipo-accesorios-motocross-atv div.moto-squares > div,
#accesorios-refacciones-motos-mayoreo div.mayoreo-square,
#motocross-enduro-atv-mexico div.mapa-google{
	opacity:0;
}
#equipo-accesorios-motocross-atv.abierto div.orange-bar,
#equipo-accesorios-motocross-atv.abierto div.moto-squares > div,
#accesorios-refacciones-motos-mayoreo.abierto div.mayoreo-square,
#motocross-enduro-atv-mexico.abierto div.mapa-google{
	opacity:1;
}



#equipo-accesorios-motocross-atv.abierto div.moto-squares > div:nth-child(2){
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
} 
#equipo-accesorios-motocross-atv.abierto div.moto-squares > div:nth-child(3){
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
	transition-delay:0.6s;
} 
#equipo-accesorios-motocross-atv.abierto div.moto-squares > div:nth-child(4){
	-moz-transition-delay:0.9s;
	-o-transition-delay:0.9s;
	-webkit-transition-delay:0.9s;
	-ms-transition-delay:0.9s;
	transition-delay:0.9s;
} 


#tienda-motocross-atv-chiluca div.moto-squares > div:nth-child(1){
	left:-20%;
	opacity:0;
}
#tienda-motocross-atv-chiluca div.moto-squares > div:nth-child(2){
	left:20%;
	opacity:0;
}

#tienda-motocross-atv-chiluca.abierto div.moto-squares > div:nth-child(1),
#tienda-motocross-atv-chiluca.abierto div.moto-squares > div:nth-child(2){
	left:0;
	opacity:1;
}