@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
@import url(http://fonts.googleapis.com/css?family=Walter+Turncoat);

body { margin: 0; padding: 0;}

#container {
	overflow: hidden;
	position: absolute;
	width: 962px;
	height: 463px;
}

.azul #container { 	background-image: url("../images/fondo_azul.jpg"); }
.naranja #container { 	background-image: url("../images/fondo_naranja.jpg"); }
.verde #container { 	background-image: url("../images/fondo_verde.jpg"); }

#logo {
	background-image: url("../images/manos_a_la_obra.png");
	width: 250px;
	height: 143px;

	position: absolute;
	left: 0px;	
	top: 0px;
	z-index: 1050;
}

#banda_azul {
	background-image: url("../images/banda_azul.jpg");
	width: 964px;
	height: 82px;

	position: absolute;
	left: 0px;	
	top: 395px;
	z-index: 3;
}

#banda_naranja {
	background-image: url("../images/banda_naranja.jpg");
	width: 964px;
	height: 82px;

	position: absolute;
	left: 0px;	
	top: 395px;
}

#banda_verde {
	background-image: url("../../assets-common/images/banda_verde.jpg");
	width: 964px;
	height: 82px;

	position: absolute;
	left: 0px;	
	top: 395px;
}

#arrastra_para_avanzar
{
	background-image: url("../images/arrastra_para_avanar.png");
	width: 126px;
	height: 97px;

	position: absolute;
	left: 45px;	
	top: 320px;
	z-index: 3;
}

#label_pasos {
	background-image: url("../images/slider/slider_pasos.png");
	width: 73px;
	height: 25px;

	position: absolute;
	left: 22px;	
	top: 410px;
}

#slider_play
{
	background-image: url("../images/slider/slider_play.png");
	width: 120px;
	height: 100px;

	position: absolute;
	left: 830px;	
	top: 0px;
	z-index: 2050;
	
	cursor: pointer;
}

#slider_pause
{
	background-image: url("../images/slider/slider_pausa.png");
	width: 120px;
	height: 100px;

	position: absolute;
	left: 830px;	
	top: 0px;
	z-index: 2050;
	
	cursor: pointer;	
}

#slider_sonido
{
	background-image: url("../../assets-common/images/slider/slider_sonido.png");
	width: 41px;
	height: 42px;

	position: absolute;
	left: 900px;	
	top: 70px;
	z-index: 2050;
	
	cursor: pointer;
}

#slider_sin_sonido
{
	background-image: url("../../assets-common/images/slider/slider_sin_sonido.png");
	width: 41px;
	height: 42px;

	position: absolute;
	left: 900px;	
	top: 70px;
	z-index: 2050;
	
	cursor: pointer;	
}

.masinfo {
	background-image: url("../images/slider/slider_mas_info.png");
	width: 25px;
	height: 26px;
	cursor: pointer;
}

.azul .slider_new .item1 { left: 0px; background-image: url("../images/slider/slider_1_apagado_azul.png"); }
.azul .slider_new .item2 { background-image: url("../images/slider/slider_2_apagado_azul.png"); }
.azul .slider_new .item3 { background-image: url("../images/slider/slider_3_apagado_azul.png"); }
.azul .slider_new .item4 { background-image: url("../images/slider/slider_4_apagado_azul.png"); }
.azul .slider_new .item5 { background-image: url("../images/slider/slider_5_apagado_azul.png"); }
.azul .slider_new .item6 { background-image: url("../images/slider/slider_6_apagado_azul.png"); }
.azul .slider_new .itemFin { background-image: url("../images/slider/slider_fin_apagado_azul.png"); }

.naranja .slider_new .item1 { left: 0px; background-image: url("../images/slider/slider_1_apagado.png"); }
.naranja .slider_new .item2 { background-image: url("../images/slider/slider_2_apagado.png"); }
.naranja .slider_new .item3 { background-image: url("../images/slider/slider_3_apagado.png"); }
.naranja .slider_new .item4 { background-image: url("../images/slider/slider_4_apagado.png"); }
.naranja .slider_new .item5 { background-image: url("../images/slider/slider_5_apagado.png"); }
.naranja .slider_new .item6 { background-image: url("../images/slider/slider_6_apagado.png"); }
.naranja .slider_new .itemFin { background-image: url("../images/slider/slider_fin_apagado.png"); }

