body{
	color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style:italic;
	background-color:#000;
	text-shadow: black 0em 0em 0.8em;
}
/*/--comunes--/*/
.grupo{ 
	position:absolute;
	width:100%;
	height:100%;
}
.slide{ 
	position:absolute;
	width:100%;
}
.texto{
	position:absolute;
}
img{
	position:absolute;
	height:auto
}
.amarillo {
	color: #D6B46B;
}
/*/----------/*/
/*/--Cargando--/*/
/*/----------/*/
.cargando{
	position:absolute;
	width:100%;
	height:100%;
	font-size:1.2em;
}

/*/----------/*/
/*/--HTML--/*/
/*/----------/*/
.htmlconjunto {
	width:100%;
	position:absolute;
	text-align:center;
}
.htmlconjunto img{
	position:relative;
	display:inline-block;
}
.htmltexturas img{
	position:absolute;
	width:100%;
	height:auto;
}
.htmltexturas{
	position:absolute;
	width:100%;
	height:auto;
}
.H{width:3.68%}
.T{width:4%}
.M{width:4.56%}
.L{width:3.04%}
.abra{width:9.68%; margin-right:2%}
.rincheras{width:21.92%; margin-right:2%}
.ientras{width:15.28%; margin-right:2%}
.loren{width:11.68%;}
.asterisco{width:9.8%; margin-left:-6%}
/*/----------/*/
/*/--VIEJO MALE--/*/
/*/----------/*/
.viejo_m .viejofondo{
	position:absolute;
	width:100%;
}
.viejo_m .viejofondo img{
	position:absolute;
	width:100%;
}
.viejo_m .viejo_img{
	position:absolute;
	width:100%;
}
.viejo_m .viejo{
	width:55%;
}
.viejo_m .mancha{
	width:40%;
	left:65%;
}
.viejo_m .espino_b{
	width:100%;
	padding-top:65%;
}
.viejo_m .espino_t{
	width:60%;
	left:20%;
	padding-top:60%;
}
.viejo_m .humo_b{width:100%;}
.viejo_m .humo_t{width:100%;}
.viejo_m .luz{
	width:65%;
	left:30%;
	padding-top:18%;
}
.viejo_m .jarron_img{
	position:absolute;
	width:70%;
	left:18%
}
.viejo_m .jarron{
	width:25%;
	left:42%;
}
.viejo_m .piezas_t{
	left:42%;
	width:60%;
}
.viejo_m .piezas_r{
	width:60%;
	left:35%;
	padding-top:40%;
}
.viejo_m .piezas_l{
	width:50%;
	padding-top:18%;
}
/*/----------/*/
/*/--DIALOGO--/*/
/*/----------/*/
.dialogo{
	font-size:1.2em;
}

/*/----------/*/
/*/--VIEJO brais--/*/
/*/----------/*/
.viejo_b_img .fondo {
	width:100%;
}
.viejo_b_img .mancha {
	left:0%;
	padding-top:24%;
	width:57%;
}
.viejo_b_img .viejo1,
.viejo_b_img .viejo2 {
	right:0%;
	width:61%;
}

/*/----------/*/
/*/--DISCURSO andres--/*/
/*/----------/*/
.discurso_img .contgota {
	position:absolute;
	overflow:hidden;
	left: 46%;
	padding-top: 25%;
	width:2%;
}
.discurso_img .gota {
	width:100%;
}
.discurso_img .ondas {
	left: 18%;
	padding-top: 25%;
	width: 60%;
}
.discurso_img .espino_r {
	right:0%;
	padding-top:0%;
	width:24%;
}
.discurso_img .espino_l {
	left:0%;
	padding-top:0%;
	width:19%;
}
.discurso_img .espino_t {
	width:100%;
	padding-top:52%;
}
.discurso_img .cabeza1 {
	left:36%;
	padding-top:44%;
	width:31%;
}
.discurso_img .cabeza2 {
	left:73%;
	padding-top:57%;
	width:17.8%;
}
.discurso_img .cabeza3 {
	left:0%;
	padding-top:78%;
	width:13.6%;
}
.discurso_img .cabeza4 {
	left:15%;
	padding-top:69%;
	width:17.1%;
}
.discurso_img .fondo {
	width:100%;
}

