html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline}
:focus{outline:0}body{line-height:1;color:black;background:white}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}

.centraliza {
	margin: auto;
	width:1150px;
	height:750px;
}

.content {
	position:absolute; 
	margin: auto;
	width:1150px;
	height:750px;
}

h1{ font-size:30px; font-family:arial; text-align:center; }

.menor {font-size:50%;}

#back {  
position:absolute; 
top:65px; 
left:50%; 
margin-left:-490px; 
border:3px solid transparent;

background-color:#573C3C;
background-color:#574D3C;
background-color:#3C4A57;
background-color:#3C5257;
background-color:#535353;
background-color:#303030;
background-color:#40573C;


}

#canvas { 
position:absolute; 
top:65px; 
left:50%; 
margin-left:-490px; 
border:3px solid transparent;
background-color:transparent;
touch-action: none; /* disable double-tap zoom/pan */
}

#imageFix { 
position:absolute; 
top:65px; 
left:50%; 
margin-left:-490px; 
border:3px solid transparent;
cursor: url("../img/cursor.png") 20 20, default;
touch-action: none; /* disable double-tap zoom/pan */
}

#canvas.auto {cursor:auto}
#canvas.apagador {cursor: url("../img/apagador.png") 30 25, default}
#canvas.branco {cursor: url("../img/giz/giz1.png") 0 0, default}
#canvas.amarelo {cursor: url("../img/giz/giz2.png") 0 0, default}
#canvas.rosa {cursor: url("../img/giz/giz3.png") 0 0, default}
#canvas.verdinho {cursor: url("../img/giz/giz4.png") 0 0, default}
#canvas.azul {cursor: url("../img/giz/giz5.png") 0 0, default}
#canvas.laranja {cursor: url("../img/giz/giz6.png") 0 0, default}
#canvas.preto {cursor: url("../img/giz/giz7.png") 0 0, default}
#canvas.selva {cursor: url("../img/giz/giz8.png") 0 0, default}

body {
color: white;
background-image: url(../img/fundo/hand_skip_troweled_stucco.jpg);
-webkit-user-select: none; 
-moz-user-select: none;
}

.quadro {
width:1008px; 
height:608px; 
position:absolute; 
top:55px; 
left:50%; 
margin-left:-500px; 
background-image: url(../img/quadro.png);background-repeat:no-repeat;
}

.aparador {
width:995px; 
height:53px; 
position:absolute; 
top:650px; 
left:50%; 
margin-left:-497px; 
background-image: url(../img/aparador.png);background-repeat:no-repeat;
}

.m_livre {
width:50px; height:50px; position:absolute; top:50px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/livre.png);background-repeat:no-repeat;
}

.m_linha {
width:50px; height:50px; position:absolute; top:100px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/linha.png);background-repeat:no-repeat;
}

.m_grossa {
width:50px; height:50px; position:absolute; top:150px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/grossa.png);background-repeat:no-repeat;
}

.m_quad {
width:50px; height:50px; position:absolute; top:200px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/quad.png);background-repeat:no-repeat;
}

.m_circ {
width:50px; height:50px; position:absolute; top:250px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/circ.png);background-repeat:no-repeat;
}

.m_curv {
width:50px; height:50px; position:absolute; top:300px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/curv.png);background-repeat:no-repeat;
}

.m_trac {
width:50px; height:50px; position:absolute; top:350px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/trac.png);background-repeat:no-repeat;
}

.m_ponto {
width:50px; height:50px; position:absolute; top:400px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/ponto.png);background-repeat:no-repeat;
}

.m_quadf {
width:50px; height:50px; position:absolute; top:350px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/quadf.png);background-repeat:no-repeat;
}

.m_circf {
width:50px; height:50px; position:absolute; top:400px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/circf.png);background-repeat:no-repeat;
}

.m_reta {
width:50px; height:50px; position:absolute; top:450px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/reta.png);background-repeat:no-repeat;
}

.m_seta {
width:50px; height:50px; position:absolute; top:500px; left:50%; margin-left:-550px; 
background-image: url(../img/tools/seta.png);background-repeat:no-repeat;
}

