@CHARSET "UTF-8";

.redThing {
	background-color:red;
}

.blackThing {
	color: white;
	background-color: black;
}

.navyThing {
	background-color: navy;
}

.fuchsiaThing {
	background-color: fuchsia;
}

.limeThing {
	background-color: lime;
}

.purpleThing {
	background-color: purple;
}

.grayThing {
	background-color: gray;
}

.maroonThing {
	background-color: maroon;
}

.wheatThing {
	background-color: wheat;
}

.blueThing {
	background-color: blue;
}

.greenThing {
	background-color: green;
}

.yellowThing {
	background-color: yellow;
}

.aquaThing {
	background-color: aqua;
}

.whiteThing {
	background-color: white;
}
 

#canvas-sketch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    z-index: 10000;
    -webkit-box-shadow: inset 0px 0px 0px 2px #5e9e2e;
    -moz-box-shadow: inset 0px 0px 0px 2px #5e9e2e;
    box-shadow: inset 0px 0px 0px 2px #5e9e2e;
}
 
 
/*Botones Dialogo Paint*/
/***************************************/
#sketch_select {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-02.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_selectp {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-03.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_rect {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-04.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_line {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-05.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_ellipse {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-06.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_path {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-09.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_polygon {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-10.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_text {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-11.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_delete {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-12.png');
	background-repeat: no-repeat;
	background-size: cover;
}
#sketch_clear {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-13.png');
	background-repeat: no-repeat;
	background-size: cover;
}

#sketch_switch {
	background-position: 100% 0%;
	background-image: url('../img/Iconos-pag-web-3-17.png');
	background-repeat: no-repeat;
	background-size: cover;
}

/**********************************************/