article h2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	margin: 25px 0;
	line-height: 1em;
	color: #F00;
}

.contenedor{ height: 100%; margin: 0 auto; width: 100%; max-width: 1900px; position: absolute; 
}


.story { height: 1000px; padding: 0; margin: 0; width: 1900px; max-width: 1900px; position: relative; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.8);}

#first { background: url(../images/fondo2.gif) 50% 0 no-repeat fixed; }
#second { background: url(../images/fondo_engranes2.gif) 50% 0 no-repeat fixed; }
#third { background: url(../images/promocion_fondo.jpg) 50% 0 no-repeat fixed; }
#fourth { background: url(../images/creatividad_fondo.jpg) 50% 0 no-repeat fixed; }
#fifth { background: url(../images/medios_fondo.jpg) 50% 0 no-repeat fixed; }
#six { background: url(../images/capital_fondo.jpg) 50% bottom no-repeat fixed; }
#seven { background: url(../images/inteligencia_fondo.jpg) 50% 0 no-repeat fixed; }
#eight { background: url(../images/clientes_fondo1.png) 50% 0 no-repeat fixed; }
#theend { background: url(../images/fondo2.gif) 50% bottom no-repeat fixed; } 


/* Introduction */
#first .smashinglogo { background: url(../images/logo_mbg.png) 50% 100px no-repeat fixed; min-height: 100%; padding: 0; margin: 0; width: 100%; max-width: 1900px; position: relative; margin: 0 auto; }
#first article { width: 100%; top: 300px; position: relative; text-align: center; }
#first article p{ width:500px; margin-bottom:25px;}
#first article a { color: #ccc; }
#first article a { text-decoration: underline; }
#first article a:hover { color: #fff; }

/* Background Only */
#second { padding: 50px 0;}
#second article { background: url(../images/grain.png) repeat #333; color: #fff; width: 500px; margin: 300px 0 0 7%; padding: 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 2.5em; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }
#second article p {width:500px; margin-bottom: 25px; }
#second article a { color: #ff0;}

/* BTL AND PROMOTION */
#third article {  background: url(../images/grain.png) repeat #333; color: #fff; width: 380px; padding:30px; margin: 100px 0 0 60%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }
#third .photograph { background: url(../images/photo.png) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 100px 0 20% 0%; width: 100%; max-width: 1000px; position: relative; }
#third article p {width: 500px; margin-bottom: 25px;}


/* Creatividad y Diseño */
#fourth article {
	background: url(../images/grain.png) repeat #333;
	color: #fff;
	padding:20px;
	margin: 250px 0 0 8%;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	line-height: 1.5em;
	color: #fff;
	position: absolute;
	top: 0;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	border: 1px solid rgba(150,150,150,0.1);
	width: 380px; 

}
#fourth .engrane { background: url(../images/slide4.png) transparent 40% 500px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 380px; max-width: 1000px; position: relative; margin: 0 auto; }
#fourth article p { width: 450px; margin-bottom: 25px; }

/* Medios*/
#fifth article {  background: url(../images/grain.png) repeat #333; color: #fff; padding: 25px; margin: 250px 0 0 60%; width: 380px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }
#fifth .photograph { background: url(../images/photo.png) transparent 40% 300px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1000px; position: absolute; margin: 0 auto; }
#fifth article p { width: 500px; margin-bottom: 25px; }

/* Capital */
#six article {  background: url(../images/grain.png) repeat #333; color: #fff; padding: 28px; margin: 210px 0 0 8%; width: 380px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }
#six .engrane { background: url(../images/engrane1.png) transparent 40% 500px no-repeat fixed; min-height: 100%; padding: 0; margin: 0; width: 380px; max-width: 1000px; position: relative; margin: 0 auto; }
#six article p { width: 500px; margin-bottom: 25px; }

/* Inteligencia*/
#seven article {  background: url(../images/grain.png) repeat #333; color: #fff; padding: 28px; margin: 175px 0 0 60%; width: 380px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }
#seven .photograph { background: url(../images/photo.png) transparent 40% 300px no-repeat fixed; min-height: 100%; padding: 0; margin: 0;  max-width: 100%; position: absolute; margin: 0 auto; }
#seven article p { width: 500px; margin-bottom: 25px; }

/* Clientes*/

#eight article {   repeat #333; color: #fff; padding: 5px 5px; margin: 10px 0 0 0%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); z-index:2; }
#eight .photograph { background: url(../images/grain.png) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 100px; position: absolute; margin: 0 auto; }
#eight article p { width: 500px; margin-bottom: 25px; z-index:2;} 


/* The End */
#theend .byebye { background: url(../images/.gif) 40% 100px no-repeat fixed; height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: absolute; margin: 0 auto; }


.boton {
	display: block;
	width: 114px;
	height: 116px;
	background: url(../images/contactenos.png) top;
	text-indent: -99999px;
	
}

.boton:hover {
	background-position: center;
}

.boton:active {
	background-position: bottom;
}

.botonclientes {
	position:relative;
	z-index:3;
}