﻿body, h1, h2, h3, h4, h5, h6 {
    font-family: "Lato", sans-serif;
}

.escondido {width:0;height:0;top:-1000px;position:absolute;}

.w3-bar, h1, button {
    font-family: "Montserrat", sans-serif;
}

/*
#design {
    position:relative;
}
#design:before {
    content:"";
    position:absolute;
    clear:both;
}
#design::after {
    content:"";
    clear:both;
}
#area_design:before {
    content:"";
    clear:both;
    all: initial;
}
*/
.toolbi {
    cursor:copy;
}
.toolbi2 {
    cursor:pointer;
}
.tb_design {
    outline-color:gray;
    outline-style:dotted;
    outline-width:1px;
    outline-offset:1px;
}
.tb_design > .tb_move {
    position:absolute;top:-7px;left:-7px;width:16px;height:16px;
    background-image:url('../images/toolbar/arrows.png');
    cursor:move;z-index:499;
}
.tb_design > .tb_back {
    position:absolute;top:-8px;left:8px;width:16px;height:16px;
    background-image:url('../images/toolbar/layer.png');
    cursor:zoom-out;z-index:499;
}
.tb_design > .tb_delete {
    position:absolute;bottom:-15px;left:-4px;width:16px;height:16px;
    background-image:url('../images/toolbar/delete.png');
    cursor:pointer;z-index:500;
}
.tb_design > .tb_resize {
    position:absolute;bottom:-3px;right:-3px;width:10px;height:10px;
    background-color:gray;
    cursor:se-resize;z-index:910;
}
/*.fa-anchor, .fa-coffee {
    font-size: 200px;
}*/
.preview {
    outline-color:lightgray;
    outline-style:solid;
    outline-width:1px;
    outline-offset:1px;
}
.tb_preview {
    outline-color:gray;
    outline-style:dashed;
    outline-width:1px;
    outline-offset:1px;
}
.tb_canva_page {
    outline-color:red;
    outline-style:dashed;
    outline-width:1px;
    outline-offset:1px;
}
.prw_min {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    align-content: start;
    margin-bottom: 20px;
    width: 100%;
}
.prw_item {
    display: list-item;
    text-align: -webkit-match-parent;
    min-width: 120px;
    max-width: 100%;
    -webkit-box-flex: 1;
    /*flex: 1 1 auto;*/
    position: relative;
    padding:7px;
}

/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
font-family: 'Komika Hand';
font-style: normal;
font-weight: normal;
src: local('Komika Hand'), url('../fonts/KOMIKAH_.woff') format('woff');
}
@font-face {
font-family: 'Komika Slick';
font-style: normal;
font-weight: normal;
src: local('Komika Slick'), url('../fonts/KOMIKASK.woff') format('woff');
}
@font-face {
font-family: 'Komika Slim';
font-style: normal;
font-weight: normal;
src: local('Komika Slim'), url('../fonts/KOMIKASL.woff') format('woff');
}
@font-face {
font-family: 'Komika Jam';
font-style: normal;
font-weight: normal;
src: local('Komika Jam'), url('../fonts/KOMIKJ__.woff') format('woff');
}
@font-face {
font-family: 'Komika Hand Italic';
font-style: normal;
font-weight: normal;
src: local('Komika Hand Italic'), url('../fonts/KOMIKHI_.woff') format('woff');
}
@font-face {
font-family: 'Komika Jam Italic';
font-style: normal;
font-weight: normal;
src: local('Komika Jam Italic'), url('../fonts/KOMIKJI_.woff') format('woff');
}
@font-face {
font-family: 'Komika Slick Italic';
font-style: normal;
font-weight: normal;
src: local('Komika Slick Italic'), url('../fonts/KOMIKSKI.woff') format('woff');
}
@font-face {
font-family: 'Komika Slim Italic';
font-style: normal;
font-weight: normal;
src: local('Komika Slim Italic'), url('../fonts/KOMIKSLI.woff') format('woff');
}
@font-face {
font-family: 'Komika Hand Bold';
font-style: normal;
font-weight: normal;
src: local('Komika Hand Bold'), url('../fonts/KOMIKAHB.woff') format('woff');
}
@font-face {
font-family: 'Komika Hand Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Komika Hand Bold Italic'), url('../fonts/KOMIKHBI.woff') format('woff');
}
@font-face {
font-family: 'Chalkboard';
font-style: normal;
font-weight: normal;
src: local('Chalkboard'), url('../fonts/Chalkboard.woff') format('woff');
}
@font-face {
font-family: 'Colored Crayons';
font-style: normal;
font-weight: normal;
src: local('ColoredCrayons'), url('../fonts/ColoredCrayons.woff') format('woff');
}
@font-face {
font-family: 'Crayon Crumble';
font-style: normal;
font-weight: normal;
src: local('DKCrayonCrumble'), url('../fonts/DKCrayonCrumble.woff') format('woff');
}
@font-face {
font-family: 'Eraser';
font-style: normal;
font-weight: normal;
src: local('EraserRegular'), url('../fonts/EraserRegular.woff') format('woff');
}
@font-face {
font-family: 'Smudgie Crayon';
font-style: normal;
font-weight: normal;
src: local('SmudgieCrayon'), url('../fonts/SmudgieCrayon.woff') format('woff');
}
@font-face {
font-family: 'Vanilla Boys';
font-style: normal;
font-weight: normal;
src: local('Vanilla Boys'), url('../fonts/Vanilla Boys.woff') format('woff');
}
@font-face {
font-family: 'Susanna';
font-style: normal;
font-weight: normal;
src: local('Susanna'), url('../fonts/SUSANNA_.woff') format('woff');
}
/*@font-face {
font-family: 'Susanna';
font-style: normal;
font-weight: normal;
src: local('Susanna'), url('../fonts/SUSANNA_.woff') format('woff');
}*/
@font-face {
font-family: 'Droid-Regular';
font-style: normal;
font-weight: normal;
src: local('Droid-Regular'), url('../fonts/droid.woff') format('woff');
}
@font-face {
font-family: 'Turbinado Bold W00 Regular';
font-style: normal;
font-weight: normal;
src: local('Turbinado Bold W00 Regular'), url('../fonts/Turbinado_Bold_W00_Regular.woff') format('woff');
}
/*FiraSans-Heavy*/
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: normal;
src: local('Fira Sans'), url('../fonts/FiraSans-Heavy.woff') format('woff');
}
/*FiraSans-MediumItalic*/
@font-face {
font-family: 'Fira Sans Italic';
font-style: normal;
font-weight: normal;
src: local('Fira Sans Italic'), url('../fonts/FiraSans-MediumItalic.woff') format('woff');
}
/*GeoSlab703-Md-BT-Bold*/
@font-face {
font-family: 'GeoSlab703 MdCn';
font-style: normal;
font-weight: normal;
src: local('GeoSlab703 MdCn'), url('../fonts/GeoSlab703-Md-BT-Bold.woff') format('woff');
}
