/* ----------------------------------
 * Nike.Landing
 * ---------------------------------- */

#entry {
  z-index: 100001;
  position: absolute;
  height: 100%;
  width: 100%;
}

.intro-pane {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  
  
	
	background-position: 50% 0;
}

.pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/caja1.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.pattern3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/caja3.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.pattern2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/caja2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#enter-button{
 
 height: 87px;
    margin-left: -16px;
    margin-top: -4px;
    overflow: hidden;
    width: 100%;
    z-index: 20;
}

#back-button {
  
  display: none;
  position: fixed;
  height: 65px;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  z-index: 20;
}

a#enter-site {
	position:fixed;
	display: block;
	width: 176px;
	height: 87px;
	position: absolute;
	
	background: url(../img/entrar.png) no-repeat 0% 0%;
	text-indent: -9000px
}

a#enter-site:hover {
	background-position: -176px 0px;
}

#enter-site-down{
  position: fixed;
  height: 40px;
  width: 70px;
  bottom: 0;
  right:0;
  overflow: hidden;
  z-index: 20;
}
a#enter-site-down {
  position:fixed;
  display: block;
  width: 70px;
  height: 40px;
  position: absolute;
  bottom:0;
   right:0;
  background: url(../img/top.png) 0% 0% no-repeat;
  text-indent: -9000px
}

a#enter-site-down:hover {
  background-position: 0% 100%;
}

a#back-to-feature {
  position:fixed;
  display: block;
  width: 70px;
  height: 40px;
  position: absolute;
  bottom:0;
  right:0;
  background: url(../img/back-to-the-feature.png) 0% 0% no-repeat;
  text-indent: -9000px
}

a#back-to-feature:hover {
  background-position: 0% 100%;
}

#preroll {
	background-color: #000000;
	position: fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
	top: auto;
	left: auto;
	z-index: 10;
	background-image: url(../img/landing.jpg);
	background-position: center top;
}

#cta {
  position: absolute;
  top: 128px;
  left: 25px;
  width: 497px;
  height: 80px;
  background: url(../img/hadar-zoom-force-cta.png) no-repeat 0 0;
}



#cta p {
  display: none;
}

#swoosh {
	margin-left: 80px;
    margin-top: 135px;
    position: absolute;
    width: 100%;
}

#stripes {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 9;
}

#pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  background: url(../img/pattern.jpg) repeat 0 0;
}

footer {
  min-height: 365px;
}

#btOrd{
	    background-image: url("../img/order.png");
    background-repeat: no-repeat;
    height: 88px;
    margin-top: 32px;
    width: 508px;
	margin-left:-20px}
	
	a.rollover {
	display: block;
	width: 508px;
	height: 88px;
	text-decoration: none;
	background: url(../img/order.png);
	}
a.rollover:hover {
	background-position: -508px 0px;
	}
	.displace {
position: absolute;
left: -5000px; }

a.rollover2 {
	display: block;
	width: 360px;
	height: 301px;
	text-decoration: none;
	background: url(../img/ultimate.png);
	}
a.rollover2:hover {
	background-position: 0px -301px;
	}
	
	#social{
   position: absolute;
    right: 87px;
    top: 34px;
    width: 100px;
}
.face {
	    
     height: 40px;
    margin-left: 11px;
    margin-top: 0;
    width: 97px;
}
.share {
 height: 40px;
    margin-left: 0;
    margin-top: -10px;
    padding-left: 30px;
}
#txHome{
       color: #FFFFFF;
    font-size: 12px;
    line-height: 12px;
    margin-left: 3px;
    margin-top: 18px;
    width: 300px;}
#infoHome{
	    margin-left: auto;
    margin-right: auto;
    width: 1000px;}