/* === CSS RESET === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* === End of CSS RESET === */


html,body{
	font-family: Verdana;
	margin:0;    
	/*background: url('img/s1_fondo_espacio.png');
	background: url('img/background_texture.png');*/
	background-repeat:repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width:960px;
	background-image:url(../img/fondo_carton.png);
	/*background: url(../img/background_texture.png) repeat center center fixed; */
}

a:link    {color:#000;}  /* unvisited link */
a:visited {color:#000;}  /* visited link */
a:hover   {color:#000;}  /* mouse over link */
a:active  {color:#000;}  /* selected link */

/**********************/
/* INTRO CUENTA ATRAS */
/**********************/

#container{
	position:fixed;
	/*background: url('../img/background_light.png');*/
	background-repeat:no-repeat;
	
	border: 0;
	border-color:white;
	z-index: 1;
	
	top: 0px;
	margin: 0 auto;
	padding:0px;
	width:960px;
	text-align:center;     
	height: 600px; 
}


.intro{
	top: 0px;
	margin: 0 auto;
	padding:0px;
	width:960px;
	text-align:center;     
	height: 600px;
	position:fixed;
}


#circle{
    background: url('../img/circles.png');
    background-repeat:no-repeat;
    z-index: 10;    
}

#sombra_intro{
    background: url('../img/position01.png');
    background-repeat:no-repeat;
    z-index: 20;
    display:none;    
}

#nums{
    background: url('../img/03.png');
    background-repeat:no-repeat;
    z-index: 30;
}

/*****************/
/* ESCENA 1      */
/*****************/


#escena1{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 1;	
	top: 0px;	
	width:960px;	
	height: 600px;
        
        background-repeat:no-repeat;
	background-position: 0px 0px;
}

.imgEstrellas{
	padding:0;
	margin:0;
	border:0;float:left;
	overflow: visible;
}

#estrellas{
       
       background: url('../img/estrellas_nyan2.gif') repeat;
       background-size: 400px 300px;       
       background-color:#000;
       background-position:0px 65px;
       text-align:left;
       position: fixed;
       padding:0;
       margin: 0 auto;
       left:0px;
       top:50px;
       right:0px;
       bottom:0px;       
       height:100%;
       z-index:0;
       width:960px;	
       height: 660px;
       
       border:0;
       border-color:white;
       visibility:hidden;
       
}

#moon{
	position:absolute;
	background: url("../img/luna.png");
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 100px 100px;
	top:0px;
	left:0px;	
	z-index: 30;
	width:960px;	
	height: 660px;	
}

#cohete-back{
	position:absolute;
	background: url("../img/cohete-back.png");
	background-repeat:no-repeat;	
	background-position: 100px 265px;
        background-color:transparent;
	top:0px;
	left:0px;	
	z-index: 31;
	width:960px;	
	height: 660px;
        visibility:hidden;
}

#cohete-front{
	position:absolute;
	background: url("../img/cohete-front.png");
	background-repeat:no-repeat;	
	background-position: 100px 265px;
	background-color:transparent;
        top:0px;
	left:0px;	
	z-index: 29;
	width:960px;	
	height: 660px;
        visibility:hidden;
}

#cohete-punta{
	position:absolute;
	background: url("../img/cohete-punta.png");
	background-repeat:no-repeat;	
	background-position: 100px 265px;
	background-color:transparent;
        top:0px;
	left:0px;	
	z-index: 32;
	width:960px;	
	height: 660px;
        visibility:hidden;
}

#cohete1{
	position:absolute;
	background: url("../img/cohete1.png");
	background-repeat:no-repeat;
	background-size:25% 25%;
	background-position: 100px 265px;
	top:0px;
	left:0px;	
	z-index: 29;
	width:960px;	
	height: 660px;	
}

