.questions .canvasContainer .cvContainer{
	float:left;
}

/* Landscape */
@media screen and (orientation:landscape) {
    body { 
    	background:#e2f4fd;
	 }
	.container {
	 margin:0 auto;
	 padding:0;
	 position:static;
	 text-align:center;
	 max-width:954px;
	 }
	.columns { 
		margin-top:0;
	}
	
	.tiposPalco { 
		background:#f0f9fe; 
		border:#90b8c9 2px solid; 
		margin:5px; 
		padding:10px; 
		width:84%;
	}
	.tiposPalco div { 
		margin-left:0;
		float:left;
		display:inline;
		width:47px;
		height:47px;
		margin-bottom:10px;
	}
	.tiposPalco img { 
		width:80%; 
	}
	
	.tiposGrid { 
		background:#f0f9fe; 
		border:#90b8c9 2px solid; 
		margin:5px; 
		padding:10px; 
		width:84%;
	}
	.tiposGrid div { 
		margin-left:0; 
	}
	.tiposGrid img { 
		width:80%; 
	}
	
	.ferramentas { 
		background:#f0f9fe; 
		border:#90b8c9 2px solid; 
		margin:5px; 
		padding:10px; 
		width:84%; 
	}
	.ferramentas .twelve { 
		margin-left:0; 
	}
	.ferramentas .tamanhoBrush { 
		background:#fff; 
		border:1px solid #99c1cb; 
		margin:0 auto; 
		padding:10px 13px; 
	}
	.ferramentas .tamanhoBrush ul li { 
		margin:4px 0; 
	}
	.ferramentas .tamanhoBrush ul .tamanho5 { 
		background:#bdb497; 
		height:25px; 
		width:25px; 
	}
	.ferramentas .tamanhoBrush ul .tamanho4 { 
		background:#bdb497; 
		height:20px; 
		width:20px; 
	}

	.ferramentas .tamanhoBrush ul .tamanho3 { 
		background:#bdb497; 
		height:15px;
		width:15px; 
	}
	.ferramentas .tamanhoBrush ul .tamanho2 { 
		background:#bdb497; 
		height:10px; 
		width:10px; 
	}
	.ferramentas .tamanhoBrush ul .tamanho1 { 
		background:#bdb497; 
		height:5px; 
		width:5px; 
	}
	
	.cores { 
		background:#f0f9fe;
		border:#90b8c9 2px solid; 
		margin:5px; 
		padding:10px; 
		width:84%; 
	}
	.cores .tamanho { 
		height:28px;
		margin:3px;
		width:28px; 
	}
	.cores .vermelho { 
		background:red; 
	}
	.cores .laranja { 
		background:orange; }
	.cores .amarelo { background:yellow; 
	}
	.cores .cinza { 
		background:gray; 
	}
	.cores .azul { 
		background:blue;
	}
	.cores .lilas { 
		background:purple;
	}
	.cores .verde { 
		background:green; 
	}
	.cores .preto { 
		background:black; 
	}
	
	.menu { 
		background:#fff; 
		border:#78989c 2px solid; 
	}
	.palco { 
		background:#fff; 
		border:#78989c 3px solid; 
                padding: 0;
                margin: 0;
                width: 533px !important;
	}

	
	.imagens { 
		background:#c0dfe9; 
		border:#90b8c9 2px solid; 
	}
        

	.imagens .botoes { 
		background:#c0dfe9; 
		overflow:hidden; 
		padding:3px; 
		width:94%; 
	}
	.imagens .botoes .voltar { 
		background:url('images/bt-voltar.png') no-repeat center; 
		background-size:100%; 
		border:none; 
		float:left; 
		height:48px; 
		width:20px; 
	}
	.imagens .botoes .avancar { 
		background:url('images/bt-avancar.png') no-repeat center; 
		background-size:100%; border:none; 
		float:right; 
		height:48px; 
		width:20px; 
	}
	.imagens ul { 
		background:#fff; 
	}
	.imagens ul li img { 
		width:47%; 
	}
}

