html {  width: 100%;    height: 100%;   position: absolute; }

body{ 		
		width: 100%;
		min-width: 464px;
		height: 100%;				
		margin: 0 auto;						
		/* background: #000 url('../pp.png')no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover; */
	}
	
 .img-de-fondo {
	display:block; 
	padding:0; 
	margin:0; 
	width:100%; 
	height:100%; 
	position:fixed; 
	left:0; 
	top:0; 
	overflow:hidden; 
	z-index:0;
}
.img-de-fondo .bg {display:block; position:absolute; z-index:0;}


#contenedor {
    bottom: 0;
    height: 209px;
    margin: auto;
    min-width: 434px;
    position: absolute;
    width: 100%;
}
	
/* #centrar {
    bottom: 0;
    height: 1px;
    min-width: 434px;
    position: absolute;
    width: 99%;
} */

/*
#centrar{ 
		height		: 	49px;
		left		: 	50%;
		margin-left	: 	-480px;
		margin-top	: 	-50px;
		position	: 	inherit;
		top			: 	93%;
		width		: 	960px;
}
 para jpj - #cont-idiomas{ 
		height		: 	100px;
		left		: 	50%;
		margin		: 	auto auto auto -480px;
		position	: 	absolute;
		top			: 	85%;
		width		: 	960px;
	} */

/* #cont-idiomas {
		height		: 	100px;
		left		: 	49.5%;
		margin		: 	auto auto auto -480px;
		position	: 	fixed;
		top			:	526px;
		width		: 	960px;
} 
#cont-idiomas {
    height: 100px;
    left: 47.5%;
    margin: auto auto auto -480px;
    position: absolute;
    width: 960px;
}*/
	
#cont-idiomas {
    bottom: 0;
    height: 48px;
    margin: 0 auto;
    min-width: 464px;
    position: relative;
    width: 480px;
}
#idiomas{
		 height: 48px;   
		float		: 	left;    
		width		:	464px;
	}
	
#idiomas ul{
		float		:	left;
		margin		:	0 0 0 auto;
		width		:	100%;
	}
	
#idiomas li a{
		float		:	left;
		width		:	115px;
		display		:	inline-block;
		margin		: 	0 2px 2px 6px;
		width		:	108px;
		cursor		:	pointer;
	}
	
#es{
		width		:	110px;
		height		:	47px;
		background	:	url(../img/es-off.png)no-repeat scroll 0 0 transparent;
	}
#es:hover{
		cursor		:	pointer;		
		background	:	url(../img/es-on.png)no-repeat scroll 0 0 transparent;
	}

#en{
		width		:	110px;
		height		:	47px;
		background	:	url(../img/en-off.png)no-repeat scroll 0 0 transparent;
	}
#en:hover{
		cursor		:	pointer;		
		background	:	url(../img/en-on.png)no-repeat scroll 0 0 transparent;
	}

#br{
		width		:	110px;
		height		:	47px;
		background	:	url(../img/br-off.png)no-repeat scroll 0 0 transparent;
	}
#br:hover{
		cursor		:	pointer;		
		background	:	url(../img/br-on.png)no-repeat scroll 0 0 transparent;
	}
	
#fr{
		width		:	110px;
		height		:	47px;
		background	:	url(../img/fr-off.png)no-repeat scroll 0 0 transparent;
	}
#fr:hover{
		cursor		:	pointer;		
		background	:	url(../img/fr-on.png)no-repeat scroll 0 0 transparent;
	}
/* 	
#cont-btn-audio	{
		left		:	0;
		position	:	fixed;
		top			:	0;		
}
 
.bocina{
		width		:	42px;
		height		:	41px;
		cursor		:	pointer;
		background	: 	url('../img/icon-musica.png') no-repeat scroll 0 0 transparent;

		}
#boton_play_pause:hover{
		width		:	42px;
		height		:	41px;
		cursor		:	pointer;
		background	: 	url('../img/icon-prohibido.png') no-repeat scroll 0 0 transparent;
	}
		
.bocina-off{
		width		:	42px;
		height		:	41px;
		cursor		:	pointer;
		background	: 	url('../img/icon-prohibido.png') no-repeat scroll 0 0 transparent;
	} */
	 @media only screen and (max-width : 360px) 
 {
	

	
 }
/* 	 @media only screen and (max-width : 1024px) 
 {
 
	body{
		background: #000 url('../pp.png') no-repeat;
		background-repeat:no-repeat;
		background-position:center center;
		-o-background-size: 100% 100%, auto;
		-moz-background-size: 100% 100%, auto;
		-webkit-background-size: 100% 100%, auto;
		background-size: 100% 100%, auto;
		 -moz-background-size: cover;

	}
} */