#cohete2{
	position:absolute;
	background: url("../img/cohete2.png");
	background-repeat:no-repeat;
	background-size:13% 10%;
	background-position: 340px 265px;
	top:0px;
	left:0px;	
	z-index: 29;
	width:960px;	
	height: 660px;
	visibility:hidden;
}

/* GATO */
#gato{
    position:absolute;
	/*background: url("../img/nyan_cat_loop.gif");*/
	background: url("../img/nyan_cat_suelto.gif");
	background-repeat:no-repeat;	
	/*background-position:30% 50%;*/
	background-position:158px 277px;
        /*background-size:180px 100px;*/
	top:0px;
	left:0px;	
	z-index: 31;
	width:960px;	
	height: 660px;
	visibility:hidden;
}

#gato-arcoiris{
    position:absolute;
	background: url("../img/nyan_cat-arcoiris.gif");
	background-repeat:repeat-x;	
	background-position: 20% 50%;
        /*background-size:180px 100px;*/
	top:0px;
	left:180px;	
	z-index: 30;
	width:70px;	
	height: 660px;
	visibility:hidden;
}


/* NUBES */

.side{
	/*
	width:960px;	
	height: 660px;
	*/
	overflow:hidden;
}

/*izquierda*/

#side1{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	background: url('../img/s1_side_1.png');
	background-repeat:no-repeat;
	/*background-size: 100%;*/
	z-index: 30;
	width:393px;
	height: 382px;
}

#side3{
	position:absolute;
	float:left;
	top:330px;
	left:0px;
	background: url('../img/s1_side_3.png');
	background-repeat:no-repeat;
	/*background-size: 100%;*/
	z-index: 30;
	width:343px;
	height:282px;
}

/*derecha*/

#side2{
	position:absolute;
	float:right;
	top:0px;
	left:640px;
	background: url('../img/s1_side_2.png');
	background-repeat:no-repeat;
	/*background-size: 100%;*/
	z-index: 30;
	width:310px;
	height: 340px;
}

#side4{
	position:absolute;
	float:right;
	top:250px;
	left:690px;
	background: url('../img/s1_side_4.png');
	background-repeat:no-repeat;
	/*background-size: 100%;*/
	z-index: 30;
	width:254px;
	height: 339px;
}


/*****************/

#marco{
	/*
       background: url('img/fondo_carton.png') repeat;
       background-size: 960px 660px;
       */
       text-align:center;
       position: fixed;
       padding:0;
       margin: 0 auto;
       left:0px;
       top:50px;
       right:0px;
       bottom:0px;       
       height:100%;
       z-index:200;
       width:960px;	
       height: 860px;
       display:none;
       border:0;
}

/**************************/
/* ESCENA 3               */
/**************************/

#edificio{
	position:absolute;
       background: url('../img/neon-off.png');
       background-size: 25% 50%;
	background-repeat:no-repeat;
	background-position:150% 50%;
       text-align:center;
       position: fixed;
       padding:0;
       margin: 0 auto;
       left:0px;
       top:50px;
       right:0px;
       bottom:0px;
       z-index:3;
       width:960px;	
       height: 660px;
       
       border:0;
       border-color:white;
       
       visibility:hidden;
       overflow:hidden;
}

#galleta{
	position:absolute;
       background: url('../img/galleta.png');
       
	background-repeat:no-repeat;
	background-position:1200px 350px;
       text-align:center;
       position: fixed;
       padding:0;
       margin: 0 auto;
       left:0px;
       top:50px;
       right:0px;
       bottom:0px;
       z-index:31;
       width:960px;	
       height: 660px;
       
       border:0;
       border-color:white;
       
       visibility:hidden;
       overflow:hidden;
}

/**************************/
/* ESCENA 4               */
/**************************/

#texto{
       position:absolute;
       background: url('../img/txt.png');       
       background-repeat:no-repeat;
       background-position: 100px 150px;
       text-align:center;
       position: fixed;
       padding:0;
       margin: 0 auto;
       left:0px;
       top:50px;
       right:0px;
       bottom:0px;
       z-index:30;
       width:960px;	
       height: 660px;
       
       border:0;
       border-color:white;
       
       visibility:hidden;
       overflow:hidden;
}