.m_azul {
width:60px; 
height:25px; 
position:absolute; 
top:653px; 
left:50%; 
margin-left:-5px; 
background-image: url(../img/cores/azul.png);background-repeat:no-repeat;
}

.m_rosa {
width:60px; 
height:25px; 
position:absolute; 
top:645px; 
left:50%; 
margin-left:-50px; 
background-image: url(../img/cores/rosa.png);background-repeat:no-repeat;
}

.m_amarelo {
width:60px; 
height:25px; 
position:absolute; 
top:650px; 
left:50%; 
margin-left:-100px; 
background-image: url(../img/cores/amarelo.png);background-repeat:no-repeat;
}

.m_verde {
width:60px; 
height:25px;  
position:absolute; 
top:650px; 
left:50%; 
margin-left:-155px; 
background-image: url(../img/cores/verde.png);background-repeat:no-repeat;
}

.m_branco {
width:60px; 
height:25px; 
position:absolute; 
top:650px; 
left:50%; 
margin-left:-200px; 
background-image: url(../img/cores/branco.png);background-repeat:no-repeat;
}

.m_laranja {
width:60px; 
height:25px; 
position:absolute; 
top:648px; 
left:50%; 
margin-left:50px; 
background-image: url(../img/cores/laranja.png);background-repeat:no-repeat;
}

.m_preto {
width:60px; 
height:25px; 
position:absolute; 
top:648px; 
left:50%; 
margin-left:-250px; 
background-image: url(../img/cores/preto.png);background-repeat:no-repeat;
}

.m_selva {
width:60px; 
height:25px; 
position:absolute; 
top:648px; 
left:50%; 
margin-left:-300px; 
background-image: url(../img/cores/selva.png);background-repeat:no-repeat;
}

.m_undo {
width:50px; 
height:50px; 
position:absolute; 
top:534px; 
left:50%; 
margin-left:-550px; 
background-image: url(../img/undo.png);background-repeat:no-repeat;
}

.m_redo {
width:50px; 
height:50px; 
position:absolute; 
top:594px; 
left:50%; 
margin-left:-550px; 
background-image: url(../img/redo.png);background-repeat:no-repeat;
}

.m_esquadro {
width:110px; 
height:110px; 
position:absolute; 
top:50px; 
left:50%; 
margin-left:510px; 
background-image: url(../img/esquadro.png);background-repeat:no-repeat;
}

.m_isometrico {
width:110px; 
height:110px; 
position:absolute; 
top:160px; 
left:50%; 
margin-left:510px; 
background-image: url(../img/isometrico.png);background-repeat:no-repeat;
}

.m_transferidor {
width:110px; 
height:110px; 
position:absolute; 
top:230px; 
left:50%; 
margin-left:510px; 
background-image: url(../img/transferidor.png);background-repeat:no-repeat;
}

/* ==========================================================*/
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  font-family:Arial, Helvetica, sans-serif;
}

.custom-file-input::before {
  margin-left:30px; 
  content: 'abrir';
  background: none;
  border: 0;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 12pt;
  color:black;
}

.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/* ==========================================================*/

.custom-file-save {
  font-family:Arial, Helvetica, sans-serif;
}
.custom-file-save::before {
  margin-left:30px; 
  content: 'salvar';
  background: none;
  border: 0;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 12pt;
  color:black;
}

.custom-file-save:hover::before {
  border-color: black;
}
.custom-file-save:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/* ==========================================================*/

.m_fverde {
width:50px; 
height:50px; 
position:absolute; 
top:500px; 
left:50%; 
margin-left:510px; 
background-image: url(../img/fverde.png);background-repeat:no-repeat;
}

.m_fbranco {
width:50px; 
height:50px; 
position:absolute; 
top:600px; 
left:50%; 
margin-left:510px; 
background-image: url(../img/fbranco.png);background-repeat:no-repeat;
}

.m_fpreto {
width:50px; 
height:50px; 
position:absolute; 
top:550px; 
left:50%; 
margin-left:510px; 
background-image: url(../img/fpreto.png);background-repeat:no-repeat;
}

.m_apaga {
width:75px; 
height:39px; 
position:absolute; 
top:641px; 
left:50%; 
margin-left:150px; 
background-image: url(../img/apaga.png);background-repeat:no-repeat;
}