#stage {
	width:96%;
	/*margin-left:30px;*/
	margin:0 auto;
	height:800px;
}

.fondopintar {
		width:100%;
	}

#botonera {
	bottom:81px;
}

.ggb_contenidoInterno {
	height:845px;
}
#guar, #impri{
	display: inline-block;
	cursor: pointer;
}

.acciones{
	position: absolute;
	left: 85%;
	top: 880px;
}

 canvas{
    cursor: crosshair;
    position: absolute;
    z-index: 200;
    top: 214px;
    left: 46.5%;
   border: 2px solid #C29330;
  }
  .colores{
    position: absolute;
    top: 200px;
    left: 88.5%;
    width: 30px;
    display: block;
    min-height: 50px;
  }
  .color{
    cursor: pointer;
    opacity: 0.8;
    width: 30px;
    height: 30px;
    display: block;
  }
  .color:hover{
    opacity: 1;
  }
  #cual1{
    background-color: #673e84; 
  }
  #cual2{
   background-color: #929ae2;  
 }
 #cual3{
   background-color: #41b22f; 
 }
 #cual4{
   background-color: #e1610a;
 }

 #cual5{
   background-color: red; 
 }

 #cual6{
   background-color: #cc838a;
 }

 #cual7{
   background-color: #434fc5; 
 }
 #cual8{
   background-color: black; 
 }

@media (max-width: 1366px) {
	.acciones{
		top:630px;
	}

	#guardar, #imprimir{
		width: 40px;
	}	
  
	#stage {
		height:700px;
	}
	canvas{
		top: 180px;
	}
	#botonera {
		bottom:47px;
	}

	.ggb_contenidoInterno {
		height:579px;
	}

	.fondopintar {
		width:100%;
	}

	#guar {
		display:inline-block;
	}

	#impri {
		display: inline-block;
	}

	header {
		font-size:0.95em;
	}

}

@media (max-width: 1024px) {
  
	#stage {
		height:700px;
		margin-left:20px;
	}

	.acciones{
		top:610px;
	}

	#guardar, #imprimir{
		width: 40px;
	}	
  

	#botonera {
		bottom:47px;
	}

	.ggb_contenidoInterno {
		height:562px;
	}

	.fondopintar {
		width:100%;
	}

	#guar {
		display:inline-block;
	}

	#impri {
		display: inline-block;
	}

	header h1 {
		margin-left:30px;
	}

}