#millones{
       position:absolute;
       background: url('../img/millones.png');       
       background-repeat:no-repeat;
       background-position: 100px 312px;
       text-align:center;
       position: fixed;
       padding:0;
       margin: 0 auto;
       left:0px;
       top:50px;
       right:0px;
       bottom:0px;
       z-index:30;
       width:960px;	
       height: 660px;
       
       border:0;
       border-color:white;
       
       visibility:hidden;
       overflow:hidden;
}


/*****************/
/* ESCENA BOLA DEL MUNDO      */
/*****************/

#escenaMundo{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 1;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/fondo-tela.png');
        background-repeat:no-repeat;
	visibility: hidden;
	overflow:hidden;
}

#nubes1_izq{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 1;	
	top: 83px;	
	width:960px;	
	height: 600px;
        
	background-position: -350% 370%;
	background-image: url('../img/nube1.png');
        background-repeat:no-repeat;
	visibility: hidden;
}

#nubes1_dch{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 2;	
	top: 83px;	
	width:960px;	
	height: 600px;
        
	background-position: 400% 370%;
	background-image: url('../img/nube1.png');
        background-repeat:no-repeat;
	visibility: hidden;
}

#nubes2_izq{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 3;	
	top: 83px;	
	width:960px;	
	height: 600px;
        
	background-position: -850% 425%;
	background-image: url('../img/nube_grande.png');
        background-repeat:no-repeat;
	visibility: hidden;
}

#nubes2_dch{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 21;	
	top: 83px;	
	width:960px;	
	height: 600px;
        
	background-position: 1700% 340%;
	background-image: url('../img/nube_grande.png');
        background-repeat:no-repeat;
	visibility: hidden;
}

#manoMono{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 80px;	
	width:960px;	
	height: 600px;
        
	background-image: url('../img/mano-mono-ok.png');
        background-repeat:no-repeat;
	background-position: 50% -200%;
	visibility: hidden;
}

#mundo{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 80px;	
	width:960px;	
	height: 600px;
        
	background-image: url('../img/planeta.png');
        background-repeat:no-repeat;
	background-position: 50% -15%;
	visibility: hidden;
}

#mano{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 80px;	
	width:960px;	
	height: 600px;
        
	background-image: url('../img/mano-corte.png');
        background-repeat:no-repeat;
	background-position: 50% 75%;
	visibility: hidden;
}

#onda{
	position:relative;
	text-align:center;
	
	margin: 0 auto;
	padding:0px;
	
	border: solid;
	border-color:red;
	z-index: 20;	
	
	top: 0px;
	left: 0px;
	
	width: 950px;	
	height: 600px;
        
	/*
	background-image: url('../img/onda.png');
        background-repeat:no-repeat;
	background-position: 50% 31%;
	background-size:10% 10%;
	*/
	overflow: hidden;
	visibility: hidden;
}

#imgOnda{
	top: 22%;
	position: relative;
	left: 0.5%;
	overflow:hidden;
}

#rayos{
	position:absolute;
	text-align:center;
	
	margin: 0 auto;
	padding:0px;
	
	border: solid;
	border-color:red;
	z-index: 20;	
	
	top: 0px;
	left: 0px;
	
	width: 950px;	
	height: 600px;
        
	/*
	background-image: url('../img/onda.png');
        background-repeat:no-repeat;
	background-position: 50% 31%;
	background-size:10% 10%;
	*/
	overflow: hidden;
	visibility: hidden;
}

#imgRayos{
	left: 0.7%;
	overflow: hidden;
	position: relative;
	top: 7%;
}

#forever{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 83px;	
	width:960px;	
	height: 600px;
	
        opacity: 0.0;
	
	background-image: url('../img/foreveralone.png');
        background-repeat:no-repeat;
	background-position: 40px 30px;
	visibility: visible;
	overflow:hidden;
}