/* Portrait */
@media screen and (orientation:portrait) {
    body { 
    	background:#e2f4fd; 
    }
	.container { 
		margin:0 auto;
		padding:0;
		position:relative;
		text-align:center;
		width:94%; 
	}
	.columns { 
		margin-top:0; 
	}
	
	.tiposPalco { 
		background:#f0f9fe; 
		border:#90b8c9 2px solid; 
		margin:5px; 
		padding:10px; 
		width:80%; 
	}
	.tiposPalco div { 
		margin-left:0; 
	}
	.tiposPalco img { 
		width:80%; 
	}
	
	.tiposGrid { 
		background:#f0f9fe; 
		border:#90b8c9 2px solid; 
		margin:5px; 
		padding:10px; 
		width:80%; 
	}
	.tiposGrid div { 
		margin-left:0; 
	}
	.tiposGrid img { 
		width:80%; 
	}
	
	.ferramentas { 
		background:#f0f9fe;
		border:#90b8c9 2px solid; 
		margin:5px; 
		padding:10px; 
		width:80%; 
	}
	.ferramentas .twelve { 
		margin-left:0; 
	}
	.ferramentas .tamanhoBrush { 
		background:#fff; 
		border:1px solid #99c1cb; 
		margin:0 auto; 
		padding:5px 8px; 
	}
	.ferramentas .tamanhoBrush ul li { 
		margin:4px 0; 
	}
	.ferramentas .tamanhoBrush ul .tamanho5 { 
		background:#bdb497; 
		height:20px; 
		width:20px; 
	}
	.ferramentas .tamanhoBrush ul .tamanho4 { 
		background:#bdb497; 
		height:15px; 
		width:15px; }
	.ferramentas .tamanhoBrush ul .tamanho3 { 
		background:#bdb497; 
		height:10px; 
		width:10px; 
	}
	.ferramentas .tamanhoBrush ul .tamanho2 { 
		background:#bdb497; 
		height:5px; 
		width:5px; 
	}
	.ferramentas .tamanhoBrush ul .tamanho1 { 
		background:#bdb497; 
		height:3px; 
		width:3px; 
	}
	
	.cores { 
		background:#f0f9fe; 
		border:#90b8c9 2px solid; 
		margin:5px; 
		padding:10px; 
		width:80%; 
	}
	.cores .tamanho { 
		height:23px; 
		margin:3px; 
		width:23px; 
	}
	.cores .vermelho { 
		background:red; 
	}
	.cores .laranja { 
		background:orange; 
	}
	.cores .amarelo { 
		background:yellow; 
	}
	.cores .cinza { 
		background:gray; 
	}
	.cores .azul { 
		background:blue; 
	}
	.cores .lilas { 
		background:purple; 
	}
	.cores .verde { 
		background:green; 
	}
	.cores .preto { 
		background:black; 
	}
	
	.menu { 
		background:#fff; 
		border:#78989c 2px solid; 
	}
	.palco { 
		background:#fff; 
		border:#78989c 2px solid; 
		height:432px; 
	}
	.palco .metade { 
		border-right:1px solid #78989c; 
		height:429px; 
		width:50%; 
	}
	
	.imagens { 
		background:#c0dfe9; 
		border:#90b8c9 2px solid; 
	}
	.imagens .botoes { 
		background:#c0dfe9; 
		overflow:hidden; 
		padding:4px 3px; 
		width:94%; 
	}
	.imagens .botoes .voltar { 
		background:url('images/bt-voltar.png') no-repeat center; 
		background-size:100%; border:none; 
		float:left; height:48px; 
		width:20px; 
	}
	.imagens .botoes .avancar {
	 background:url('images/bt-avancar.png') no-repeat center; 
	 background-size:100%; 
	 border:none; 
	 float:right; 
	 height:48px; 
	 width:20px; 
	}
	.imagens ul { 
		background:#fff; 
	}
	.imagens ul li img {
	 width:48%; 
	}
}

/*#canvas { 
	border: 1px solid #ccc;
	z-index: 40;
}*/
.rectangle {
    border: 1px solid #FF0000;
    position: absolute;
}



.column, .columns{
	position: static !important;
}

/*canvas { 
	border: 1px solid #ccc;
 }*/


#introducao .activeTool,  .activeSize, .activeColor {
    border: 1px solid;
}


#footer{
	margin: 0 !important;
}

#paint{
	width: 100%;
	height: 99%;
	float: left;
}

#paint2{
	float: right;
	width: 100%;
	height: 99%;
	/*pointer-events: none;*/
/*	-moz-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);*/
}

.canvas-container{
	position: static;
}




#textFabric{
    width: 45%;
    height: 30px;
    border: solid 2px rgb(0, 82, 96);
    color:rgb(0, 82, 96);
    font-weight: bold; 
	font-family:"Chau Philomene One";
	font-size: 16px;
    padding: 0 0 0 5px;
}


.canvas-container {
    padding-right: 3px;
}

.canvas-container.quadrado {
    background-image: url(images/bg-quadrado.png);
}

.canvas-container.ponto {
    background-image: url(images/bg-ponto.png);
}

.palco {
    width: 539px!important;
    margin-left: 2%;
    margin-bottom: 15px;
}

.imagensLista {
    position: relative; 
    top: 0px;
    padding-bottom: 170px;
}

#imagensListaContainer {
    height: 480px; 
    overflow: hidden;
}

.selecionar-eixo {}

.selecionar-eixo.gradeSelecionada {}

.selecionar-eixo.gradeSelecionada img {
	border: 2px solid black;
    width: 47px !important;
}

/* custom */

/* body .uwy.userway_p1 .userway_buttons_wrapper {
	top: 75px !important;
} */

#header .arrows {
	float: right;
	display: none;
}

/* @media screen and (orientation: portrait) {
	.tiposPalco img {
		width: 13%;
	}
	.tiposGrid img {
		width: 13%;
	}
	.row.ferramentas img {
	    width: 13%;
	}
} */