/*/----------/*/
/*/--CORBATA brais--/*/
/*/----------/*/
.corbata .texto.uno {
	left:%;
	width:%;
}
/*/----------/*/
/*/--HUMO male--/*/
/*/----------/*/
.humo_img{
	position:absolute;
	width:100%;
	left:5%;
}
.humo_img .nuclear_t {
	padding-top: 15%;;
	width:100%;
}
.humo_img .pulmon_r {
	left: 25%;
	padding-top: 38%;
}
.humo_img .pulmon_l {
	left: 18%;
	padding-top: 38%;
}
.humo_img .viejo {
	left: 13%;
	padding-top: 24%;
}
.humo_img .nuclear_b {
	left: 8%;
	padding-top: 10%;
}
/*/----------/*/
/*/--PISTOLA brais--/*/
/*/----------/*/
.pistolamano{
	position:absolute;
	width:48%;
}
.pistolamano .estructura, 
.pistolamano .empunadura, 
.pistolamano .canon, 
.pistolamano .tornillacos {
	left:12%;
	width:100%;
}
.pistolamano .mano {
	left:-4%;
	padding-top:17%;
	width:68%;
}
.pistola .fondo {
	width:100%;
}
.pistola .manchas {
	position:absolute;
	width:100%;
}
.pistola .manchas .manchafondo{
	width:80%;
	left:10%;
}
.pistola .manchas .manchasrojas{
	width:50%;
	left:10%;
}
.pistola .manchas .manchasverdes{
	width:30%;
	left:20%;
}
/*/----------/*/
/*/--SUENO fin--/*/
/*/----------/*/
.contsueno{
	width:100%;
	position:absolute;
}
.sueno1_img{
	position:absolute;
	width:100%;
	top:0%;
}
.sueno2_img{
	position:absolute;
	width:100%;
	padding-top:168%;
}

.sueno1_img .disparo_r {
	padding-top:95%;
	right:-2%;
	width:41%;
}
.sueno1_img .disparo_l {
	padding-top:115%;
	left:-2%;
	width:41%;
}
.sueno1_img .espino_l {
	padding-top:80%;
	width:20%;
}
.sueno1_img .espino {
	width:100%;
	top:0%;
}
.sueno1_img .personaje_c {
	left:16%;
	width:35%;
	padding-top:140%;
}
.sueno1_img .personaje_t {
	padding-top:117%;
	right:0%;
	width:43%;
}
.sueno1_img .selva {
	width:100%;
	padding-top:25%;
}
.sueno1_img .selva11 {
	width:100%;
	padding-top:25%;
}
.sueno1_img .selva22 {
	width:100%;
	padding-top:25%;
}
.sueno1_img .selva33 {
	width:100%;
	padding-top:80%;
	display:none;
}
.sueno1_img .fondo {
	width:100%;
	padding-top:11%;
}


.sueno2_img .fondo2 {
	left:%;
	width:100%;
	height:50%;
}
.sueno2_img .personaje_b {
	right:0%;
	width:44%;
}
.sueno2_img .mancha {
	padding-top:63%;
	left:0%;
	width:100%;
}
.sueno2_img .selva2 {
	padding-top:18%;
	right:0%;
	width:45%;
}

.fin{
	width:100%;
	height:100%;
	background-color:#FFF;
	position:absolute;
	color:#000;
	text-shadow:none;
	margin-top:260%;
}
.fin .salpicadura {
	left:19%;
	width:63%;
	top:4%;
}
.fin .bala {
	left:2%;
	width:16%;
	padding-top:88%;
}
.fin .contestela {
	left:0%;
	width:100%;
	position:absolute;
	margin-top:80%;
}
.fin .estela {
	top:32%;
	width:100%;
}
.fin .rayas {
	width:100%;
}
.fin .explosion {
	top:32%;
	left:-5%;
}