#foreverManos{
	
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	
	top: 83px;	
	width:960px;	
	height: 800px;
	
	opacity: 0.0;
	
	visibility: visible;
	overflow:hidden;
	background-image: url('../img/foreveralone_carton.png');
        background-repeat:no-repeat;
	background-position:0% 0%;
	
	z-index: 36;
}

#textoIzq{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 1;	
	
	top: 0px;
	left:0px;
	
	width:960px;	
	height: 600px;
        
	background-position: -40% 25%;
	background-image: url('../img/only-17-blur.png');
        background-repeat:no-repeat;
	/*visibility: hidden;
	opacity:0.0;*/
	overflow:hidden;
}

#textoDch{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 1;	

	top: 0px;
	left: 0px;
	
	width:960px;	
	height: 600px;
        
	background-position: 140% 20%;
	background-image: url('../img/world-population_blur.png');
        background-repeat:no-repeat;
	/*visibility: hidden;
	opacity:0.0;*/
	overflow:hidden;
}


/*****************/
/* ESCENA OVNIS  */
/*****************/

#escenaOvnis{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 1;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/audience_ufo01.png');
        background-repeat:no-repeat;
	background-position:0% 600%;
	visibility: hidden;
	overflow:hidden;
}

#forever2{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 83px;	
	width:960px;	
	height: 600px;
	
        opacity: 0.0;
	
	background-image: url('../img/trololo.png');
        background-repeat:no-repeat;
	background-position: 820px 40px;
	visibility: visible;
	overflow:hidden;
}

#foreverManos2{
	
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	
	top: 83px;	
	left:0px;
	width:960px;	
	height: 800px;
	
	opacity: 0.0;
	
	visibility: visible;
	overflow:hidden;
	background-image: url('../img/mano-carton.png');
        background-repeat:no-repeat;
	background-position:740px 90px;
	
	
	z-index: 36;
}


/*
<div id="tituloAmerica"></div>
<div id="tituloFrancia"></div>
<div id="tituloAlemania"></div>
<div id="tituloRussia"></div>
*/

#tituloOvnis{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/audience.png');
        background-repeat:no-repeat;
	background-position:50% -50%;
	
	background-size:50%;
	
	visibility: hidden;
	overflow:hidden;
}


#tituloAmerica{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 21;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/audience_usa.png');
        background-repeat:no-repeat;
	background-position:10% 200%;
	visibility: hidden;
	overflow:hidden;
}

#tituloFrancia{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 21;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/audience_france.png');
        background-repeat:no-repeat;
	background-position:20% 200%;
	visibility: hidden;
	overflow:hidden;
}

#tituloAlemania{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 21;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/audience_germany.png');
        background-repeat:no-repeat;
	background-position:30% 200%;
	visibility: hidden;
	overflow:hidden;
}

#tituloRussia{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 21;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/audience_russia.png');
        background-repeat:no-repeat;
	background-position:40% 200%;
	visibility: hidden;
	overflow:hidden;
}


/* vacas */

#cowAmerica{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/audience_cow_usa.png');
        background-repeat:no-repeat;
	background-position:57% 60%;
	
	opacity: 1.0;
	
	visibility: hidden;
	overflow:hidden;
}

#cowFrancia{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/audience_cow_france.png');
        background-repeat:no-repeat;
	background-position:47% 60%;
	
	opacity: 1.0;
	
	visibility: hidden;
	overflow:hidden;
}

#cowAlemania{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 83px;	
	width:960px;	
	height: 600px;
	
	opacity: 1.0;
        	
	background-image: url('../img/audience_cow_germany.png');
        background-repeat:no-repeat;
	background-position:53% 60%;
	visibility: hidden;
	overflow:hidden;
}