.verde .slider_new .item1 { left: 0px; background-image: url("../images/slider/slider_1_apagado_verde.png"); }
.verde .slider_new .item2 { background-image: url("../images/slider/slider_2_apagado_verde.png"); }
.verde .slider_new .item3 { background-image: url("../images/slider/slider_3_apagado_verde.png"); }
.verde .slider_new .item4 { background-image: url("../images/slider/slider_4_apagado_verde.png"); }
.verde .slider_new .item5 { background-image: url("../images/slider/slider_5_apagado_verde.png"); }
.verde .slider_new .item6 { background-image: url("../images/slider/slider_6_apagado_verde.png"); }
.verde .slider_new .itemFin { background-image: url("../images/slider/slider_fin_apagado_verde.png"); }

.slider_new.item1 .item1 { background-image: url("../images/slider/slider_1_prendido.png"); }
.slider_new.item2 .item2 { background-image: url("../images/slider/slider_2_prendido.png"); }
.slider_new.item3 .item3 { background-image: url("../images/slider/slider_3_prendido.png"); }
.slider_new.item4 .item4 { background-image: url("../images/slider/slider_4_prendido.png"); }
.slider_new.item5 .item5 { background-image: url("../images/slider/slider_5_prendido.png"); }
.slider_new.item6 .item6 { background-image: url("../images/slider/slider_6_prendido.png"); }
.slider_new.itemFin .itemFin { background-image: url("../images/slider/slider_fin_prendido.png"); }

.hoja_en_blanco, #comenzar {
	position: absolute;
}

.hoja_en_blanco {
	background-image: url("../../assets-common/images/hoja_en_blanco.png");
	width: 600px;
	height: 453px;

	top: 0px;
	left: 177px;

}

.tipografia {
	font-family: 'Permanent Marker', cursive;
	line-height: 1.2em;
	text-align: left;
	font-size: 18px;
}

.hidden {
	display: none;
}


#shadowbox {
	background-image: url("../../assets-common/images/grisado_claro.png");
	width: 941px;
	height: 427px;

	position: absolute;
	left: 7px;
	top: 10px;

}

#scene1 a {
	text-decoration: none;
	color: inherit;
}

#comenzar
{
	background-image: url("../../assets-common/images/comenzar.png");
	width: 268px;
	height: 81px;

	left: 340px;
	top: 260px;

	cursor: pointer;
}

/* configurar el ancho de acuerdo a la fuente que se quiere resaltar **/
.resaltado {
	position: absolute;
	background-image: url("../../assets-common/images/marcador_titulo.png");
	height: 30px;
}

/* imágenes para Cuando estás conectado que unificó algunos de leer y
 * escribir así como de TEC */
.chica_entrevistando {
	background: url("../images/chica.png");
	width: 173px;
	height: 185px;
}

.chicos_contentos {
	background: url("../images/chicos2.png");
	width: 264px;
	height: 213px;
}

.computadora_mundo {
	background: url("../images/computadora_mundo.png");
	width: 164px;
	height: 143px;
}

.conejo {
	background: url("../images/conejo.png");
	width: 247px;
	height: 386px;
}

.hormiga {
	background: url("../images/hormiga.png");
	width: 45px;
	height: 118px;
}

.mundo_click {
	background: url("../images/mundo.png");
	width: 82px;
	height: 91px;
}

.nena_estudiando {
	background: url("../images/nena_estudiando.png");
	width: 194px;
	height: 193px;
}

.personaje_sabio {
	background: url("../images/personaje_sabio.png");
	width: 152px;
	height: 190px;
}

.personaje_hablando {
	background: url("../images/personaje_hablando.png");
	width: 105px;
	height: 131px;
}

.nave {
	background: url("../images/cargando/nave.png");
	width: 63px;
	height: 92px;
}