/*/----------/*/
/*/--CREDITOS--/*/
/*/----------/*/
.creditos {
	position:absolute;
	color:#a9895b;
	text-align:center;
	width:100%;
	padding-bottom:50px;
	background-color:#FFF;
	text-shadow:#CCC 0em 0em 1.0em;
}
.creditos a {
	font-size:90%;
	color:#9a4332;
	text-decoration:none;
}
.creditos a:hover {
	color:#d55e47;
}
.creditos .titular {
	color: #000;
	font-size: 130%;

}

/* ESTILOS PARA LOS CARGANDO */
.cont_cargando {
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
}
.cont_cargando_centrado {
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25%;
}
.cargando_texto {
	font-size:23px;
	text-align:center;
}
.cargando_alphas {
	width:75px;
	margin:auto;
}
.cargando_alpha {
	width:25px;
	float:left;
	font-size:30px;
}

/* ANIMACIÓN */
@keyframes alpha {
     from {opacity:0;-moz-opacity:0;-o-opacity:0;-webkit-opacity:0;}
     to {opacity:1;-moz-opacity:1;-o-opacity:1;-webkit-opacity:1;}
}
@-moz-keyframes alpha {
     from {opacity:0;-moz-opacity:0;-o-opacity:0;-webkit-opacity:0;}
     to {opacity:1;-moz-opacity:1;-o-opacity:1;-webkit-opacity:1;}
}
@-webkit-keyframes alpha {
     from {opacity:0;-moz-opacity:0;-o-opacity:0;-webkit-opacity:0;}
     to {opacity:1;-moz-opacity:1;-o-opacity:1;-webkit-opacity:1;}
}
@-o-keyframes alpha {
     from {opacity:0;-moz-opacity:0;-o-opacity:0;-webkit-opacity:0;}
     to {opacity:1;-moz-opacity:1;-o-opacity:1;-webkit-opacity:1;}
}

/* APLICACION DE ANIMACION */
.cargando_texto {
	animation: alpha 1s ease-out 0s /*infinite alternate both*/;
	-moz-animation: alpha 1s ease-out 0s /*infinite alternate both*/;
	-webkit-animation: alpha 1s ease-out 0s /*infinite alternate both*/;
	-o-animation: alpha 1s ease-out 0s /*infinite alternate both*/;
}
.cargando_alpha.uno, .cargando_alpha.tres {
	animation: alpha 1s ease-out 2s infinite alternate both;
	-moz-animation: alpha 1s ease-out 2s infinite alternate both;
	-webkit-animation: alpha 1s ease-out 2s infinite alternate both;
	-o-animation: alpha 1s ease-out 2s infinite alternate both;
}
.cargando_alpha.dos {
	animation: alpha 1s ease-out 1s infinite alternate both;
	-moz-animation: alpha 1s ease-out 1s infinite alternate both;
	-webkit-animation: alpha 1s ease-out 1s infinite alternate both;
	-o-animation: alpha 1s ease-out 1s infinite alternate both;
}



/*/----------/*/
/*/----------/*/
/*/----------/*/
/*/----------/*/
/*/----------/*/
/*/----------/*/
/*/--scroll--/*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {-ms-touch-action: none;}
body,ul,li {
	padding: 0;
	margin: 0;
	border: 0;
}
body {
	font-size: 12px;
	overflow: hidden; /* this is important to prevent the whole page to bounce */
}
#wrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image:url(http://www.hijosdemaryshelley.com/html/img/patron.jpg);
	overflow: hidden;
}
#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 9999;
	width: 0.9%;
	max-width:20px;
	min-width:5px;
	bottom: 2px;
	top: 2px;
	right: 3px;
	overflow: hidden;
}

.iScrollIndicator {
	position: absolute;
	background-color: #900;
	border-radius: 8px;
}
.iScrollVerticalScrollbar .iScrollIndicator {
	width: 100%;
}

/*/----------/*/