#cowRussia{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 20;	
	top: 83px;	
	width:960px;	
	height: 600px;
	
	opacity: 1.0;
        	
	background-image: url('../img/audience_cow_russia.png');
        background-repeat:no-repeat;
	background-position:63% 60%;
	visibility: hidden;
	overflow:hidden;
}


/**************************/
/* CONTADOR               */
/**************************/

#contador3000{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/counter_3000.png');
        background-repeat:no-repeat;
	background-position:50% 170%;
	
	background-size:70%;
	
	visibility: visible;
	overflow:hidden;
}

#tituloContador{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 32;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/counter_title.png');
        background-repeat:no-repeat;
	background-position:10% -70%;
	
	background-size:30%;
	
	visibility: visible;
	overflow:hidden;
}

#titulo2Contador{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/counter_title2.png');
        background-repeat:no-repeat;
	background-position:50% 89%;
	
	background-size:30%;
	
	visibility: hidden;
	overflow:hidden;
}

/* monumentos */

#contadorBigben{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/counter_bigben.png');
        background-repeat:no-repeat;
	background-position:50% 150%;
	
	visibility: visible;
	overflow:hidden;
}

#contadorEiffel{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/counter_eiffel.png');
        background-repeat:no-repeat;
	background-position:50% 180%;
	
	visibility: visible;
	overflow:hidden;
}

#contadorGate{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/counter_gate.png');
        background-repeat:no-repeat;
	background-position:50% 150%;
	
	visibility: visible;
	overflow:hidden;
}

#contadorLiberty{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/counter_liberty.png');
        background-repeat:no-repeat;
	background-position:50% 180%;
	
	visibility: visible;
	overflow:hidden;
}


#superman{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
        	
	background-image: url('../img/superman1.png');
        background-repeat:no-repeat;
	background-position:-15% 15%;
	
	visibility: visible;
	overflow:hidden;
}

/**************************/
/* TELONES             */
/**************************/

.ticketsElem{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 83px;	
	width:960px;	
	height: 600px;
	
	overflow:hidden;
}

#telon{
	background-image: url('../img/tickets_telon.png');
        background-repeat:no-repeat;
	background-position:0% 10%;
	visibility: hidden;
	z-index: 10;	
}

#telon1{
	background-image: url('../img/tickets_telon1.png');
        background-repeat:no-repeat;
	background-position:0% 600%;
	visibility: visible;
	z-index: 10;	
}
#telon2{
	background-image: url('../img/tickets_telon2.png');
        background-repeat:no-repeat;
	background-position:0% 650%;
	visibility: visible;
	z-index: 15;
}
#telon3{
	background-image: url('../img/tickets_telon3.png');
        background-repeat:no-repeat;
	background-position:0% 650%;
	visibility: visible;
	z-index: 15;
}
#telon4{
	background-image: url('../img/tickets_telon4.png');
        background-repeat:no-repeat;
	background-position:0% 150%;
	visibility: visible;
	z-index: 11;	
}

#suelo{
	background-image: url('../img/tickets_suelo.png');
        background-repeat:no-repeat;
	background-position:0% -400%;
	visibility: visible;
	z-index: 10;	
}


#flipContainer{
        position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	border: 0;
	border-color:red;
	z-index: 22;	
	top: 33%;	
	width:960px;	
	height: 600px;
        visibility: visible;
	overflow:hidden;
}

#flip{
	position:relative;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 32;	
	/*top: 32%;
	left:22.5%;*/
	
	background:url(../img/giro-montado-206-pix-alto-x-segmento.png) no-repeat 0px 0px;
	height:206px;
	width:600px;
	padding:0;
	display:block;
	
	visibility: hidden;
	overflow:hidden;
}

#focoLeft{
	background-image: url('../img/tickets_foco_left.png');
        background-repeat:no-repeat;
	background-position:0% 1100%;
	visibility: visible;
	z-index: 15;	
}

#focoRight{
	background-image: url('../img/tickets_foco_right.png');
        background-repeat:no-repeat;
	background-position:0% 1100%;
	visibility: visible;
	z-index: 15;	
}

