body {	margin:  0px;
            padding: 0px;
            overflow: hidden;
            background: red;
            font-family: 'Open Sans', sans-serif;
	}
		
	
	
	
	
	#debugPanel {	background-color: black; 
					color: white; 
					position: absolute; 
					top: 50px; 
					left:0px; 
					width: 200px; 
					height: 50px; 
					z-index:1000; 
					display:none;					
	}
	
	#fondo { 	width: 100%; 
				height: 100%; 
				position: fixed; 
				top: 0px; 
				left: 0px; 
				z-index: 990;
				opacity: 0.8;
				background:#000;	   
	}
	
	#frmSetupFlotante {	z-index: 999; 
				border: 1px solid #1A2C5E; 
				margin-top: -756px; 
				margin-left: -256px; 
				top: 50%; 
				left: 50%; 
				padding: 12px; 
				position: fixed; 
				width: 512px; 
				height: 256px;
				background-color: #fff; 
				color: #000;
				border-radius: 4px;
				text-decoration: none;						
	}
	
	/* HORIENTACIÓN VERTICAL */
	@media all and (orientation:portrait) {
		
        #setupSelection {
                height: 120px; 
                width: 100%; 
                position: relative; 
                top: -208px;                                                /* -208 para 1 o 2 botones, -308 para 3 o 4 botones   */
                text-align: center;
        }


        #windowClose{
                height: 120px; 
                width: 100%; 
                position: relative; 
                top: -350px; 
                text-align: right;"
        }


		/* pantalla de selección de formato de visualización */
		

		
	}

	/* HORIENTACIÓN HORIZONTAL */
	@media all and (orientation:landscape) {
		/* pantalla de selección de idiomas */
		

        #setupSelection {
                height: 120px; 
                width: 100%; 
                position: relative; 
                top: -208px;                                                /* -208 para 1 o 2 3 o 4 botones   */
                text-align: center;
        }

         #windowClose{
                height: 120px; 
                width: 100%; 
                position: relative; 
                top: -256px; 
                text-align: right;"
        }


		
		
		
		
	}
	
	
	
	#frmOrientationFlotante {	z-index: 995; 
				border: 1px solid #1A2C5E; 
				margin-top: -756px; 
				margin-left: -153px; 
				top: 50%; 
				left: 50%; 
				padding: 12px; 
				position: fixed; 
				width: 265px; 
				background-color: #fff; 
				color: #000;
				border-radius: 3px;
				text-decoration: none;					
	}
	
	
	
	
	.btn {border-radius: 5px;
		  padding: 5px -5px 5px 5px;
		  
		  margin-bottom: 2px;
		  height: 40px;
		  width: 100%;
		  float: left;
		  
		  color: #ffffff;
		  font-size: 15px;
		  text-decoration: none;
		  
		  background: #3498db;
		  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
		  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
		  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
		  background-image: -o-linear-gradient(top, #3498db, #2980b9);
		  background-image: linear-gradient(to bottom, #3498db, #2980b9);
		  -webkit-border-radius: 5;
		  -moz-border-radius: 5;
		}

	.btn:hover {
		  background: #3cb0fd;
		  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
		  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
		  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
		  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
		  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
		  text-decoration: none;
		}
	
	.btnCuadrado {border-radius: 5px;
		  padding: 5px -5px 5px 5px;
		  
		  margin-bottom: 2px;
		  margin-right: 5px;
		  height: 100px;
		  width: 100px;
		  float: left;
		  
		  color: #ffffff;
		  font-size: 15px;
		  text-decoration: none;
		  
		  background: #3498db;
		  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
		  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
		  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
		  background-image: -o-linear-gradient(top, #3498db, #2980b9);
		  background-image: linear-gradient(to bottom, #3498db, #2980b9);
		  -webkit-border-radius: 5;
		  -moz-border-radius: 5;
		}

	.btnCuadrado:hover {
		  background: #3cb0fd;
		  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
		  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
		  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
		  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
		  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
		  text-decoration: none;
		}
			
	a { 	text-decoration: none;
			
			font-size: 15px;
	} 
	
	#imgLanguages{
		margin: 0 auto;
		width: 386px;
	}
	
	#imgLang{
		float: left;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#imagenBoton {
		float: left;
		margin-top: 3px;
		margin-left: 3px;
		
	}
	
	#imagenFormat{
		background-color: red;
	}
	
	
	#textoBoton {
		float: left;
		padding-left: 15px;
		padding-top: 10px;
		color: #ffffff;
	}
	
	#tituloVentana {height: 30px; 
					
					font-size: 18px; 
					color: #000000; 
					text-align:left;
	}
	
	#webGLDiv2 {	position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index:10;
                
	}