#futurama{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
		
	top: 83px;	
	width:960px;	
	height: 600px;

	visibility: hidden;
	overflow:hidden;
	background-image: url('../img/tickets_shutupimage.png');
        background-repeat:no-repeat;
	background-position:10% 200%;
	
	z-index: 35;	
}

#futuramaTexto{
	
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	
	top: 83px;	
	width:960px;	
	height: 800px;
	
	visibility: hidden;
	overflow:hidden;
	background-image: url('../img/tickets_shutuptext.png');
        background-repeat:no-repeat;
	background-position:-10% 7%;
	
	z-index: 36;	
}

#megaupload{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
		
	top: 83px;	
	width:960px;	
	height: 600px;

	visibility: hidden;
	overflow:hidden;
	background-image: url('../img/tickets_megupload.png');
        background-repeat:no-repeat;
	background-position:97% 103%;
	
	z-index: 35;	
}

#megauploadManos{
	
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	
	top: 83px;	
	left:0px;
	width:960px;	
	height: 800px;
	
	opacity: 0.0;
	
	visibility: visible;
	overflow:hidden;
	background-image: url('../img/mano-carton.png');
        background-repeat:no-repeat;
	background-position:735px 400px;
	
	z-index: 36;
}

#ticketDorado{
	position:fixed;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
		
	top: 83px;	
	width:960px;	
	height: 600px;

	visibility: visible;
	overflow:hidden;
	background-image: url('../img/tickets_biggolden.png');
        background-repeat:no-repeat;
	background-position:50% -200%;
	
	z-index: 35;	
}



/**************************/
/* CARTELERAS             */
/**************************/

#tioUno{
	position:absolute;
	background: url('../img/enano.png');
	background-repeat:no-repeat;
	background-color:transparent;
	top:400px;
	left:775px;	
	z-index: 190;
	width:182px;
	height:209px;
	visibility:hidden;
	opacity: 0.0;
}

#manosTioUno{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	
	top: 83px;	
	left:0px;
	width:960px;	
	height: 800px;
	
	opacity: 0.0;
	
	visibility: visible;
	overflow:hidden;
	background-image: url('../img/mano-carton.png');
        background-repeat:no-repeat;
	background-position:740px 410px;
	
	
	z-index: 37;
}

#plusBackClick{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 37;	

	top: 560px;
	width: 53px;
	height: 53px;
	left: 810px;

        background-image: url('../img/plus.png');
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 0.0;
	visibility: hidden;
	overflow:hidden;
}

#plusBackClick:hover{
	cursor: pointer;
}

.socialDivClick{
	position:absolute;
	z-index:2000;		
	height: 42px;
	width: 110px;
	background-color:transparent;
	
	top: 317px;
	
	border:0;
	border-color:white;
	
	visibility:hidden;
}

.socialDivClick:hover{
	cursor: pointer;
}

#tweetClick{	
	left: 267px;
}

#likeClick{
	left: 406px;
}

#playClick{
	left: 562px;
	width: 138px;
}

#fondoCartel{
	position:absolute;
	background: url('../img/carton_tuiteable_botones.png');
	background-repeat:no-repeat;
	background-color:transparent;
	top:50px;
	left:210px;	
	z-index: 180;
	width:542px;
	height:417px;
	visibility:hidden;
}

#letrero{
	font-family: Helvetica, Arial;
	position:absolute;
	background: url('../img/fondoCartel.png');
	background-repeat:no-repeat;
	background-color:transparent;
	top:50px;
	left:210px;	
	z-index: 180;
	width:542px;
	height:417px;
	visibility:hidden;
}
#letrero #botonesLetrero{
	height: 50px;
	position: absolute;
	bottom: 30px;
	width: 100%;
}
#letrero #botonesLetrero ul li {
	display: inline;
	padding:0 12px;
	filter: alpha(opacity= 80);
	-moz-opacity: .80;
	opacity: 0.80;
}
#letrero #botonesLetrero ul li:hover {
	filter: alpha(opacity= 100);
	-moz-opacity: 1;
	opacity: 1;
}
#letrero #textoLetrero.contenido{
	font-family: helvetica;
	margin: 40px auto 0 auto;
	/*height: 270px;*/
	padding: 22px 0;
	font-size: 20pt;
	text-align: left;
	color: white;
	filter: alpha(opacity= 60);
	-moz-opacity: .60;
	opacity: 0.60;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	width: 450px;
	text-shadow: 0 0 0.2em #FAFAFA;
	line-height: 32px;
}

#letrero #videoLetrero{
	margin-top:32px;
}


/* FOREVER ALONE 1 CLICK */

#plusForever1Click{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 37;	

	top: 590px;
	width: 53px;
	height: 53px;
	left: 150px;

        background-image: url('../img/plus.png');
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 0.0;
	visibility: hidden;
	overflow:hidden;
}

/* FOREVER ALONE 2 CLICK */

#plusForever2Click{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 37;	

	top: 235px;
	width: 53px;
	height: 53px;
	left: 805px;

        background-image: url('../img/plus.png');
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 0.0;
	visibility: hidden;
	overflow:hidden;
}

#megauploadClick{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 37;	

	top: 550px;
	width: 53px;
	height: 53px;
	left: 805px;

        background-image: url('../img/plus.png');
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 0.0;
	visibility: hidden;
	overflow:hidden;
}


#finalClickNeo{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 47;	

	top: 460px;
	width: 103px;
	height: 103px;
	left: 770px;
        
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 0.0;
	visibility: hidden;
	overflow:hidden;
}

#finalClickNeo:hover{
	cursor: pointer;
}


/* INICIO */

#instrucciones{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 38;	

	top: 63px;
	width: 960px;
	height: 660px;
	left: 5px;
	
	background-image: url(../img/inicio_carton_instrucciones.png);
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 1.0;
	visibility: visible;
	overflow:hidden;
}

#instruccionesMano
{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 38;	

	top: 260px;
	width: 125px;
	height: 220px;
	left: 535px;
	
	background-image: url(../img/mano_scroll.gif);
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 1.0;
	visibility: visible;
	overflow:hidden;
}

#instruccionesTexto{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 38;	

	top: 63px;
	width: 960px;
	height: 660px;
	left: 5px;
	
	background-image: url(../img/inicio_instrucciones.png);
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 1.0;
	visibility: visible;
	overflow:hidden;
}

#signature{
	position:absolute;
    text-align:center;
    margin: 0 auto;
    padding:0px;
	
    border: 0;
    border-color:red;
    z-index: 26;	
    top: 83px;	
    width:960px;	
    height: 600px;
        
    background-image: url('../img/signature.png');
    background-repeat:no-repeat;
    background-position:50px 532px;
    background-size: 100%;
    
    opacity: 1.0;
    visibility: visible;
    overflow:hidden;
}

#signatureTweetClick{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 38;	

	top: 640px;
	width: 53px;
	height: 22px;
	left: 651px;
        
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 1.0;
	visibility: visible;
	overflow:hidden;
}

#signatureTweetClick:hover{
	cursor: pointer;
}

#signatureFacebookClick{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 38;	

	top: 640px;
	width: 53px;
	height: 22px;
	left: 711px;
        
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 1.0;
	visibility: visible;
	overflow:hidden;
}

#signatureFacebookClick:hover{
	cursor: pointer;
}

#signatureNeolabelsClick{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	padding:0px;
	
	border: 0;
	border-color:red;
	z-index: 38;	

	top: 615px;
	width: 163px;
	height: 73px;
	left: 780px;
        
        background-repeat:no-repeat;
        background-size: 100%;
        opacity: 1.0;
	visibility: visible;
	overflow:hidden;
}

#signatureNeolabelsClick:hover{
	cursor: pointer;
}